body {
    background-color: #f3f4f9 !important;
}

#container{
    height: 100%;
    width: 100%;
    position: relative;
    /*left: 50px;*/
    /*top: 110px;*/
    padding: 0px;
    padding-left: 75px;
    padding-right: 15px;
}

#container.container-admin{
    /*top: 160px;*/
}



#content{
    padding: 0px 0px;
    width: 100%;

}

#container .region.region-content
{
    padding:0px;
}


@media only screen and (max-width: 600px) {
    #container{
        /*left: 0px;*/
        /* top: 110px;*/
        padding-left: 15px;
        padding-right: 15px;
    }


    #content{
        left: 0px;
        top: 55px;
        padding: 0px 0px;
        margin-left: 0px;
    }
}



#footer{
    margin-left: 100px;
    /*margin-top: 100px;*/
    /*width: 50%*/
}

/* Tablas */
.view thead tr:first-child {
    background: transparent !important;
}
.view th {
    background: #163554;
    color: #fff;
}

.view th a{
    background: #163554;
    color: #fff;
    text-decoration: none;
}

.view th .tablesort{
    color: #fff;
    background: none;
}


.view td, th {
    padding: 3px 5px !important;
}
.view th:first-child {
    /*border-radius: 5px 0 0 0;*/
}
.view th:last-child {
    /*border-radius: 0 5px 0 0;*/
}
.view thead a {
    color: #fff;
}
.view thead a:hover,
.view thead a:active {
    color: #99caff;
}


#noftform,
#views-edit-icons{
    float: right;
}

#noftform tr,
#noftform td,
#views-edit-icons tr,
#views-edit-icons td{
    background: none;
    border: none;
}

#noftform td,
#views-edit-icons td{
    width:25px;
    text-align: center;
}

#noftform a,
#views-edit-icons a{
    cursor:pointer;
}



/*quitar botones mostrar peso de fila*/
.tabledrag-toggle-weight-wrapper,
.tableresponsive-toggle-columns {
    display:none;

}


/* TABLAS DE LAS VISTAS*/
.views-exposed-form .form-actions{
    clear:none;
    float: left;
    margin-top:24px;
}
/*
.views-exposed-form .form-submit{
    vertical-align: top;
    font-size: 13px !important;
    padding: 4px 10px;
}
*/
.views-table.views-view-table{
    font-size: 14px;
    border: 1px solid #dee2e6;
}

.table-striped > tbody > tr:nth-of-type(odd) > *{
    background: none;
}


.views-table.views-view-table th,
.views-table.views-view-table td{
    padding: 2px;
    vertical-align: middle;
}

.views-table.views-view-table td p {
    margin: 0px;
}

.views-table.views-view-table .viewsactionbuttons{
    border: none;
    padding: 0px;
    margin: 0px;
    float: right;
}

.views-table.views-view-table .viewsactionbuttons tr,
.views-table.views-view-table .viewsactionbuttons td{
    padding: 0px;
    margin: 0px;
}

.views-table.views-view-table .viewsactionbuttons td{
    width:  35px;
    text-align: center;
}

table ul{
    margin: 0px !important;
}

/* tamaños de la columna botones de las vistas */
/* tres botones */
views-field-empleados-actionfield,
.views-field-socios-actionfield{
    width: 120px;
}

/* cuatro botones */
.views-field-festivos-actionfield {
    width: 150px;
}


/* VISTA AGENDA */
.view-calendario-agenda{
    margin-top: 35px;
}
@media only screen and (max-width: 700px) {
    .view-calendario-agenda .fc-toolbar{
        display: block !important;
    }
}

.view-calendario-agenda thead a:hover, .view thead a:active {
    color: unset;
}

.view-calendario-agenda thead a {
    color: unset;
}


/*boton calendario para ir a registros*/
.view-calendario-agenda .fc-registros{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.view-agenda .fc-day-number{
    color: #163554;
    font-weight: bold;
    text-decoration: none;
}

.view-agenda .fc-future{
    background-color: #fff;

}

.view-agenda .fc-future a,
.view-agenda .fc-future a:hover{
    background-color: #fff;
    color: #163554;

}

.view-id-agendas #botones-agenda{
    position: absolute;
    right: 0px;

}

.view-id-agendas .fc-button{
    color: #fff;
    background-color: #2C3E50;
    border-color: #2C3E50;
    padding: .4em .65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em;
    margin-left: -2px;
    border: unset;
}

.view-id-agendas  .fc-registros{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.view-id-agendas  .fc-calendario{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.view-id-agendas .fc-button:hover{
    color: #fff;
    background-color: #1a252f;
    border-color: #151e27;
}

/*BARRA DE SCROLL*/

/* Works on Firefox */
/*
* {
    scrollbar-width: none;
    scrollbar-color: #ccc white;
}
*/

/* Works on Chrome, Edge, and Safari */
/*
*::-webkit-scrollbar {
    width: 12px;
}
*/

/*
*::-webkit-scrollbar-track {
    background: white;
    border-radius: 20px;
}
*/

/*
*::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 20px;
    border: 3px solid white;
}
*/



#block-cambiardeusuario{
    position: relative;
    bottom: 0px;
}


.user-form a.btn.btn-secondary {
    margin-top:15px;
}

#block-astec-crmth-help{
    display: none;
}

.view-linpresup #emails-mark-icons span{
    cursor: pointer;
    color: #000;
}

.view-linpresup #emails-mark-icons span:hover{
    color: #0000ff;
}

.view-linpresup .views-field-linptomoverfield{
    color: #0000ff;
    width: 50px;
}

/*vista spam*/

#views-exposed-form-spam-page{
    margin-top: 20px;
}

#views-exposed-form-spam-page .vaciarspam{
    margin-top:20px;
    margin-left:15px;
    vertical-align: top;
    font-size: 13px !important;
    padding: 4px 10px;
    font-weight: bold;
}

.csv-feed .feed-icon{
    background-size: contain;
}

.views-data-export-feed .feed-icon{
    width: 70px !important;
    height: 25px !important;
}


/* vista circulares */
.view-id-circulares .vencida{
    color: #da0505;
}

/* vista tareas */
.view-id-tareas #views-edit-icons td{
    width: 35px !important;
}

.nav-item  a{
    background-color: #d2d2d2;
    margin-right: 5px;
    color: #2c2d2e;
}

.entity__tareas #tarnotf{
    cursor: pointer;
}

.entity__presupuestos #ptonotf,
.entity__llamadas #llamnotf{
    cursor: pointer;
}

.view-descargar{
    cursor: pointer;
}

/* vista registro procesos */
.views-field-regprocesoorigenfield a{
    color: #0056b3 !important;
    cursor: pointer !important;
}

/* VISTA PROCESOS */
.view-id-procesos .views-field-ctitulo{
    width: 550px;
}

.view-id-procesos .views-field-ctitulo i{
    color : #6e6e6e;
    font-size: 11px;
}

.view-id-procesos .views-field-dfechahora{
    width: 110px;
}

.view-id-procesos .views-field-nestado{
    width: 85px;
}

.view-id-procesos th#view-procesos-tareasfield-table-column{
    text-align: center;
}
.view-id-procesos .views-field-procesos-tareasfield{
    width: 145px;
}

/* vista contactos y empresas icono telefono */
.views-field-dirempresastelfield svg,
.views-field-contactotelfield svg,
.views-field-contactosemailfield svg,
.views-field-empresasdirprincipaltelfield svg,
.views-field-empresasdirprincipalemailfield svg,
.views-field-contactoemailsboton svg,
.views-field-contactosltelfield svg,
.views-field-llamadastelfield svg{
    /*float: right;*/
    background: #d2d2d2;
    /* color: #fff; */
    border: 1px solid grey;
    border-radius: 4px;
    height: 20px !important;
    width: 20px !important;
    padding: 2px;
    cursor: pointer;
    margin-left: 10px;
}
.views-field-dirempresastelfield svg:hover,
.views-field-contactotelfield svg:hover,
.views-field-empresasdirprincipaltelfield svg:hover,
.views-field-contactosltelfield svg:hover {
    background: #b2b2b2;
}

/* Vista conversaciones */

/* lineas no leidas*/

.view-id-conversaciones .conversacion.sinleer-0{
    background-color: transparent !important;
}
.view-id-conversaciones .conversacion{
    background-color: #f9b8b8 !important;
}



.view-llamadas .llamadaper-1,
.view-llamadas-cto .llamadaper-1,
.view-llamadas-emp .llamadaper-1,
.view-llamadas-admin .llamadaper-1{
    background-color: #efa3a3 !important;
}

.view-llamadas .revsi,
.view-llamadas-cto .revsi,
.view-llamadas-emp .revsi,
.view-llamadas-admin .revsi{
    background-color: #a9cefd !important;
}

.view-llamadas .llamadaper-1.revsi,
.view-llamadas-cto .llamadaper-1.revsi,
.view-llamadas-emp .llamadaper-1.revsi,
.view-llamadas-admin .llamadaper-1.revsi{
    background-image: linear-gradient(#efa3a3, #a9cefd,#a9cefd , #efa3a3);
    background-color: #a9cefd !important;
}

/* Imprimir fichages */
.imprimirform #selector {
    height: 28px !important;
    padding: 0px 5px;
}

.imprimirform .form-item-fechadesde, .imprimirform .form-item-fechahasta {
    margin-right: 15px;
}

.imprimirform #edit-submit {
    /*    background-color: #f0932b;
        border-radius: 5px;
        color: white;*/
    padding: 5px 10px;
    margin-top: 22px;
}

.imprimirform .form-item #usuario {
    width: 300px;
    height: 28px !important;
    margin-right: 15px;
}



.imprimirform #lineatexto {
    margin-top: 10px;
    width: 100%;
    font-weight: bold;
    font-size: 17px;
}

.imprimirform #mensaje {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.imprimirform #contenttable {
    margin-top: 10px;
    float: left;
    width: 100%;
}


.imprimirform .form-item #edit-grupo {
    width: 300px;
    margin-right: 15px;
}

.imprimirform #edit-addgrupo, .imprimirform #edit-adduser {
    background-color: #008000;
    color: #fff;
    font-size: 20px;
    padding: 0px 10px;
    border-radius: 5px;
    margin-top: 25px;

}


/* titulos */
h1{
    text-align: left !important;
    font-size: 2rem !important;
}

/* CONFIGURACION */
.configuracion-menu .panel{
    color: #000;
    margin-bottom: 15px;
    border: 1px solid #d3d4d9;
}

.configuracion-menu .panel_title{
    background-color: #163554;
    padding: 5px 10px;
    font-size: 20px;
    color: #fff;
    margin: 0px;
}
.configuracion-menu .panel_content{
    font-size: 16px;
    padding: 0px 20px;
    background-color: #fff;
}

.configuracion-menu .panel_content ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.configuracion-menu .panel_content ul li{
    border-bottom: 1px solid #d3d4d9;
    padding: 10px 0px;
}

.configuracion-menu .panel_content ul li:last-child{
    border-bottom: none;
}

.configuracion-menu .panel_content ul li a{
    text-decoration: none;
    color: #163554;
    font-weight: 500;
}

.configuracion-menu .panel_content ul li span{
    padding: 0px 30px;
    display: block;
    font-size: 14px;
    color: #55565b;
}

.disabled{
    pointer-events: none !important;
    color : #d3d3d3 !important;
}

.ocultar{
    display: none !important;
}

/* ICONOS */
.icono-medio{
    font-size: 20px;
    margin-right: 5px;
    padding: 0px;
    color:#163554;
}

.icono-medio:hover{
    color:#18548c;
}

.icono-disable{
    color : #d3d3d3 !important;
    pointer-events: none !important;
}

.views-field-afoto__target-id{
    width: 60px;
}

img.image-user-view {
    border-radius: 100px;
    border: solid 1px #ccc;
    background-color: #d7d3d3;
    border-radius: 100px;
    display: block;
    width: 45px;
    height: 45px;
}
/*
img.image-user-view:hover {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 100px;
}
*/

span.image-user-view {
    border-radius: 100px;
    border: solid 1px #ccc;
    background-color: #d7d3d3;
    background-image: url(/themes/custom/astec/img/avatar.png);
    display: block;
    width: 45px;
    height: 45px;
    background-size: contain;
}

/* NIVEL URGENCIA VISTAS */
/*no urgente*/
.nivel-1{
    display: inline-block;
    width: 80px;
    border: 1px solid #ccc;
    padding: 2px 2px;
    border-radius: 2px;
    font-size: 13px;
}
/*normal*/
.nivel-2{
    display: inline-block;
    width: 80px;
    padding: 2px 3px;
    border-radius: 2px;
    background-color: #85a8ff;
    font-size: 13px;
}
/*urgente*/
.nivel-3{
    display: inline-block;
    width: 80px;
    padding: 2px 3px;
    border-radius: 2px;
    background-color: #eeff86;
    font-size: 13px;
}
/*prioritario*/
.nivel-4{
    display: inline-block;
    width: 80px;
    padding: 2px 3px;
    border-radius: 2px;
    background-color: #ff9494;
    font-size: 13px;
}

/* ESTADOS VISTAS */
/* pendiente*/
.fa-triangle-exclamation{
    color: #e69d00 !important;
    font-size: 20px !important;
}

.fa-triangle-exclamation.view{
    color: #e69d00 !important;
    font-size: 13px !important;
}

/*proceso*/
.fa-clock-rotate-left{
    color: #0634cd !important;
    font-size: 20px !important;
}
/*aceptadp*/
.fa-check{
    color: #76db40 !important;
    font-size: 20px !important;
}
/* cancelado*/
.fa-xmark{
    color: #f5593e !important;
    font-size: 20px !important;
}

/* vista fila no leido*/
.view .leido-0 td{
    background-color: #fff5a0 !important;
}

.view .read0{
    font-weight: 600;
}


/* VISTA SEGUIMIENTOS EMPLEADOS */
.numadjuntos {
    font-size: 20px;
    margin-right: 5px;
    font-weight: bold;
}

/*quitar ajax throbber*/
.ajax-progress-throbber {
    display: none !important;
}

.ajax-process{
    display: none !important;
}

/* VISTA JUSTIFICANTES EMPLEADOS */
.view-justificantesempleadosturnos table .views-field-nestado,
.view-justificantes table .views-field-nestado{
    width: 75px !important;
}
/*
.view-justificantes table .views-field-dfecha{
    width: 100px !important;
}
*/


/* VISTA COMUNICACIONES EMPLEADOS */
.view-comunicaciones table .views-field-nestado{
    width: 75px !important;
}

.view-comunicaciones table .views-field-dfecha{
    width: 95px !important;
}

.view-comunicaciones table .views-field-nnivel{
    width: 100px !important;
}
.view-comunicaciones table .views-field-comunicaciones-adjuntos{
    width: 85px !important;
}

.view-comunicaciones table .views-field-eusuario span,
.view-comunicaciones table .views-field-empleado-nombre span,
.view-comunicaciones table .views-field-usuario-nombre span{
    color :#286eaf !important;
    cursor:help;

}

.view-comunicaciones table .read0{
    font-weight: 600;
}


/* VISTA FESTIVOS */
.view-festivos .views-field-nejercicio{
    width: 70px;
}

/* VISTA INCIDENCIAS */
.view-incidencias-tecnicas .incidencia-0 td{
    background-color: #fff5a0;
}

/* VISTA SEGINCIDENCIAS */
.view-seguimientos-incidencias-tecnicas .segincidencia-0 td{
    background-color: #fff5a0;
}

/* VISTA CIRCULARES */


/* TURNOS_EMPLEADOS CONTROLLER */
.consulta-turnos{
    border-color: #163554;

}
.consulta-turnos td{
    padding: 2px 5px !important;
}

.consulta-turnos .turnostitles{
    background-color: #163554;
    color: white;
    font-size: 14px;
}

.consulta-turnos .turnossemana{
    background-color: #ededed;
    text-align: center;
    vertical-align: middle;
}
.consulta-turnos .turnoshoraturno{
    background-color: #d0e2f1;
    text-align: center;
    border: 1px solid #163554;
}
.consulta-turnos .turnoshorareghor{
    background-color: #e0f9f2;
    text-align: center;
    border: 1px solid #163554;
}
.consulta-turnos .turnoshorajusti{
    background-color: #eee8aa;
    text-align: center;
    border: 1px solid #163554;
}

.consulta-turnos .turnoscol{
    width: 100px;
    text-align: center;
}

.consulta-turnos .turnosemanacol{
    text-align: left;
    color: #163554;
}

.consulta-turnos td.t_irreg{
    background-color:#f3cb56;
}

.consulta-turnos td.diamesaviso{
    background-color:#faf1d7;
}

.consulta-turnos td.diameserror{
    background-color:#f78686;
}

.consulta-turnos td.diameserror span,
.consulta-turnos td.diamesaviso span {
    float: right;
}

.consulta-turnos .titlejustificante{
    text-align: center;
    background: none;
    color: #163554;
    border-top: 2px solid #163554;
    padding-top: 20px !important;
}

.consulta-turnos #año_select,
.consulta-turnos #mes_select{
    margin-right: 20px;

}

.consulta-turnos #btn_turno_buscar{
    margin-top: -5px;
}

.consulta-turnos #btn_justificante,
.consulta-turnos #btn_turnos{
    float: right;
}

/*
.consulta-turnos tr:hover{
    background-color: #235281;
}

.consulta-turnos tr:hover td {
    opacity: 0.1;
}

.consulta-turnos tr:not(.turnostitles):hover td {
    opacity: 0.5;
}
*/




/* FICHA EMPLEADOS */

.nav.nav-tabs{
    /*padding-left: 10px;*/
}

.nav-tabs .nav-item .nav-link{
    border-radius: 0px;
    margin: 0px;
    border:none;
    border-right: 1px solid #a1a1a1;
    font-size: 14px;
}

.nav-tabs .nav-item .nav-link.active{
    background-color: #163554;
    color: #fff;
    border-radius: 0px;
    margin: 0px;
    font-size: 14px;
}

.tab-content {
    margin-top: 10px;
}


/* KIT DIGITAL */

.kit-digital{
    margin-top: 40px;
}

.kit-digital ul {
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.kit-digital li {
    list-style: none;
}

.kit-digital img {
    margin: 0px 20px;
    /*width: 280px;*/
    height: 75px;
}

@media (max-width: 565px) {
    .kit-digital img {
        margin: 0px 20px;
        width: 350px;
        height: auto;
    }
}

span.loading {
    display: block;
    text-align: center;
    font-size: 20px;
}