/*Variables Operación Normal*/
:root{
    --colorInstitucional: #621132;
    --colorInstitucional2: #285C4D;
    --colorInstitucional3: #13322B;
    --colorInstitucional4: #56242A;
    --colorInstitucional5: #B38E5D;
    --colorInstitucional6: #5c5b5c;
    --colorInstitucionalLinksTable: #4E232E;
    --colorSSH: #009cdd;
}

/*Variables Veda Electoral*/
/*:root{
    --colorInstitucional: #5c5b5c;
    --colorInstitucional2: #9e9e9e;
    --colorInstitucional3: #5c5b5c;
    --colorInstitucional4: #9e9e9e;
    --colorInstitucional5: #c1c1c1;
    --colorInstitucionalLinksTable: #4E232E;
    --colorSSH: #009cdd;
}*/

/*Fuentes*/
@font-face{    
    font-family: "Institucional-Light";    
    src: url("fuentes/Montserrat/Montserrat-Light.ttf");
}

@font-face{ 
    font-family: "Institucional-Regular";    
    src:url("fuentes/Montserrat/Montserrat-Regular.ttf");
} 

@font-face{    
    font-family: "Institucional-Black";    
    src: url("fuentes/Montserrat/Montserrat-Black.ttf");
}

@font-face{ 
    font-family: "Institucional-Medium";
    src:url("fuentes/Montserrat/Montserrat-Medium.ttf");
}

@font-face{ 
    font-family: "Institucional-Semibold";    
    src:url("fuentes/Montserrat/Montserrat-SemiBold.ttf");
} 

@font-face{ 
    font-family: "Institucional-Bold";    
    src:url("fuentes/Montserrat/Montserrat-Bold.ttf");
} 
/*-Fuentes-*/

/*Fuentes GMX*/
@font-face{    
    font-family: "f-GMX-Light";    
    src: url("fuentes/GMX/GMX-Light.otf");
}

@font-face{ 
    font-family: "f-GMX-Regular";    
    src:url("fuentes/GMX/GMX-Regular.otf");
} 

@font-face{    
    font-family: "f-GMX-Black";    
    src: url("fuentes/GMX/GMX-Black.otf");
}

@font-face{ 
    font-family: "f-GMX-Bold";    
    src:url("fuentes/GMX/GMX-Bold.otf");
} 
/*-Fuentes GMX-*/

/*Estilo Universal Body y HTML*/
html, body {
    font-family: "Institucional-Regular"!important;
    height: 100%!important;
    background: #f0f0f0!important;
}

.bodyInstitucional{
    background-image: url(https://ssh.gob.mx/cdnssh/assets/img/imgFondo.png)!important;
    background-repeat: no-repeat!important;
    background-size: auto 500px!important;
    background-position-y: 100px!important;
}

/*Incrementar el área util del body en pantallas XXL*/
@media (min-width: 1399.99px) {   
    div.container{
        margin-left: 10%!important;
        margin-right: 10%!important;
        max-width: 80%!important
    }
}

/*Set de Fuentes*/
.content h1, h2, h3, h4, h5, h6{
    font-family: "Institucional-SemiBold"!important;
    margin:0 0 2px 0!important;
}
/*---Set de Fuentes---*/

/*Color de Fondo (index)*/
.fondoInstitucional{
	background: #f7f7f7!important;
    color: var(--colorInstitucional)!important;
}
#ficha{
    color: var(--colorInstitucional)!important;
}

/*Style Menú Bootstrap*/
header.institucional{
    background: var(--colorInstitucional)!important;
}

nav.menuinstitucional{
	background-color: var(--colorInstitucional)!important;
    padding: 1px!important;
    color: #fff!important;
    border-radius: 0px 0px 15px 15px ;
}

a.nav-link{
    color: white!important;
}

.dropdown-item:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: var(--colorInstitucional2)!important;
}

.nav-link.show{
    background: var(--colorInstitucional2);
}

a.activaMenu{
    background-color:#f0f0f0!important;
    color: #000000!important;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

a.activaSubMenu{
    background-color:var(--colorInstitucional5)!important;
    color: white!important;
    font-weight: bold;
}

a.nav-link:hover{
    color:white!important;
    background-color: var(--colorInstitucional2)!important;
}
/*----Style Menú Bootstrap----*/

/*Style Tablas*/
table
{    
   font-family: "Institucional-Regular"!important;
   font-size: 14px!important;
   line-height: 100%!important;
}

table.dataTable{
    background: #fff;
}


table.dataTable a{
    color: var(--colorInstitucional)!important;
    font-size: 16px!important;
    cursor: pointer!important;
}

table.dataTable thead tr th {
    text-align: center;
    font-weight: bold;
    border-style: none!important;
    background-color: var(--colorInstitucional4)!important;
    color:white!important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}

/*Style para que los tooltip puedan ser vidualizados sobre cualquier elemento*/
div.tooltip{
    z-index: 999999999;
}

/*Styles para tinymce (ocultar upgrade y poner menús sobre otro elementos)*/


.tox-silver-sink, .tox-tinymce-aux  {
    z-index: 2000!important;
}

.tox-promotion{
    visibility: hidden!important;
}

/*Creditos Finales SIS*/
#creditosSIS{
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 9px;
    opacity: 50%;
    color: black;
    text-align: center;
    z-index: 1;
}

/*Fuentes institucional*/
.font-institucional-light{
    font-family: "Institucional-Light"!important;
}

.font-institucional-regular{
    font-family: "Institucional-Regular"!important;
}

.font-institucional-black{
    font-family: "Institucional-Black"!important;
}

.font-institucional-medium{
    font-family: "Institucional-Medium"!important;
}

.font-institucional-semibold{
    font-family: "Institucional-Semibold"!important;
}

.font-institucional-bold{
    font-family: "Institucional-Bold"!important;
}

.font-gmx-light{
    font-family: "f-GMX-Light"!important;
}

.font-gmx-regular{
    font-family: "f-GMX-Regular"!important;
}

.font-gmx-black{
    font-family: "f-GMX-Black"!important;
}

.font-gmx-bold{
    font-family: "f-GMX-Bold"!important;
}

/*Fuentes institucional*/
    
/*Fondos de color institucional*/
.bg-institucional{
    background-color: var(--colorInstitucional)!important;
    color:white!important;
}

.bg-institucional2{
    background-color: var(--colorInstitucional2)!important;
    color:white!important;
}

.bg-institucional3{
    background-color: var(--colorInstitucional3)!important;
    color:white!important;
}

.bg-institucional4{
    background-color: var(--colorInstitucional4)!important;
    color:white!important;
}

.bg-institucional5{
    background-color: var(--colorInstitucional5)!important;
    color:white!important;
}

.bg-institucional6{
    background-color: var(--colorInstitucional6)!important;
    color:white!important;
}

.bg-ssh{
    background-color: var(--colorSSH)!important;
    color:white!important;
}

.bg-ni-institucional{
    background-color: var(--colorInstitucional);
    color:white;
}

.bg-ni-institucional2{
    background-color: var(--colorInstitucional2);
    color:white;
}

.bg-ni-institucional3{
    background-color: var(--colorInstitucional3);
    color:white;
}

.bg-ni-institucional4{
    background-color: var(--colorInstitucional4);
    color:white;
}

.bg-ni-institucional5{
    background-color: var(--colorInstitucional5);
    color:white;
}

.bg-ni-institucional6{
    background-color: var(--colorInstitucional6);
    color:white;
}

.bg-ni-ssh{
    background-color: var(--colorSSH);
    color:white;
}
/*Fondos de color institucional*/

/*Color de Fuentes institucional*/
.fc-institucional{
    color: var(--colorInstitucional)!important;
}

.fc-institucional2{
    color: var(--colorInstitucional2)!important;
}

.fc-institucional3{
    color: var(--colorInstitucional3)!important;
}

.fc-institucional4{
    color: var(--colorInstitucional4)!important;
}

.fc-institucional5{
    color: var(--colorInstitucional5)!important;
}

.fc-institucional6{
    color: var(--colorInstitucional6)!important;
}
/*Color de Fuentes institucional*/