@CHARSET "UTF-8";
/*BOTON*/
.PXNLCUB-id-d{min-height:200px}
.PXNLCUB-id-h{padding:10px 0 20px}
.PXNLCUB-id-i{font-size:15px}
.PXNLCUB-id-e{margin-left:5px}
.PXNLCUB-id-a{color:#c00}
.PXNLCUB-id-b{visibility:hidden}
.PXNLCUB-id-f{margin-top:25px}
.PXNLCUB-id-g{padding-left:2px;margin-top:10px;font-size:14px}
.PXNLCUB-id-c{vertical-align:middle;margin:0 10px}
.PXNLCUB-rb-g{bottom:20px;margin:23px 23px 23px 15px;position:fixed;right:20px;white-space:nowrap;z-index:200}
.PXNLCUB-rb-a{outline:none}
.PXNLCUB-rb-c{background:#545454;border-radius:3px;color:#fff;display:inline-block;font-size:11px;padding:5px 10px;-webkit-transform:scale(0);transform:scale(0);vertical-align:middle;white-space:nowrap}
.PXNLCUB-rb-f{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;height:60px}
.PXNLCUB-rb-e{border-radius:50%;box-sizing:content-box;cursor:pointer;height:60px;pointer-events:auto;position:relative;width:60px;
    /*-webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.75);*/
}
.PXNLCUB-rb-e:hover{}
.PXNLCUB-rb-b{height:22px;left:19px;position:absolute;opacity:1;top:19px;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all 200ms cubic-bezier(0,0,.2,1);transition:all 200ms cubic-bezier(0,0,.2,1);visibility:visible;width:22px}
.PXNLCUB-rb-h{height:18px;left:19px;opacity:0;position:absolute;top:19px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all 200ms cubic-bezier(0,0,.2,1);transition:all 200ms cubic-bezier(0,0,.2,1);visibility:hidden;width:23px}
.PXNLCUB-rb-d{display:inline-block;line-height:60px;margin-right:18px;text-align:right}
.PXNLCUB-rb-g:hover .PXNLCUB-rb-b{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);visibility:hidden}
.PXNLCUB-rb-g:hover .PXNLCUB-rb-h{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);visibility:visible}
.PXNLCUB-rb-g:hover .PXNLCUB-rb-c{-webkit-animation:fadeInLeft 200ms cubic-bezier(0,0,.2,1) 300ms forwards;animation:fadeInLeft 200ms cubic-bezier(0,0,.2,1) 300ms forwards}
.PXNLCUB-rb-l{opacity:0;-webkit-transition:all 200ms cubic-bezier(0,0,.2,1);transition:all 200ms cubic-bezier(0,0,.2,1)}
.PXNLCUB-rb-i .PXNLCUB-rb-l{opacity:1;visibility:visible}
.PXNLCUB-rb-l .PXNLCUB-rb-j{display:-webkit-flex;display:flex;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;height:50px;margin-bottom:20px;position:relative}
.PXNLCUB-rb-l .PXNLCUB-rb-d{line-height:50px}
.PXNLCUB-rb-l .PXNLCUB-rb-c{white-space:nowrap}
.PXNLCUB-rb-l .PXNLCUB-rb-a{background:rgba(0,188,212,.87);border:none;border-radius:50%;cursor:pointer;height:50px;margin-right:5px;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 300ms cubic-bezier(0,0,.2,1) 100ms;transition:all 300ms cubic-bezier(0,0,.2,1) 100ms;width:50px}
.PXNLCUB-rb-l .PXNLCUB-rb-k{left:25%;position:absolute;top:25%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:transform 300ms cubic-bezier(0,0,.2,1) 100ms;transition:transform 300ms cubic-bezier(0,0,.2,1) 100ms}
.PXNLCUB-rb-l .PXNLCUB-rb-a:hover{background:rgba(0,188,212,1)}
.PXNLCUB-rb-i .PXNLCUB-rb-l .PXNLCUB-rb-a,.PXNLCUB-rb-i .PXNLCUB-rb-l .PXNLCUB-rb-k{-webkit-transform:scale(1);transform:scale(1)}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.gwt-Label {line-height: 1.4;}
/*.icono-boton-1 {position: absolute; color: white; left: 10px; top: 10px;}*/
.icono-boton-1 {position: absolute; color: white; left: 17px; top: 15px;}
.icono-boton-2 {position: absolute; color: white; left: 2px; top: 2px;}
[class*="flaticon-"].icono-boton-2 {left: -4px; top: -4px;}
.icono-boton {position: absolute; color: white; left: 23px; top: 23px;}
.position-flaticon  {left:22px;top:19px;}

/*FIN BOTON*/



.position-icon-add {
    left: 10px; top: 10px;
}

.position-icon-edit {
    left: 10px; 
    top: 6px;
}



.moseratum-icon-title {
    font-size: 1.6rem;
    margin-right: 5px;
}

    
.moseratum-tooltip:hover {
    text-decoration: none;
}

.moseratum-tooltip i {
    color: #c1bfd0;
}

.moseratum-tooltip i:hover {
    color: #2739c1;
}

.m-tooltip p {
    text-align: left;
    font-size: 0.85em;
}

.m-popover p {
    text-align: left;
    font-size: 0.85em;
}

.hidden {
    display: none !important;
}

.text-green {
    color: #4caf50;
}

.text-red {
    color: #f44336;
}

.text-pink {
    color: #e91e63;
}

.text-purple {
    color: #9c27b0;
}

.text-deep-purple {
    color: #673ab7;
}

.text-indigo {
    color: #3f51b5;
}

.text-blue {
    color: #2196f3;
}

.text-light-blue {
    color: #03a9f4;
}

.text-cyan {
    color: #00bcd4;
}

.text-teal {
    color: #009688;
}

.text-light-green {
    color: #8bc34a;
}

.text-lime {
    color: #cddc39;
}

.text-yellow {
    color: #ffeb3b;
}

.text-amber {
    color: #ffc107;
}

.text-orange {
    color: #ff9800;
}

.text-deep-orange {
    color: #ff5722;
}

.text-brown {
    color: #795548;
}

.text-grey {
    color: #9e9e9e;
}

.text-blue-grey {
    color: #607d8b;
}

.text-white {
    color: #ffffff;
}

/*.m-datatable.m-datatable--default.m-datatable--scroll>.m-datatable__table>.m-datatable__body {
    overflow: unset;
}

.m-datatable.m-datatable--default>.m-datatable__table {
    overflow: unset;
}*/


.imageProfilePreviewContainer {
    height: 400px;
}

.mt-element-overlay .mt-overlay-1 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default
}

.mt-element-overlay .mt-overlay-1 img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    width: 100%;
    height: auto
}

.mt-element-overlay .mt-overlay-1 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    background: rgba(0,0,0,.6);
    -webkit-transform: translatey(-100px) translateZ(0);
    -ms-transform: translatey(-100px) translateZ(0);
    transform: translatey(-100px) translateZ(0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px
}

.mt-element-overlay .mt-overlay-1 .mt-info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0);
    -ms-transform: translateY(-50%) translateZ(0)
}

.mt-element-overlay .mt-overlay-1 .mt-info>li {
    list-style: none;
    display: inline-block;
    margin: 0 3px
}

.mt-element-overlay .mt-overlay-1 .mt-info>li:hover {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.mt-element-overlay .mt-overlay-1:hover .mt-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    /*-webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)*/
}

.mt-element-overlay .mt-overlay-1:hover img {
    /*-ms-transform: scale(1.2) translateZ(0);
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0)*/
}

.mt-element-overlay .mt-overlay-1:hover .mt-info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.mt-element-overlay .mt-overlay-1 .mt-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: 100px;
}

.mt-element-overlay .mt-overlay-1.mt-scroll-up:hover .mt-overlay {
    bottom: 0
}

.mt-element-overlay .mt-overlay-1.mt-scroll-up .mt-overlay {
    bottom: -100%;
    top: auto
}

.mt-element-overlay .mt-overlay-1.mt-scroll-down:hover .mt-overlay {
    top: 0
}

.mt-element-overlay .mt-overlay-1.mt-scroll-down .mt-overlay {
    top: -100%
}

.mt-element-overlay .mt-overlay-1.mt-scroll-left:hover .mt-overlay {
    right: 0
}

.mt-element-overlay .mt-overlay-1.mt-scroll-left .mt-overlay {
    right: -100%;
    left: auto
}

.mt-element-overlay .mt-overlay-1.mt-scroll-right:hover .mt-overlay {
    left: 0
}

.mt-element-overlay .mt-overlay-1.mt-scroll-right .mt-overlay {
    left: -100%
}

.imageProfileGrid {
    max-width: 70px;
    max-height: 70px;
    border-radius: 35px;
}

.imageProfileTable {
    max-width: 55px;
    max-height: 55px;
}

.portlet-selectable {
    cursor: pointer;
}
.portlet-selectable:hover {
    /*background-color: rgba(0,0,0,0.05);*/
}

/*.portlet-selectable:focus {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px;
}

.portlet-selectable:hover {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px;
}

.portlet-selectable.active {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 5px;
}*/

.m-subheader .m-subheader__title.m-subheader__title--separator {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-title {
    text-transform: uppercase;
    padding: 0px;
    font-size: 1.2rem;
}
.m-dropdown.m-dropdown--header-bg-fill .m-dropdown__header .m-dropdown__header-subtitle {
    text-transform: uppercase;
}

.m-datatable__head {
    text-transform: uppercase;
    font-size: 1.2rem;
}



.title {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 600;
    
    font-family: "FoundersGrotesk-Semibold";
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.subtitle {
    text-transform: uppercase;
    font-size: 1.0rem;
    font-weight: 500;
}



.horasDisponibles .subtitle,.horasDisponiblesInfo .subtitle {
    text-transform: uppercase;
    font-weight: 400;
}


.m-portlet:not(.portlet-loading) .m-portlet__head .subtitle {
    text-transform: unset !important; 
    color: #b5b5c3;
}

.m-wizard__step-title {
    text-transform: uppercase;
    font-size: 1.1rem !important;
}

.m-menu__link-text {
    text-transform: uppercase !important;
}

.bg-event-empty {
    background-color: unset;
}

.fc-content-skeleton tr {
    height: 59px;
}

.bg-dia-libre {
    background: #f2f2f2 !important;
}

.bg-baja {
/*    background: #cfd8dc !important;*/
    background: #212121 !important;
    border: #484848;
}

.bg-baja .fc-time, .bg-baja .fc-title {
    color: white !important;
}

.bg-festivo {
    background-color: #f44336;
    
}

.bg-vacaciones {
    /*background-color: #fdd835;*/
    background: #f2f2f2 !important;
}

.bg-lleno {
    background-color: #fb8c00;
}

.bg-dia-actual {
    background-color: #90caf9;
}

.text-festivo {
    
    color: #f44336 !important;
}

.fc-content.no-before::before{
    display:none !important;
}

.fc-content.no-before {
    padding: 0.55rem 0.55rem 0.55rem 0.55rem !important;
}

.fc-content.no-before .fc-time {
    text-transform: unset !important;
}

.fc-content.no-before .fc-description {
    margin-top: 0px !important;
    margin-left: 0.55rem !important;
}

.text-vacaciones {
    color: #fdd835;
}

.text-lleno {
    color: #fb8c00;
}

.text-dia-actual {
    color: #90caf9;
}

.horasDisponibles .title,.horasDisponiblesInfo .title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
}

/*.m-login__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px !important; 
    margin-bottom: 0px;
}*/

.m-login__title {
    font-family: "FoundersGrotesk-Semibold" !important;
    font-size: 2.8rem !important;
}
.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary {
    width: 290px;
    font-family: 'FoundersGrotesk-Semibold';
    font-size: 1.12rem;
    text-transform: none;
    padding: 15px 22px!important;
}

.m-login__desc {
    margin-top: 5px !important;
}

.m-login__btn {
    text-transform: uppercase;
}

.horaDisponible {
    padding: 12px;
    font-weight: 600;
    float: none;
    margin: 0 auto;
    margin-bottom: 5px;
}

.horaDisponible:after {
    /*display: block;
    content: "\a";*/
}

.pointer {
    cursor: pointer;
}

.btn {
    font-weight: 600;
}

.btn-primary, .btn-secondary {
    text-transform: uppercase;
}

.btn.btn-primary, .btn.btn-secondary {
    color: #fff;
}

.btn.btn-default i, .btn.btn-secondary i {
    color: #fff;
}

.btn-opacity {
    opacity: 0.8;
}

.btCancelarReserva {
    right: 18px;
    position: absolute !important;
    top: 3px;
}


@media (min-width: 1025px) {
    .m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper {
        margin-left: -271px !important;
    }
    .m-dropdown.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow, .m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
        left: 71% !important;
    }
    .m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon>i:before {
        background: none !important;
        background-clip: unset !important;
        text-fill-color: unset !important;
        -webkit-background-clip: unset !important;
        -webkit-text-fill-color: unset !important;
    }
    
    .contenedorBusqueda .m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper {
        margin-left: -190px !important;
    }
    .contenedorBusqueda .m-dropdown.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow, .m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
        left: unset !important;
    }
    
    .contenedorBusqueda .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
        margin-left: -320px;
        width: 380px;
    }
}

.modal-title {
    text-transform: none;
    font-family: 'FoundersGrotesk-Bold' !important;
    -webkit-font-smoothing: subpixel-antialiased;
    /*color: #1C2B33 !important;*/
    color: #333333 !important;
    /*text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);*/
    font-size: 1.8rem !important;
    font-weight: 800 !important;
}

.btn-link-border {
    border-color: #ebedf2;
    background-color: white;
}

.btn.btn-link {
    /*padding: .85rem .85rem;*/
}

.btn.btn-link:hover:not(:disabled) {
    /*background-color: #f4f5f8;*/
    background-color: rgba(0,0,0,0.05);
    text-decoration: none;
}


.btn.btn-link-dark:hover:not(:disabled) {
    /*background-color: #f4f5f8;*/
    background-color: rgba(255,255,255,0.1);
    text-decoration: none;
}

.btn.btn-link-dark.active {
    color: white;
    text-decoration: none;
}



.btn.btn-link.active {
    color: white;
    text-decoration: none;
}

.title-ordenacion {
    text-transform: uppercase;
}


.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    color: #868aa8;
    font-weight: 600;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon, .bottomBarMobile .m-menu__item>.m-menu__link {
    /*color: #fafafa;*/
    color: #646885 !important;
}
.bottomBarMobile .m-menu__item:not(.m-menu__item--active)>.m-menu__link g rect:not(#bound) {
    fill: #44546f !important;
}

.bottomBarMobile .m-menu__item.m-menu__item--active svg path {
    fill: #007aff !important;
}

.bottomBarMobile .m-menu__item {
    height: 60px;
    padding-top: 5px;
    margin-left: 6px;
    margin-right: 6px;  
    width: 60px !important; 
}

.bottomBarMobile .m-menu__item a {
    width: 100%;
    height: 100%;
    display: block; 
    padding-top: 7px;
}

.title-portlet {
    font-weight: 500;
    /*font-size: larger;*/
}



.m-datatable.m-datatable--default.m-datatable--scroll>.m-datatable__table>.m-datatable__body {
    overflow: unset;
}

.m-datatable.m-datatable--default>.m-datatable__table {
    overflow: inherit;
}

.btn-danger {
    text-transform: uppercase;
}

.modal .modal-content .modal-header .modal-title {
    font-weight: 600;
}


.m-widget27 .m-widget27__pic .m-widget27__btn img {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    font-size: 1.1rem;
    padding: 1rem 2.5rem;
}


/*.m-portlet {
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.22) !important;
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.22) !important;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.22) !important;
    border-radius: 4px;
    border-bottom: 1px solid #dadce0;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}

.portlet-selectable:not(.m-menu__item--active):hover {
    background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%); 
}*/

.m-portlet {
    border-radius: 4px;
    transition: transform .3s ease-out;
}



.portlet-selectable:not(.m-menu__item--active):hover {
    transform: translate(0, -5px);
    z-index: 1000;
    position: relative;
}

.m-portlet .m-widget27__pic img {
    border-radius: 10px 10px 0px 0px;
}

.calendar_horario_apertura .fc-time-grid .fc-slats td {
    height: 0.9em !important;
}

.calendar_horario_apertura .fc-unthemed .fc-axis {
    padding-top: 0px;
    padding-bottom: 0px;
}

.blockPage .m-loader {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    /*opacity: 0.86;*/
    top: -22px;
    left: -22px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}

#datatable_imagenesCentros .m-widget27 .m-widget27__pic:before {
    background: none !important;
}

#datatable_imagenesUsuarios .m-widget27 .m-widget27__pic:before {
    background: none !important;
}

#datatable_imagenesDirecciones .m-widget27 .m-widget27__pic:before {
    background: none !important;
}


.m-widget27 .m-widget27__pic.no_background:before {
    background: none;
}


.image-logo {
    width: 80px;
}

.image-logo-title {
    width: 220px; 
    margin-right: 80px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
    /*margin: 0 auto 4rem auto;*/
    margin: 0 auto 2rem auto;
    margin-top: 0rem;
}
    


.alertLogin {
    width: 430px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
}

@media only screen and (max-width: 600px) {
    .image-logo {
        /*width: 80px;*/
        width: 50px;
    }

    .image-logo-title {
        /*width: 220px; 
        margin-right: 40px;
        margin-left: 40px;*/
        width: 200px; 
        margin-right: 40px;
        margin-left: 0px;
    }
    
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
        /*margin: 0 auto 4rem auto;*/
        margin: 0 auto 6rem auto;
        margin-top: 2rem;
    }
    
    .alertLogin {
        width: 88% !important;
        /*margin-left: 3rem;
        margin-right: 3rem;*/
    }
}



.select2-container {
    width: 100% !important;
}

iframe:not([name^="rxp-frame"]) {
    border-width: 0px;
    width: 100%;
}


.m-pricing-table-4 .m-pricing-table-4__top {
    background-color: unset;
}

.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items {
    -webkit-box-shadow: 0 0rem 0rem 0rem #D93371;
    box-shadow: 0 0rem 0rem 0rem #D93371;
}


@media (max-width: 768px) {
    .m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .btn {
        padding: 1.4rem 4rem;
    }
}

.m-login.m-login--2.m-login--signin .m-login__signin {
    margin-top: 40px;
}


/*.btn-animated {
    transition: all 0.3s ease 0s;
}

.btn-animated:hover {
    transform: translateY(-7px);
}*/


.btn-animated {
    -webkit-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.65) !important;
    -moz-box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.65) !important;
    /*box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.65) !important;*/
    box-shadow: 0px 3px 10px 2px rgba(0,0,0,0.15) !important;
    transition: all 0.05s ease-in-out;
}


.btn-animated:active {
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75) !important;
    -webkit-transform: scale(0.97, 0.97);
    transform: scale(0.97, 0.97);
}

/*.btn-shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-shadow::after {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-shadow:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.btn-shadow:hover::after {
    opacity: 1;
}*/


.full-width {
    width: 100%;
}

.modalContenido-open {
    /* Blur and de-color */
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.m-grid {
    transition: all 0.2s ease; /* prefix me */
}


/*.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link {
    border-radius: 60px;
    width: 43px;
    height: 43px;
    top: 12px;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link:hover {
    background-color: rgba(255,255,255,0.1);
}*/


@media (min-width: 1025px) {
    .m-header .m-stack.m-stack--desktop {
        box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.6);
    }
    
    .m-grid.m-grid--ver-desktop.m-grid--desktop>.m-grid__item:not(#contenido) {
        /*box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.6);*/
        background-color: #f2f3f8 !important;
    }
}

.m-header .m-stack.m-stack--desktop {
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.6);
}


.m-datatable>.m-datatable__table {
    background-color: unset;
}

.m-widget27 .m-widget27__pic>img {
    height: unset;
    min-height: 250px;
    object-fit: cover;
}

@media (max-width: 767px) {
    .m-widget27 .m-widget27__pic>img {
        min-height: 150px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .m-widget27 .m-widget27__pic>img {
        min-height: 180px !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .m-widget27 .m-widget27__pic>img {
        min-height: 200px !important;
    }
}

.m-login__form-action {
    margin-bottom: 20px;
}


.mt-overlay-1:not(.imageCover-overlay) {
    max-width: 80px;
    max-height: 80px;
    min-width: 80px;
    min-height: 80px;
}

.imageCover-overlay .mt-overlay {
    border-radius: 0px !important;
}

.m-widget27__btn img {
    max-height: 73px;
}

.logotipoTable {
    max-width: 50px;
}

.m-portlet.m-portlet--rounded-force {
    overflow: unset;
}

.popover .popover-header {
    color: #fff;
    background: #2c2e3e;
    padding: 12px 15px;
    font-weight: 400;
    border: 0;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0;
    font-size: 1rem;
}

.popover .popover-body {
    color: #9093ac;
    padding: 12px 15px;
    font-size: 1rem;
    font-weight: 300;
}

.popover {
    background: #242532;
    
}

.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-bottom-color: #282a38;
    border-top-color: #282a38;
}

.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-text, .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-text {
    font-size: 1.0rem;
}

.linkUsuario {
    text-decoration: none !important;
    padding-right: 2rem;
    color: #74788d !important;
    font-weight: 500;
}

.linkUsuario i {
    padding-right: .5rem;
}

.linkUsuario:hover {
    color: #5d78ff !important;
    transition: color .3s ease;
}

.btn i {
    padding-right: 0rem;
}

.m-widget27 .m-widget27__pic .m-widget27__btn .imgCentro {
    top: 70%;
}

.m-widget27 .m-widget27__pic .m-widget27__btn .imgCentro1 {
    left: 15%;
}

.m-widget27 .m-widget27__pic .m-widget27__btn .imgCentro2 {
    left: 45%;
}

.m-card-profile .m-card-profile__pic .m-card-profile__pic-wrapper.square {
    border-radius: 0px;
    margin-top: 0px;
}

.m-card-profile .m-card-profile__pic .square img {
    border-radius: 0px;
    max-width: unset !important;
}

.square .mt-element-overlay .mt-overlay-1 .mt-overlay {
    border-radius: 0px;
}

.square .mt-element-overlay .mt-overlay-1 {
    max-width: unset;
    max-height: unset;
    min-width: unset;
}

.m-widget27 .m-widget27__pic .logotipoBackground {
    /*background-color: rgba(0,0,0,0.5);
    height: 80px;
    width: 93%;
    position: absolute;
    left: 50%;
    top: 70%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    display: block;
    font-size: 1.1rem;
    padding: 1rem 2.5rem;
    border-radius: 40px;*/
}

.btn.btn-lg i, .btn-group-lg > .btn i {
    padding-right: 0px;
}

.m-widget27 .m-widget27__pic:before {
    background: unset;
}

td.fc-day-top span.active, td.fc-day-top a.active {
    color: white;
}

td.fc-day-top span.text-festivo, td.fc-day-top a.text-festivo {
    font-weight: 600;
}

td.fc-day-top span:hover, td.fc-day-top a:hover {
    color: white !important;
}

td.fc-day-top {
    cursor: pointer;
}

td.fc-day-top span, td.fc-day-top a {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
}

.fc-today span {
    font-weight: 600;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
    position: relative;
    left: 30%;
    top: 8px;
}

.fc .fc-month-view td, .fc .fc-month-view  th {
  border-style: none !important;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
    
    margin: -4.55rem auto 0 auto;
    width: 3rem;
    height: 3rem;
}

.m-wizard.m-wizard--2 .m-wizard__head {
    margin: 4rem 0 2rem 0;
    padding: 0 0rem;
}

.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress .progress {
    height: 0.26rem;
}

#fReserva .m-portlet__body {
    padding-top: 1px;
    padding-bottom: 1px;
}

@media (max-width: 1200px) {
    .m-wizard.m-wizard--2 {
        margin-top: 0rem;
    }
    
    #fReserva .m-portlet__body {
        /*padding-left: 30%;*/
    }
    
    .m-wizard.m-wizard--2 .m-wizard__head {
        display: unset;
    }
    
    .m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
        margin: -0.15rem auto 0 auto;
    }
    
    .m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step {
        margin-bottom: 2.0rem;
    }
    
    .m-wizard.m-wizard--2 .m-wizard__head .m-wizard__progress {
        margin-bottom: 0px;
        display: none;
    }
    
    .m-wizard__nav {
        margin: 20px;
    }
}

@font-face {
    font-family: "balibong";
    src: url('../fonts/balibong_regular.ttf');
}

@font-face {
    font-family: 'bergen';
    src: url('../fonts/bergen-text/BergenText-Bold.otf'),
         url('../fonts/bergen-text/BergenText-BoldItalic.otf'),
         url('../fonts/bergen-text/BergenText-Italic.otf'),
         url('../fonts/bergen-text/BergenText-Regular.otf'),
         url('../fonts/bergen-text/BergenText-SemiBold.otf'),
         url('../fonts/bergen-text/BergenText-SemiBoldItalic.otf')
}    

@font-face {
  font-family: 'FoundersGrotesk-Bold'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-Bold.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-BoldItalic'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-BoldItalic.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-Medium'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-Medium.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-MediumItalic'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-MediumItalic.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-Semibold'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-Semibold.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-SemiboldItalic'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-SemiboldItalic.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-Light'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-Light.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}
@font-face {
  font-family: 'FoundersGrotesk-LightItalic'; /* Nombre que le das a tu fuente */
  src: url('../fonts/founders-grotesk/FoundersGrotesk-LightItalic.otf') format('truetype'); /* Ruta a tu archivo de fuente .ttf */
}

.m-aside-left {
    font-family: 'bergen' !important;
}

.textoAyuda {
    font-family: "balibong";
    position: fixed; 
    bottom: 120px; 
    right: 110px;
    font-size: 1.8rem;
    color: black;
    font-weight: 500;
    transform: rotate(-10.5deg);
    text-shadow: 0px 0px 2px #000000;
    letter-spacing: 1px;
}

.arrowAyuda {
    position: fixed; 
    bottom: 61px; 
    right: 144px;
    font-size: 1.8rem;
    color: black;
    transform: rotate(-30.5deg);
    width: 38px;
    filter: drop-shadow(0px 0px 1px black);
}

.imageProfileBordered {
    border-style: solid;
    border-radius: 50%;
}

.diasSemana_buttons > :not(:last-child) {
    margin-right: .25rem;
}

.diasSemana_buttons a.btn-link {
    width: 40px;
    height: 40px;
}

.caption_custom {
    padding-top: 2rem;
}

.diasSemana {
    font-weight: 700;
}

.m-menu__item.m-menu__item--active {
    border-radius: 0px 30px 30px 0px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.22) !important;
}

@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--expanded, .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active {
        border-radius: 4px !important;
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media (min-width: 1025px) {
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover {
        border-radius: 4px !important;
        margin-left: 8px;
        margin-right: 8px;
    }
    
    .m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:hover>.m-menu__link>.m-menu__link-icon {
        color: unset !important;
    }
}

.m-subheader .m-subheader__title.m-subheader__title--separator {
    border-right: unset;
}

.btn-horario {
    width: 24px !important;
    height: 24px !important;
}

.btn-horario i {
    font-size: 0.9rem !important;
}

.m-subheader-custom {
    padding: 0px;
}

.m-content-custom {
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
}



.bootstrap-select > .dropdown-toggle {
    font-weight: 400 !important;
    text-align: right !important;
}

.bootstrap-select>.dropdown-toggle:after {
    right: 1.5rem;
    margin-top: -19px;
}

.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item .kt-widget__details .kt-section__content {
    padding-left: .7rem;
}

.kt-badge.kt-badge__pics {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.kt-badge {
    padding: 0;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: .8rem;
}

.kt-badge.kt-badge__pics .kt-badge__pic {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    margin-left: -.7rem;
    border: 1px solid #fff;
    background-color: #f0f3ff;
    color: #a1a8c3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: relative;
}

.kt-badge.kt-badge__pics .kt-badge__pic img {
    width: 100%;
}

.tablaDashboard {
    margin-bottom: 0px;
}

.tablaDashboard img {
    max-width: 40px;
    max-height: 40px;
    object-fit: cover;
}

.tablaDashboard h5 {
    font-size: 1rem;
    margin-bottom: 0px;
}

.tablaDashboard a, .tablaDashboard i {
    font-size: 0.80rem;
}

.tablaDashboard span {
    font-size: 0.80rem;
}

.tablaDashboard th {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.text-semibold {
    font-weight: 600;
}

.historico .tipoNivel {
    font-size: 0.75rem;
}

.word-break {
    word-break: break-word;
}

.historico .m-portlet__body {
    padding-top: 0px !important;
}

.notificacion .m-portlet__body {
    padding-top: 0px !important;
}

.btn:focus:not(.btn-elevate):not(.btn-filtro) {
    text-decoration: none;
}



.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    border-radius: 3px;
    background-color: #E6EFFC;
}

@media (max-width: 768px) {
    .contenedorTituloRecurso {
        flex-wrap: wrap;
    }

    .contenedorTituloRecurso::after {
        content: '';
        width: 100%;
    }

    .contenedorTituloRecurso div:not(:first-child), .contenedorTituloRecurso form {
        order: 1;
    }
    
    .contenedorTituloRecurso form, .contenedorTituloRecurso .form {
        width: 100%;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 1rem !important;
    }
    
    .contenedorTituloRecurso .btOpciones {
        order: unset !important;
        /*margin-right: 45px;*/
        
        position: relative;
    }
    
    .contenedorTituloRecurso .btOpciones:nth-last-child(3n) {
/*        margin-right: 40px !important;*/
    }
    
    .contenedorTituloRecurso .contenedorBusqueda {
        /*order: unset !important;*/
        margin-right: 45px !important;
    }
    
    /*.contenedorTituloRecurso .contenedorCategoria {
        order: unset !important;
        margin-right: 45px;
    }
    
    .contenedorTituloRecurso .contenedorBusqueda {
        order: unset !important;
        margin-right: 45px !important;
    }
    
    .contenedorTituloRecurso .contenedorOrden {
        order: unset !important;
        margin-right: 45px !important;
    }*/
    
    .contenedorAcciones {
        position: absolute;
/*        right: 20px;*/
        margin-top: -24px;
    }
}

.m-subheader .m-subheader__title.m-subheader__title--separator {
    /*border-right: unset;*/
}

.lines-effect {
    display:inline-block;
    position: relative;
    margin-left: 10px !important;
    left: 100px;
}

.lines-effect::after, .lines-effect::before {
    content: "";
    position:absolute;
    width: 100px;
    height: 1px;
    background-color: black;
    top: 1.3em;
}

.lines-effect::before {
    left: -110px;
}

@media (max-width: 768px) {
    .lines-effect {
        display:inline-block;
        position: relative;
        margin-left: 10px !important;
        left: 50%;
        transform: translateX(50%);
    }

    .lines-effect::after, .lines-effect::before {
        content: "";
        position:absolute;
        width: 100px;
        height: 1px;
        background-color: black;
        top: 0.9em;
    }

    .lines-effect::before {
        left: -110px;
    }

    
}

.lines-effect::after {
    right: -110px;
}

/*@media (max-width: 768px) {
    .m-login.m-login--2 .m-login__wrapper .m-login__container {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
        position: absolute;
        top: -25%;
        -ms-transform: translateY(-30%);
        transform: translateY(-30%);
    }
}*/

.m-portlet .m-portlet__foot:not(.m-portlet__no-border) {
    border-top: unset;
}

.m-aside-left.m-aside-left--skin-dark {
    /*background-color: #f2f3f8;*/
    background-color: #f2f3f8f1;
}

.m-datatable__row {
    display: none;
}

@media (max-width: 1024px) {
    .m-brand .m-brand__tools .m-brand__icon:nth-child(2) {
        margin-left: 0px;
    }
}

/*@media (max-width: 544px) {
    .hidden-xs {
        display: none;
    }
}*/

@media (max-width: 575px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 1200px) {
    .hidden-xl {
        display: none;
    }
}

.nav-tabs .nav-item .nav-link {
    font-weight: 600;
}

.col-center {
    float: none;
    margin: 0 auto;
}

.m-subheader__title .iconSvg svg {
    margin-bottom: 5px;
}

a.btn svg {
    margin-top: 8px;
}

.dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
    margin-top: 0px !important;
    margin-right: 15px;
}

.m-list-timeline__items .m-list-timeline__item .m-list-timeline__time {
    width: 90px !important;
}

.botonReservaLeft {
    left: 20px; 
    right: unset;
}

@media (min-width: 1025px) {
    .botonReservaLeft {
        left: 275px;
        /*left: 98px;*/
    }
}

@media (max-width: 1024px) {
    .m-aside-left-close.m-aside-left-close--skin-dark>i {
        color: unset;
    }
    .m-aside-left-close.m-aside-left-close--skin-dark {
        background-color: unset;
    }
    .m-aside-left-close.m-aside-left-close--skin-dark:hover {
        background-color: rgba(0,0,0,0.05);
    }
    
    .m-aside-left-close.m-aside-left-close--skin-dark:hover>i {
        color: unset;
    }
}

.imageProfileAgenda {
    max-width: 40px;
    max-height: 40px;
}

.nombreUsuarioAgenda {
    font-weight: 700;
}

.m-footer {
    background: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.iconDeleteFilters {
    cursor: pointer; 
}


.glow-on-hover {
    border: none;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.fc-time-grid-event.fc-short .fc-time span {
    display: contents !important;
}

.fc-time-grid-event.fc-short .fc-time:before {
    display: none !important;
}

.m-datatable__table div[class^="col-"]:last-child .m-portlet {
     margin-bottom: 0px; 
}

.H_ui {
    display: none; 
}

@media (max-width: 768px) {
    .m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-info {
        margin-bottom: 10px;
    }
}

.m-datatable.m-datatable--default>.m-datatable__pager>.m-datatable__pager-info {
    float: left;
}

@media (min-width: 1025px) {
    .m-dropdown-custom.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper.custom {
        margin-left: -300px;
    }
    .m-dropdown-custom.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow, .m-dropdown-custom.m-dropdown--arrow .m-dropdown__arrow {
        left: 79% !important;
    }
    
    .contenedorBusqueda .m-dropdown-custom.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper.custom {
        margin-left: unset !important;
    }
    .contenedorBusqueda .m-dropdown-custom.m-dropdown--arrow.m-dropdown--up .m-dropdown__arrow, .m-dropdown-custom.m-dropdown--arrow .m-dropdown__arrow {
        left: unset !important;
    }
    
    
}

@media (min-width: 768px) {
    .contenedorMapaCustom {
        margin-top: 0px !important;
    }
}

.tituloSeccion {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600;
}

.no-margins {
    margin: 0px !important;
}

.numeroDashboard {
    font-weight: 900;
    font-size: 2rem;
}

.m-dropdown__arrow {
    display: none !important;
}

.btn-menu-top {
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    top: 14px !important;
    padding-bottom: 5px !important;
}

.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-badge {
    margin-left: -1px !important;
    top: 1px !important;
}

.loader-menu-top {
    margin-top: 23px;
}

@media (max-width: 1024px) {
    .btn-menu-top {
        top: 5px !important;
    }
}

@media (max-width: 1024px) {
    .loader-menu-top {
        margin-top: 5px;
    }
    
    .hidden-menu-top {
        display: none !important;
    }
}

 .select2-container.select2-container--open:not(.select2) {
    width: unset !important;
}

.row-link, .col-link {
    cursor: pointer;
}

.col-link {
    border-radius: 0.25rem !important;
}

.row-link:hover, .col-link:hover {
    background-color: rgba(0,0,0,0.05);
}

.row-link td, .row-free td, .col-free {
    padding: .45rem .45rem;
}



.title-link {
    cursor: pointer;
    padding: .65rem;
    border-radius: 0.25rem;
}

.title-link:hover {
    /*background-color: rgba(0,0,0,0.05) !important;*/
}

.row-link td:first-child {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.row-link td:last-child {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.subicon-reservas {
    font-size: 0.9rem !important;
    top: 25px !important;
    left: 28px !important;
}

.iconSvgButtonTransformable {
    position: absolute;
    left: -1px;
    top: -2px;
}

.m-nav.m-nav--active-bg .m-nav__item>.m-nav__link.m-tabs__item--active {
    border-radius: unset;
}

.m-card-profile__name, .m-card-profile__email {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.m-list-timeline .m-list-timeline__items:before {
    background-color: unset;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body {
        margin-top: 0rem;
    }
}

.m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__heading, .m-aside-menu .m-menu__nav>.m-menu__item>.m-menu__link {
    height: 40px;
}

.m-menu__link-icon>svg {
    width: 20px;
    height: 20px;
}

.m-brand .m-brand__tools .m-brand__toggler span::before, .m-brand .m-brand__tools .m-brand__toggler span::after {
    height: 2px;
}

.m-brand .m-brand__tools .m-brand__toggler span {
    height: 2px;
}

.animated {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:none!important;
    /*animation-fill-mode:none!important*/
    
    animation-fill-mode:both!important
}

.estadisticaBody {
    font-size: 1.5rem;
    font-weight: 600;
}

.estadisticaTitle {
    color: #9699a2;
    font-weight: 500;
    font-size: .85rem;
    margin: 0.7rem 0 0.3rem 0;
}
    
.estadisticaFooter {
    font-size: .85rem;
}

.highcharts-credits {
    display: none;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__icon>i {
    color: #f5f5f5 !important;
}

.grafica_estadistica rect {
    fill: transparent;
}

.text-ellipsis {
    display: block !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* BEGIN - Neumorphic */
/*.m-portlet, .select2-dropdown, .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {*/
.m-portlet, .m-dropdown .m-dropdown__wrapper .m-dropdown__inner {
    background-color: #f5f5f5 !important;
    -webkit-box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
    -moz-box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
    box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
}
.select2-dropdown {
    background-color: #f5f5f5 !important;
}

.m-nav.m-nav--hover-bg .m-nav__item:hover>.m-nav__link, .m-nav.m-nav--hover-bg .m-nav__item.m-nav__item--active>.m-nav__link, 
.select2-container--default .select2-results__option.select2-results__option--highlighted {
    background: #eeeeee !important;
}

.select2-results__options {
    font-weight: 400 !important;
}

.background-input, .select2-selection, .background-input.form-control, .background-input.form-control:active, .select2-search__field, .m-radio>span, .form-group img[class*="irma"] {
    background: none !important;
    -webkit-box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
    -moz-box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
    box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
    border: none !important;
    -webkit-appearance: none;
/*    border-radius: 4px;*/ 
}

.background-input[disabled] {
    background-color: #eeeeee !important;
}


.m-checkbox.m-checkbox--solid>span, .m-radio.m-radio--state-primary>span {
    background: none !important;
    -webkit-box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
    -moz-box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
    box-shadow: inset 3px 3px 3px #cbced1, inset -3px -3px 3px #ffffff !important;
}

.modal-content {
    background-color: #f5f5f5 !important;
}
/* END - Neumorphic */

.m-nav.m-nav--hover-bg .m-nav__item:hover>.m-nav__link, .m-nav.m-nav--hover-bg .m-nav__item.m-nav__item--active>.m-nav__link {
    /* background-color: #eeeeee; */
    background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(238,238,238,1) 100%);
}

.tooltip-inner {
    color: #f5f5f5 !important;
    background-color: #263238 !important;
}

.bs-tooltip-right .arrow:before, .bs-tooltip-auto[x-replacement^="right"] .arrow:before {
    border-right-color: #263238 !important;
}

.bs-tooltip-top .arrow:before, .bs-tooltip-auto[x-replacement^="top"] .arrow:before {
    border-top-color: #263238 !important;
}

.bs-tooltip-left .arrow:before, .bs-tooltip-auto[x-replacement^="left"] .arrow:before {
    border-left-color: #263238 !important;
}

.bs-tooltip-bottom .arrow:before, .bs-tooltip-auto[x-replacement^="bottom"] .arrow:before {
    border-bottom-color: #263238 !important;
}

.m-pricing-table-4 .m-pricing-table-4__top .m-pricing-table-4__top-container.m-pricing-table-4__top-container--fixed .m-pricing-table-4__top-body .m-pricing-table-4__top-items .m-pricing-table-4__top-item {
    background-color: unset !important;
}



.fc-event.reserva {
    cursor: pointer;
}

.fc-event.reserva:hover {
    background-color: #fafafa;
}






.card {
    border: 0px !important;
}

.card-custom {
    background-color: #f5f5f5 !important;
    -webkit-box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
    -moz-box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
    box-shadow: 3px 3px 3px #d9d9d9, -3px -3px 3px #fafafa !important;
}

.wave {
  background-color: #F3F6F9;
  overflow: hidden;
  position: relative; }
  .wave > div {
    z-index: 1; }
  .wave:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f5f5f5;
    z-index: -1; }
  .wave:after {
    content: ' ';
    width: 1000px;
    height: 1025px;
    position: absolute;
    bottom: 65%;
    left: -250px;
    border-radius: 35%;
    background: #f5f5f5;
    z-index: 0; }
  .wave:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .wave-animate:after {
    -webkit-animation: animate-wave 15s infinite linear;
    animation: animate-wave 15s infinite linear; }
  .wave-animate-slower:after {
    -webkit-animation: animate-wave 30s infinite linear;
    animation: animate-wave 30s infinite linear; }
  .wave-animate-slow:after {
    -webkit-animation: animate-wave 25s infinite linear;
    animation: animate-wave 25s infinite linear; }
  .wave-animate-fast:after {
    -webkit-animation: animate-wave 10s infinite linear;
    animation: animate-wave 10s infinite linear; }
  .wave-animate-faster:after {
    -webkit-animation: animate-wave 5s infinite linear;
    animation: animate-wave 5s infinite linear; }
  .wave.wave-primary {
    background-color: rgba(54, 153, 255, 0.1) !important; }
    .wave.wave-primary .svg-icon svg g [fill] {
      fill: #3699FF; }
  .wave.wave-secondary {
    background-color: rgba(228, 230, 239, 0.1) !important; }
    .wave.wave-secondary .svg-icon svg g [fill] {
      fill: #E4E6EF; }
  .wave.wave-success {
    background-color: rgba(27, 197, 189, 0.1) !important; }
    .wave.wave-success .svg-icon svg g [fill] {
      fill: #1BC5BD; }
  .wave.wave-info {
    background-color: rgba(137, 80, 252, 0.1) !important; }
    .wave.wave-info .svg-icon svg g [fill] {
      fill: #8950FC; }
  .wave.wave-warning {
    background-color: rgba(255, 168, 0, 0.1) !important; }
    .wave.wave-warning .svg-icon svg g [fill] {
      fill: #FFA800; }
  .wave.wave-danger {
    background-color: rgba(246, 78, 96, 0.1) !important; }
    .wave.wave-danger .svg-icon svg g [fill] {
      fill: #F64E60; }
  .wave.wave-light {
    background-color: rgba(243, 246, 249, 0.1) !important; }
    .wave.wave-light .svg-icon svg g [fill] {
      fill: #F3F6F9; }
  .wave.wave-dark {
    background-color: rgba(24, 28, 50, 0.1) !important; }
    .wave.wave-dark .svg-icon svg g [fill] {
      fill: #181C32; }
  .wave.wave-white {
    background-color: rgba(255, 255, 255, 0.1) !important; }
    .wave.wave-white .svg-icon svg g [fill] {
      fill: #ffffff; }

@-webkit-keyframes animate-wave {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes animate-wave {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }


.mr-6, .mx-6 {
    margin-right: 1.5rem !important;
}

.svg-icon.svg-icon-4x svg {
    height: 4rem !important;
    width: 4rem !important;
}

.alert .close {
/*    font-family: "Line Awesome Free" !important;*/
    font-family: "LineAwesome" !important;
}



.modal .modal-content .modal-header .close {
/*    font-family: "Line Awesome Free" !important;*/
    font-family: "LineAwesome" !important;
}

.modal .modal-content .modal-header .close:before {
/*    content: "\f00d" !important;*/
    content: "" !important;
}

.m-nav-grid .m-nav-grid__row .m-nav-grid__item:hover {
    background-color: rgba(0,0,0,0.05) !important;
    border-radius: 4px !important;
}

.highcharts-background {
    fill-opacity: 0;
}

.m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left span:before, .m-brand .m-brand__tools .m-brand__toggler.m-brand__toggler--left span:after, .m-brand .m-brand__tools .m-brand__toggler span {
    background-color: white;
}

@media (max-width: 1024px) {
    .m-brand .m-brand__tools .m-brand__icon .flaticon-more {
        color: white;
    }
}

@media (max-width: 768px) {
    .contenedorAcciones {
        display: none;
    }
}

@media (max-width: 768px) {
    button.modalContenidoCerrar, button.modalContenidoAplicar {
        width: 100%;
    }
    .modalEliminar button {
        width: 100%;
    }
    
    .m-form__actions button {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    
    .sinNotificaciones img {
        width: 50% !important;
    }
    
    #m_header_topbar .text-color-primary path {
        fill: #6f727d !important;
    }
}


@font-face {
    font-family: alata;
    src: url(../fonts/alata_regular.ttf);
}

body {
    font-family: alata, "Poppins" !important;
}

.btn.m-btn--custom, .btn, .tooltip {
    /*font-family: alata, Poppins;*/
    font-family: "FoundersGrotesk-Semibold", Poppins;
    text-transform: none;
}

.form-control, tspan, text {
    font-family: alata, 'Poppins';
}

.m-subheader .m-subheader__title {
    font-family: alata, 'Poppins';
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    /*font-family: alata, 'Poppins' !important;*/
    font-family: "FoundersGrotesk-Bold", 'Poppins' !important;
}

.m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text small {
    font-family: alata, 'Poppins' !important;
}


.alert-danger:not(.m-alert--outline) {
    background: rgb(244,67,54) !important;
    background: linear-gradient(315deg, rgba(244,67,54,1) 0%, rgba(229,115,115,1) 100%) !important;
}

.alert-success:not(.m-alert--outline) {
    background: rgb(76,175,80) !important;
    background: linear-gradient(315deg, rgba(76,175,80,1) 0%, rgba(129,199,132,1) 100%) !important;
}

.alert-warning:not(.m-alert--outline) {
    background: rgb(255,152,0) !important;
    background: linear-gradient(315deg, rgba(255,152,0,1) 0%, rgba(255,183,77,1) 100%) !important;
}

.m-portlet.m-portlet--accent.m-portlet--head-solid-bg .m-portlet__head {
    border-radius: 4px 4px 0px 0px;
}

.m-dropdown.m-dropdown--align-center .m-dropdown__wrapper {
/*    margin-left: -166.5px !important;*/
}

.btn:not(.btn-filtro):not(.btn-link-dark):not(.btn-group-link):not(.m-btn--pill):not(.dropdown-toggle):not(.jqyc-change-year):not(.btn-accion):not(.note-btn) {
    
    padding: calc(0.65rem + 1px) calc(1.7rem + 1px) !important;
/*    border-radius: 0.475rem !important;*/
    
    
    border-radius: 50px !important;
    font-family: "FoundersGrotesk-Medium";
    font-size: 1.12rem;
    text-transform: none;
}

.modal-footer {
    border-top: 0px solid #ebedf2 !important;
    padding-top: 0px !important;
}


.highcharts-graph {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
}

.grafica_estadistica .highcharts-point {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
    /*stroke: unset !important;*/
}

.grafica_sombra .highcharts-point {
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4));
    stroke: unset !important;
}

/*.fc-view, .fc-view>table {
    border-radius: 8px;
    background: #f5f5f5;
    box-shadow: inset 5px 5px 10px #d0d0d0, inset -5px -5px 10px #ffffff;
}*/

.btn-link.m-loader.m-loader--light:before {
    border-top-color: #007aff;
}

.btn-link[disabled="disabled"], .btn-link-border[disabled="disabled"], .btn-link-dark[disabled="disabled"] {
    color: #bdbdbd !important;
}

.m-nav__item.m-nav__item--home {
    width: 20px;
}

.festivo-local {
    color: #4caf50;
    text-shadow: 0 0 2px;
}

.festivo-provincial {
    color: #2196f3;
    text-shadow: 0 0 2px;
}

.festivo-nacional {
    color: #f44336;
    text-shadow: 0 0 2px;
}








.profile-card-2 {
    /*max-width: 300px;*/
    background-color: #FFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
    background-position: center;
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    cursor: pointer;
    border-radius: 10px;
}

.profile-card-2 .img {
    transition: all linear 0.25s;
    width: 100%;
    object-fit: cover;
}

.profile-card-2 .profile-name {
    position: absolute;
    left: 30px;
    bottom: 76px;
    font-size: 30px;
    color: #FFF;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    transition: all linear 0.25s;
    text-shadow: 0 0 2px white;
}

.profile-card-2 .profile-icons {
    position: absolute;
    bottom: 30px;
    right: 30px;
    color: #FFF;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-username {
    position: absolute;
    bottom: 50px;
    left: 30px;
    color: #FFF;
    font-size: 13px;
    transition: all linear 0.25s;
}

.profile-card-2 .profile-icons .fa {
    margin: 5px;
}

.profile-card-2:hover .img {
    filter: grayscale(100%);
}

.profile-card-2:hover .profile-name {
    bottom: 80px;
}

.profile-card-2:hover .profile-username {
    bottom: 60px;
}

.profile-card-2:hover .profile-icons {
    right: 40px;
}






/*.portlet-loading {
  position: relative;
  overflow: hidden;
}

.portlet-loading:after {
  
  animation: shine 2s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.portlet-loading:active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 1.7s, 1.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}*/

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

.portlet-loading .image, .portlet-loading h2, .portlet-loading p, .portlet-loading span, .portlet-loading .grafica, .portlet-loading table {
    background: #eee;
    background: linear-gradient(110deg, #dae2ef77 8%, #e9f1ff77 18%, #dae2ef77 33%);
    color: #d1e6ea00;
    border-radius: 2px;
    background-size: 200% 100%;
    /*animation: 1.5s shine linear infinite;*/
}

.portlet-loading .grafica div, .portlet-loading table {
    opacity: 0;
}



.diaActual {
    background-color: #157EFB;
    color: #FFF;
    /*border-radius: 0.25rem;*/
}

.jqyc-months .table td, .jqyc-months .table th {
    border-radius: 50px;
    /*height: 40px;*/
    padding: 0.6rem 0.3rem;
}

@media only screen and (max-width: 768px) {
    .jqyc-months .table td, .jqyc-months .table th {
        padding: 1rem 0.3rem;
    }
}




.jqyc-table tr > .vacaciones:not(.festivo-nacional):not(.festivo-local):not(.festivo-provincial):not(.libre) {
    background-color: #ffc107;
    border-radius: 0px;
    color: white !important;
}
.jqyc-table tr > .vacaciones:not(.festivo-nacional):not(.festivo-local):not(.festivo-provincial):not(.libre):hover {
    background-color: #157efb;
}

.jqyc-table tr > .libre {
    background-color: transparent !important;
    border-radius: 0px;
    color: #616161 !important;
    opacity: 0.3;
}
.jqyc-table tr > .libre:hover {
    background-color: #157efb;
}


/*

.jqyc-table tr > :not(.vacaciones) + .vacaciones, .jqyc-table tr > td.vacaciones:first-child {
    border-radius: 25px 0px 0px 25px !important;
}
.jqyc-table tr > .vacaciones ~ :not(.vacaciones), .jqyc-table tr > .vacaciones:last-child {
    border-radius: 0px 25px 25px 0px !important;
}*/

.jqyc-th {
    font-weight: 600 !important;
}

.jqyc-td:not(.diaActual):not(.festivo-nacional):not(.festivo-local):not(.festivo-provincial) {
    color: #616161;
}

.jqyc-td:hover {
    color: white !important;
}

.fw-bolder {
    font-weight: 600 !important;
}

[class*="marcadorUltimaConexion_"].text-success {
    color: white !important;
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 15px #fff, 0 0 6px #0abb87, 0 0 8px #0abb87, 0 0 10px #0abb87, 0 0 55px #0abb87, 0 0 15px #0abb87 !important;
}

[class*="marcadorUltimaConexion_"].text-danger {
    color: white !important;
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 15px #fff, 0 0 6px #f44336, 0 0 8px #f44336, 0 0 10px #f44336, 0 0 55px #f44336, 0 0 15px #f44336 !important;
}

[class*="marcadorUltimaConexion_"].text-warning {
    color: white !important;
    text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 15px #fff, 0 0 6px #ff9800, 0 0 8px #ff9800, 0 0 10px #ff9800, 0 0 55px #ff9800, 0 0 15px #ff9800 !important;
}






.fs-5 {
    font-size: 1.15rem !important;
}

.pb-5 {
    padding-bottom: 1.25rem !important;
}

.text-dark {
    color: #181C32 !important;
}

.text-hover-primary {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.text-hover-primary:hover {
    transition: color 0.2s ease, background-color 0.2s ease;
    color: #009EF7 !important;
}

.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: #3F4254;
    background-color: #F5F8FA;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
}

.symbol {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.475rem;
}

.me-4 {
    margin-right: 1rem !important;
}

.symbol > img {
    width: 100%;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 0.475rem;
}

.symbol.symbol-40px > img {
    width: 40px;
    height: 40px;
}

.fw-bold {
    font-weight: 500 !important;
}

.fs-6 {
    font-size: 1.075rem !important;
}

.fs-7 {
    font-size: 0.95rem !important;
}

.symbol.symbol-40px .symbol-label {
    width: 40px;
    height: 40px;
}

.bg-light {
    --bg-color: 245, 248, 250;
}

#m_quicksearch_custom .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: #A1A5B7;
}


.pb-10 {
    padding-bottom: 2.5rem !important;
}

.pt-10 {
    padding-top: 2.5rem !important;
}

.text-gray-600 {
    color: #7E8299 !important;
}

.m-widget2 .m-widget2__item .m-widget2__desc .m-widget2__user-name .m-widget2__link {
    color: #b5b5c3;
}

.min-w-125px {
    min-width: 125px!important;
}

.opacity-50 {
    opacity: .5!important;
}

.rounded {
    border-radius: 0.475rem!important;
}


.py-3 {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
}

.px-4 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

.my-1 {
    margin-top: 0.25rem!important;
    margin-bottom: 0.25rem!important;
}

.me-6 {
    margin-right: 1.5rem!important;
}

.px-9 {
    padding-right: 2.25rem!important;
    padding-left: 2.25rem!important;
}

svg.apexcharts-svg g [fill] {
    fill: #009ef7;
}

.nav-link.active svg:not(.highcharts-root):not(.apexcharts-svg) g [fill], .nav-link.active .iconSvg path {
    fill: white !important;
}

.nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover {
    background-color: #009ef7 !important;
}

.nav-pills.rounded-tabs .nav-item .nav-link, .nav-tabs.rounded-tabs .nav-item .nav-link {
    padding: 0.75rem 0.75rem !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50%;
}

.nav-pills .nav-item {
    margin-right: 0rem !important;
    flex: 0 !important;
}

.grafica-center .highcharts-container {
    margin: auto;
}

.btn.m-btn--pill {
    border: 0px;
}



.alert.alert-warning {
    border: 0px solid #ffb822;
}

.alert.alert-success {
    border: 0px solid #0abb87;
}

.alert.alert-danger {
    border: 0px solid #fd397a;
}

.alert.alert-info {
    border: 0px solid #5578eb;
}

.alert.alert-primary {
    border: 0px solid #5867dd;
}

.alert.alert-brand {
    border: 0px solid #5d78ff;
}
.alert[data-notify] {
    max-width: 350px;
}

@media screen and (max-width: 540px) {
    .alert.alert-brand[data-notify] {
        max-width: 340px;
    }
}

.btn[disabled="disabled"], .btn[disabled="true"] {
    pointer-events: none;
}

.alert.alert-brand {
    background: #444242dd;
    min-height: 131px;
}

.alert.alert-brand[data-notify] [data-notify=title]:not(:empty) ~ [data-notify=message] {
    font-family: roboto;
    font-size: 1.2rem;
    margin-top: 20px;
    display: block;
    font-style: italic !important;
}
    

.table thead th {
    border-bottom: 2px solid #b5b5c333;
    color: #646c9a !important;
    font-weight: 600;
}

.table tfoot td {
    border-top: 2px solid #b5b5c333;
    font-weight: 600;
    color: #009ef7 !important;
    font-size: 1.35rem;
}

.table tfoot td:first-child {
    color: #646c9a !important;
    font-size: 1rem;
}

.divProfesional .fc-basic-view .fc-week-number, .divProfesional .fc-basic-view .fc-day-number {
    padding: 4px !important;
}




/*.jqyc-month {
  position: relative;
  margin: 20px;
  background: #fff;
  border-radius: 2px;
}

.jqyc-month::before,
.jqyc-month::after {
  content: '';
  position: absolute;
  bottom: 10px;
  width: 40%;
  height: 10px;
  box-shadow: 0 5px 14px rgba(0,0,0,.7);
  z-index: -1;
  transition: all .3s ease-in-out;
}

.jqyc-month::before {
  left: 15px;
  transform: skew(-5deg) rotate(-5deg);
}

.jqyc-month::after {
  right: 15px;
  transform: skew(5deg) rotate(5deg);
}

.jqyc-month:hover::before,
.jqyc-month:hover::after {
  box-shadow: 0 2px 14px rgba(0,0,0,.4);
}

.jqyc-month:hover::before {
  left: 5px;
}

.jqyc-month:hover::after {
  right: 5px;
}*/


.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header, .fc-unthemed .fc-list-heading td {
    background: #b5b5c333;
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
    border-top: 1px dashed #b5b5c333;
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content, .fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td {
    border-color: #b5b5c333;
}



.paracard {width: 100%; display: block; padding-top: 66.66666%;
    transform-style: preserve-3d;
  box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07); border: 0px;
  background-size: 110% 110%;;
  background-position: center center;
  transition: all 0.7s cubic-bezier(.25,.8,.25,1);
  border-radius: 10px;
}


.dcard {position: relative; display: block;
 perspective: 500px; border-radius: 10px; 
 transition: all 0.7s cubic-bezier(.25,.8,.25,1);
  cursor: pointer;
}

.col-md-12 .dcard {perspective: 3000px;
transition: all 0.7s cubic-bezier(.25,.8,.25,1);}

.frame {background: rgba(0,0,0,0.2); display: block; width: 100%; height: 100%;     position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: all 0.7s cubic-bezier(.25,.8,.25,1);
}
  .frame:after {width: calc(100% - 10px); border: 2px solid rgba(255,255,255,0.2); height: calc(100% - 10px); content: ""; display: block;  border-radius: 8px;
  left: 5px; top: 5px; position: absolute; transform: translateZ(30px);
  }
  


.dcard:hover .paracard .frame {background: rgba(0,0,0,0.0);
       transition: all 0.7s cubic-bezier(.25,.8,.25,1);
}

.dcard:hover .paracard .frame:after {border: 2px solid rgba(255,255,255,0.15);transition: all 0.7s cubic-bezier(.25,.8,.25,1);
}

.dcard h2 {color: #fff; position: absolute; bottom: 10%; left: 10%; transform: translateZ(50px); text-align: center; 
font-size: 24px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
transition: all 0.7s cubic-bezier(.25,.8,.25,1);
font-weight: bold;
    text-shadow: 0 1px 2px white;
}

.trigger {
    position: absolute; height: 33.333333%; width: 33.333333%; display: block; z-index: 2; 
    transition: all 0.7s cubic-bezier(.25,.8,.25,1);
}

.trigger:nth-child(1){  left: 0%; top: 0%;
                        transition: all 0.7s cubic-bezier(.25,.8,.25,1);
}
    .trigger:nth-child(1):hover ~ .paracard {transform: rotateY(8deg) rotateX(-5deg); background-position: top left;
    transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    
   
.trigger:nth-child(2){  left: 33.333333%; top: 0%;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(2):hover ~ .paracard {transform: rotateY(0deg) rotateX(-5deg); background-position: top center;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(3){  left: 66.666666%; top: 0%;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(3):hover ~ .paracard {transform: rotateY(-8deg) rotateX(-5deg); background-position: top right;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(4){  left: 0%; top: 33.333333%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(4):hover ~ .paracard {transform: rotateY(8deg);
    background-position: center left;
    transition: all 0.7s cubic-bezier(.25,.8,.25,1);
    }
   
.trigger:nth-child(5){  left: 33.333333%; top: 33.333333%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(5):hover ~ .paracard {transform: rotateY(0deg) rotateX(0deg); background-position: center center;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(6){  left: 66.666666%; top: 33.333333%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(6):hover ~ .paracard {transform: rotateY(-8deg) rotateX(0deg); background-position: center right;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(7){  left: 0%; top: 66.666666%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(7):hover ~ .paracard {transform: rotateY(8deg) rotateX(5deg); background-position: bottom left;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(8){  left: 33.333333%; top: 66.666666%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(8):hover ~ .paracard {transform: rotateY(0deg) rotateX(5deg); background-position: bottom center;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   
.trigger:nth-child(9){  left: 66.666666%; top: 66.666666%; transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
    .trigger:nth-child(9):hover ~ .paracard {transform: rotateY(-8deg) rotateX(5deg); background-position: bottom right;transition: all 0.7s cubic-bezier(.25,.8,.25,1);}
   

.fc-content.noAsistencia {
    opacity: .25 !important;
}

.m-quick-sidebar.m-quick-sidebar--tabbed .m-tabs.m-tabs-line>.m-tabs__item>.m-tabs__link {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.btCrearGrupo {
    min-height: 59px;
    width: 100%;
    display: block;
    cursor: pointer;
}

.btContacto:hover:not(:disabled), .btMensajesContacto:hover:not(:disabled), .btCrearGrupo:hover:not(:disabled), .btLlamada:hover:not(:disabled) {
    background-color: rgba(0,0,0,0.05);
    text-decoration: none;
}

.btContacto, .btMensajesContacto, .btLlamada {
    border-radius: 0.25rem;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out, .m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in {
    width: 100% !important;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--out .m-messenger__message-body {
    float: right !important;
}

.m-messenger .m-messenger__messages .m-messenger__message.m-messenger__message--in {
    display: flex !important;
}

.swal-modal .swal-text {
    text-align: center;
}





.wizardCustom .iconWizard {
    top: -40px;
    color: #007aff !important;
    position: relative;
}

.wizardCustom .fa-flag.iconWizard {
    top: -28px !important;
    left: 7px !important;
    color: #007aff !important;
    position: relative;
}

.wizardCustom.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
    margin: -3.55rem auto 0 auto;
    width: 1rem !important;
    height: 1rem !important;
}

@media (max-width: 1200px) {
    .wizardCustom.m-wizard.m-wizard--2 .m-wizard__head .m-wizard__nav .m-wizard__steps .m-wizard__step .m-wizard__step-number>span {
        margin: -0.5500000000000007rem auto 0 auto;
    }
}

.wizardCustom .m-wizard__step-title {
    text-transform: none !important;
    font-size: 1.0rem !important;
    color: black !important;
}


.rowButtons button:not(:last-child) {
    margin-right: 0.25rem;
}

.m_datatable thead tr {
    background-color: #f9fafd !important;
    text-transform: none;
}

.bg-warning .fc-description {
    color: white !important;
}

.spinnerReservas {
    margin-top: -90px; 
    margin-right: 18px;
}

@media (max-width: 991px) {
    .spinnerReservas {
        margin-top: -90px; 
        margin-right: 18px;
    }
}

@media (min-width: 992px) {
    .spinnerReservas {
        margin-top: -109px; 
        margin-right: 17px;
    }
}

.noUi-origin {
    height: 10% !important; 
    width: 10% !important;
    right: -10% !important;
}

.m-datatable.m-datatable--default.m-datatable--scroll>.m-datatable__table>.m-datatable__head {
    border-radius: 10px 10px 0 0 !important;
}

.m-datatable.m-datatable--default.m-datatable--scroll>.m-datatable__table>.m-datatable__body {
    border-radius: 0px 0px 10px 10px;
}



.portlet-accion a.btn-accion {
    border-radius: 30px !important;
    box-shadow: none;
    font-size: 16px;
    text-transform: none;
    width: 100%;
    font-family: 'FoundersGrotesk-Semibold';
}

.portlet-accion a.btn-accion:hover {
    color: white !important;
}

.portlet-accion .divIcono {
    height: 70px;
    width: 70px;
    margin-top: 20px;
}

.portlet-accion .titulo {
    color: #333333;
    letter-spacing: -0.03px;
    font-family: 'FoundersGrotesk-Bold';
    font-size: 22px;
    line-height: 17px;
}
.portlet-accion .descripcion {
    font-family: 'FoundersGrotesk-Medium';
    min-height: 39px;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
    box-shadow: none !important;
}

#modalLlamada .modal-header {
    cursor: move;
}

.m-quick-sidebar.m-quick-sidebar--tabbed .m-quick-sidebar_call__close {
    top: 16px;
    right: 30px;
}

.m-quick-sidebar .m-quick-sidebar_call__close {
    color: #cfcedb;
}
.m-quick-sidebar .m-quick-sidebar_call__close {
    position: absolute;
    font-size: 1.4rem;
    cursor: pointer;
}



.jqyc-year-chooser .jqyc-year {
    font-weight: 600;
    font-family: "FoundersGrotesk-Semibold";
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.04em;
}

.jqyc-year-chooser {
    border-top: 0px !important;
    border-bottom: 0px !important;
    margin-bottom: 4rem !important;
}

.jqyc-year-chooser > div.col:nth-child(2) {
    text-align: right !important;
}
.jqyc-year-chooser > div.col:nth-child(4) {
    text-align: left !important;
}

.jqyc-month table {
    max-width: 252px;
}

@media only screen and (max-width: 768px) {
    .jqyc-month table {
        max-width: 100%;
    }
}


.alert.alert-warning {
    box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%);
    color: #344050;
}


@media (min-width: 1400px) {
    .col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    
    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    
    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    
    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    
    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    
    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    
    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    
    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    
    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (min-width: 1800px) {
    .col-xxl-custom {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    
    .col-xxl-custom-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    
    .col-xxl-custom-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    
    .col-xxl-custom-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    
    .col-xxl-custom-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    
    .col-xxl-custom-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    
    .col-xxl-custom-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    
    .col-xxl-custom-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    
    .col-xxl-custom-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    
    .col-xxl-custom-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    
    .col-xxl-custom-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    
    .col-xxl-custom-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    
    .col-xxl-custom-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}

.btn.btn-link-light:hover:not(:disabled) {
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none;
}


.btn.btn-toggle-custom.active i {
    color: #007aff !important;
}

.badge.badge-link {
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 6px;
    margin-bottom: 6px;
}

.badge.badge-link i {
    font-size: 0.8rem;
}

.badge.badge-link:hover:not(:disabled) {
    background-color: #DFECFF !important;
    text-decoration: none;
}

.select2-container-nuevo-cliente {
    border-radius: 20px !important;
}


.modalNuevoCliente .pasoBienvenida {
    margin-top: 200px; 
    margin-bottom: 100px;
}

@media (max-width: 575px) {
    .modalNuevoCliente .pasoBienvenida {
        margin-top: 80px; 
        margin-bottom: 80px;
    }
}

input[type="email"] {
    text-transform: lowercase;
}
input[type="email"]::placeholder {
    text-transform: none !important; 
}

.modalNuevoCliente input, .modalNuevoCliente select, .modalNuevoCliente .select2-selection__rendered, .modalNuevoCliente .select2-selection__placeholder {
    font-family: 'FoundersGrotesk-Medium';
    font-size: 16px;
    color: black !important;
}

.modalNuevoCliente input[type="text"]::placeholder, .modalNuevoCliente input[type="number"]::placeholder {
    color: white !important;
    opacity: 1 !important;
}


.modalNuevoCliente .pHorario .m-switch input:checked ~ span:before {
    background-color: #00000022 !important;
}

.modalNuevoCliente .pHorario .m-switch input:checked ~ span:after {
    background-color: #007aff;
}

.modalNuevoCliente .pHorario table {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 575px) {
    .modalNuevoCliente .pHorario table {
        margin-left: 0px;
    }
}

.modalNuevoCliente .pServicios table {
    width: 484px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 575px) {
    .modalNuevoCliente .pServicios table {
        width: 120%;
        margin-left: 0px;
    }
}

.modalNuevoCliente .pServicios .servicio .iNombre {
    width: 260px;
}

.modalNuevoCliente .pServicios .servicio .iPrecio {
    width: 80px;
}

.modalNuevoCliente .pServicios .servicio .iTiempo {
    width: 80px;
}

@media (max-width: 575px) {
    .modalNuevoCliente .pServicios .servicio .iNombre {
        width: 160px;
    }
    
    .modalNuevoCliente .pServicios .servicio .iPrecio {
        width: 60px;
    }
    
    .modalNuevoCliente .pServicios .servicio .iTiempo {
        width: 60px;
    }
}

.modalNuevoCliente .pServicios .tableEjemplo {
    font-size: 1.2em;
    width: 100%;
    text-align: left;
    line-height: 20px;
    color: #000000cc;
    font-weight: 800;
    font-family: 'Lora', sans-serif !important;
    font-style: italic;
    pointer-events: none;
    margin-left: 16px;
}

.modalNuevoCliente .imgPaso {
    width: 220px;
}

@media (max-width: 575px) {
    .modalNuevoCliente .imgPaso {
        width: 120px;
    }
}

.modalNuevoCliente .modal-body {
    min-height: 800px;
}
@media (max-width: 575px) {
    .modalNuevoCliente .modal-body {
        min-height: calc(100vh - 210px - env(safe-area-inset-top));
        max-height: calc(100vh - 210px - env(safe-area-inset-top));
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

.dots{
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
}
    
.dots .active a {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}
.dots .active a &:after{
    height: 100%;
}

.dots li{
    position: relative;
    display: block;
    float: left;
    margin: 0 12px;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.dots li a{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #CFD8DC;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.dots li.active a{
    box-shadow: inset 0 0 0 2px #007AFF;
}

.dots li a &:after{
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    -webkit-transition: height 0.3s ease;
    transition: height 0.3s ease;
}

.btn-primary-icon i {
    color: rgb(58, 110, 232); background-color: rgb(58, 110, 232); box-shadow: rgba(58, 110, 232, 0.24) 0px 8px 15px;
}


.agendaDiasSemana .agendaDiaSemana {
    padding: 2px 5px;
    padding-top: 6px;
    border-radius: 3px;
    font-size: 9px;
    background-color: #091E420F;
    font-family: 'FoundersGrotesk-Bold' !important;
}

.agendaDiasSemana .agendaDiaSemana.active {
    color: #007aff !important;
    background-color: #DFECFF !important;
}

.emptyState img {
    max-width: 150px !important;
    max-height: 150px !important;
    width: 150px;
    height: 150px;
}

.emptyState p {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
}

.empty-table thead {
    display: none !important;
}

.empty-table td {
    border-top: 0px;
}

.portlet-blue {
    box-shadow: 0 7px 14px 0 rgb(65 69 88 / 10%), 0 3px 6px 0 rgb(0 0 0 / 7%) !important; 
    overflow: hidden; 
    background:  no-repeat 200px 0px, linear-gradient(-45deg, #007aff, #0183d0aa) !important;
}

.portlet-blue .m-portlet__body {
    padding: 1.2rem 1.7rem; 
    min-height: 200px;
}

.portlet-blue .profile-name {
    color: white; 
    font-size: medium; 
    font-weight: 600; 
    margin-bottom: 0.25rem;
}

.portlet-blue p {
    color: white; 
    font-size: .9rem !important;
}

.portlet-blue a {
    color: white; 
    margin-top: 5rem !important; 
    text-transform: unset;
}

.portlet-blue a span {
    font-size: .8rem;
}

.portlet-blue a:hover {
    color: white !important;
}

.precio-flotante sub {
    bottom: 0em !important;
}

.btLlamada[visto='0'] span {
    font-weight: 900 !important;
}

.btLlamada[visto='0'] .m-widget3__username {
    font-size: 1.1rem !important;
}

.btLlamada[visto='0'] .m-widget3__time {
    font-size: .95rem !important;
}

.btLlamada[visto='0'] small.fecha {
    font-size: 90% !important;
    font-weight: 900;
}

.quick-filters .scrollable-container {
    overflow-x: visible; 
    white-space: normal;
}

@media (max-width: 768px) {
    .quick-filters .scrollable-container {
        overflow-x: auto; 
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .quick-filters .scrollable-container::-webkit-scrollbar {
        display: none;
    }
}


.col-title-tag {
    width: 200px !important;
    display: inline-block;
}
@media (max-width: 768px) {
    .col-title-tag {
        width: 100px !important;
    }
}

@media (max-width: 768px) {
    .contenedorBusquedaResponsive .m-dropdown.m-dropdown--align-right.m-dropdown--align-push .m-dropdown__wrapper {
        width: 100vw !important;
        padding-left: 10px;
        padding-right: 10px;
        position: fixed;
        left: 0;
        top: 130px;
    }

    .contenedorBusquedaResponsive .m-dropdown__dropoff {
        background-color: #00000057;
    }
}

.glassmorphism-new {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.58) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(209, 213, 219, 0.3);
}

.liquid-glass {
    backdrop-filter: blur(3px);
    filter: url(#glass-distortion);
    isolation: isolate;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5),
    inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
}

.liquid-glass-wrapper {
    overflow: hidden;
    color: black;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15), 0 0 20px rgba(0, 0, 0, 0.1);
}

.liquid-glass-effect {
    position: absolute;
    z-index: 0;
    inset: 0;
    backdrop-filter: blur(3px);
    filter: url(#glass-distortion);
    overflow: hidden;
    isolation: isolate;
}

.liquid-glass-tint {
    z-index: 1;
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.25);
}

.liquid-glass-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    overflow: hidden;
    box-shadow: inset 2px 2px 1px 0 rgba(255, 255, 255, 0.5), inset -1px -1px 1px 1px rgba(255, 255, 255, 0.5);
}

.liquid-glass-text {
    z-index: 3;
    font-size: 2rem;
    color: black;
}

.bottomBarMobile  .m-menu__item.m-menu__item--active {
    background: #ffffff7a !important;
    box-shadow: 0px 2px 4px 0px #00000029, 0px 2px 4px 0px #ffffff38 inset !important;
    backdrop-filter: blur(6px);
    border-radius: 35px;
    transition: all 300ms ease;
}