/* TL */
.timeline_table tr.cab{
    font-size: 9px;
    text-transform: uppercase;
}
table.estandar.timeline_table tr td{
    padding: 0;
}
.tlicon{
    display: block;
    width: 100%;
    max-width: 40px;
    height: 40px;
    box-sizing: border-box;
    font-size: 30px;
    text-align: center;
    margin:auto;
    color: #fff;
}
.tlicon .fa, .tlicon .fas, .tlicon .far{    
    padding: 3px;
    background: #aaa;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}
.tlicon .fa-thumbs-up, .tlicon .fa-phone{
    background: #82C91E;
}
.tlicon .fa-thumbs-down{
    background: #FF6961;
}
.tlicon .fa-envelope, .tlicon .fa-spinner{
    background: #15AABF;
}
.tlicon .fa-user-clock, .tlicon .fa-pause-circle{
    background: #FD7E14;
}
.tlicon .fa-search-dollar{
    background: #4C6EF5;
}
.tlicon .fa-truck{
    background: #F783AC;
}

.tlicon .fa-arrow-alt-circle-right{
    background: #fff;
    color: #82C91E;
}
.tlicon .fa-arrow-alt-circle-left{
    background: #fff;
    color: #FF6961;
}
.tlicon .fa-wordpress{
    background: #424242;
}
.tl_content_icon .fa-bell{
	color: #fff121;
}

.btn_phone{
    border-bottom:#333 1px dashed;
    cursor:help;
    font-weight:bold;
    color: #008000;
    margin: 0 3px;
}
.infoshared .btn_phone{
    margin: 0;
}
.btn_mails{
    border-bottom:#333 1px dashed;
    cursor:help;
    font-weight:bold;
    color: #E57301;
    float: left;
}
.btn_send_mails{
    color: #E57301;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    margin-top: -2px;
    float: left;
}
.btn_call{
    color: #007EA7;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    margin-left: 8px;
    margin-top: -2px;
    float: left;
}
.btn_send_whatsapp{
    color: #10B418;
    font-size: 20px;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
    margin-top: -2px;
    float: left;
}
/* FIN CRM */

.seedicon{
    display: inline-block;
    padding: 5px;
    color: #fff;
    font-size: 16px;
    margin-right: 1px;
    margin-bottom: 1px;
    box-sizing: border-box;
    width: 30px;
}
.seedicon.si_verde{
    background: #82C91E;
}
.seedicon.si_gris{
    background: #aaa;
}
.seedicon.si_rosa{
    background: #F783AC;
}
.seedicon.si_azul{
    background: #4C6EF5;
}
.inlineform, #fixedbuttons.fbfixed form.inlineform, #fixedbuttons form.inlineform{
    display: inline-block !important;
    width: auto !important;
    padding: 0 0 15px 0;
}
.estandar tr.ignorado, .estandar tr.ignorado td, .estandar tr.ignorado.par, .estandar tr.ignorado.par td{
    background: #F2D6C5;
}
#formseedexcel{
    display: inline-block !important; 
    width: auto !important;
}


 .list_cnaes{
    display: block;
    width: 48%;
    max-width: 400px;
    max-height: 300px;
    overflow-y: scroll;
    float: left;
    margin-right: 1%;
}
.list_cnaes  input[type="radio"]{
    -ms-transform: scale(1.2); /* IE */
    -moz-transform: scale(1.2); /* FF */
    -webkit-transform: scale(1.2); /* Safari and Chrome */
    -o-transform: scale(1.2); /* Opera */
    transform: scale(1.2);
    padding: 10px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

.list_cnaes label{
    font-size: 13px;
    cursor: pointer;
}

.list_cnaes  input[type="radio"]:checked, .list_cnaes  input[type="radio"]:checked+label{ 
    font-weight: bold; 
    color: #06F;
} 

.list_cnaes #filter{
    display: inline-block;
    width: 99%;
    margin-top: 4px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: #aaa 1px solid;

    font-size: 14px;
    padding: 6px 3px;
    box-sizing: border-box;
}
.list_cnaes label{
    width: 90%;
    display: inline-block;
}
.inblo{
    display: inline-block;
    width: 160px;
}

.blonewtl4{
    width: 24%;
    margin-right: 1%;
}
.newtltit{
    color: #333;
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
    box-shadow: border-box;
    padding-bottom: 8px;
}
.actuadate{
    padding: 5px 7px;
    border-radius: 15px;
    border: #666 1px solid;
    text-align: center;
}
.actuacombo{
    padding: 5px 7px;
    width: 100%;
    max-width: 200px;
}

.emojicombo{
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    background: #ddd;
    padding: 0;
    margin: 5px auto;
    border-radius: 15px;
    overflow: hidden;
}
.emojicombo input[type="radio"]{
    display: none;
    opacity: 0;
}
.emojicombo label{
    font-size: 24px;
    display: inline-block;
    width: 20%;
    padding: 10px  5px;
    box-sizing: border-box;
    cursor: pointer;
}


.emojicombo2{
    max-width: 120px;
}
.emojicombo2 label{
    width: 50%;
}
.emojicombo3 label{
    width: 33%;
}
.emojicombo4 label{
    width: 25%;
}
.emojicombo5 label{
    width: 20%;
}
.emojicombo2{
    max-width: 80px;
}
.emojicombo6 label{
    width: 16%;
}

.emojicombo input[type="radio"]:checked+label{
    background: #333;
    box-shadow: -1px -1px 1px #999 inset;
    color: #fff;
}
.emojicombo label[for="via-0"]{
    color: #82C91E !important;
}
.emojicombo label[for="via-1"]{
    color: #15AABF !important;
}
.emojicombo label[for="via-2"]{
    color: #FD7E14 !important;
}
.emojicombo label[for="via-3"]{
    color: #4C6EF5 !important;
}
.emojicombo label[for="via-4"]{
    color: #F783AC !important;
}


.emojicombo label[for="exito-0"]{
    color: #000 !important;
}
.emojicombo label[for="exito-1"]{
    color: #15AABF !important;
}
.emojicombo label[for="exito-2"]{
    color: #82C91E !important;
}
.emojicombo label[for="exito-3"]{
    color: #FF6961 !important;
}
.emojicombo label[for="exito-4"]{
    color: #EF9B0F !important;
}

.emojicombo label[for="sentido-0"]{
    color: #FF6961 !important;
}
.emojicombo label[for="sentido-1"]{
    color: #82C91E !important;
}

.blonewtl input[type="text"]{
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: #999 1px solid;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
}
.blonewtl textarea{
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 3px;
    border: #999 1px solid;
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
}

.signed,.postponed > i,.active{
    color: #40A647;
}

.not-signed,.not-active{
    color: red;
}

/* Maquetación firma_digital y para webcam_photo*/
#body_signature{
    box-sizing: border-box;
    height: 100vh;
    padding: 0px;
}

#container-all-signature{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.container-alumn-signature,.container-alumn-update-avatar{
    box-sizing: border-box;
    background: #F5F6F8;
    width: 100%;
    /* max-width: 900px; */
    padding: 0px 16px;
    box-shadow: 1px 1px 1px #dedede;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.container-msj-signature{
    width: 100%;
    /* max-width: 900px; */
    margin-left: auto;
    margin-right: auto;
}

.container-spad-and-botons{
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    background: #F5F6F8;
    box-shadow: 1px 1px 1px #dedede;
    width: 100%;
    height: 100%;
    /* max-width: 900px;*/
    min-height: 400px; 
    padding: 5px 16px 16px 16px;
    margin-left: auto;
    margin-right: auto;
}

.container-signature-pad{
    box-sizing: border-box;
    position: relative;
    flex: 1;
    margin-bottom: 10px;
    background: white;
}

.signature-pad{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
}

.botonera-signature{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px 0px;
}

#clear-signature{
    margin-left: 3px;
}

.btn-cerrar-firma{
    display: flex;
    justify-content: center;
}


#save-photo,#restart-take-photo{
    margin-left: 3px;
    display: none;
}






/* CSS PARA EDICIÓN DE AVATAR (ALUMNO) */

#cont-all-edit-avatar{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.container-alumn-update-avatar{
    max-width: 900px;
}

.container-msj-update-photo,#msj-error-webcam{
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#msj-error-webcam{
    box-sizing: border-box;
    display: none;
}

.container-options-photo{
    box-sizing: border-box;
    padding: 0px 16px;
    background: #F5F6F8;
    box-shadow: 1px 1px 1px #dedede;
    margin-bottom: 10px;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.container-options-photo h3{
    font-weight: normal;
    text-align: center;
    font-style: italic;
}


.cont-tabs-options-photo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-options-photo {
    box-sizing: border-box;
    display: flex;
    background-color: #fff;
    padding: 10px;
    border-radius: 99px;
    margin-bottom: 16px;
}

.tabs-options-photo * {
    z-index: 2;
}

.tabs-options-photo > input[type=radio] {
    display: none;
}

.tab {
    color: #7417e5;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 150px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 99px;
    cursor: pointer;
    transition: color 0.15s ease-in;
}

.tabs-options-photo > input[type=radio]:checked+label {
    color: #fff;
}

input[id=op-webcam]:checked~.glider {
    transform: translateX(0);
}

input[id=op-upload]:checked~.glider {
    transform: translateX(100%);
}

.glider {
    position: absolute;
    display: flex;
    height: 30px;
    width: 150px;
    background: #7417e5;
    z-index: 1;
    border-radius: 99px;
    transition: 0.25s ease-out;
}

#cont-all-edit-avatar > .container-tabs-content{
    box-sizing: border-box;
    background: #F5F6F8;
    box-shadow: 1px 1px 1px #dedede;
    width: 100%;
    max-width: 900px;
    padding: 16px;
    margin-left: auto;
    margin-right: auto;

}
.container-webcam-and-botons{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.style-prev-avatar{
    background: none !important;
    box-shadow: none !important;
}

.container-webcam{
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

#webcam-photo,.cont-prev-avatar{
    display: none;
}

#webcam,#webcam-photo{
    box-sizing: border-box;
    width: 100%;
    max-height: 488px;
}


.botonera-webcam{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 5px 0px;
}

.container-upload-photo > #form-photo-upload{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#form-photo-upload > #title-options-photo-upload{
    text-align: center;
    display: none;
}

div.group-f-photo-upload{
    margin: 10px 0px;
}

.btns-end-update-avatar{
    display: flex;
    justify-content: center;
}

.cont-saved-photo,.cont-prev-avatar{
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.common_avatar.prev-img-avatar{
    min-width: 100px;
    min-height: 100px;
}

.btns-end-update-avatar > button:first-of-type{
    margin-right: 5px;
}

/* Estilos para btn whatshapp (mensajes_whatsapp) */

table .fa-whatsapp{
    font-size: 18px;
}

.fa-whatsapp{
    color: #10B418;
}

.icon-disabled > i{
    color:#000;
}

/* Estilos para carga de acciones acciones.php*/

.bodyacciones{
    padding-left: 20px;
    padding-right: 20px;
}

.bodyacciones > #cont_carga_acciones, body.bodypoliticaprivacidad > .cont-politicaprivacidad{
    max-width: 1024px;
    padding-top: 20px;
    margin: auto;
}

body.bodypoliticaprivacidad > .cont-politicaprivacidad{
    height: 90vh;
}

.pending-action > .header-pending-action{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.pending-action{
    color: #000;
}

.pending-action:hover{
    background: #eee;
}

.bloqueportada.bloqueportada2.cont-alumn-action {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-alum-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.common_avatar.cont-avatar-alumn-action {
    margin: 0px;
    min-width: 100px;
    min-height: 50px;
}

.info-alum-action {
    margin: 0px 10px;
}

#btn_firmado{
    background: #b57ff8;
    cursor: auto;
}

/* Para firmar politica de privacidad - acciones(politica_de_privacidad.php) */

table.validation_pi_show td{
    padding: 12px !important;
}

/* Iframe politica de privacidad */

iframe#iframe_politica_privacidad{
    border: none;
    width: 100%;
    height: 90%;
}

/* PARA alta alumnos */

.fech_alta_alumno{
    width: 98%;
    max-width: 400px;
    border: #333 1px solid;
}


/*Para calendario (para reuniones)*/
/*
table.calendar span.reunion i{
    display: inline-block;
}*/

/*PARA LISTADO DE REUNIONES*/
div.horario_reu{
	margin-bottom: 2px;
}

.labelhorareu{
	display: inline-block;
    width: 40px;
}

span.labelhorareu{
	width: 60px;
	font-weight: 600;
}

.status {
	display: inline-block;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 9px;
	color: #fff;
	background: #dedede;
	margin-left: 5px;
	width: 100px;
}

.statusblack {
	background: #000000;
}
.statusred {
	background: #900;
}
.statusgreen {
	background: #090;
}
.statusorange{
	background: #EC9714;
}

/* PARA FORMULARIO DE REUNIONES */
form#add_reunion table.estandar .campos_reunion{  padding: 5px;
    border: #bbb 1px solid;
    color: #555;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    background: #fff;
}

/* PARA INTERESES EN ALTA ALUMNOS (alta_alumn.php)*/
table.publictable tr td div.cont_campo_intereses{
    background-color: #eeeded;
    padding: 5px 5px 1px 5px;
    width: 100%;
    max-width: 400px;
}

div.cont_campo_intereses div#intereses_fam{
    display: none;
    padding-top: 15px;
}

div.cont_campo_intereses div#intereses_fam label{
    font-size: 15px;
}

/* PARA AÑADIR EMPRESES DE CLIENTE */

div#cont_selector_empresas{
    box-sizing: border-box;
    width: 100%;
}
div#cont_selector_empresas > div#cont_selected_empresas{
    margin: 7px 0px;
}

/*div#cont_selector_empresas > div#cont_selected_empresas select, */div#cont_selector_empresas > div#cont_selected_empresas .select2.select2-container{
    width: 100% !important;
} 

div#cont_selector_empresas textarea{
    min-height: 0px !important;
}
div#cont_selector_empresas textarea:focus{
    font-weight: normal !important;
}

div#cont_formAddEmpresa{
    display: none;
}

div#cont_formAddEmpresa > #fieldset_addEmpresa{
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #006000;
}

#fieldset_addEmpresa legend{
    box-sizing: border-box;
    background-color: #006000;
    color: white;
    padding: 5px;
    font-weight: bold;
}

.cont-double-field{
    box-sizing: border-box; 
    
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px;
    padding: 10px;
}

.cont-field, .cont-field-only {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.cont-field > * {
    width: 100% !important;
}

.cont-field-only{
    width: 100%;
    padding: 10px;
}
.cont-field-only > input, .cont-field-only > textarea{
    width: 100%!important;
    box-sizing: border-box;
}
.cont-field-only > textarea{
    max-width: 100%!important;
    box-sizing: border-box;
}

.cont-field input, .cont-field-only input{
    padding: 5px 3px;
    box-sizing: border-box;
    font-size: 14px;
    border: 1px solid #aaa;
}

.cont-field-dates{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px;
}

/* ACORDEON EMPRESAS EN FORMULARIO ALUMNOS */

div.item_infoempresa_selected{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    border: 1px solid #487948;
}

div.item_infoempresa_selected > div.header_infoempresa{
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #487948;
    color: white;
}

div.header_infoempresa > div.title_and_dates_infoempresa{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

div.title_and_dates_infoempresa > .dates_infoempresa{
    font-size: 10px;
    font-style: italic;
    color: whitesmoke;
}
div.title_and_dates_infoempresa > .title_infoempresa{
    font-weight: bold;
}

div.header_infoempresa > i{
    transition: all 0.6s ease;
}
div.header_infoempresa > i.infoempresaopen{
    transform: rotate(90deg);
}

div.item_infoempresa_selected > div.body_infoempresa{
    display: none;
}

/* PARA POSIBLES EMPRESAS */
.matchempshow{
    cursor: pointer;
}

.container_suggest_posemp{
    padding-bottom: 5px;
    font-size: 11px;
}
.container_suggest_posemp > .lbl_suggest_posemp{
    
}
.container_suggest_posemp > .value_suggest_posemp{
    font-weight: bold;
}

.container_suggest_posemp.comparefield_coinciding > .value_suggest_posemp{
    color: #008000;
}
.container_suggest_posemp.comparefield_notcoinciding > .value_suggest_posemp{
    color: #ff0000;
}

/* clases */
.colorgreen{
    color: #008000;
}
.colorred{
    color: #ff0000;
}

.bggreen{
    color: #008000;
}
.bgred{
    color: #ff0000;
}

/* PARA ENVIO DE CORREO */
a.linkalumnmail{
    border: 1px solid #7fa1d5;
    padding: 5px;
    border-radius: 12px;
    background: #d8e7fb;
    font-size: 10px;
    box-sizing: border-box;
    display: inline-block;
    margin: 2px;
}

a.linkalumnmail.linksuccess{
    border-color: #40ae40;
    background: #b8e6b8;
    color: #066606;
}

a.linkalumnmail.linkerror{
    border-color: #db3434;
    background: #ff9c9c;
    color: #b91919;
}

a.linkalumnmail.linkdisabled{
    border-color: #8c8c8c;
    background: #d5d5d5;
    color: #575757;
}

div#cont-config.send_multimail{
    position: relative;
}

div#cont_loader_send_multimail{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    box-sizing: border-box;
    display: none; 
    background: #d4d3d34d;
}

div#loader_send_multimail{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div#loader_send_multimail img{
    max-width: 200px;
    width: 100%;
    box-sizing: border-box;
}

div#loader_send_multimail p{
    font-style: italic;
    font-weight: bold;
    color: #fe718d 
}

.oculto{
    display: none;
}

div#result_send_multimail {
    /* display: none; */
    box-sizing: border-box;
    margin-top: 10px;
    padding: 5px 0px;
    /* text-align: center; */
    /* border: 2px solid #4e00ae; */
}


div#result_send_multimail #title_sendmultimail{
    color: #10B418;
    font-weight: bold;
    display: block;
    margin: 10px 0px;
    text-align: center;
}

div#result_send_multimail > .mensaje_error{
    text-align: center;
    font-size: 13px;
}

.t-align {
    text-align: center;
}

.ml-0 {
    margin-left: 0.5%;
}

div#result_send_multimail > .mensaje_error > .item_list_error {
    display: block;
    font-weight: initial;
    font-style: italic;
    margin-top: 2px;
    font-size: 12px;
}
/* ACCIÓN EN LOTE: Desvincular familias */
div.cont-combo-select2 > div.cont-combo-select2 select, div.cont-combo-select2 .select2.select2-container{
    width: 100% !important;
}

div.cont-combo-select2 textarea{
    min-height: 0px !important;
}
div.cont-combo-select2 textarea:focus{
    font-weight: normal !important;
}

/* Nuevos estilos Programación curso */
tr.trprogdiaerror {
    /* display: none; */
    text-align: center;
    background: #ff00006e;
}
tr.trprogdiaerror:hover td{
    background: #ff00006e!important;
}
tr.trprogdiawarning {
    /* display: none; */
    text-align: center;
    background: #fff09c;
}
tr.trprogdiawarning:hover td{
    background: #fff09c!important;
}
.progdataerror{
    border: 2px solid #ff0000 !important;
}
.progdataok{
    border: 2px solid #10B418 !important;
}
.progdatawarning{
    border: 2px solid #ffd902  !important;
}
.progdataerror:focus, .progdataerror:focus-visible{
    outline: 1px solid #ff0000 !important;
}
.progdataok:focus, .progdataok:focus-visible{
    outline: 1px solid #10B418 !important;
}
.progdatawarning:focus, .progdatawarning:focus-visible{
    outline: 1px solid #ffd902  !important;
}
span.iconerrorprog > i{
    color: #ff0000;
}

form#form-prog-convo-validation input#guardaprog{
    display: none;
}

/* <i class="fas fa-exclamation-triangle"></i> */

/* LOADER DEFAULT NEOMENTOR */

.cont-parent-loader-neomentor{
    position: relative;
}

.cont_loader_neomentor_default{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    box-sizing: border-box;
    display: none; 
    background: #d4d3d34d;
}

.loader_neomentor_default{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.loader_neomentor_default img{
    max-width: 200px;
    width: 100%;
    box-sizing: border-box;
}

.loader_neomentor_default p{
    font-style: italic;
    font-weight: bold;
    color: #fe718d 
}

/* Programación curso: más de una clase al día */
select.selectindex_prog{
    padding: 5px;
}

table.table_prog{
    border-spacing: 0;
    border-collapse: collapse
}
table.table_prog tr td{
	padding:7px;
}
table.table_prog tr td select{
    padding: 5px;
    border: #bbb 1px solid;
    color: #555;
    width: 300px;
    box-sizing: border-box;
    background: #fff;
}

table.table_prog tr.trprog.trproginitial{
    /* border: 1px solid #6c9deb !important; */
}

tr.trspacer td{
    padding: 0.4px !important;
    background-color: white!important;
}

.trprog.trproginitial, .trprog.trproginitial td{
    background-color: #b9ccea;
}

.trprog.trproginitial:hover, .trprog.trproginitial:hover td{
    background-color: #a5bee6;
}
.trprog:not(.trproginitial), .trprog:not(.trproginitial) td{
    background-color: #d9e2f0;
}
.trprog:not(.trproginitial):hover, .trprog:not(.trproginitial):hover td{
    background-color: #c3d2e9;
}

.posrelative{
    position: relative;
}

div.content_float_rounded_icon{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    padding-right: 3px;
}

.admin_boton.admin_rounded_icon{
    box-sizing: border-box;
    border-radius: 50px;
    min-width: 0;
    padding: 6px;
}
.admin_boton.admin_rounded_icon i{
    font-size: 17px;
    margin: 0;
    line-height: inherit;
}


@media (max-width: 780px) {
    
    .admin_boton.admin_rounded_icon{
        box-sizing: border-box;
        border-radius: 50px;
        min-width: 0;    
        padding: 2px 3px;
    }
    .admin_boton.admin_rounded_icon i{
        font-size: 14px;
    }
}

.admin_boton.admin_rounded_icon.admin_rounded_green{
    background: #1aad003B;
}

.admin_boton.admin_rounded_icon.admin_rounded_green:hover{
    background: #1aad00;
}

.admin_boton.admin_rounded_icon.admin_rounded_red{
    background: #CC00003B;
}

.admin_boton.admin_rounded_icon.admin_rounded_red:hover{
    background: #C00;
}

/* CSS PARA ALERTAS PROGRAMADAS (en add_curso) */
div#cont_info_added_alp *,div#cont_form_add_alp *{
    font-size: 12px;
}

div#cont_info_added_alp .cont-double-field, div#cont_form_add_alp .cont-double-field{
    grid-template-columns: repeat(auto-fill, minmax(min(100%,300px), 1fr));
}

a#btn_show_form_add_alp{
    background-color: #006000;
}

div#cont_info_added_alp{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
}

div#cont_form_add_alp{
    display: none;
    max-width: 400px;
    width: 100%;
}

div#cont_form_add_alp > fieldset{
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #006000;
}

div#cont_form_add_alp > fieldset legend{
    box-sizing: border-box;
    background-color: #006000;
    color: white;
    padding: 5px;
    font-weight: bold;
}

div.item_info_alp{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    /* border: 1px solid #487948; */
    max-width: 200px;
    width: 100%;
}

div.item_info_alp > div.header_info_alp{
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #487948;
    color: white;
}

div.item_info_alp.disabledalp > div.header_info_alp{
    background-color: #487948cc;
}

div.item_info_alp.disabledalp input:disabled, div.item_info_alp.disabledalp textarea:disabled{
    background-color: #eeeeee;
}

div.header_info_alp > div.title_and_state_infoalp{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

div.title_and_state_infoalp > .state_info_alp, div.title_and_state_infoalp > .state_info_alp > i{
    font-size: 10px;
    font-style: italic;
    color: rgb(233, 233, 233);
}
div.title_and_state_infoalp > .title_info_alp{
    font-weight: bold;
}

div.header_info_alp > span.showOrHideDetailsAlp > i{
    transition: all 0.6s ease;
}
div.header_info_alp > span.infoalpopen > i{
    transform: rotate(90deg);
}

div.item_info_alp > div.body_info_alp{
    display: none;
    border: 1px solid #006000;
    border-top: 0px;
}

/* ESTILOS MULTIMEDIA (multimedia.php) */
div.cont-all-multi{
    box-sizing: border-box;
    width: 100%;
    display: grid;
    /* grid-template-columns: repeat(auto-fill, 500px); */
    /*grid-template-columns: repeat(auto-fill, minmax(300px, 1f));*/
    grid-template-columns: 33% 33% 33%;
    gap: 8px;
    padding: 10px;
}

@media (max-width: 1200px) {
    div.cont-all-multi{
        grid-template-columns: 50% 50%;
    }
}
@media (max-width: 940px) {
    div.cont-all-multi{
        grid-template-columns: 100%;
    }
}

div.cont-all-multi > div.cont-item-multi{
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #d2c5e3;
    border-radius: 3px;
    background-color: #ccbddf35;
    display: flex;
    flex-direction: column;
}

div.cont-all-multi > div.cont-item-multi > div.header-item-multi{
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    height: 100%;
    text-align: center;
    border-bottom: 1px solid #d2c5e3;
}

div.header-item-multi .item-multi.type-img-multi{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 250px;
    border-radius: 3px;
}

div.body-item-multi{
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    text-align: center;
}

/*************************************/
/** CSS PARA EXAMENES (en add_curso) */
/*************************************/
div.cont_info_added_elem *,div.cont_form_add_elem *{
    font-size: 12px;
}

div.cont_info_added_elem .cont-double-field, div.cont_form_add_elem .cont-double-field{
    grid-template-columns: repeat(auto-fill, minmax(min(100%,300px), 1fr));
}

a#btn_show_form_add_exm{
    background-color: #002660;
}

div.cont_info_added_elem{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    gap: 5px;
    flex-wrap: wrap;
}

div.cont_form_add_elem{
    display: none;
    max-width: 400px;
    width: 100%;
}

div.cont_form_add_elem > fieldset{
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #006000;
}
div#cont_form_add_exm > fieldset{
    border: 1px solid #002660;
}

div.cont_form_add_elem > fieldset legend{
    box-sizing: border-box;
    background-color: #006000;
    color: white;
    padding: 5px;
    font-weight: bold;
}

div#cont_form_add_exm > fieldset legend{
    background-color: #002660;
}

div.item_info_elem{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    /* border: 1px solid #487948; */
    max-width: 200px;
    width: 100%;
}

div.item_info_elem > div.header_info_elem{
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #487948;
    color: white;
}
div.item_info_elem > div.header_info_exm{
    background-color: #486079
}

div.item_info_elem.disabledelem > div.header_info_elem{
    background-color: #487948cc;
}
div.item_info_elem.disabledelem > div.header_info_exm{
    background-color: #486079cc;
}

div.blonewtl select:not(.actuacombo, .selectWithSearch){
    padding: 5px 7px;
    width: 100%;
    max-width: 200px;
}

div.item_info_elem.disabledelem input:disabled, 
div.item_info_elem.disabledelem textarea:disabled/*, 
div.item_info_elem.disabledelem select:not(.actuacombo, .selectWithSearch):disabled*/{
    background-color: #eeeeee;
}

div.header_info_elem > div.title_and_state_infoelem{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

div.title_and_state_infoelem > .state_info_elem, div.title_and_state_infoelem > .state_info_elem > i{
    font-size: 10px;
    font-style: italic;
    color: rgb(233, 233, 233);
}
div.title_and_state_infoelem > .title_info_elem{
    font-weight: bold;
}

div.header_info_elem > span.showOrHideDetailsElem > i{
    transition: all 0.6s ease;
}
div.header_info_elem > span.infoelemopen > i{
    transform: rotate(90deg);
}

div.item_info_elem > div.body_info_elem{
    display: none;
    border: 1px solid #006000;
    border-top: 0px;
}

div.item_info_elem > div.body_info_exm{
    border: 1px solid #002660;
}

/* EXAMENES */
#tbl_examenes_convo tr.par, #tbl_examenes_convo_edit tr.par{
    background: none;
}

span.info_exams{
    font-size: 12px;
    color: red;
    font-weight: bold;
    font-style: italic;
}

#tbl_examenes_convo span.exm_grade_none > i, #tbl_examenes_convo span.exm_failing_grade > i, #tbl_examenes_convo span.exm_approved_grade > i{
    display: inline-block;
    font-size: 15px;
}

span.exm_grade_inactive > i/*, span.exm_grade_active > i*/{
    cursor: pointer;
}

#tbl_examenes_convospan.exm_grade_none > i{
    color: #4f4d4d;
}
span.exm_grade_none:not(.exm_grade_disabled):hover > i{
    color: #000;
}

span.exm_failing_grade > i{
    color: #da2424;
}
span.exm_failing_grade:not(.exm_grade_disabled):hover > i{
    color: #a40c0c;
}

span.exm_approved_grade > i{
    color: #03a70b;
}
span.exm_approved_grade:not(.exm_grade_disabled):hover > i{
    color: #027508;
}

span.exm_grade_inactive > i{
    color: #adadad;
}

span.exm_grade_disabled > i{
    opacity: 0.5;
    cursor: not-allowed;
}

/* tab examenes */
.secciones_tabs #texamenes{
    position: relative;
    overflow-x: auto;
}

.secciones_tabs #texamenes #tbl_examenes_convo td.sticky_col{
    position: sticky;
    left: 0px;
    background-color: #E3E3E3;
}

.secciones_tabs #texamenes #tbl_examenes_convo td.col_final_grade{
    background-color: #F2F2F2;
}

table#tbl_examenes_convo tr td{
    font-size: 11px !important;
}

@media (max-width: 780px) {
    table#tbl_examenes_convo tr td{
        font-size: 9px !important;
    }
    #tbl_examenes_convo span.exm_grade_none > i, #tbl_examenes_convo span.exm_failing_grade > i, #tbl_examenes_convo span.exm_approved_grade > i{
        font-size: 12px;
    }
}

/* gestor examenes */

.examresultsshow{
    cursor: pointer;
}

table.estandar.subtbl tr.cab td{
    background-color: #BEDFF7 ;
}

table.estandar.subtbl tr.par:not(.cab) td{
    background-color: #eff8ff ;
}

table.estandar.subtbl tr:hover:not(.cab, .hidden_tr) td {
    background: #a4d2f272!important;
}

tr.subcab{
	font-weight:bold;
	background-color:#DDD;
	border:0 !important;
}

tr.subcab td{
    text-align: center;
	background-color: #EAEAEA !important;
    font-size: 10px;
    padding: 4px !important;
}

.input_nota_exams {
    min-width: 50px !important;
    max-width: 80px;
    text-align: center;
}

.input_nota_exams:disabled{
    background-color: #ecf0f7 !important;
    cursor: not-allowed;
    border: 1px solid #c5cad7;
}

tr.tr_resexam td{
    /* transition: all 0.6s ease; */
}

tr.tr_resexam.success_change_grade td{
    transition: all 0.6s ease;
    background-color: #00ff0d8e !important;
}

tr.tr_resexam.error_change_grade td{
    transition: all 0.6s ease;
    background-color: #fb02027c !important;
}

/* PARA INTERESES EN RECOGIDAD DE DATOS */

div.cont-fieldint {
    display: flex;
    justify-content: center;
}
div.cont-fieldint ul{
    max-width: 500px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 5px 0px;
    padding: 1px 10px;
    font-size: 13px;
    color: #333333;
}

/* PARA CAMPO SECCIÓN EN RECOGIDA DE DATOS */
div.cont-fieldsecc{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    font-size: 13px;
    color: #333333;
}
div.cont-fieldsecc > div {
    box-sizing: border-box;
    width: 100%!important;
    max-width: 500px;
    text-align: left;
}
div.cont-fieldsecc > div span{
    max-width: 100%;
}

div.cont-fieldsecc > div > select#selectorSeccion{
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
}

/* ESTILOS PARA TABLA EXAMENES */
.cont_div-title{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    font-size: 14px;
    margin: 5px 0px 0px 0px;
}

.cont_div-title .div-title{
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    padding: 0px;
    border-bottom: 2px solid #98b5e4;
    padding-bottom: 2px;
    font-weight: bold;
}

table.tbl_examenes{
	border-spacing: 0;
    border-collapse: collapse;
}

table.tbl_examenes tr td, table.tbl_examenes tr th{
	padding:7px;
}

table.tbl_examenes tr th{
    background-color: #95b6ea;
    text-align: center;
}

table.tbl_examenes tr.subcab td{
    background-color: #b9ccea!important;
    text-align: center;
}

table.tbl_examenes tr.subcab td:not(:last-of-type){
    border-right: 3px solid #a7c0e8 ;
}

table.tbl_examenes tr:not(.subcab) td{
    border: 0px solid #d9e2f0;
}

table.tbl_examenes tr:not(.subcab) td{
    background-color: #d9e2f0;
}
table.tbl_examenes tr:not(.subcab):hover td{
    background-color: #c3d2e9;
}

table.tbl_examenes tr.tr_resexam_hidden{
    display: none;
}


@media (max-width: 780px) {
    
    table.tbl_examenes tr td, table.tbl_examenes tr th{
        padding:3px;
    }
    table.tbl_examenes tr td, table.tbl_examenes tr th{
        font-size: 9px;
    }
    table.tbl_examenes span.exm_grade_none > i, table.tbl_examenes span.exm_failing_grade > i, table.tbl_examenes span.exm_approved_grade > i{
        font-size: 14px;
    }
    table#tbl_examenes_convo span.exm_grade_none > i, table#tbl_examenes_convo span.exm_failing_grade > i, table#tbl_examenes_convo span.exm_approved_grade > i{
        font-size: 12px;
    }

    table.tbl_examenes a.btn_edit_calification > i, table.tbl_examenes a.btn_save_calification > i{
        font-size: 14px;
    }
}


/* COMUNICACIONES PROGRAMADAS */
a#btn_show_form_add_ccp{
    background-color: #c87103;
}

div#cont_form_add_ccp > fieldset{
    border: 1px solid #c87103;
}

div#cont_form_add_ccp > fieldset legend{
    background-color: #c87103;
}

div.item_info_elem > div.body_info_ccp{
    border: 1px solid #e1881b;
}

div.item_info_elem > div.header_info_ccp{
    background-color: #d07c17
}

div.item_info_elem.disabledelem > div.header_info_ccp{
    background-color: #ca7711b2
}

a.link_preview_template_ccp.link_preview_change{
    transition: all 0.6s ease;
    color: #ff9100 !important;
}
/* MOD TEMPLATES */
.boton_shortcode{

    display: inline-block;
    outline: none;
    cursor: pointer;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 16px;
    height: 32px;
    min-width: 60px;
    min-height: 32px;
    border: none;
    color: #fff;
    background-color: rgb(88, 101, 242);
    transition: background-color .17s ease,color .17s ease;
}

.boton_shortcode:hover{
    background-color: rgb(71, 82, 196);
    
}

.select_addtrigger {
    width: 100% !important;
}

/* Tamaño fijo select situación laboral y titulación */
.select_seeds {
    max-width: 41.6%;
}

/* Alertas de campo antiguo en situación laboral y titulación */

.alerta_slaboral_titulacion {
    color: red;
}

/* Estilo utilizado para que el textarea, al crear una alerta en el desplegable dentro de una table no se desborde*/
.w-100 {
    width: 100% !important;
}


/* FORMULARIO DE DAR DE BAJA A ALUMNO */
fieldset.form-baja-alumno-convo{
    box-sizing: border-box;
    max-width: 500px;
    width: 100%;
    margin: auto;
    border: 1px solid #006000;
}

fieldset.form-baja-alumno-convo > legend{
    box-sizing: border-box;
    width: auto;
    margin: auto;
    padding: 5px;
    border: 1px solid #006000;
    background-color: #006000;
    color: white;
}


/* PARA CONTROLES DE EDICIÓN RAPIDA EN PROGRAMACIÓN DE CURSO */

.progcontrol-hidden{
    display: none;
}

#programacion_controles{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#cont-prog-controles{
    box-sizing: border-box;
    width: 100%;
    max-width: 350px;
}


table#tbl-prog-ontroles tr.cab{
    background-color: #0166BB;
    color: #fff;
}

table#tbl-prog-ontroles tr:not(.cab) td{
    padding: 2px;
}

table#tbl-prog-ontroles fieldset{
    border: 1.5px solid #0166BB;
}

/* CLASE GENÉRICA PARA QUE UN SELECT2 Ocupe el 100% y sea responsivo  */
div.cont-select2-w100, div.cont-select2-w100 .select2.select2-container{
    width: 100%!important;
}

div.cont-select2-w100 textarea{
    min-height: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}

div.cont-select2-w100 textarea:focus{
    font-weight: normal !important;
}

/* PARA LISTA DE INTERESES, CATEGORIAS, ETC EN FORMATO TAG */
.list_element{
    background: #c5c5c5;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
    margin: 2px;
}

.list_element.product_category{
    background: #91d576;
}
.list_element.product_subcategory{
    background: #b0df9d;
}

.list_element.product_category.inherited_category{
    /* color: #7d7d7d; */
    background: #d5f0ca;
    /* font-style: italic; */
}

/**************************************************************************
** ********** SELECCIÓN/CREACIÓN DE PRODUCTOS EN FORMULARIOS  ********** **
***************************************************************************/
.block-sel-or-add , .block-sel-or-add *{
    box-sizing: border-box;
}

.block-sel-or-add > .block-sel-or-add__cont-sel{
    margin: 7px 0px;
}

.block-sel-or-add > .block-sel-or-add__cont-add--hidden {
    display: none;
}

.block-sel-or-add > .block-sel-or-add__cont-add  .fieldset-add-elem{
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #006000;
    max-width: 500px;
}

.block-sel-or-add > .block-sel-or-add__cont-add  .fieldset-add-elem > legend{
    background-color: #006000;
    color: white;
    padding: 5px;
    font-weight: bold;
}


.block-info-elements > .info-elem{
    display: flex;
    flex-direction: column;
    margin: 10px 0px;
    border: 1px solid #487948;
}

.block-info-elements > .info-elem > .info-elem__header{
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #487948;
    color: white;
}

.block-info-elements > .info-elem > .info-elem__header > .info-elem__header-title{
    font-weight: bold;
}

.block-info-elements > .info-elem > .info-elem__header >
.info-elem__header-icon-toogle-details > i{
    transition: all 0.6s ease;
}

.info-elem__header-icon-toogle-details--open > i{
    transform: rotate(90deg);
}

.block-info-elements > .info-elem > .info-elem__body--hidden{
    display: none;
}

.cont-fieldset-add-elem{
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Color para avisar que el fichaje a sido pasado de hora */

.hora_pasada{
    color: red;
}

.mb-20 {
    margin-bottom: 20px;
}


/* CLASES CON ESTILOS PARA ESTADOS DE SINCRONIZACIÓN DE CONVOCATORIA CON WP*/
div#tdescripcion span.sync-status{
    font-size: 11px;
    margin: 0px;
}
span.sync-status{
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 5px;
    margin-bottom: 3px;
}

.sync-status__wp > i{
    font-weight: normal;
} 
.sync-status__wp--pending{
    background-color: #e0c800;
}
.sync-status__wp--not-sync{
    background-color: #b3b3b3;
}
.sync-status__wp--started{
    background-color: #e48900;
}
.sync-status__wp--success{
    background-color: #08af02;
}
.sync-status__wp--failed{
    background-color: #C00;
}
.contenedor_union_seeds {
    height: 100%;
    width: 100%;
    padding-top: 30px;
    overflow-x: auto; /* Agregar barra de desplazamiento horizontal cuando sea necesario */
}

.t-width-100 {
    width: 100% !important;
}

.f-size-15 {
    font-weight: 15px !important;
}

.tabla_datos_presuspuesto_ensenia {
    border-style: ridge;
}

/* INFORMES (GRÁFICOS) */
#container-charts{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#container-charts > .container-chart{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#container-charts > .container-chart > h2{
    text-transform: uppercase;
    margin-bottom: 0px;
}

#container-charts > .container-chart > .chart_message{
    text-align: center;
}

.chart__filters {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    background: #F5F6F8;
    color: #333333;
    box-shadow: 1px 1px 1px #dedede;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px;
}

.chart__filters-header{
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #737373;
}

.chart-filter{
    border: 1px solid #dedede;
    padding: 5px;
    flex: 1;
    color: #333333;
}

.chart-filter .title-filter{
    text-align: center;
}

.chart-filter .title-filter span{
    border-bottom: 1px solid #333333;
}

.chart-filter .chart-filter__date{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}
.chart-filter .chart-filter__date div{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.chart-filter .chart-filter__date div label{
    width: 45px;
    /* background-color: #c8c8c8; */
    display: block;
    /* padding: 1px 5px; */
    box-sizing: border-box;
}
.chart-filter .chart-filter__user{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
.chart-filter .chart-filter__date div input{
    height: 20px;
}
.chart-filter .chart-filter__user div{
    text-align: left;
}
.chart-filter .chart-filter__user input[type='checkbox']{
    margin: 0px;
}