h6 {
font-size:16px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    border: 0;
}

.btn-gray{
    opacity: .8;
    background: #FCFCFC;
    color: #727272 ;
    border: 1px solid #777777;
}

.btn-gray:hover{
    opacity: 1;
    background: #FCFCFC;
    color: var(--mainColor) ;
    border: 1px solid var(--mainColor);
}

.btn-red{
    color: #FFFFFF;
}



.btn-descargar {
    width: 21%;
    background-color: #CB2228;
    border-color: #CB2228;
    color: #FFFFFF;
}
.btn-principal{
    background: var(--mainColor)!important;
    color: white;
}

.btn-white{
    background: #FCFCFC;
    color: var(--mainColor)!important;
    border: 1px solid rgba(119, 119, 119, 0.16);
}
.minHeight71{
    min-height:71px;
}

.colorWhite{
    color: white;
}

.w-106 {
    min-width:106px
}

.m-r-20{
    margin-right: 20px;
}

.m-t-14{
    margin-top: 14px;
}

.longTextWrap{
    word-break:break-all;
}
.longTextWrapNoBreak{
    word-break:normal;
}
.btn{
   font-size: 18px;
   max-height: 42px;
   min-width: 100px;
}
.spaceForm{
    margin-top: 1.5rem;
    word-break: break-word;

}


/*
    Estilos para buscador de colaborador
*/
.suggesstion-box-style {
    position: absolute;
    z-index: 2;
    max-height: 40vh;
    width: 85%;
}

.suggesstion-box-style-scroll {
    position: absolute;
    z-index: 2;
    overflow-y: scroll;
    max-height: 40vh;
    width:100%;
    border: solid 1px #e0e0e0;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    padding: 1rem 8px 8px 8px;
    top: 50px;
    background: white;
}
.autocomplete {
    cursor: pointer;
    border: 0;
    width: 100%;
    padding: .3rem 0;
}

.opacity-1{
    opacity:1 !important;
}
/*
estilo para que las columnas se ajusten al tamaño del texto
*/
tbody tr td {
      word-break:break-word;          
}

.tablaPasos tbody tr td {
    word-break:break-word;
    width:10px;
}
/*
    Estilos para campos que contienen calendarios
*/
.ui-datepicker-header {
	font-family: "Myriad Pro", sans-serif;
	color: #fff;
	padding: 0;
	border-top: 1px solid #A50014;
	border-bottom: block;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0,0,0,.35);
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
    background: #A50014;
	background-image: -moz-linear-gradient(bottom, #A50014 0%, #cd300c 100%);
	background-image: -o-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: -webkit-linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
	background-image: linear-gradient(bottom, #b32b0b 0%, #cd300c 100%);
}
 

.radioBtn{
    position:relative;
    margin:3px 0;
}

.radioBtn label {
    position: absolute;
    top: 0.1rem;
    font-weight: normal;
    margin-left:.3rem;
}


.overflow-y{
    max-width: 100%;
    overflow-y: scroll;
    max-height: 50vh;
}

.positionAbsolute{
    position:absolute
}

.positionRelative{
    position:relative
}

.nom-div-title{
   color: #ff5722;
   font-weight: bold;
}



.positiveResult{
    color: #E62F2D;
}


.negativeResult{
    color: #2B611C;
}


.pendienteResult{
    color:#879789;
}

.veryHighRiskResult{
    color:#FFFFFF;
    align-content:center;
    background-color:#E62F2D;
    padding: 2px 5px 2px 5px;
}

.mediumRiskResult{
    color:#0C0C0C;
    align-content:center;
    background-color:#F3FF00;
    padding: 2px 5px 2px 5px;
}

.lowRiskResult{
    color:#0C0C0C;
    align-content:center;
    background-color:#74D87E;
    padding: 2px 5px 2px 5px;
}

.highRiskResult{
    color:#0C0C0C;
    align-content:center;
    background-color:#FFBC2F;
    padding: 2px 5px 2px 5px;
}

.zeroRiskResult{
    color:#0C0C0C;
    align-content:center;
    background-color:#77EFF4;
    padding: 2px 5px 2px 5px;
}


    
.modalPoliticas {
    background: white;
    height: 80vh;
    border-radius: 12px;
    padding: 22px;
}

.modalCentroDeTrabajo{
    background: white;
    border-radius: 12px;
    padding: 22px;
}
.modalCentroDeTrabajoContainer{
            min-width:40%;
            background:white;
            border-radius: 5px;
        }
@media (max-width: 768px) {
    .modalCentroDeTrabajo{
    background: white;
    height: 80vh;
    border-radius: 12px;
    padding: 22px;
}
.modalCentroDeTrabajoContainer{
            width:80%;
            background:white;
            border-radius: 5px;
        }
}
.modalPoliticasConteiner {
    width: 100%;
     height: 80%
}

.inputPoliticas{
    opacity:0;
    position:absolute;
}


.mainColor{
    color: var(--mainColor);
}
.blackColor{
    color: black);
}



.btn-link, .btn-link label {
    cursor:pointer;
}

.btn-link:hover, .btn-link:hover label {
    color: var(--secondColor)
}



#tablaOcultaPreguntasFrecuentes .c-ext div{
    display: inherit;
}

#tablaVideosNom035 .tool2, #tablaHerramientas .tool2{
   display: inherit !important;
   text-align: left;
   word-break:normal;
   text-indent: 40px;  
}

#tablaVideosNom035 th[aria-label="Tema"] {
    width: 80% !important;
    text-align: left;
    text-indent: 40px;
}
@media (max-width: 768px) {
    #tablaVideosNom035 .tool2, #tablaHerramientas .tool2{
   display: inherit !important;
   text-align: left;
   word-break:normal;
   text-indent:0px;
 
}

#tablaVideosNom035 th[aria-label="Tema"] {
    width: 80% !important;
    text-align: left;
    text-indent:10px;
}
    }



#tablaBajaPrevencion th[aria-controls="tablaBajaPrevencion"] {
    width: 300px !important;
}

#tablaBajaPrevencion th[aria-label="Nombre del evento"] {
    width: 300px !important;
}

#tablaHerramientas th[aria-label="Opción"] p, #tablaHerramientas th[aria-label="Sub-módulo"] p, #tablaHerramientas th[aria-label="Módulo"] p{
    text-align: left;
}
#tablaNotificacionesPatron th[aria-label="Fecha"]{
    padding:0 20px;
    width:60px !important;
}


#tablaConsultaBuzonSeguimientos th{
    width:20px !important;
}


#tablaConsultaBuzonSeguimientos th[aria-label="Ticket"]{
    width:150px !important;
}

#tablaConsultaBuzonSeguimientos th[aria-label="Título"]{
    width:200px !important;
}


#tablaConsultaBuzonSeguimientos th[aria-label="Seguimiento"]{
    width:350px !important;
}

#tablaConsultaBuzonSeguimientos th[aria-label="Descargar archivo"]{
    width:160px !important;
}

#tablaNotificacionesTrabajador th[aria-label="Fecha"]{
    width:110px !important;
}

#tablaOcultaHerramientas{
    width: 90% !important;
    margin: auto;
}

#tablaHerramientas th[aria-label="Video tutorial"], #tablaHerramientas th[aria-label="Manual usuario"]{
       width:250px !important;
       padding-right:1px;
}


#tablaHerramientas th[aria-label="Opción"]{


}
#tablaHerramientas th[aria-label="Sub-módulo"], #tablaHerramientas th[aria-label="Módulo"]{
width:200px !important;
word-break:break-all;

}


#lblRegistrosLeidos, #lblRegistrosIncorrectos, #lblFecha{
    margin-top:14px;
}


#creacionReporteEjecutivo h3 {
    width:100%;
    text-align:center;
    margin-top:30px;
}

#creacionReporteEjecutivo img{
    width: 100%;
    max-height: 85px;
    object-fit: contain;
    text-align: center;
}



.borderCd{
    border: solid 6px white;
    border-top: transparent;
    border-bottom: transparent;
}

.tablaReporteEjecutivoGeneral{
    width:100%;
    /*margin:10px 0 20px 0;*/ 
    text-align:center;
     margin: 0 !important;
}

 .tablaReporteEjecutivoGeneral div{
    margin: 0 !important;
 }

.columnReporteEjecutivoGeneral{
    min-height: 450px;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom:0px;
    /*margin-top:auto;*/
    margin-left:auto;
    margin-right:auto;
    max-width:1000px;
}
.tablasReporteEjecutivoGeneral{
    min-height: 450px;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top:auto;
}
.pastel{
    min-height: 225px;
    display: flex;
    max-width: 35%;
    justify-content: center;
    margin-bottom:0px;
    /*margin-top:auto;*/
    margin-left:auto;
    margin-right:auto;
}


.whitetext{
    color:white;
}

.whitebackground{
    background:white;
}

.backTabla{
    background: var(--tablaMain);
}

.backTablaDark{
    background: var(--tablaMainDark);
}

.backTablaMainDark{
    background: var(--mainColorDark);
}

.backTablaMain{
    background: var(--mainColor);
}

.opacity8{
    opacity: .8
}

.border1{
    border: solid 1px #bbbbba;
}

.centroTrabajos {
    display:none;
    left:-62px;
    top:-4px;
    width: 200px;
    height: 120px;
    z-index: 1;
    padding: 10px;
    padding-top: 30px;
    background-size:cover;
    background-image: url('../images/union.png');
}

.borrar_planAccionDisabled {
    opacity: 0.5;
    cursor: no-drop;
}