/*boton cerrar modal no funciona el css*/
ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons .ui-dialog-titlebar-close {
    content: "J";
    background-color: red;
    color: red;
}


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
    /* width: 92% !important;*/
    border: 1px solid #163554 !important;
}

/* boton cerrar modal */
.ui-dialog-titlebar-close {
    background-color: var(--red) !important;
    border-radius: 3px;
    margin-right: 10px !important;
    background-image: url('/themes/custom/astec/img/close.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 12px !important;
}
.ui-icon-closethick {
    display: none !important;
}

@media only screen and (max-width: 700px) {
    .modal{
        /*        overflow-y: scroll;
                height: 100% !important;
                max-height: 100% !important;*/
    }


}


.modal .ui-dialog-content{
    /* max-height: 100% !important;*/

}
#drupal-modal{
    /*overflow:visible;*/
}

/* MODAL AYUDA */

.modalayuda .ui-dialog-titlebar{
    background-color:rgba(41, 56, 79, 0.98) !important;
    color:#fff;
}

.modalayuda {
    background-color:rgba(41, 56, 79, 0.98) !important;
    border-radius: 10px;
    margin-top: 5px;
    color:#fff;
    border: none !important;
    box-shadow: 2px 2px 5px rgba(68, 68, 68, 0.6);
}

.modalayuda .ui-dialog-titlebar  {
    background:none;
}

.modalayuda .ui-dialog-title,
.modalayuda h4,
.modalayuda p {

    color:#fff;

}

/* END MODAL AYUDA */

/* MODAL BORRAR */
.modalborrar {
    background-color:rgba(41, 56, 79, 0.98);
    border-radius: 10px;
    margin-top: 5px;
    color:#fff;
    border: none !important;
    box-shadow: 2px 2px 5px rgba(68, 68, 68, 0.6);
    width: 450px !important;
}

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



.modalborrar .ui-dialog-titlebar  {
    background:none;
}

.modalborrar .ui-dialog-title,
.modalborrar h4,
.modalborrar form,
.modalborrar p {
    color:#fff;
}

.modalborrar .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
    background: none;
    border: none;
}

.modalborrar #drupal-modal{
    color:#fff;
}

.modalborrar .button{
    color: #fff !important;
    background-color: #bd2130 !important;
    border-color: #b21f2d !important;
    float:right;
}

/* END MODAL BORRAR */

/* MODAL ADD EDIT */
.modaladd {
    background-color:#fff;
    border-radius: 10px;
    margin-top: 5px;
    color:#fff;
    border: none !important;
    box-shadow: 2px 2px 5px rgba(68, 68, 68, 0.6);
    width: 95% !important;

    top:10px !important;
}

.modaladd #drupal-modal {
    background-color:#ecedee;
    color:#000;
}

.modaladd .ui-dialog-content{
    background-color: #ecedee;
    color:#000;
}

.modaladd .ui-dialog-titlebar  {
    background:none;
    /* background-color:rgba(41, 56, 79, 0.98);*/

}

.modaladd .ui-dialog-title{
    color:#000;
}
.modaladd h4,
.modaladd form,
.modaladd p {
    color:#000;
}

.modaladd form {
    background: transparent;
}

.modaladd .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix{
    background: none;
    border: none;
    /* background-color:rgba(41, 56, 79, 0.98);*/
    border-radius: 10px;
    border-top: 1px solid #ccc;
}




/*.modaladd.empresas{*/
.modaladd{
    width: 92%;
    max-width: 1200px;
}

/* END MODAL ADD EDIT */


/* MODAL LINPRESUPUESTOS */

.modal.linpresp{
    max-width: 800px !important;
    width: auto !important;
}



.modaladd.tarifas{
    width: 800px !important;
}


/* modal agendas */
.agendas-form .form-submit{
    padding: 2px 5px;
    font-size: 13px;
}

/* modal empresas*/
.empresas-form .form-submit{
    padding: 2px 5px;
    font-size: 13px;
}



/* MODAL EMAIL */

.modalerroremail{
    height: 130px !important;
    width: 400px !important;
}
.modalerroremail #drupal-modal{
    height: auto !important;
}

.modal.email{
    top: 10px !important;
}

/* DIALOG MODAL */

.ui-dialog.modaladd {
    z-index: 1100;

}

/* MODAL CALENDARIO */

[id^="windowManager"]{
    position: fixed !important;
    z-index: 200 !important;
}


[id^="htmlElement_window_"]{
    top: 150px !important;
    left: 150px !important;
    width: 400px !important;
    height: 400px !important;
    cursor: context-menu;
}

[id^="htmlElement_window_"][id$="_canvas_RR"]{
    display: none;
}
[id^="htmlElement_window_"][id$="_canvas_DD"]{
    display: none;
}
[id^="htmlElement_window_"][id$="_canvas_RD"]{
    display: none;
}

.jsframe-titlebar-focused{

    font-size: 14px !important;
    text-align: left;
}

#calendario-modal{
    padding:15px;
    font-size: 14px;
}

[id^="htmlElement_window_"] [id^="window_"]{
    text-align: left;
    padding-left: 10px;
    width: 400px !important;
    height: 380px !important;
}


[id^="htmlElement_window_"] [id^="window_"] > div:first-of-type{
    left:380px !important;
}


@media only screen and (max-width: 600px) {
    [id^="htmlElement_window_"]{
        top: 150px !important;
        left: 0px !important;
    }

}

.modaladd.contactossitiosweb{
    max-width: 700px !important;
}

.modaladd.notificaciones{
    max-width: 700px !important;
}

.modaladd.whatsapp{
    max-width: 700px !important;
}

.modaladd.telefonos{
    max-width: 700px !important;
}

.modaladd.canales{
    max-width: 900px !important;
}


@media only screen and (max-width: 600px) {
    .modaladd.contactossitiosweb,
    .modaladd.notificaciones{
        width: 350px !important;
    }
}

.regllamada{
    max-width: 700px !important;
}

.llamadas{
    max-width: 600px !important;
}

.modaladd.colapause{
    max-width: 400px !important;
}

.modaladd.colapause .js-form-submit{
    float: right;
    margin: 15px 0px;
}
.modaladd.colapause h4.label{
    font-weight: normal;
}



.modaladd.conversacion{
    max-width: 600px !important;
}

.modaladd.tipopausa{
    width: 350px !important;
}

.modaladd.verwhatsapp{
    width: 450px !important;
}


.modaladd.verseguimiento{
    width: 600px !important;
}

.modaladd.citaprevia{
    max-width: 600px !important;
}


.modaladd.contactocargos{
    max-width: 500px !important;
}


.modaladd.reghoremp{
    max-width: 500px !important;
}

/* boton nueva pestaña */
#newtab{
    font-size: 10px;
    margin: 1px;
    padding: 2px 5px 2px;
    position: absolute;
    top: 0px;
    left: 45%;
    background-color: #f3f4ee;
    color: #000;
    border-radius: 5px;
    text-decoration: none;
}

#newtab:hover {
    background-color: #b7b7b6;
}