/* -************************************* estilo Guille *********************************************- */

* {
font-family: Poppins;
}

/* -------------Títulos---------------------- */

.h1, h1 {
font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 48px;
margin-bottom: 2.5vh;
margin-top: 2.5vh;
}


.h2, h2 {
font-family: Poppins;
margin-bottom: 2.5vh;
margin-top: 2.5vh;
font-style: normal;
font-weight: normal;
font-size: 32px;
line-height: 48px;
}

.h3 , h3 {
font-size: 25; 
font-family: Poppins;
font-style: normal;
font-wight: 900; 
color: #1564CD;
}

.h5 , h5 {
font-size: 18px;
color:#1479FF;
}

/* etiquetas dentro de un form */
.form-group label {
font-size: 14px;
color: #8C9BA9;
}

.labelgris {
font-size: 14px;
color: #8C9BA9;
margin-top: 2vh;
margin-bottom: 1vh;
}

.labelgris2 {
font-size: 14px;
color: #8C9BA9;
}

.labelnegro {
color: #051B2E;
font-size: 14px;
}


.selectorfiltro {
color: #051B2E;
background-color:red;
}

.texto1 , .texto1 a {
font-family: Poppins;
color:#051B2E;
align-items: center;
}



/* -------------Botones---------------------- */

/*
.btn-secondary {
text-transform: initial;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 12px;
background: #1479FF;
border-radius: 8px;
border: 0px;          
}
*/

.boton1 {
font-size: 16px;
text-transform: initial;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 12px;
background: #1479FF;
border-radius: 8px;
border: 0px;    
color: white;  
font-family: Poppins; 
width: fit-content;
}

.boton1:hover {
background: #1564CD;
color: white; 
}

.boton1alternativo {
font-size: 16px;
text-transform: initial;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 12px;
background: #F9234E;
border-radius: 8px;
border: 0px;    
color: white;  
font-family: Poppins; 
width: fit-content;
}

.boton1alternativo:hover {
background: #DD1D43;
color: white; 
}



.boton2 {
font-size: 16px;
text-transform: initial;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: #DFEDFF;
border-radius: 8px;
border: 0px;
margin-right: 0.5vh;
color: #1564CD;
font-family: Poppins;
width: fit-content;
}

.boton2:hover {
background: #B4D0F6;
color: #1564CD;
}

.boton3 {
font-size: 16px;
text-transform: initial;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background: white;
border-radius: 8px;
border: 1px solid #1479FF;
color: #1479FF;
font-family: Poppins;
line-height: 1.65;
margin-right: 0.5vw;
box-shadow: none;
width: fit-content;
padding: .5vh;
}

.boton3:hover {
background: #DFEDFF;
border-radius: 8px;
border: 1px solid #1479FF;
color: #1479FF;
}

.iconoboton3 {
margin-left: 1vh;
}

/* -----botones del calendario----- */
.fc-toolbar-chunk button {
text-transform: initial;
background: #1479FF;
border-radius: 8px;
border: 0px;   
}


.btn-link {
text-decoration: none!important;
}

.btn.focus, .btn:focus {
box-shadow: none;
}


/* ----------Líneas de alerta/error ------------*/

.MensajeNeutro { 
background: #F1F7FF; 
border: 0px ; 
box-shadow: 0px 3px 15px -4px rgba(79, 115, 159, 0.15); 
font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #1564CD;
}


/* -----------------------------------------Objetos varios----------------------------------- */

.etiquetaestado {
padding: 1vh;
width: max(7vw, 130px);
max-height: 33px;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
text-transform: initial;
display: flex;
justify-content: center;
align-items: center;
}


/* --------Este es el fondo--------- */
.pcoded-inner-content {
background-color: #EBF2F8;
}

.pcoded-main-container {
 background-color: #EBF2F8;
}


.pcoded .pcoded-container {
background-color: #EBF2F8!important;
}


body[themebg-pattern="theme1"] {
background-color: #EBF2F8!important;
}



/* ------------Las tarjetas de todo tipo------------- */
.card {
border: 1px solid #F9FAFD;
border-radius: 8px;
background:white;
}

.card:hover {
box-shadow: 0 2px 30px 0 rgb(69 90 100 / 20%)
}

.accordion>.card:not(:last-of-type){
border: 1px solid #F9FAFD;
border-radius: 8px;
}

.accordion>.card:not(:first-of-type){
border: 1px solid #F9FAFD;
border-radius: 8px;
}

.card-body{
background:#F9FAFD;
font-size: 14px;
border-radius: 8px;
}

.card-header {
padding: 15px;
z-index:1;
}

.mb-0 {
margin: 0;
}


.container-fluid {
font-family:Poppins;
}


.redondito ul {
margin-bottom: 0px
}

.redondito {
box-shadow: 0px 6px 20px -3px rgb(79 115 159 / 10%);
}

.redondito:hover {
box-shadow: 0px 6px 30px -4px rgb(79 115 159 / 25%);
transition: 0.4s;
}

.redondito ul li {
vertical-align: middle;
color:blur;
}


.Input { 
font-family:Poppins;
border-radius: 0.5vh;
border: 1px solid #EBF2F8;
}

.InputTexto { 
font-family:Poppins;
border-radius: 0.5vh;
border: 1px solid #EBF2F8;
}

.selector1 {
justify-content: center;
align-items: center;
padding: 8px 8px;
left: 0%;
right: 0%;
background: #FFFFFF;
border: 1px solid #EBF2F8;
border-radius: 4px;
margin-left: 0.5vw;
}

hr {
margin-top:4vh;
margin-bottom: 4vh;
}

.form-control {
font-size: 14px;
}

.checkbox_list {
font-size: 14px;
}



/* ------------Tablas----------------------- */
 /*
table {
box-shadow: 0px 6px 20px -4px rgba(79, 115, 159, 0.15);
border-radius: 8px;
border-collapse: collapse;
margin-top: 2vh;
}


thead {
box-shadow: 0px 6px 20px -4px rgba(79, 115, 159, 0.15);
position: relative;
height: 6vh;
background: white;
border-radius: 8px;
font-size: 16px;
font-family: Poppins;
align-content: center;
border:none;
z-index: 20;
}


tbody tr  {
height: 6vh;
background: #F9FAFD!important;
border-bottom: 2px;
border-color:#8C9BA9;
font-size: 14px;
font-family: Poppins;
color:#051B2E;
align-items: center;
border: none
}

tbody tr:hover  {
background: #EBF2F8;
transition: 0.2s;
}

tbody tr a {
color:#374552
}

tbody tr a:hover {
text-decoration: none;
color: #1479FF;
}

.table td, .table th {
border: none
}

.table > thead > tr > th {
border: none
}


th {
vertical-align: middle!important;
text-align:center;
}

th:first-child {
padding-left: 1.5vw;
border-radius: 8px 0px 0px 0px;
vertical-align: middle;
text-align:left;
}

th:last-child {
border-radius: 0px 8px 0px 0px;
}

td {
vertical-align: middle!important;
text-align:center;
}

td:first-child {
padding-left: 1.5vw;
text-align:left;
}
*/

/* ------------ Divs que funcionan como tablas ----------------------- */


.divFilaEncabezado {
border-radius: 8px 8px 0px 0px;
height: 6vh;
background: white;
box-shadow: 0px 6px 20px -4px rgba(79, 115, 159, 0.15);
font-size: 16px;
font-family: Poppins;
align-content: center;
}

.divCeldaEncabezado {
}

.textoencabezado, .textoencabezado a {
font-size: 1rem;
font-family: Poppins;
color:#1479FF;
font-weight: 400;
}


.divFila{
min-height: 6vh;
background: #F9FAFD;
border-bottom: 2px;
 border-color:#8C9BA9;
font-size: 14px;
font-family: Poppins;
color:#051B2E;
align-items: center;
padding: .5rem 0;
}

.divFila:last-child {
border-radius: 0px 0px 8px 8px;
}

.divCelda {
}


/* ------------ Modales ----------------------- */

.modal-content {
padding: 1vw;
font-family: Poppins;
font-size: 14px;
}


/* ------------Alineación de objetos----------------------- */

.alinearcentro {
display: flex;
align-items: center;
justify-content: center;
}

.alinearverticalcentro {
display: flex;
align-items: center;
}

.alinearderecha {
display: flex;
align-items: center;
justify-content: right;
}

.alinearizquierda {
display: flex;
align-items: center;
justify-content: left;
}

.textocentro {
text-align: center;
}
.texotoderecha {
text-align: right;
}

.texotoizquierda {
text-align: left;
}

.margensuperior {
margin-top: 1vh;
}

.margeninferior {
margin-bottom: 1vh;
}

.margenderecho {
margin-right: 1vh;
}

.margenlateral {
margin: 0 2vw;
}

.sinmargen {
margin: 0;
}

/* ------------Propiedades varias----------------------- */


.sombraobjeto {
box-shadow: 0px 0px 20px -4px rgba(79, 115, 159, 0.15);
border-radius: 8px;
}

.Completa {
background: #CEF5E6;
}

.Incompleta {
background: #FFDADD;
}

.Pendiente {
background: #FFE5B2;
}

.sinborde {
border: 0;
}

/* -----------Menú: superior ------------------------ */

.logo {
width: 160px;
max-width:160px;
}

/* -----------Menú: lateral------------------------ */

.menulateralmargenlista {
margin-bottom: 1.6vh!important;
}

.menulateralelemento {
border-radius: 8px!important;
font-family: Poppins;
font-style: normal;
}

.menulateralelemento:hover {
background: #EBF2F8;
color: #374552!important;
transition: 0.2s;
}

.IconoMenuLateral {
color: #769AB7;
}


.pcoded .pcoded-navbar[navbar-theme="themelight1"] .pcoded-item > li > a {
    color: #3F607E!important;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li > a:hover {
   color: #3F607E!important;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a {
    background: #DFEDFF;
    color: #1479FF!important;
    font-weight: 500;
}

.pcoded .pcoded-navbar[active-item-theme="theme1"] .pcoded-item > li.active > a .pcoded-micon i {
    color: #1479FF!important;
}



/* -----------Menú: filtro------------------------ */


.menufiltro {
background-color: white; 
box-shadow: -6px 0px 20px -4px rgba(79, 115, 159, 0.15);
font-family:Poppins;
left: initial;
position: fixed;
top: 0;
right: 0;
padding: 0.5rem;
height: 100%;
transition: opacity .15s linear;
}

.titulofiltro  {
padding-top: 13vh; 
padding-bottom: 2vh; 
font-size: 25px; 
font-weight: 500; 
color: #1564CD;
}


.select2-selection__choice {
border: 1px solid #1564CD!important;
border-radius: 48px!important;
font-family: Poppins!important;
font-style: normal!important;
font-weight: normal!important;
font-size: 12px!important;
line-height: 14px!important;
color: #1564CD!important;
background-color: #DFEDFF!important;
display: flex!important;
flex-direction: row!important;
justify-content: center!important;
align-items: center!important;
padding: 6px 16px!important;
}


.select2-selection__choice__remove  {
color: #F9234E!important;
margin-right: .5vw!important;
}

.select2-container--default .select2-selection--multiple {
border: 1px solid #ced4da;
box-sizing: border-box;
border-radius: 4px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #448aff!important;
}

.menufiltro input[type=text]{
font-size: 14px;
height: 44px;
}

.form-control:focus {
border: 1px solid #448aff!important;
box-sizing: border-box!important;
border-radius: 4px!important;
outline: 0px!important;
box-shadow: none;
}

.select2-results__options {
font-size: 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #DFEDFF;
color: #1564CD;
}

.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #EBF2F8;
color:#8C9BA9;
}


/* -----------Sección: bitácoras------------------------ */


.grupobitacoras {
margin-top: 2vh;
}

.filasbitacoras {
height: 6.5vh;
border-bottom: 3px;
border-color: black;
font-size: 14px;
}

.filasbitacoras:hover {
background: #EBF2F8;
transition: 0.2s;
}

.col .my-auto {
display: flex;
justify-content: center;
}

.bitacora {
text-align: left;
font-family: Poppins;
}

.bitacoraiconocheck {
margin-left: .5vw;
color: #0DB676;
}


/* -----------Sección: calendario------------------------ */

#calendar-h5 {
margin-top: 5vh;
}

#calendar-ul {
display: inline-flex;
width: 100%;
}

#calendar-li{
width: 7vw;
margin: 1vh 1.5vw;
display: flex;
align-items: center;
}

#calendar-li:first-child{
margin-left: 0;
}

#calendar-span {
width: 1vw;
min-width: 1vw;
height: 1vw;
margin-right: .5vw;
border-radius: 50%;
}


.fc-scrollgrid td:first-child {
padding-left: 0;
}



.fc-daygrid-body  table {
margin-top: 0;
}

.fc .fc-scrollgrid-liquid table {
margin-top: 0;
}

.fc-scrollgrid-sync-table tbody {
background: white;
}



.fc .fc-scrollgrid-liquid th{
background-color: white;
font-weight: 700;
z-index: 1;
text-align: center!important;
}

.fc .fc-view-harness  {
background-color: transparent;
box-shadow: none;
font-family: Poppins;
}

.fc-scrollgrid-section-header td {
z-index: 30!important;
}

.fc .fc-scroller-harness {
z-index: 30!important;
}


.fc tbody tr td, .fc tbody tr th {
z-index: 30!important;
}

.fc-event-title  {
text-align: left!important;
white-space: initial;
}


/* -----------Sección: cronograma------------------------ */


.encabezadocronograma {
height: 3.5em; 
font-weight: 600; 
color: #1479FF; 
margin-bottom: 4vh;
text-align:center;
}

.tabla-rotaciones .encabezadocronograma th {
    text-align: center;
    padding: 0 2vh;
    white-space: nowrap;
}

.tabla-rotaciones {
box-shadow: none;
margin-top: 3vh;
margin-bottom: 5vh;
}

.tabla-rotaciones th:first-child {
    padding-right: 2vh;
}

.filascronograma {
height: 10vh;
}


.tabla-rotaciones tbody tr th {
width: 10.5%;
padding:0;
}



/* -----------Sección: evaluaciones ------------------------ */

.tabla {
    border-radius: 8px;
    box-shadow: 0px 6px 20px -4px rgb(79 115 159 / 15%);
    background: #F9FAFD;
}


.encabezadofila {
    border-radius: 8px 8px 0px 0px;
    height: 6vh;
    background: white;
    box-shadow: 0px 6px 20px -4px rgb(79 115 159 / 15%);
    font-size: 16px;
    font-family: Poppins;
    align-content: center;
    background-color: white!important;
}

.encabezadotexto {
    font-size: 1rem;
    font-family: Poppins;
    color: #1479FF;
    font-weight: 400;
}


.firmas {
padding: 0.5rem;
background-color: #cef5e6;
margin-bottom: 1rem;
}

.comentarioFirma {
font-size: 14px;
margin-left: .25rem;
}


/* -----------Sección: configuración/áreas de rotación------------------------ */

.form-group li label {
color: black!important;
}

.text-muted {
text-align: justify;
}


/* -----------Sección: configuración/gestión usuarios------------------------ */


.trespuntitosusuario { 
margin-right: 0.75vw;
}

.nombreusuario { 
color: #051B2E
}

.rolusuario { 
margin-left: 0.75vw;
margin-bottom: 0px;
color: #8C9BA9;
}


.row col-5 ul li {
margin-top:2 vh;
}


.tablaperfilusuario {
    background-color: white;
    padding-left: 1.5vw;
    padding-top: 1.5vh;
    line-height: 2;
    border-radius: .5vh;
    font-size: 1rem;
}



/* -----------Sección: configuración/edición de calendario y edición de bitácora------------------------ */

.bs_admin_list thead {
background: white!important;
font-size:14px!important;
color: #007bff!important;
}

.bs_admin_list thead th {
text-align: center!important;
}

.bs_admin_list thead th:first-child {
text-align: left!important;
}

.bs_admin_list thead a {
font-size:14px!important;
color: #007bff!important;
}

.bs_admin_row {
background: #F9FAFD!important;
color: black!important;
font-size: 14px!important;
}

.bs_admin_row td {
text-align: center!important;
}

.bs_admin_row td:first-child {
text-align: left!important;
}


.bs_admin_row a {
color: black!important;
font-size: 14px!important;
}


.bs_admin_list td:nth-child(2){
display: flex;
justify-content:center;
align-items: center;
}


/* -************************************************************************************************- */




/* ---------------   FE- rq solic  */


.instructivo {
	padding-top: 1em;
}
.instructivo h1{
	 background-image: linear-gradient( 180deg,#BFD4FE, #E5EFFF); 
}
.punto {
	padding-top: 1em;
}

.punto .puntoTitulo {
	font-size: 130%;
	font-weight: bold;
	color: blue;
}

div.navbar-container.container-fluid {
	display: inherit;
}

.card-title b {
    font-weight: bolder;	
}
.card-title {
    font-size: 16px;
}



.fa.disabled,
.fa[disabled],
.disabled > .fa,
[disabled] > .fa {
  opacity: 0.5;
  /*optional*/ cursor: not-allowed;
  /*optional*/ pointer-events: none;
}





a.redonditoconfig div, div.redonditoconfig {
	
	padding: 22px;
	
    
}

/* ----------------------------------- */

div.datepicker-days .table.table-sm td, 
div.datepicker-days .table.table-sm th {
    
    padding-left: inherit; 
    padding-right: inherit; 
} 

#accordionExample button.btn-link:after {
    font-family: FontAwesome;
    content: "\f106";
    float: right;
    color: grey;
}
#accordionExample button.btn-link.collapsed:after {
    content: "\f107";
}

.select2-container--default .select2-selection--single {
	height: 35px;
}


div.invalid-feedback {
	display: inherit;
}

.toast {
	opacity: 1 !important;
}