@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800|Roboto:400,500,700');
@font-face {
	font-family: "OpenSans-Light";
	src: url("../fonts/Open_Sans/OpenSans-Light.ttf");
    font-weight: normal;
    font-style: normal;
    color: #404041;
}

@font-face {
	font-family: "Montserrat-SemiBold";
	src: url("../fonts/Monserrat_semibold/Montserrat-SemiBold.ttf");
    font-weight: normal;
    font-style: normal;
    color: #31708F;
}
@font-face {
	font-family: "Montserrat-Regular";
	src: url("../fonts/Monserrat_regular/Montserrat-Regular.ttf");
    font-weight: normal;
    font-style: normal;
    color: #31708F;
}


/* ----------------------------------Margenes----------------------- */
.my-6{
   margin-top: 6rem;
   margin-bottom: 6rem;
}
/* -------------------------------------------------------------------- */
html{
    min-height: 100%;
    position: relative;
}

header
{
	border: none;
    margin-bottom: 0px;
    font-size: 16px;
    padding: 10px 0px 10px 0px;
    min-height: 0px;
}
.logo-main {
    background-image: url(../../../../framework-gb.cdn.gob.mx/landing/img/logoheader.svg) !important;
    top: 0px;
    height: 50px;
    margin: 1px auto 0 55px;
    width: 150px;
    background-repeat: no-repeat;
}
.logo-pie{
	background-image: url(../../../../framework-gb.cdn.gob.mx/landing/img/logoheader.svg) !important;
    top: 10px;
    height: 123px;
    margin: 1px auto 0 55px;
    width: 250px;
    background-repeat: no-repeat;
}

body
{
	background-image: url( '../imagenes/pixel_weave.png' );
    background-repeat: repeat;
    font-family: "OpenSans-Light";
    color: #404041;
}
.tituloTxt{
    font-size: 38px;
}
.texto{
    font-size: 27px;
    letter-spacing: 0px;
}
.tituloPrivacidad{
    font-family: "Montserrat-SemiBold";  
}
.msgPrivacidad{
    font-family: "Montserrat-Regular";  
}

.disabled{
    background-color: rgb(255, 255, 255) !important;
    resize: none;
    
}

.borderBottomTxt{
    border-bottom: 5px solid #B38E5D;
}
.borderBottomhr{
    border-bottom: 1px solid #DCE0E0;
    border-top-color: #DCE0E0;
}

hr.red {
    margin: 10px 0 70px;
    border-top-color: #DCE0E0;
}
hr.redTitulo {
    margin: 8px 0 7px;
    border-top-color: #DCE0E0;
}

hr.red:before, hr.redTitulo:before {
    width: 35px;
    height: 5px;
    background-color: #B38E5D;
    position: absolute;
}
hr.red:before, hr.redTitulo:before {
    content: " ";
}
.bgcelda{
    background-color: rgb(233, 236, 239);
}
.bgceldacol{
    background-color: white;
}
.custom-file-label::after{
    top: -0.2px;
}
.h1{
	font-size: 1.8em;
	font-family:"OpenSans-Light";
	/* font-weight: bold; */
	padding: 0, 25px;
}
h3
{
	font-size: 1.3em;
}

h4
{
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.addP2{
    font-size: 13.5px;
}

/* h5
{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
} */

.fa-question-circle{
    font-size: 1.4rem;
}

.fa-question-circle:hover{
    cursor: help;
}
.fa11{
    font-size: 0.9rem;
}
.fa-quitar{
    font-size: 0.8rem;
}
.fa-quitar:hover{
    cursor: pointer;
}

.help-content{
    position: relative;
}
/* .max-lines { 
   
    text-overflow: ellipsis; 
    word-wrap: break-word; 
    overflow: hidden; 
    max-height: 3.6em; 
    line-height: 1.8em; 
} */
.help{
    position: absolute;
    max-width: 600px;
    bottom: 0;
}

a
{
	text-decoration: none;
	/* color: #4c4c4c;
	border-bottom: 1px dashed #4c4c4c; */
}

p
{
    
	line-height: 170%;
	text-align: justify;
}

.principal
{
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .50);
	background-color: #ffffff;
    padding: 50px;
}

.listas
{
	list-style-type: circle;
	font: 15px 'trebuchet MS', 'lucida sans';
}

.control-label
{
	font-weight: normal;
}

.acceso
{
	border:1px solid #c5c5c5; 
	border-radius:15px;
}
/*  */
footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	height: 170px; 
	background-color:rgb(12, 35, 30);
	border-top:10px rgb(19, 50, 43) solid;
}
.parrafo{
	padding: 30px;
	font-size: 16px;
	background-color: rgba(48, 114, 172,0.1);
	border-radius: 10px;
	margin-top: 5px;
}  
.parrafo1{
	padding: 0px 20px;
	font-size: 16px;
	margin-top: 5px;
}
.hr{
	border: 0.5px dashed;
	background-color: rgba(48, 114, 172,0.1);
}
.directrices, .test{
	cursor: pointer;
}

.borderBottom{
	border-bottom: 1px solid rgb(233, 236, 239);
}
.tooltip_templates { display: none; }

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

td.details-control {
    background: url('../../../../datatables.net/examples/resources/details_open.png') no-repeat center center;
    cursor: pointer;
  }
  tr.shown td.details-control {
    background: url('../../../../datatables.net/examples/resources/details_close.png') no-repeat center center;
  }

/* ------------------------------------ ESTILOS REDISEÑO ------------------------------------ */

.nota{
    font-size: 18px;
    font-weight: 600;
}
.is-sticky{
    width: 100% !important;
}

.sticky-wrapper{
    height: auto !important;
}
.is-sticky > .navbar.navbar-expand-md{
    width: 100% !important;
}
.navbar.navbar-expand-md{
    z-index: 1000 !important;
}


th{
    padding: 5px 15px !important;
}

td{
    padding: 5px 15px !important;
}
.tr{
    background:rgba(19, 50, 43, 0.3) !important;
    font-weight:bold !important;
   
}

table thead tr.tr > td{
    border: 10px solid !important;
} 

.table-bordered > thead th, .table-bordered > tbody td{
    border: 1px solid #bbbbbbcb !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #3a3a3a;
    font-weight: 700;
    background: #D8AB3C ;
}

.error{
    background:rgb(216, 63, 76);
    color: white !important;
}

.txt-primary>a{
    /* color: #454545; */
	color: rgb(194, 142, 12);
}

.bg-smoke{
    background:#f2f3f886 !important;
    /* background: whitesmoke !important; */
    
    /* background:#d8e2f1 !important; */
}

.bg-muted{
    background:#f1f1f1 !important;
}
.aviso-nav>div>i
{
    font-size: 2rem;
    margin-left:0.8rem;
}

.aviso-nav>div>i
{
    font-size: 2rem;
    margin-left:0.8rem;
}

.ico-2{
    font-size: 1.3rem;
}
.fnt-trajan{
    font-family: 'OpenSans-Light', sans-serif;
    
}

.titulo{
    font-size: 1.4rem;
    font-weight: 700;
}

.invalid{
    background:  #D52B2B !important;
    color: white !important;
    border-color: #7e2020  !important;
    font-weight: 700;
}

.btn-primary:focus { 
    /* border-color: #66afe9;  */
    outline: none !important; 
    /* -webkit-box-shadow: none !important; 
    box-shadow:none !important;  */
    -webkit-box-shadow: 0px 0px 3px 2px  rgb(241, 196, 82)!important;
    -moz-box-shadow: 0px 0px 3px 2px  rgb(241, 196, 82)!important;
    box-shadow: 0px 0px 3px 2px  rgb(241, 196, 82)!important;
    /* border-color : #cc9f2c  !important; */
} 

.btn-primary{
    background: #D8AB3C  !important;
    color: #363636 !important;
    border-color : #D8AB3C    !important;
    font-weight: 600;
}

.btn-primary:hover{
    background: rgb(241, 196, 82)  !important;
}


.btn-primary-2{
    background: #18386b !important;
    color: #f7f7f7 !important;
    /* border-color : #cc9f2c  !important; */
    font-weight: 600;
}

.btn-primary-2:hover{
    background: rgb(32, 78, 153)  !important;
    
}

.bg-primary-2
{
    background: rgb(42, 68, 124) !important;
}



.text-danger{
    color: rgb(230, 48, 48)!important;
}

.text-success-2{
    /* color: rgb(194, 142, 12) !important; */
    color: rgb(0, 157, 113) !important;
    font-weight: 700;
}

.btnpregunta:hover{
    background-color: rgba(24, 56, 107, 0.1);
}
.text-success-3{
    color: rgb(194, 142, 12) !important;
    font-weight: 700;
}

.text-primary-2{
    color:rgb(24, 56, 107) !important ;
}
.require::after{
    content: "*";
    color: rgb(238, 68, 68);
}

.alert-text{
    font-size: 2rem !important;
    /* font-weight: 700; */
}

.v-middle{
    vertical-align: middle !important;
}

.margin-expand{
    margin-left: 8%;
    margin-right: 8%;
}

.margin-expand-sm{
    margin-left: 4%;
    margin-right: 4%;
}

.nav.nav-pills > a.nav-link:not(.active){
    transition: background-color 0.3s;
}
.nav.nav-pills > a.nav-link:not(.active):hover{
    background: rgba(216, 172, 60, 0.3);
}

.dropdown-item{
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-item:hover{
    background: rgba(216, 172, 60, 0.3) !important;
}

.btn-eval{
    display: none;
}

#datosAcceso{
    display: none;
}

.custom-file>.custom-file-label{
    font-weight: 700 ;
}
.directrices{
    color: rgb(61, 161, 207);
}

#navArchivosSistema > a.active
{
    background:#f2f3f886 !important;
    border-bottom: 2px solid #f8f9fa!important;
}

#datosDocente li{
    list-style: none;
}

.btnEnviar, .bthFinalizar, .btnTerminar, .btnModal, .btnNormal{
    border: 1px solid rgb(157, 36, 73);
    color: rgb(157, 36, 73);
    /* word-wrap: break-word; */
}
.btnEnviar,.btnfin{
    border: 3px solid rgba(12, 35, 30,0.8);
    color: rgb(157, 36, 73);
}
.btnEnviar:hover, .btnfin:hover{
    border: 3px solid rgba(12, 35, 30,0.5);
    color: rgba(157, 36, 73, 0.8);
    cursor: pointer;
}
.btn1x1{
    font-weight: bold;
    border: 0px solid rgba(12, 35, 30,0.5);
    color: rgba(157, 36, 73, 0.8);
    background-color: white;
}
.btn1x1:hover{
    border: 0px solid rgba(12, 35, 30,0.5);
    color: rgb(198, 26, 78);
    cursor: pointer;
}
@media screen and (max-width:800px)
{
    .margin-expand{
        margin-left: 0;
        margin-right: 0;
    }
    .nav-pills
    {
        border-right: none !important;
    }


    .usuario{
        font-size: 1rem !important;
    }
}