.edit-icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url("icons/button_edit.svg");
    color: red;
    background-size: contain;
    background-repeat: no-repeat;
}

.toast-container {
    position: fixed;
    bottom: 30px;
    left: 2%;
    width: 50%;
    margin: 0 25% 0 25%;
    display: none;
    text-align: center;

}

.toast {
    background-color: #6C757D;
    text-align: center;
    margin: 0 25% 0 25%;
    height: auto;
    font-size: 16px;
    color: white;
    border-radius: 4px;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;

}

.tituloh4 {
    color: #A4A4A4;
    font-style: italic;
}

.tituloh3 {
    color: #A4A4A4;
    font-size: 24.5px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
}



.si-cel {
    display: none;
}

.si-cel-1050 {
    display: none;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.ajuste-cel {
    left: -279px;
    width: 300px;
    background: #F2F2F2;
    padding-top: 0px;
}

.row-caja {
    height: 50px;
}

.custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
}

.custom-menu li {
    padding: 4px 6px;
    cursor: pointer;
}

.custom-menu li:hover {
    background-color: #DEF;
}

#external-events {
    float: left;
    width: 130px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event {
    /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    width: auto;
}

.stepsiframe {}

.adjustcel {
    max-width: auto;
}

.posrelative {
    position: relative;
}

.posabsolute {
    position: absolute;
}

.fontbold {
    font-weight: bold;
}

#fotoland {
    margin-top: 50px;
    background-image: url('../img/santiagoblur.jpg');
}

.btnreservoazulclaro {
    background: rgb(249 249 247);
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #5A5A55 !important;
    font-weight: 400;
    margin-right: 4px;
    z-index: 1;
    position: relative;
    padding-top: 4px;
    border: 1px solid #E8E8E0;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.btnreservoazulclaro.active {
    background: #6B7F59;
    color: white !important;
    font-weight: 600;
    padding: 4px 12px;
    margin-bottom: -8px;
    box-shadow: 0 4px 6px rgba(107, 127, 89, 0.2);
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #6B7F59;
    border-radius: 8px;
    z-index: 9;
    position: relative;
    transform: translateY(-2px);
}


.btnreservoazulclaro:hover {
    background: rgb(232 232 224);
    border-color: #6B7F59;
    border-radius: 8px;
}

.btnreservoazulclaro.active:hover {
    background: #5A6B4A;
    border-radius: 8px;
}

.btnreservoazulclaro2 {
    background: white;
    border-bottom: 1px solid #e4e4e7;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 20px;
    color: #075985;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #3F3F46 !important;
    font-weight: 400;
    margin-right: 5px;

}

.btnreservoazulclaro2.active {
    border-bottom: 2px solid #075985;


    color: #075985 !important;
    font-weight: 700;
}

.btnreservoazulclaro2:hover {
    background: #E0F2FE;
}


.caretblanco {
    border-top-color: #ffffff;

}










.botonnavbar {

    height: 100px;

}

.marconaranjo {
    border: solid 3px #f5951d;
    border-radius: 10px;
    padding: 20px;
    padding-top: 0px;
    position: relative;
    box-shadow: 0px 0px 10px #A4A4A4;

}

.padding30 {
    padding: 30px;
}

.opacity08 {

    opacity: 0.8;
}

.botonfinaland {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-radius: 5px;
    color: #ffffff;
    border: 0px;
    margin-right: 20px;
}

.fondoazul:hover {
    color: #f5951d;
}

.fondoazul {
    background: #0e75bc;
}

.fondonaranjo {
    background: #f5951d;
}

.fondonaranjo:hover {
    color: #0e75bc;
}

.opacity02 {

    opacity: 0.2;
}

.opacity03 {

    opacity: 0.3;
}

.fondogris {
    background: #F2F2F2;

}

.titulogestion {

    font-family: 'Lobster';
    line-height: 50px;

}

.botonesnavbar {
    margin-top: 7px;

}

.lobster {
    font-family: 'Lobster';
    font-weight: normal;
}

.botonlandpage {
    font-weight: normal;
    font-size: 30px;
    padding: 5px;
    padding-top: 10px;
    font-family: 'Lobster';

}

.paddingtop5 {
    padding-top: 5px;
}

.paddingnavbar {
    padding-top: 17px;
    padding-left: 35px;
}


.margintop15 {
    margin-top: 15px;

}

.margincarousel {
    margin-bottom: -30px;
}

.font56 {
    font-size: 56px;
    line-height: 56px;
}

.bloquecontacto {
    margin-bottom: auto;
    margin-top: -150px;
    background-color: #ffffff;
    border: 4px solid #bdbdbd;
    border-radius: 5px;
}

.submitcontactoland {

    padding: 15px;

    margin-top: 10px;
    margin-bottom: 0px;
    background: #f5951d;
    border-radius: 5px;
    color: #ffffff;
    border: 0px;
    max-width: 90%;
    min-width: 83%;
}

.aligncentercel {}

.submitcontactoland:hover {
    color: #0e75bc;
}

.titulogrande {
    font-size: 66px;
    line-height: 66px;
}

.titulograndecel {
    font-size: 46px;
    line-height: 46px;
}

.bordeblanco {
    border: 3px solid white;
    border-radius: 50%;
}

.barrallamativa {
    background: #0e75bc;
    border-top: 4px solid #bdbdbd;
    text-align: justify;
}

.grisclaro {
    color: #A4A4A4;
}

.fontnormal {
    font-weight: normal;
}

.font40 {
    font-size: 40px;
    ;
}

.font35 {
    font-size: 35px;
    ;
}

.font30 {
    font-size: 30px;
    ;
}

.font25 {
    font-size: 25px;
    ;
}

.font20 {
    font-size: 20px;
    ;
}

.grisoscuro {
    color: #424242;
}

.celular {
    display: none;
}

.bodycel {}

.stepscelular {}

.cel {}

.logonavbar {
    color: white;
    font-size: 40px;
    padding-top: 38px;
}

.celbar {}

.show_cel {
    display: none;
}

.celtable {}

div.inline {
    float: left;
}

.clearBoth {
    clear: both;
}

.paddingmargincero {
    padding: 0px;
    margin: 0px;
}

.margincero {
    margin: 0px;
}

.font25 {
    font-size: 25px;
}

.escondido {
    display: none;
    font-family: 'Lobster';
}

.rojo {
    color: #FF0000;
}

.circle {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #034d7e;
    float: center;
}

.circle:hover {

    background: #f5951d;

}

.circle2 {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #034d7e;
    /* background:#A4A4A4; */
    float: center;
}

.box {
    /*
 background:;
 */
    height: 150px;
    width: 150px;
    float: bottom;
}

.appear {}

.appear {

    visibility: hidden;
}

.box:hover {
    /*background:;
    */
    height: 150px;
    width: 150px;

}

.box:hover+.appear {
    display: block;
    visibility: visible;
}

.hoverland {
    font-size: 25px;
    color: #f5951d;
    margin-top: 5px;
}

.fotologo {
    width: 150px;
    height: 150px;
}

a:hover {
    color: #f5951d;
}




.marcoconsombra {
    position: relative;
    border: 5px solid #FFFFFF;
    box-shadow: 0px 0px 10px #A4A4A4;
}

table.mediovertical td {
    vertical-align: middle;
}

table.paddingclientes td {
    padding-left: 20px;
}

table.paddingfotos td {
    padding: 20px;
}


.paddingtop {
    padding-top: 30px;
}

.paddingtop5 {
    padding-top: 5px;
}

.paddinglados {
    padding-left: 10px;
    padding-right: 10px;
}


.image-with-label {
    display: inline-block;
    position: relative;

}

.inactivo {
    opacity: 0.3;

}


.transparente {
    opacity: 0.4;

}

.fondobusqueda {

    margin-top: 70px;


}

.big {
    font-size: 100px;
    font-family: 'Lobster';
    margin-bottom: 40px;
}

.logo {
    margin-left: 50px;
    margin-top: 85px;
}

a.botonbusqueda {
    margin-bottom: 10px;

}

.servicioslandpage {
    padding-top: 25px;
    padding-bottom: 25px;
}

.rowservicios {
    padding-top: 40px;
}

.futer {
    background: #034d7e;
    padding-top: 20px;
    padding-bottom: 20px;

    margin-top: 0px;
}

.modalcel {}

.btnnaranjo {
    background: #f5951d;
    font-family: 'Lobster';
    font-size: 20px;
    text-shadow: 0.0em 0.0em 0.0em #333;
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    -webkit-font-smoothing: antialiased;

}

.btnnaranjo:hover {
    background: #f5951d;
    color: #034d7e;


}

.logos {}


.margintop {
    margin-top: 20px;
}

.btnazul {
    background: #034d7e;
    font-family: 'Lobster';
    font-size: 20px;
    text-shadow: 0.0em 0.0em 0.0em #333;
    color: #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 5px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

.btnazul:hover {
    background: #f5951d;
    color: #FFFFFF;

}


.lobster21 {
    -webkit-font-smoothing: antialiased;
    font-family: 'Lobster';
    font-size: 21px;
}

.lobster35 {
    -webkit-font-smoothing: antialiased;
    font-family: 'Lobster';
    font-size: 35px;
}

.lobster30 {
    -webkit-font-smoothing: antialiased;
    font-family: 'Lobster';
    font-size: 30px;
}

.lobster40 {
    -webkit-font-smoothing: antialiased;
    font-family: 'Lobster';
    font-size: 50px;
}

.lobsterslogan {
    -webkit-font-smoothing: antialiased;
    font-family: 'Lobster';
    font-weight: normal;
    font-size: 60px;
}


.bordearriba {

    background: #6BA8D7;
    color: #FFFFFF;
}



.letrasblancas {
    color: #FFFFFF;
}

.azulclaro {
    color: #0e75bc;
}

.azuloscuro {
    color: #003764;
}

.letrasazules {
    color: #5796FC;
}

.botonesfuter {
    margin-top: 10px;
    margin-bottom: 10px;
}

.barraagenda {
    margin-top: 100px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 1px;
    /*background:#003764;*/
    box-shadow: 3px 3px 10px #A4A4A4;
}

.barraagenda2-listado-citas {
    position: sticky;
    top: 100px;
    z-index: 999;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 1px;
    background: #075985;
}

.barraagenda2 {
    position: sticky;
    top: 100px;
    z-index: 999;
    padding-bottom: 1px;
    background: white;
    -webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
    -box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
    "" "box-shadow: 3px 3px 10px #A4A4A4;" ""
}

.colorconfirmado {
    color: #9AFE2E;
}

.coloratendido {
    color: #2E2EFE;
}

.colorsinconfirmar {
    color: #848484;
}

.colornoasistio {
    color: #DF01D7;
}

.calendario {
    width: auto;
    padding: 50px;
    padding-top: 0px;
    margin: 0 auto;
    /*
    background-color:#;
    */
    font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
}

.ventanareserva {
    display: none;
    text-align: center;
    height: 2000px;
}

.displaynone {
    display: none;
}

.modalcomofunciona {
    height: 440px;
    width: 800px;
}

.barraclientes {
    padding-top: 10px;
    box-shadow: 3px 3px 10px #A4A4A4;
    background-image: url(/Web/img/fondobarra.png);
}

.aplicacion2 {
    color: #034d7e;
    margin-left: 0px;
}

.barraclientes2 {
    padding-top: 10px;
    box-shadow: 3px 3px 10px #A4A4A4;
}

.aplicacion {
    color: #FFFFFF;
    margin-left: 0px;
}


.menu {
    background-color: #5796FC;
    padding: 10px;
    padding-top: 15px;
    border: 5px solid #FFFFFF;
    border-top: 0px;
    box-shadow: 3px 3px 10px #A4A4A4;
}

.marginclientes {
    margin-top: 30px;

}

.padding {
    padding: 10px;
}

.imagenservicio {
    height: 200px;
    width: 200px;
    opacity: 1;
    border: 5px solid #FFFFFF;
    box-shadow: 0px 0px 10px #A4A4A4;
}


.busquedamenu {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 15px;
}

.image-with-label>div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}

.image-with-label>div table {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.image-with-label>div table div {
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px;
    font-size: 25px;
    color: #FFFFFF;
}

.margincalendario {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-bottom: 80px;

}

.naranjo {
    color: #f5951d;

}

.valignmiddle {
    vertical-align: middle;
}

body {
    font-family: 'Open Sans', sans-serif;

}

h21 {
    font-family: 'Lobster';
    font-size: 50px;
    line-height: 60px;
    color: #FFFFFF;
}

h31 {
    font-family: 'Lobster';
    font-size: 39px;
    line-height: 50px;
    color: #5796FC;

}


@font-face {
    font-style: normal;
    font-weight: 400;
    src: local('Cabin Regular'), local('Cabin-Regular'), url(//themes.googleusercontent.com/static/fonts/cabin/v4/JEgmtEDzc-IH8jBshQXrYA.woff) format('woff');
}

@font-face {
    font-family: 'Lobster';
    font-style: normal;
    font-weight: 400;
    src: local('Lobster'), url(//themes.googleusercontent.com/static/fonts/lobster/v5/MWVf-Rwh4GLQVBEwbyI61Q.woff) format('woff');
}

.ingresar {
    font-size: 11px;
    text-align: right;
}

.achicarfoto {
    height: 100%
}

.achicarlogo {
    height: auto;
}

.cel2 {}

.submenug {
    display: block;
}

.sepeq,
.submenuhb,
.oculta2,
.csimple,
.pantallam,
.pantallag,
.pantaPro,
.pantallal,
.pantallamd,
.psmall,
.pantallasg,
.galx {
    display: none;
}

#blockmenu {
    grid-column: span 1 / span 1;
}

#blockclientes {
    grid-column: span 6 / span 6;
}

.phoneform {
    display: none;
}

#filtropotencial input {
    margin-bottom: 1%;
}

#print_receta {
    max-width: 100%;
}

iframe {
    max-width: 100%;
}

@media (max-width: 1367px) {
    .font35 {
        font-size: 25px;

    }

    .hide-padding-cel {
        padding-top: 3px;
    }

    .font56 {
        font-size: 38px;
    }

    .achicarfoto {
        height: 420px;
    }

    .cel2 {
        display: none;
    }

    .achicarlogo {
        height: 80px;
    }

    .bloquecontacto {
        margin-bottom: auto;
        margin-top: -150px;
        background-color: #ffffff;
        border: 4px solid #bdbdbd;
        border-radius: 5px;
    }

    .titulogrande {
        font-size: 40px;
        line-height: 49px;
    }

    .font30 {
        font-size: 22px;
        line-height: 32px;
    }

    .sepeq,
    .pantallam {
        display: none;
    }

    .modal.fade.in {
        max-width: 95% !important;
    }

    #botones button {
        max-width: 100px;
    }

    .priority-11 {
        display: none;
    }

}

/* RESPONSIVE RESERVO */

@media (max-width: 1200px) {
    .formato-expand {
        display: none;
    }

    #fotoland {
        margin-top: 50px;
        background-image: url('../img/santiagoblur.jpg');
    }

    .bloquecontacto {
        margin-bottom: auto;
        margin-top: auto;
        background-color: #ffffff;
        border: 4px solid #bdbdbd;
        border-radius: 5px;
    }

    .barraagenda {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-shadow: 3px 3px 10px #A4A4A4;
    }

    .barraagenda2-listado-citas {
        position: relative;
        z-index: 999;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        background: #075985;
    }

    .barraagenda2 {
        position: relative;
        top: 0;
        z-index: 999;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 5px;
        background: white;
        -webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
        -box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.1);
        "" "box-shadow: 3px 3px 10px #A4A4A4;" ""
    }

    .barraagenda3 {
        position: relative;
        z-index: 1000;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 1px;
        background: #003764;
        "" "box-shadow: 3px 3px 10px #A4A4A4;" ""
    }

    .busquedamenu {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .aplicacion2 {
        margin-top: 0px;

    }

    .achicar {
        font-size: 15px;
    }

    .image-with-label>div table div {
        display: inline-block;
        background: rgba(0, 0, 0, 0.5);
        padding: 6px;
        font-size: 20px;
        color: #FFFFFF;
    }

    h21 {
        font-family: 'Lobster';
        font-size: 30px;
    }

    .fotologo {
        width: 120px;
        height: 120px;
    }

    .circle {
        width: 100px;
        height: 100px;
    }

    .marcoconsombra {
        position: relative;
        border: 0px solid #FFFFFF;
        box-shadow: 0px 0px 10px #A4A4A4;
    }

    .sepeq,
    .pantallam {
        display: none;
    }

    #modal_examen {
        margin-left: inherit !important;
        left: 1% !important;
    }
}

@media (min-width: 1175px) {
    #ocultaBoton {
        display: none;
    }
}

@media (max-width: 1175px) {
    .priority-10 {
        display: none;
    }

    .row-caja {
        height: auto;
    }

    .sepeq,
    .pantallam {
        display: none;
    }

    .tableform input[type=text] {
        width: 90% !important;
    }
}

@media (max-width: 1050px) {
    .si-cel-1050 {
        display: block;
    }

    .cel-1050 {
        display: none;
        height: 0px;
    }

    .priority-9 {
        display: none;
    }

    .pantallag {
        display: table-cell !important;
    }

    .sepeq,
    .pantallam,
    .pantaPro {
        display: none;
    }

    .btrazabilidad,
    .basociar,
    .basociara {
        font-size: 0;
    }

    .btrazabilidad:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f1da";
    }

    .basociara:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f067";
    }

    i {
        font-size: 14px !important;
        vertical-align: middle;
    }

    .tareas select {
        max-width: 100%;
    }

}

@media (max-width: 970px) {

    .priority-8,
    .galx {
        display: none;
    }

    .beliminar:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f00d";
    }

    .beliminar {
        font-size: 0px;
    }

    .ui-datepicker-multi-3 {
        width: 97% !important;
    }

    .pantaPro {
        display: block !important;
    }
}

@media (max-width: 900px) {
    .si-cel {
        display: block;
    }

    .titulogrande {
        font-size: 32px;
        line-height: 32px;
    }

    .aplicacion2 {
        margin-top: 0px;

    }

    .fotologo {
        width: 80px;
        height: 80px;
    }

    .image-with-label>div table div {
        display: inline-block;
        background: rgba(0, 0, 0, 0.5);
        padding: 6px;
        font-size: 20px;
        color: #FFFFFF;
    }

    .sepeq,
    .galx {
        display: none;
    }

    table select {
        max-width: 100%;
    }

    .priority-7 {
        display: none;
    }

    .pantallasg {
        display: block;
    }
}

@media (max-width: 767px) {
    .toast-container {
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .ajuste-cel {
        left: auto;
        margin-right: -10px;
        width: 300px;
        background: #F2F2F2;
        padding-top: 0px;
    }

    .adjustcel {
        max-width: 100px;
    }

    .aligncentercel {
        text-align: justify;
    }

    .barrallamativa {
        background: #0e75bc;
        border-top: 4px solid #bdbdbd;
        text-align: center;
    }

    .font56 {
        font-size: 36px;
        line-height: 36px;
    }

    .botonnavbar {

        height: auto;
        padding-bottom: 0px;
        padding-top: 0px;

    }

    .aplicacion2 {

        margin-top: 0px;

    }

    .big {
        font-size: 30px;
        font-family: 'Lobster';
        margin-bottom: 10px;
    }

    .stepsiframe {
        padding-top: 0px;
        margin-top: 0px;
        background: #034d7e;
        border: 3px solid #BDBDBD;
        max-height: 550px;
    }

    .bodycel {
        padding-top: 0px;
        margin-top: 0px;

    }


    .margincalendario {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .stepscelular {
        height: 1000px;
    }

    .escondido {
        display: block;
        font-weight: normal;
        font-size: 70px;
        margin-bottom: 20px;
    }

    .modalcel {
        height: 80%;
    }

    .barraagenda {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        box-shadow: 3px 3px 10px #A4A4A4;
    }

    .cel {
        display: none;
        height: 0px;
    }

    .cel-1050 {
        display: none;
        height: 0px;
    }

    .logonavbar {

        color: white;
        font-size: 30px;
        padding-top: 18px;
        padding-bottom: 10px;
    }

    .celbar {
        display: none;
    }

    .show_cel {
        display: block;
    }

    .celtable {
        width: 245px;
    }

    .circle {
        width: 300px;
        height: 30px;
        -moz-border-radius: 0%;
        -webkit-border-radius: 0%;
        border-radius: 0%;
        background: #ffffff;
        box-shadow: 0px 0px 10px #A4A4A4;

    }

    .circle2 {
        width: 300px;
        height: 30px;
        -moz-border-radius: 0%;
        -webkit-border-radius: 0%;
        border-radius: 0%;
        background: #ffffff;
        box-shadow: 0px 0px 10px #A4A4A4;

    }

    .circle:hover {
        background: #ffffff;
    }

    .image-with-label>div table div {
        display: inline-block;
        background: rgba(0, 0, 0, 0.1);
        font-size: 25px;
        color: #000000;
        height: 40px;
        width: 300px;
    }


    .imagecircle {}

    .paddingtop {
        padding-top: 0px;
    }

    .paddingtop5 {
        margin-top: 50px;
    }

    .imagenservicio {
        height: 40px;
        width: 300px;
        opacity: 0;
    }

    h31 {
        font-family: 'Lobster';
        font-size: 30px;
        line-height: 50px;
        color: #5796FC;
    }

    .transparente {
        opacity: 0.2;

    }

    .verperfil {
        display: none;
    }

    .fondobusqueda {

        margin-top: 60px;

    }

    .logo {
        display: none;
    }

    .logos {
        display: none;
    }

    .box {
        display: none;

    }

    .appear {

        visibility: visible;
        height: 30px;
        width: auto;
        box-shadow: 0px 0px 10px #A4A4A4;
        padding-top: 2px;
    }

    .hoverland {

        color: #034d7e;

    }

    .celular {
        padding-top: 3px;
        display: block;
        font-weight: normal;
    }

    #blockclientes {
        padding: 6px 6px 60px 6px !important;
    }

    .submenuhb,
    .pantallal {
        display: block !important;
    }

    .reservo-grid-cols {
        display: block !important;
    }

    .submenug,
    .galx {
        display: none;
    }

    .submenug div {
        padding-left: 3%;
    }

    .priority-6 {
        display: none;
    }

    .modal {
        /* margin-left: inherit !important; */
        /* left: auto !important; */
        max-width: 95% !important;
    }

    .ui-datepicker-multi-2 {
        width: 97% !important;
    }

    input#id_buscar.span4 {
        max-width: 300px !important;
    }

    .alert-warning,
    .alert-danger {
        margin-right: 5%;
    }


}

.reservo-structure {
    gap: 4px;
    min-height: 100%;
    max-width: 100%;
}

.reservo-grid-cols {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

@media screen and (max-width: 600px) {
    #blockclientes {
        padding: 4px 4px 60px 4px !important;
    }

    .submenuhb {
        display: block !important;
    }

    .submenug {
        display: none;
    }

    #resumenventaB,
    .pantallamd {
        display: block !important;
    }

    .submenucaja,
    #resumenventaA {
        display: none;
    }

    .submenug div {
        padding-left: 3%;
    }

    .priority-5 {
        display: none;
    }

    .bver:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f06e";
    }

    .bficha:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f0f6";
    }

    .btrazabilidad:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f1da";
    }

    .babonar:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f09d";
    }

    .bguardar:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f0c7";
    }

    .beliminar:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f00d";
    }

    .bactivar:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f058";
    }

    .bver,
    .bficha,
    .bventa,
    .bfiltra,
    .bdescargar,
    .bmail,
    .bimprimir,
    .btrazabilidad,
    .basociar,
    .bguardar,
    .beliminar,
    .bdetalle,
    .bedit,
    .babonar,
    .bhorario,
    .bbloqueo,
    .bactivar {
        font-size: 0;
    }

    .peliminada {
        font-size: 10px;
    }

    .bventa:after {
        font-family: FontAwesome;
        font-size: 14px;
        content: "\f155";
    }

    .bqfiltra,
    #btn_detalle_1 {
        display: none !important;
    }

    i {
        font-size: 14px !important;
        vertical-align: middle;
    }

    .span7 {
        text-align: left;
    }

    #id_categoria,
    #id_buscar {
        width: 85%;
        max-width: 300px;
    }

    #myModal {
        /*margin-left: 0px !important;*/
    }

    /*Modulo de clientes citas */

    #ficha_sin_guardar {
        display: -webkit-inline-flex;
    }

    table input[type=file] {
        max-width: 95%;
    }

    table select {
        max-width: 100%;
    }

    .datepicker {
        left: 30% !important;
    }

    .datepicker-dropdown:after,
    .datepicker-dropdown:before {
        display: none !important;
    }

    .table {
        margin-left: 0 !important;
    }

    #evolucion div {
        margin: 0px !important;
    }

    /* prueba para title de botones con trazabilidad aun no funciono*/
    .more_info {
        border-bottom: 1px dotted;
        position: relative;
    }

    .more_info .title {
        position: absolute;
        top: 20px;
        background: silver;
        padding: 4px;
        left: 0;
        white-space: nowrap;
    }

    .row-caja table td {
        width: auto !important;
    }

    .sepeq,
    .formato,
    .galx,
    .csimple {
        display: none;
    }

    .pantallag {
        display: none !important;
    }

    .panta600,
    .phoneform {
        display: block !important;
    }

    /* Force table to not be like tables anymore */

    .tableform thead,
    .tableform tbody,
    .tableform th,
    .tableform td,
    .tableform tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .tableform thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tableform tr {
        margin: 0 0 1rem 0;
    }

    .tableform tr:nth-child(odd) {
        background: aliceblue;
    }

    .tableform td {
        /* Behave  like a "row"
        border: 1px solid #dddddd;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;*/
        position: relative;
        padding-left: 50%;
        min-height: 8px;
    }

    .tableform td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 0;*/
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: bold;
        vertical-align: middle;
    }

    .select2 {
        max-width: 90%;
    }

    #print_receta {
        width: auto !important;
    }

    .btnreservoazulclaro.active {
        margin-bottom: 2px;
    }
}

@media (max-width: 560px) and (min-width: 461px) {
    .csimple {
        display: block !important;
    }

    .priority-4,
    .galx {
        display: none;
    }

}

@media (max-width: 460px) {

    .galx,
    .montos,
    .csimple {
        display: block;
    }

    .tareas td {
        padding: 4px;
    }

    .pantallam {
        display: block !important;
    }

    .priority-4,
    .priority-3 {
        display: none;
    }

    .ui-datepicker-multi-2 {
        width: 98% !important;
    }

    .span5 a {
        /* width: 90%;*/
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left;
        width: 97%;
    }

}

@media (max-width: 350px) {


    h21 {
        font-family: 'Lobster';
        font-size: 40px;

    }

    .priority-2,
    .priority-3,
    .priority-4 {
        display: none;
    }

    .pantallam,
    .galx,
    .csimple,
    .psmall {
        display: block !important;
    }

    .table td {
        /*  padding: 4px; */
    }

    .ui-datepicker-multi-3 {
        width: 20em !important;
    }

    .ui-datepicker-group {
        width: 95% !important;
    }

    .tableform td:before {
        position: initial;
    }

    .table input {
        /*max-width: 100px !important; */
    }

    #id_categoria,
    #id_buscar {
        width: 83%;
    }

    .select2-container {
        max-width: 150px;
    }

}

@media screen and (max-width: 320px) {

    .sepeq,
    .pantallam {
        display: block;
    }

    .priority-1 {
        display: none;
    }

    table td {
        padding: 6px !important;
    }

    .ui-datepicker-multi-2 {
        width: 17em !important;
    }
}

.formeo select {
    max-width: 100%;
}

.formeo label {
    text-align: left;
    font-weight: bold;
    margin-top: 15px;
}

.formeo input[type="radio"] {
    margin-left: 10px;
}

/*.formeo h1{
    font-size: 26px;
}
.formeo h2{
    font-size: 20px;
}
.formeo h3{
    font-size: 16px;
}
.formeo h4{
    font-size: 14px;
}*/
.formeo p {
    text-align: justify;
}

.formeo textarea {
    width: 98.5% !important;
}

.alert-circle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 3px;
    margin-left: 5px;
    background: #fff;
    border: 2px solid #5bb75b;
    color: #333333;
    text-align: center;
    font: 14px Arial, sans-serif;
    position: absolute;
}

.alert-circle2 {
    background: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    width: 1.6em;
}

.alert-triangle {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 3px;
    margin-left: 5px;
    background: #fff;
    border: 2px solid red;
    color: #333333;
    text-align: center;
    font: 14px Arial, sans-serif;
    position: absolute;
}

#appTopol {
    width: 85% !important;
}

#ocultaBoton {
    position: fixed;
    left: 0px;
    right: auto;
    bottom: 0px;
    border: 0px solid;
    text-align: right;
    background: #065E52;
    padding: 4px;
}

.phoneNumberParent {
    display: flex;
}

.phoneNumberParent .select2-container {
    flex: 1;
}

.phoneNumberParent select {
    flex: 1;
    min-width: 100px;
}

.phoneNumberParent input {
    flex: 2;
}

.phoneNumberParent.phoneNumberParentAgenda select {
    width: 100px;
}

.phoneNumberParent.phoneNumberParentAgenda input {
    width: 100px;
}

.login-with-google-btn {
    transition: background-color .3s, box-shadow .3s;

    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    text-decoration: none;

    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

.login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    color: #757575
}

.login-with-google-btn:active {
    background-color: #eeeeee;
}

.login-with-google-btn:focus {
    outline: none;
    box-shadow:
        0 -1px 0 rgba(0, 0, 0, .04),
        0 2px 4px rgba(0, 0, 0, .25),
        0 0 0 3px #c8dafc;
}

.login-with-google-btn:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: not-allowed;
}