*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	background-color: #f5f5f5;
}

.card{
	border-color: #445267;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.tawk-min-container {
	background-color: #445267 !important;
}
/*=========================================== Header ===========================================*/
 
header{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1000;
    width: 100%;
    height: 60px;
    background-color:#445267;
}
.header-container{
    padding: 0 14px;
}

.logo{
	margin-top:20px;
	margin-left:30px;
	position:relative;
	width:180px;
}

.datos-sesion 
{
	color:#FFFFFF;
	font-size: 13px;
	font-weight: bold;
	position:relative;
	left:88%;
	/*margin-left:82%;*/
}

.datos-sesion a{
	margin-left:30px;
	text-decoration:none
}

.datos-sesion a:link {color:#FFFFFF; text-decoration:none}
a:visited {color:#FFFFFF;text-decoration:none}
.datos-sesion a:active {color:#FFFFFF; text-decoration:none}
.datos-sesion a:hover {color:#FFFFFF; text-decoration:none}
@media (min-width:992px) {
	
	.titulo-principal{
		color: #ffffff;
	    font-size: 30px;
		font-weight: bold;
	    letter-spacing: 1px;
		text-align: center;
		margin-top: -25px;
		
	}
	
	main{
    /*margin-left: 240px;*/
    padding: 32px;
    margin-top: 60px;
}

.myform-group{
	padding:8px 10px 0px 10px!important;
}
/*.form-group {

    padding: 8px 30px 0px 30px !important;

}*/
	
}

@media (max-width:992px) and (min-width:768px) {
	.titulo-principal{
		color: #ffffff;
	    font-size: 30px;
		font-weight: bold;
	    letter-spacing: 1px;
		text-align: center;
		margin-top: -25px;
		
	}
	
	main{
    /*margin-left: 240px;*/
    padding: 32px;
    margin-top: 60px;
}

.myform-group{
	padding:8px 10px 0px 10px!important;
}
/*.form-group {

    padding: 8px 30px 0px 30px !important;

}	*/
}

@media (max-width:768px) and (min-width:200px) {
	.titulo-principal{
		color: #ffffff;
	    font-size: 18px;
		font-weight: bold;
	    letter-spacing: 1px;
		text-align: center;
		margin-top: -15px;
		
	}
	
	main{
    /*margin-left: 240px;*/
    padding: 0px;
    margin-top: 80px;
	}
	
.myform-group{
	padding:0px 0px 0px 0px!important;
}
/*.form-group {

    padding: 0px 0px 0px 0px !important;

}*/
	
}


 
/*=========================================== Aside ===========================================*/ 
 
aside{
    position: fixed;
    left: 0;
    bottom:0;
    top: 60px;
    width: 240px;
    background-color: #FFFFFF;
	color: #000000;
    overflow-y: auto;
}
aside ul{
    padding: 32px 0 0;
    list-style-type: none;
}
aside ul li{
    padding: 8px 16px 8px 32px;
}

aside ul li:hover
{
	background-color: #046cae !important;
	cursor: pointer;
}



aside ul li span{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    opacity: 0.8;	
}


/*=================================== Formulario Buscar Alumno ======================================*/

ul.list_datos{
    margin-top:10px;
	list-style-type: none;
}
ul.list_datos li{
 padding: 3px 0px;  
}

ul.list_datos li:hover
{
	background-color:  #aed6f1  !important;
	cursor: pointer;
}



/*=========================================== Formulario ===========================================*/

.card-header{text-align:center;}
.form-group{
	padding:8px 30px 0px 30px!important;
}

.mycontrol
{
	padding-left:1.8px!important;
	padding-right:1.8px!important;
}

.mycontrol_buscar
{
	padding-left:0px!important;
	padding-right:0px!important;
}

.button_azul{
	background-color: #3498DB;
	color: #FFFFFF; 
}

.form-control.my-form-control {
    height: auto;
}

.mybutton
{
	margin:30px 0px;
}

.dato-obligatorio
{
	color:#cb4335;
}


/*=========================================== Formulario Nuevo Alumno ===========================================*/



.mybutton-insert
{
	margin:15px 0px;
}

/*=========================================== Buscador Expedientes ===========================================*/
.button-buscar, .button-ingresarCarrAux{
	background-color: #F0B27A;
	color: #FFFFFF;
	/*margin-left:93%;*/
	float: right;
}

/*=========================================== Tabla Expedientes ===========================================*/


/*.table_exps
{
	font-size:13px!important;
}
*/
.thead-style{background-color: #046cae; opacity:0.9; border:0; color:#ffffff;}

.col-numdoc{
	width:60px;	
}

.col-gedo
{
	width:95px !important;
}

.col-estado
{
	width:180px !important;
}

.col-options{
	/*width:183px;*/
	width:120px!important;
	text-align: center;
}


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

.col-corr{
width:50px;	
text-align: center; 
}

/*COLORES*/
.bg-primary-light{
    background: #3490df;
}
.bg-success-light{
    background: #6cbf6c;
}
.bg-info-light{
    background: #6bc6e1;
}
.bg-warning-light{
    background: #f1b55f;
}
.bg-danger-light{
    background: #dc6460;
}
.bg-unap{
    background: #046cae;
}
.bg-unap-orange{
    background: #565fa7;
}

.bg-unap-footer{
	background: #046cae;
}
.btn-primary{
	background-color: #0faec0 !important;
	border-color: #0faec0 !important;
;

}
/*Text colors*/
.text-primary-light{
    color: #3490df;
}
.text-success-light{
    color: #6cbf6c;
}
.text-info-light{
    color: #6bc6e1;
}
.text-warning-light{
    color: #f1b55f;
}
.text-danger-light{
    color: #dc6460;
}
.text-unap{
    color: #046dab;
}

/*Tamaņos*/
.size-xs{
	font-size:12px;
}
.size-sm{
	font-size:16px;
}
.size-md{
	font-size:20px;
}
.size-lg{
	font-size:24px;
}

.tooltip-inner {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}

.tooltip .arrow:before {
    border-top-color: #00acd6 !important;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #00acd6;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #00acd6;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #00acd6;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #00acd6;
}

.custom-file-label{

	/*background-color: #ffff00;*/
}
.custom-file-label::before {
   /* background-color: #ffff00;*/
}
/*Texto Browse - input file*/
.custom-file-label::after{
	content:"Elegir";
	background-color: #3490df;
	color: #fff;
}


.input-group {

	margin-bottom: 10px;
}