/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

/*login*/
/*.blank-page .content-wrapper .flexbox-container {
    background-image: url("https://professor-falken.com/wp-content/uploads/2017/03/formas-triangulos-malla-relieves-azul-Fondos-de-Pantalla-HD-professor-falken.com_.jpg");
	
	background-repeat:no-repeat;
}*/
@font-face {
  font-family: 'NeoSansPro-Regular';
  src: url('../../fonts/backend/neosanspro/NeoSansPro-Regular.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeoSansPro-Regular';
  src:  url('../../fonts/backend/neosanspro/NeoSansPro-Regular.otf')  format('opentype'),
	     url(data:application/x-font-woff;charset=utf-8;base64) format('woff'), url('../../fonts/backend/neosanspro/NeoSansPro-Regular.ttf')  format('truetype'), url('../../fonts/backend/neosanspro/NeoSansPro-Regular.svg#NeoSansPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeoSansPro-Bold';
  src: url('../../fonts/backend/neosanspro/NeoSansPro-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeoSansPro-Bold';
  src:  url('../../fonts/backend/neosanspro/NeoSansPro-Bold.otf')  format('opentype'),
	     url(data:application/x-font-woff;charset=utf-8;base64) format('woff'), url('../../fonts/backend/neosanspro/NeoSansPro-Bold.ttf')  format('truetype'), url('../../fonts/backend/neosanspro/NeoSansPro-Bold.svg#NeoSansPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Thin';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Thin.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Thin.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Thin.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Thin.svg#EncodeSansSemiExpanded-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-SemiBold';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-SemiBold.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-SemiBold.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-SemiBold.svg#EncodeSansSemiExpanded-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Regular';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Regular.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Regular.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Regular.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Regular.svg#EncodeSansSemiExpanded-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Medium';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Medium.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Medium.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Medium.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Medium.svg#EncodeSansSemiExpanded-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Light';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Light.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Light.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Light.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Light.svg#EncodeSansSemiExpanded-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-ExtraLight';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraLight.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraLight.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraLight.svg#EncodeSansSemiExpanded-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-ExtraBold';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraBold.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraBold.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-ExtraBold.svg#EncodeSansSemiExpanded-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Bold';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Bold.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Bold.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Bold.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Bold.svg#EncodeSansSemiExpanded-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'EncodeSansSemiExpanded-Black';
  src: url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Black.eot?#iefix') format('embedded-opentype'),  url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Black.woff') format('woff'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Black.ttf')  format('truetype'), url('../../fonts/backend/encodedsans/EncodeSansSemiExpanded-Black.svg#EncodeSansSemiExpanded-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
nav img{
	margin-top: -18px;
}*/
body{
	font-family: 'EncodeSansSemiExpanded-Regular' !important;
	font-size: 15px;
}
html body{
	background-color:#fff;
}
.header-navbar .navbar-header .navbar-brand {
    padding: 1px 1px 5px 10px !important;
}

::-webkit-input-placeholder { /* Edge */
  color: #a4a5a5 !important; 
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #a4a5a5 !important; 
}

::placeholder {
  color: #a4a5a5 !important; 
}
/*Estructura Santillana*/
.estructuraSantillana .navbar-header{
	float: none !important; 
	width: 100% !important;    
	height: auto;
}

.estructuraSantillana .navbar-header .nav-item{
	width: 100%;
}

.estructuraSantillana .navbar-header .nav-item .navbar-brand{
	text-align: center; 
	width: 100%;
	padding: 4px 0;
}

.estructuraSantillana .navbar-header .nav-item .navbar-brand img{
	width: 230px;
}

.estructuraSantillana .main-menu .main-menu-content{
	padding-top: 72px;
}

.estructuraSantillana .app-content{
	padding: 5.5rem 0.3rem 0 0.3rem !important;
}

/*cabecera letras*/
.header-navbar .navbar-header .navbar-brand .brand-text{
	color: #000;
}

.btn-cyan{
	border-radius:4px !important;
	border-color: #00BCD4 !important;

}

.tooltip{
    position: relative !important;
    display: inline-block !important;
	opacity: inherit !important;
	z-index: 1 !important;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 50px;
    background-color: #8c8c8c;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 4px 8px;
	font-family: 'EncodeSansSemiExpanded-Regular';
	font-size: 13px;
    /* Position the tooltip */
    position: relative;
    z-index: 1;
}
.tooltiptext.borde{
	background: #fff !important;
    color: #8c8c8c !important;
    border: 1px solid #8c8c8c !important;
	font-family: 'EncodeSansSemiExpanded-Regular' !important;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*Menu*/
.menu-title{
	font-family: 'EncodeSansSemiExpanded-Regular';
}
.navigation {
	font-size: 15px;
    font-family: 'EncodeSansSemiExpanded-Regular';
}
/*clase form control*/
.form-control {
    color: #282a2b !important;
}

/*modulo mensaje de bienvenida de inicio*/
.row.bienvenida .card{
	border-radius: 10px;
	box-shadow: 0px 1px 15px 1px rgba(75, 188, 174, 1) !important;
}

.row.bienvenida_alumno .card-body{
	background: #e1e1e1; 
	background-size: 100% 100%;
    min-height: 60rem;
	padding: 5% 10%;
}
.row.bienvenida_docente .card-body{
	background: #e1e1e1; 
	background-size: 100% 100%;
    min-height: 90rem;
	padding: 5% 10%;
}
.row.bienvenida_alumno h4{
	color:#AAC73C;
	font-family: "EncodeSansSemiExpanded-Bold", sans-serif;
	font-size: 26px;

}

.row.bienvenida_docente h4{
	font-family: "EncodeSansSemiExpanded-Bold", sans-serif;
	font-size: 26px;
	color: #de5e60;
}

body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-container {
    margin-left: 0px !important;
	padding: 0 0;
}
/*modulo inicio*/
.row.modulosInicio .card{
	box-shadow: 0px 1px 15px 1px rgba(164, 168, 165, 0.4) !important;
	border-radius: 0px !important;
}

.row.modulosInicio .card .titulo-modulos{
	margin-bottom: 0;
}

.row.modulosInicio .card .parrafo-modulos{
	margin-bottom: 0;
	
}

.row.modulosInicio .card .btn-modulos{	
    opacity: 0.95;
    position: absolute;
    bottom: 35px;
    margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
}

.row.modulosInicio .card.fondo-modulos {
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
height: auto !important;
    padding: 0 20px;
}

.row.modulosInicio .card-body-modulo {
    padding: 100% 0 15% 0 !important;
}
/*
.btn:not(:disabled):not(.disabled) {
    box-shadow: 0px 1px 10px 1px #000 !important;
}*/
.btn-borde-modulo{
	box-shadow: 0px 1px 10px 1px #000 !important;
}
/*datos alumno*/
label .negrita{
	font-weight:bold;
}

.bg-success.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-red.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-info.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-warning.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-primary.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-yellow.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-purple.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-teal.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-blue-grey.blanco{
	color:#FFFFFF !important;
	border:none !important;
}
.bg-danger.blanco{
	color:#FFFFFF !important;
	border:none !important;
}

/* Etiquetas principales */
hr{
	color: #5d92b2;
}

/* Cabecera */
.navbar-light{
	background: #4E9CE4;
}

/* Menú usuario */
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
	color: #FFF;	
}

/*MENÚ MATRÍCULA*/
.nav.nav-tabs.nav-top-border .nav-item a {
    /*color: #4E9CE4;*/
	color:#8c8c8c;
}

/*Borde menú matrícula

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: none;
}*/

/*Boton*/
.btn.btn-social {
    padding: 0.7rem 1.25rem 0.85rem 3.75rem !important;
	width: auto !important;
}

/*tabs*/
.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    color: #000;
	border-top: none; 
}

.nav.nav-tabs .nav-item .nav-link {
    padding: 0;
}

.tab{
	padding: 0 0.8rem;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab1{
	border-top: 3px solid #28D094;
	color:#0FB365;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab2{
	border-top: 3px solid #FF9149;
	color:#FF9149;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab3{
	border-top: 3px solid #1E9FF2;
	color:#1E9FF2;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab4{
	border-top: 3px solid #FF4961;
	color:#FF4961;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab5{
	border-top: 3px solid #666EE8;
	color:#666EE8;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab6{
	border-top: 3px solid #1E9FF2;
	color:#1E9FF2;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab7{
	border-top: 3px solid #006064;
	color:#006064;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab8{
	border-top: 3px solid #FFD600;
	color:#FFD600;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab9{
	border-top: 3px solid #455A64;
	color:#455A64;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab10{
	border-top: 3px solid #FF4961;
	color:#FF4961;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab11{
	border-top: 3px solid #FF6221;
	color:#FF6221;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab12{
	border-top: 3px solid #383FD8;
	color:#383FD8;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab13{
	border-top: 3px solid #A2A6FF;
	color:#A2A6FF;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab14{
	border-top: 3px solid #FF6479;
	color:#FF6479;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab15{
	border-top: 3px solid #0FB365;
	color:#0FB365;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab16{
	border-top: 3px solid #880E4F;
	color:#880E4F;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab17{
	border-top: 3px solid #FF3145;
	color:#FF3145;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab18{
	border-top: 3px solid #006064;
	color:#006064;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active .tab19{
	border-top: 3px solid #5fb9b6;
	color:#5fb9b6;
}
.nav.nav-tabs.nav-top-border .nav-item a:hover {
    color: #8c8c8c !important;
}
/*formulario alumno*/
h4.titulo{
	color: #606167;
}
h4.titulo hr{
	margin-top: -8px;
    border-top: 2px solid rgba(187, 183, 183, 0.96);
    margin-right: 0px;
	width: 581px;
}
 hr.titulo-linea{
	border-top: 4px solid rgba(243, 173, 59, 1);
	 margin-top: 0.5rem;
}
form .form-control.borde {
    border: none !important;
	border-radius: inherit;
}
form .form-control.borde1 {
    border-bottom: 1px solid #28D094 !important;
}
form .form-control.borde2 {
    border-bottom: 1px solid #E91E63 !important;
}
form .form-control.borde3 {
    border-bottom: 1px solid #168DEE !important;
}
form .form-control.borde4 {
    border-bottom: 1px solid #F9A825 !important;
}
form .form-control.borde5 {
    border-bottom: 1px solid #FF6221 !important;
}
.centrar{
	text-align:center !important;
}
form label.color {
    color: #999aa0 !important;
}
.input-group-prepend {
    height: 28px;
}
.input-group > .input-group-prepend > .btn{
	width: 28px;
	height: 28px;
}
.input-group > .input-group-append > .btn{
	width: 28px;
	height: 28px;
}
/*formulario alumno inicio*/
h4.titulo hr{
	margin-top: -8px;
    border-top: 3px solid rgba(187, 183, 183, 0.96);
    margin-right: 0px;
	width: 1124px;
}
h4.titulo hr.linea{
	width: 80% !important;
}

form .form-control.border {
	border-radius: 10px;
}
form .form-control.border1 {
    border: 1px solid #ABC83C !important;
}
form .form-control.border2 {
    border: 1px solid #E91E63 !important;
}
form .form-control.border3 {
    border: 1px solid #168DEE !important;
}
form .form-control.border4 {
    border: 1px solid #F9A825 !important;
}
form .form-control.border5 {
    border: 1px solid #FF6221 !important;
}
form .form-control.border6 {
    border: 1px solid #4A4A30 !important;
}
form .form-control.border7 {
    border: 1px solid #5cbab6 !important;
}
.select2-formulario {
    border: 1px solid #4A4A30 !important;
	width: 100% !important;
	position: inherit !important;
	padding-left: 15px !important;
}
.titulo1{
	color:#586465 !important;
	font-family: "EncodeSansSemiExpanded-Bold";
	font-size: 21px;
	margin-bottom: 0;
}
.borde1hr{
	border-top: 3px solid #4A4A30 !important;
}
.titulo2{
	color:#5cbab6 !important;
}
.titulo3{
	color:#fff !important;
	font-family: "EncodeSansSemiExpanded-Bold";
	font-size: 21px;
}
.borde2hr{
	border-top: 3px solid #5cbab6 !important;
}
.btn-tuquesa{
	border-color: #5cbab6;
    background-color: transparent;
    color: #5cbab6;
}
.btn-tuquesa:hover{
	background-color: #5cbab6;
    color: #FFF !important;
	border-color: #5cbab6;
}

.btn-success, .btn-success:hover {
    border-color: #5eb8b6 !important;
    background-color: #5eb8b6 !important;
    color: #FFFFFF;
}

.btn-google, .btn-google:hover {
    background-color: #df5d60;
    color: #fff;
    border-color: #fff;
}

.border-warning {
    border: 1px solid #f0ad39 !important;
}

.warning {
    color: #f0af39 !important;
}

.btn-dropbox, .btn-dropbox:hover {
    background-color: #f0ad39;
    color: #6e6e6e;
    border-color: #f0af39;
}

.border {
	border-radius: 10px !important;
	 border: none!important;
}
/*tablas*/
th {
    white-space: normal;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #4E9CE4;
}

.table-bordered td {
	color:#000000;
}

.table .dimension{
	width: 14% !important;
}

.table thead tr{
	/*background: #4E9CE4;
	color: #fff;*/
}

.table thead th {
    /*border-top: 1px solid #4E9CE4;
	border-bottom: 1px solid #4E9CE4;*/
}
.table.table-xs td {
    padding: 4px 7px !important;
}

table .btn, .btn-table, .btn{
	font-size: 15px;
	height: 42px;
	font-family: "EncodeSansSemiExpanded-Regular";
	width: 19vh; 
	border-radius: 4px;
	padding: 10px 4px;
}

.btn-table{
	color: #FFF !important;
}

.btn-table{
	margin-bottom: 10px;
}

/*titulos form section*/
.colortitulo{
	border-color: none !important;
    color: #000 !important;
}


/* Titulos */
html body .content .content-wrapper .content-header-title{
	color: #4E9CE4;
}

.card-title{
	/*color: #4E9CE4;
	font-size: 1.6rem;*/
}

.titulo-modulos{
	color: #00796B !important;
	background: #fff;
	opacity: 0.95;
	padding: 10px;
	text-align: center;
	font-weight: bolder !important;
	font-size: 1.5rem;
	border-bottom: 4px solid #F3AD3B;
}

.parrafo-modulos{
	background: #fff;
	opacity: 0.95;
	padding: 10px;
	text-align: justify;
	color: #000000;
	
}

.fondo-modulos{
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}
.titulo-materias{
	background: #7b1fa2bf !important;
	color: #FFF !important;
	border-radius: 8px;
	padding: 6px 0;
	text-align: center;
}

.card-body-modulo{
	padding: 18rem 0 2rem 0 !important;
}
.breadcrumb-item{
	color:#5d92b2;
}

/*tabla estados*/

.badge {
    width: 87px;
}

.badge-carga {
    width: auto !important;
}

/* Menu */
.main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.hover > a{
	background: #cde1e8;	
}



/* Formularios */

select.form-control:not([size]):not([multiple]){
	height: 28px !important;
}

/*tipo select*/
.selectboxit-container .selectboxit-btn {
    border: 1px solid #424141;
}

/*tipo text*/
/*
form .form-control {
    border: 1px solid #424141;
}
*/
.form-seccion-h4{
	color: #2C303B;
    line-height: 3rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #2C303B;
}
/*borde fin formulario*/
form .form-actions {
    border-top: 1px solid #424141;
}

/* Componentes Cabecera*/
.componentes_cabecera{
	float:right;
	margin-right: 20px;
	
}



/*video login*/
video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
 /*background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;*/
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

/* Ajustar imagen al div */
.imagenAjustada{
	width: 100%;
}

/* Ajustar campos de tabla */
.overflow-ellipsis {
  text-overflow: ellipsis;
}

.limitado{
	max-width: 200px;
	/* BOTH of the following are required for text-overflow */
 	white-space: nowrap;
  	overflow: hidden;
}

/* Ocultar */
.oculto{
	display: none;
}

/* Ajuste de espacios */
.card-header {
    padding: 1rem 0 1rem 1.5rem;
}

.componentes_cabecera .form-group{
	margin-bottom: 0;
}

.card-body{
	/*padding: 0 1.5rem  1.5rem 1.5rem;*/
}

a.enlace{
	color: #6B6F82;
}

/* tabla notas*/
.notas{
	width: 100%;
	clear: both;
}

.notas .cabecera{
	height: 30px;
}

.notas th {
    white-space: normal;
	padding: 5px;
}

.notas .table-bordered th, .notas .table-bordered td {
    border: 1px solid #FFF;
}

.notas .table-bordered td {
	color:#4E9CE4;
}

.notas thead tr{
	background: none;
	color: #686868;
}

.notas thead th {
    border: 1px solid #FFF !important;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.notas table .btn, .notas .btn-table{
	padding: 0.4rem 0.8rem;
}

.notas .btn-table{
	color: #000 !important;
}

.notas .btn-table{
	margin-bottom: 10px;
}
.notas tbody th, .notas tbody td {
    padding: 5px 0; 
	border: none;
	border-bottom: 1px solid #CCC;
}

.notas tbody td.columnaNotas {
    padding: 5px 0; 
	border-top: none;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.notas tbody tr:hover {
	background: #eaeaea;
}

.notas td input{
    padding: 0;
	text-align: center;
	border: none !important;
    width: 35px;
}

.contenedorLabel{
	width: 100%;
}

.cuerpoLabel{
	width: 36px;
	height: 10px;
	background: #28D094;
	float: right;
	
}

.verticalText{
	
                text-align: center;
                vertical-align: middle;
                width: 120px;
	height: 36px;
                margin: 0px;
                padding: 0px;
                padding-left: 3px;
                padding-right: 3px;
                padding-top: 10px;
                white-space: nowrap;
                
				
				-webkit-transform: scale(1, .8) rotate(-50deg);
  -moz-transform: scale(1, .8) rotate(-90deg);
  -ms-transform: scale(1, .8) rotate(-90deg);
  transform: scale(1, .8) rotate(-90deg);
	transform-origin : 0 0;
	background: #28D094;
	position: relative;
    bottom: 0;
    left: 0;
	
	font-size: 14px;
    line-height: 7px;
	border-radius: 0 0 15px 0;
	
				
}

.notas .cabecera .columnaNotas{
	border: none !important;
}

.columnaNotas{
	width: 35px;
}

/* tabla notas*/
.notasFinal{
	width: auto;
}

.notasFinal input{
	width: 85px;
}


/* Posiciones */
.text-right{
	text-align: right;
}

/* Cabecera */
.header-navbar .navbar-header{
	padding: 0 !important;
}

/* Negrita */
.negrita{
	font-weight: bold;
}

/* Boton multimedia */
.btn-modulo{
	padding: 0.7rem 0.75rem 0.85rem 3.75rem !important;
}

/*acordion*/

.fondoamarrillo{
	background: #F3AD3B;
	border:white 1px solid;
}
.fondoverde{
	background: #AEC637;
	border:white 1px solid;
}
.fondorojo{
	background:#D9625B;
	border:white 1px solid;
}
.fondoazul{
	background: #72B8B8;
	border:white 1px solid;
}

.fondomorado{
	background: #826AA8;
	border:white 1px solid;
}

/*input sin borde*/
.sinborde input{
	border: 1px solid #fff !important;
	background: #fff !important;
}

/*numero colores active*/
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(1) .step {
    border: 2px solid #F57F17;
    color: #F57F17;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(1) .step:after {
    border-top-color: #F57F17;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(2) .step {
    border: 2px solid #26C6DA;
    color: #26C6DA;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(2) .step:after {
    border-top-color: #26C6DA;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(3) .step {
    border: 2px solid #24CB8C;
    color: #24CB8C;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(3) .step:after {
    border-top-color: #24CB8C;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(4) .step {
    border: 2px solid #C62828;
    color: #C62828;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(4) .step:after {
    border-top-color: #C62828;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(5) .step {
    border: 2px solid #666EE8;
    color: #666EE8;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(5) .step:after {
    border-top-color: #666EE8;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(6) .step {
    border: 2px solid #F3AD3B;
    color: #F3AD3B;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(6) .step:after {
    border-top-color: #F3AD3B;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(7) .step {
    border: 2px solid #AEC637;
    color: #AEC637;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(7) .step:after {
    border-top-color: #AEC637;
}

.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(8) .step {
    border: 2px solid #72B8B8;
    color: #72B8B8;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(8) .step:after {
    border-top-color: #72B8B8;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(9) .step {
    border: 2px solid #FF6221;
    color: #FF6221;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(9) .step:after {
    border-top-color: #FF6221;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(10) .step {
    border: 2px solid #383FD8;
    color: #383FD8;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(10) .step:after {
    border-top-color: #383FD8;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(11) .step {
    border: 2px solid #A2A6FF;
    color: #A2A6FF;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(11) .step:after {
    border-top-color: #A2A6FF;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(12) .step {
    border: 2px solid #FF6479;
    color: #FF6479;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(12) .step:after {
    border-top-color: #FF6479;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(13) .step {
    border: 2px solid #FF3145;
    color: #FF3145;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(13) .step:after {
    border-top-color: #FF3145;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(14) .step {
    border: 2px solid #006064;
    color: #006064;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(14) .step:after {
    border-top-color: #006064;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(15) .step {
    border: 2px solid #0FB365;
    color: #0FB365;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(15) .step:after {
    border-top-color: #0FB365;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(16) .step {
    border: 2px solid #F50057;
    color: #F50057;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(16) .step:after {
    border-top-color: #F50057;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(17) .step {
    border: 2px solid #880E4F;
    color: #880E4F;
}
.app-content .wizard.wizard-notification > .steps > ul > li.current:nth-child(17) .step:after {
    border-top-color: #880E4F;
}
/*numeros colores*/
/*cuadrado*/
.app-content .wizard > .steps > ul > li.done:nth-child(1) .step {
    background-color: #F57F17;
    border-color: #F57F17;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(1) .step:after {
    border-top-color: #F57F17;
}

.app-content .wizard > .steps > ul > li.done:nth-child(2) .step {
    background-color: #26C6DA;
    border-color: #26C6DA;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(2) .step:after {
    border-top-color: #26C6DA;
}

.app-content .wizard > .steps > ul > li.done:nth-child(3) .step {
    background-color: #24CB8C;
    border-color: #24CB8C;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(3) .step:after {
    border-top-color: #24CB8C;
}

.app-content .wizard > .steps > ul > li.done:nth-child(4) .step {
    background-color: #C62828;
    border-color: #C62828;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(4) .step:after {
    border-top-color: #C62828;
}

.app-content .wizard > .steps > ul > li.done:nth-child(5) .step {
    background-color: #666EE8;
    border-color: #666EE8;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(5) .step:after {
    border-top-color: #666EE8;
}

.app-content .wizard > .steps > ul > li.done:nth-child(6) .step {
    background-color: #F3AD3B;
    border-color: #F3AD3B;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(6) .step:after {
    border-top-color: #F3AD3B;
}

.app-content .wizard > .steps > ul > li.done:nth-child(7) .step {
    background-color: #AEC637;
    border-color: #AEC637;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(7) .step:after {
    border-top-color: #AEC637;
}

.app-content .wizard > .steps > ul > li.done:nth-child(8) .step {
    background-color: #72B8B8;
    border-color: #72B8B8;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(8) .step:after {
    border-top-color: #72B8B8;
}

.app-content .wizard > .steps > ul > li.done:nth-child(9) .step {
    background-color: #FF6221;
    border-color: #FF6221;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(9) .step:after {
    border-top-color: #FF6221;
}

.app-content .wizard > .steps > ul > li.done:nth-child(10) .step {
    background-color: #383FD8;
    border-color: #383FD8;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(10) .step:after {
    border-top-color: #383FD8;
}

.app-content .wizard > .steps > ul > li.done:nth-child(11) .step {
    background-color: #A2A6FF;
    border-color: #A2A6FF;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(11) .step:after {
    border-top-color: #A2A6FF;
}

.app-content .wizard > .steps > ul > li.done:nth-child(12) .step {
    background-color: #FF6479;
    border-color: #FF6479;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(12) .step:after {
    border-top-color: #FF6479;
}

.app-content .wizard > .steps > ul > li.done:nth-child(13) .step {
    background-color: #FF3145;
    border-color: #FF3145;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(13) .step:after {
    border-top-color: #FF3145;
}

.app-content .wizard > .steps > ul > li.done:nth-child(14) .step {
    background-color: #006064;
    border-color: #006064;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(14) .step:after {
    border-top-color: #006064;
}

.app-content .wizard > .steps > ul > li.done:nth-child(15) .step {
    background-color: #0FB365;
    border-color: #0FB365;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(15) .step:after {
    border-top-color: #0FB365;
}

.app-content .wizard > .steps > ul > li.done:nth-child(16) .step {
    background-color: #F50057;
    border-color: #F50057;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(16) .step:after {
    border-top-color: #F50057;
}

.app-content .wizard > .steps > ul > li.done:nth-child(17) .step {
    background-color: #880E4F;
    border-color: #880E4F;
    color: #fff;
}

.app-content .wizard.wizard-notification > .steps > ul > li.done:nth-child(17) .step:after {
    border-top-color: #880E4F;
}

/*linea*/

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(1):after {
    background-color: #F57F17;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(2):after {
    background-color: #26C6DA;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(3):after {
    background-color: #24CB8C;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(4):after {
    background-color: #C62828;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(5):after {
    background-color: #666EE8;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(6):after {
    background-color: #F3AD3B;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(7):after {
    background-color: #AEC637;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(8):after {
    background-color: #72B8B8;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(9):after {
    background-color: #FF6221;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(10):after {
    background-color: #383FD8;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(11):after {
    background-color: #A2A6FF;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(12):after {
    background-color: #FF6479;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(13):after {
    background-color: #FF3145;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(14):after {
    background-color: #006064;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(15):after {
    background-color: #0FB365;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(16):after {
    background-color: #F50057;
}

.app-content .wizard.wizard-notification > .steps > ul > li:before, .app-content .wizard.wizard-notification > .steps > ul > li:nth-child(17):after {
    background-color: #880E4F;
}

/* Inicio */
.card-estadistica, .card-body{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}
.card-estadistica, .card-footer{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.card-footer{
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

.card-estadistica h3{
	font-size: 1.5rem;
	text-align: center;
}

.card-estadistica h3 span{
	border-right: 1px solid #fff;
    padding: 1rem;	
}

.card-estadistica-icono{
	padding: 2rem 0;
}

.card-estadistica-icono i{
	background: #FFF;
    padding: 1rem;
    border-radius: 34px;
}

.card-donnuts{
	border-radius: 3rem;
}


/* Colores
*/
.bg-verde{
	
	background-color: #8f4fed !important;
	
}

.bg-rosado{
	background-color: #F87089 !important;
}

.bg-rosado-light{
	background-color: #EADEDE !important;
}

.text-rosado{
	color: #F87089 !important;
}

.bg-amarillo{
	background-color: #F9CB7D !important;
}

.bg-amarillo-light{
	background-color: #EEE7D7 !important;
}

.text-amarillo{
	color: #F9CB7D !important;
}

.bg-morado{
	background-color: #739EFD !important;
}

.bg-morado-light{
	background-color: #D7E3EF !important;
}

.text-morado{
	color: #739EFD !important;
}

.bg-verde-chicle{
	background-color: #62DFC1 !important;
}

.bg-verde-chicle-light{
	background-color: #DDE9DF !important;
}

.text-verde-chicle{
	color: #62DFC1 !important;
}

.borde-modulo{
	-webkit-box-shadow: 1px 3px 32px -3px rgba(0,0,0,0.83);
	-moz-box-shadow: 1px 3px 32px -3px rgba(0,0,0,0.83);
	box-shadow: 1px 3px 32px -3px rgba(0,0,0,0.83);
	
}
.footer-login{	
	padding-top: 5vh;
	background-color: #E2E2E2;
	color:#444444;
	text-align: justify;
}


/* Footer */
footer.navbar-border{
	border-top: 4px solid #AAC73C;
	margin-left: 0 !important;
	padding: 0;
	position: relative;
	z-index: 1001;
}

footer .footer-login{	
	padding-top: 2vh;
	padding-bottom: 2vh;	
	background-color: #FFF;
	color:#444444;		
}

footer .footer-login-copy, .footer-login-copy{
	background: #586465;
	color: #eeeeee;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 45px;
}
.footer-col50{
	width: 50%;
}
.footer-col33{
	width: 33.33%;
}
.footer-alto{
	height: 130px;
	min-height: 165px;
}
.footer-left{
	padding-left: 50px;
}
.footer-right{
	padding-right: 50px;
}

.footer-login.row{
	margin-left: 0px !important;
}
.footer-login h3{
	font-family: "EncodeSansSemiExpanded-Bold";
	font-size: 21px;
	color: #586465;
}
.body-login{
/*	height: 62vh !important;*/
	margin: 2%;
}

.infoRegistro{
	position: absolute;
    top: 0;
    right: 0;
    font-size: 14px !important;
}

.btnLogin{
	color: #FFFFFF;
	border-color: #FFFFFF;
}
.tituloRegistro-docente{
	border-bottom: none !important;
	color: #aac73c !important;
	font-family: "EncodeSansSemiExpanded-Bold";
	font-size: 26px;
}

.tituloRegistro-alumno{
	border-bottom: none !important;
	color: #de5e60 !important;
	font-family: "EncodeSansSemiExpanded-ExtraBold";
	font-size: 26px;
}

.footer-registro{
	height: 6vh;
	background-color: #A1B34E; 
	color: #ffffff;
	padding-top: 10px;
	
}
.cajas {
	width: auto;
	height: 374px;
	
}

.cajas h3{
	margin-bottom: 20px;
	margin-top: 20px;
	color: #586465;
	font-family: "EncodeSansSemiExpanded-Bold";	
}
.botonLogin{
		margin-top: 75px;
	}

/*link*/
.link{
	color:#ffffff !important;
}

.select2-container {
    display: inline-table !important;
	width: 100% !important;
}
.border6 .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #a4a5a5;
	line-height: 15px;
	height: 24px !important;
	font-size: 13px !important;
}
.border6 .select2-container--default .select2-selection--single{
	border: 1px solid #a4a5a5 !important;
	height: 24px !important;
}
.border6 .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px !important;
}
.border6 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #a4a5a5 transparent transparent transparent;
}

h4.titulo hr.linea {
		width: 75% !important;
	}

/*Botcnes nuevos colores*/

.btn-verde, .btn-verde-modulo, .btn-verde-modulo:hover{
	background-color: #8f4fed;
	color: #fff;
	border: 1px solid #ffffff;
}

.btn-verde:hover{
	background-color: transparent;
	color: #aac73c;
	border: 1px solid #8f4fed;
}

.btn-rojo{
	background-color: #de5e60;
	color: #fff;
	border: 1px solid #ffffff;
}

.btn-rojo:hover{
	background-color: transparent;
	color: #de5e60;
	border: 1px solid #de5e60;
}
.btn-turquesa{
	background-color: #5fb9b6;
	color: #fff;
	border: 1px solid #ffffff;
}

.btn-turquesa:hover{
	background-color: transparent;
	color: #5fb9b6;
	border: 1px solid #5fb9b6;
}

.btn-icon{
	width: auto !important;
	height: auto !important;
    padding: 5px 9px !important;
}
.btn-lg{
	width: auto !important;
	padding: 5px 25px;
}
.enlace-inicio{
	color: #1bb0ce !important;
}
.logo{
	max-width: 240px; 
	width: 70%;  
	margin-top: 10px;
	margin-bottom: 10px;
}
.borde-input{
	border: 1px solid #a4a5a5;
}

form .form-control {
    border: 1px solid #a4a5a5 !important;
    color: #a4a5a5 !important;
	height: 28px;
    font-size: 13px;
    border-radius: 4px;
}
#fecha_nacimiento{
	background-color: #ffffff !important;
}
form .form-control placeholder{
    color: #a4a5a5 !important;
}
/*Alertas*/
.toast-success{
	background-color: #aac73c !important;	
}
.toast-message{
	font-family: "EncodeSansSemiExpanded-Regular" !important;	
}
.toast-warning{
	background-color: #efac39 !important;
}
.toast-error{
	background-color: #de5e60 !important;
}
.toast-info{
	background-color: #5fb9b6 !important;
}	
/**/
.form-control{
	padding: 10px;
}
form label {
    color: #444444;
    font-size: 15px;
}
.form-control-file, .form-control-range {
    font-size: 15px;
}
form textarea{
	
	min-height: 80px !important;
}
.form-control-position{
	line-height: 2.2rem;
}

/* Mensajes de error */
.mensaje-val-clave, .mensaje-val-clave2{
	font-size: 13px;
	color: red;	
}

/* Activacion Estantería */
.codigoInicioModal, #comboModuloModal{
	font-size: 15px;
    height: 42px;
    font-family: "EncodeSansSemiExpanded-Regular";
    padding: 4px 6px;
	margin-bottom: 1rem !important;
	margin-right: 1rem !important;
}


.toast-container > div{
	opacity: 1 !important;
}


@-moz-document url-prefix() {
    .form-control-position{
		top: -38px !important;} 
}
.table{
	font-size: 15px;
}

.cardSubSeccion .dataTables_wrapper div.row:first-child{
	display: none;
}

lable{
	font-size: 15px;
	color: #444444;
	font-family: "EncodeSansSemiExpanded-Regular";
}
.label-check{
	width: 98%; 
	color: #444444; 
	display: inline-table;
	font-size: 15px;
}
.selectboxit-default-arrow {
    border-top: 4px solid #a4a5a5;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    height: 24px;
    line-height: 24px;
}
.modal-body{
	font-size: 15px;
	color: #444444;
	font-family: "EncodeSansSemiExpanded-Regular" !important;
}
.modal-title{
	font-size: 21px;
	font-family: "EncodeSansSemiExpanded-Bold";
}
p {
	font-size: 15px;
	color: #444444;
	font-family: "EncodeSansSemiExpanded-Regular";
}
h4{
	color: #586465 !important;
	font-size: 21px;
	font-family: "EncodeSansSemiExpanded-Bold";
}

.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
    font-size: 15px;
    font-family: "EncodeSansSemiExpanded-Regular";
}

.centrado{
	margin: 10px 0;
	text-align: center;
}
.contenedor{
	padding-left: 50px;
    padding-right: 50px;
    padding-top: 7%;
    padding-bottom: 7%;
}
.titulo-banner{
	padding-left: 20px;
}

.contenidoEstanteria .btn{
	width: auto;
}

.avatars > input{
  display: none;
}

.avatars > input + img{
  cursor: pointer;
  border: 2px solid transparent;
  width: 140px;
}

.avatars > input:checked + img{
  border: 2px solid #de5e60;
}
.card-img-top {	
	height: 100%;	
}

em.la.la-dollar{
	font-size: 16px !important;
    color: #A4A5A5;
    border: 1px solid #a4a5a5 !important;
    border-right: none !important;
	padding-top: 5px;
}

.cardContenido{
	background-color: #eef4d7;
}

.cardContenidoSubseccion{
	background-color: #fff7e5;
}

.handle-sub {
    cursor: move;
}

.cardContenido .card-header, .cardContenidoSubseccion .card-header{
	background: none;
}

.cardContenido .card-content, .cardContenidoSubseccion .card-content{
	padding: 0 10px;
}

.cardContenido input, .cardContenido textarea, .cardContenidoSubseccion input, .cardContenidoSubseccion textarea{
	width: 100%
}



@media(max-width: 1024px) and (min-width: 990px){
	.cajas {
		width: 100%;
		height: 300px;
	}
	
	h4.titulo hr.linea {
		width: 70% !important;
	}
	.row.bienvenida_alumno h4 {
		padding-left: 0;
	}
	.label-check{
		width: 96%; 
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	h4.titulo hr.linea {
		width: 60% !important;
	}
	.cajas {
		width: auto;
		height: 300px;

	}
	.cajas h2{
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.contenedor {
		padding-left: 0;
		padding-right: 0;
	}
	.botonLogin{
		margin-top: 75px;
	}
	.row.bienvenida_docente .card-body{
		min-height: 93rem;
	}
	.row.bienvenida_docente .card-body img{
		width: 100%;
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	
	.footer-registro{
		height: 10vh;
	}
	.label-check{
		width: 94%; 
	}
}
@media (max-width: 1440px) and (min-width: 1025px) {

	.row.bienvenida_alumno h4 {
		padding-left: 0;
	}
	.label-check{
		width: 96%; 
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	.row.bienvenida_docente .card-body img{
		width: 100%;
	}
}
@media (max-width: 2560px) and (min-width: 1800px) {

	.row.bienvenida_alumno h4 {
		padding-left: 0;
	}
	
	.footer-alto{
		height: 170px;
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	.contenedor {
		padding-top: 10%;
		padding-bottom: 10%;
	}
}

@media (max-width: 1200px) and (min-width: 650px) {

	h4.titulo hr.linea {
		width: 60% !important;
	}
	.card {
		
	}
	.contenedor {
		padding-left: 0;
		padding-right: 0;
	}
	ul.nav li a.dropdown-user-link .user-name {
		display: inline !important;
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	
}

@media (max-width: 1200){
.header-navbar.navbar-with-menu .navbar-container {
    background: #5EB8B6 !important;
}
	ul.nav li a.dropdown-user-link .user-name {
		display: inline;
	}
	
}

@media (max-width: 767.98px){
	.header-navbar.navbar-with-menu .navbar-container {
    	background: #5EB8B6 !important;
	}
	ul.nav li a.dropdown-user-link .user-name {
		display: inline;
	}
	
	.footer-alto {
		height: auto;
	}
	
	.content-footer .float-left, .content-footer .float-right{
		float: none !important;
	}
	
	.footer-login, .footer-login-copy{
		text-align: center;
		height: auto;
		padding-top: 3vh;
	}
	
	.content-footer .centrado{
		margin: 0;
		padding: 10px 0;
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	h4.titulo hr.linea{
		width: 55% !important;
	}
	
	.footer-registro{
		height: 12vh;
	}
	
	.cajas {
		width: auto;
		height: 285px;
	}
	.botonLogin{
		margin-top: 75px;
	}
	.row.bienvenida_docente .card-body{
		min-height: 92rem;
	}
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	.contenedor {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-brand {
		display: block;
	}
	form .form-group {
		margin-bottom: 0.5rem;
	}
	.has-icon-left .form-control-position {
		
	}
	.has-icon-left .form-control {
		/*width: 82%;*/
	}
	.label-check{
		width: 94%; 
	}
	.card {
		
	}
	.estructuraSantillana .navbar-header .nav-item .navbar-brand{
		width: auto;
	}
	
	ul.nav li a.dropdown-user-link .user-name {
		display: inline !important;
	}
	.footer-col33 {
		width: 100%;
		text-align: center;
	}
	.footer-left {
		padding-left: 0px;
	}
	
}

@media (min-width: 320px) and (max-width: 480px) {
	
	.cajas {
		width: auto;
		height: 310px;
	}
	
	.footer-registro{
		height: 15vh;
	}
	.cajas h2{
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.botonLogin{
		margin-top: 75px;
	}
	h4.titulo hr.linea {
		width: 30% !important;
	}
	
	.row.bienvenida_alumno .card-body img{
		width: 100%;		
	}
	
	.row.bienvenida_docente .card-body img{
		width: 100%;
	}
	
	.label-check{
		width: 90%; 
	}
	.card {
		
	}
	.estructuraSantillana .navbar-header .nav-item .navbar-brand{
		width: auto;
	}
	.contenedor {
		padding-left: 0;
		padding-right: 0;
	}
	
	
	.footer-col50{
		width: 100%;
	}
	.footer-left {
		padding-left: 0px;
	}
	.footer-right {
		padding-left: 0px;
	}
	
	.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{
		display: inline !important;
	}
	.titulo-banner {
		padding-left: 40px;
	}
	.footer-col33 {
		width: 100%;
	}
	
}

@media screen and (max-width: 320px) {
	h4.titulo hr.linea {
		width: 15% !important;
	}
	
	.footer-registro{
		height: 18vh;
	}
	
	.estructuraSantillana .navbar-header .nav-item .navbar-brand{
		width: auto;
	}
	.contenedor {
		padding-left: 0;
		padding-right: 0;
	}
	
	
	.titulo-banner {
		padding-left: 10px;
	}
	.row.bienvenida_alumno .card-body {
		min-height: 95rem;
	}
	.row.bienvenida_docente .card-body{
		
		min-height: 177rem;
	}
	
}

@media (max-width: 768.98px){
	.estructuraSantillana .main-menu{
		top: 6rem !important;
	}
	
	footer.navbar-border {
		z-index: 900;
	}
	ul.nav li a.dropdown-user-link .user-name {
		display: inline !important;
	}
	ul.nav li a.dropdown-user-link {
		padding: 0.8rem 6.2rem !important;
	}
}
@media (max-width: 2560px) and (min-width: 1601px) {

	
}

/*solo para modulos*/

@media (max-width: 1600px) and (min-width: 1300px) {
	
	
	
	
}

@media (max-width: 1299px) and (min-width: 1200px) {
	
	
}

@media (max-width: 1199px) and (min-width: 1090px) {
	
}

@media (max-width: 1089px) and (min-width: 992px) {
	
	
}

@media (max-width: 991px) and (min-width: 851px) {
	
	
}

@media (max-width: 850px) and (min-width: 800px) {
	
	
}


@media (max-width: 799px) and (min-width: 768px) {
	
	
}


@media (max-width: 767px) and (min-width: 701px) {
	
	
}


@media (max-width: 700px) and (min-width: 575px) {
	
}

@media (max-width: 574px) and (min-width: 400px) {
	
	
}

@media (max-width: 399px) and (min-width: 300px) {
	
	
	
	.card {
		
	}
}

@media (max-width: 299px) and (min-width: 260px) {
	
	
}