body {
    font-family: "Google Sans", Helvetica, Arial, sans-serif !important;
}

.indigo-text {
    color: #185EA9 !important;
}

table {
    font-family: "Google Sans", Helvetica, Arial, sans-serif !important;
}

h4 {
    font-size: 1.6rem !important;
    font-weight: 500 !important;
}

.btn {
    border-radius: 8px !important;
    padding: 0 2em !important;
}

.row>.input-field label {
    left: 0 !important
}

.customCardBlue div.card-action {
    border-top: 1px solid #B8CFDD !important;
}

.group-toggle-button button.active {
    background: #185EA9 !important;
}

.card .card-content .card-title i {
    margin-top: 0 !important;
}

.worktimeSwitch label input[type=checkbox]:checked+.lever:after {
    background-color: #185EA9 !important;
}

ul.dropdown-content.select-dropdown {
    top: 46px !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}

.dropdown-content li>span {
    line-height: 1.5 !important;
    font-family: "Google Sans", Helvetica, Arial, sans-serif !important;
    ;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .87) !important;
}

div.suggestPopupMiddleCenterInner.suggestPopupContent div {
    max-height: 200px !important;
    overflow-y: auto !important;
}


/** Datepicker **/
#time-picker .lolliclock-header {
    background: #185EA9 !important;
}

#time-picker .lolliclock-button {
    color: #185EA9 !important;
}

.picker__weekday-display {
    background-color: #303f9f !important;
}

.picker__date-display {
    background-color: #185EA9 !important;
    display: none;
}

/*.picker__day.picker__day--today {
	color: #185EA9 !important;
}*/
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    background-color: #185EA9 !important;
}

.picker__close,
.picker__today {
    color: #185EA9 !important;
}

.picker__close,
.picker__today,
.picker__clear {
    text-overflow: inherit !important;
}

/** Actualidad **/

.card .card-image img {
    max-height: 400px !important;
    width: 100% !important;
    object-fit: contain;
    object-position: center;
}

.card .card-content p {
    text-indent: 0 !important;
}

/*@media screen and (min-width: 992px) {
    .card .card-image img {
	   max-height: 175px !important;
    }
}
@media screen and (min-width: 1170px) {
    .card .card-image img {
	   max-height: 250px !important;
    }
}
@media (min-width:993px) and (max-width:1024px) {
    .card .card-image img {
	   max-height: 175px !important;
    }
}*/

/* UI Flat **/
.slick-initialized .slick-slide {
    height: auto;
}

@media (max-width: 601px) {
    .slick-initialized .slick-slide {
        /*padding-top: 60px !important;*/
        height: auto;
    }
}

.slick-dots li {
    margin: 0 4px 0 !important;
}

.card .card-title {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    margin-bottom: 10px !important;
}

/** Overlay SidenavPush **/
#sidenav-overlay {
    display: none !important;

}

/** Procedures Scroll Table **/
div.inner-scroll {
    overflow-x: auto !important;
    margin-bottom: 20px;
}

div.x-scroll {
    display: none !important;
}

::-webkit-scrollbar:horizontal {
    height: 8px;
}


ul.side-nav i {
    font-size: 1.8em !important;
    width: 1.3rem !important;
}


.material-carousel .carousel-prev-arrow {
    left: 0px !important;
}

.material-carousel .carousel-next-arrow {
    right: 0px !important;
}

@media (min-width: 601px) {
    .material-carousel {
        width: calc(100% - 50px) !important;
    }
}

@media (max-width: 601px) {
    .material-carousel {
        width: calc(100% - 0px) !important;
    }
}

@media only screen and (max-width: 992px) {
    .modal {
        width: 95% !important;
    }
}

/** Tabla Vacaciones - Bolsa de horas **/
/*@media only screen and (max-width: 520px), (min-device-width: 0px) and (max-device-width: 519px) {
    .selection-none table.table tbody tr.data-row, table.table tbody tr.data-row {
        display: table !important;
        width: 100%!important;
        margin: auto!important;
        margin-top: 0!important;
        margin-bottom: 0!important;
        box-shadow: none !important;
    }
}*/
/** Footer **/
footer.page-footer {
    border-top: 1px solid #DDDDDD;
}

/** Modal Condiciones Legales **/
@media only screen and (min-width: 992px) {
    .conditionsModal .container {
        width: 100% !important;
    }

    .conditionsModal .modal .modal-content {
        padding: 24px 0 !important;
    }
}


/** Splash Screen **/
.splash-screen div:first-child {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important;
    margin-top: 0 !important;
}