/* Css for q21 */
/*
	#Tipe Fonts
	#Colors Background
	#Colors Fonts
	#Spacers
	#Vertical Align
	#img menu
	#Sombras
	#Modal
	#imagenes

*/
/*Tipe Fonts*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i');
body, body p, body h1, body h2, body h3, body h4, body h5, body h6, body strong, body a, body b, body span, body li, body input, body select, body label{
	font-family: 'Lato';
}
.center-text{
	text-align: center;
}
.right {
	text-align: right;
	float: right;
}
.big {
	font-size: 25px;
}
.mid-big {
	font-size: 22px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.little{
	font-size:12px;
	line-height: 14px;
}
.light {
	font-weight: 300;
}
.normal {
	font-weight: 400;
}
.bold {
	font-weight: 700;
}
.bolder {
	font-weight: 900;
}
body a:hover{
		text-decoration: none !important;
}
/*Colors Backgrounds*/
.blue-generic,
.blue-header{
	background-color: #2C2D3A;
}
.blue-bread{
	background-color: #262834;
}
.white-conten{
	background-color: #FFFFFF;
}
.bg-green,
.green-menu {
	background-color: #5F7364;
}
.green-menu.active,
.green-menu:hover {
	background-color: #303732;
}
.blue-modal {
	background-color: #F2F2F2;
}
.bg-grey-genric{
	background-color: #FAFAFC;
}
.bg-blue {
	background-color: #174276;
}
/*background: linear-gradient(180deg, #FAFAFC 0%, #F2F3F8 100%);*/
/*Colors Fonts*/
.text-white{
	color: #fff;
}
.text-grey{
	color: #D1D0DC;
}
.text-grey-generic,
.text-grey-footer{
	color: #65677E;
}
.text-curso,
.text-grey-white{
	color: #C1C0CD;
}
.text-grey-dark{
	color: #6F727D;
}
.text-black{
	color: #262834;
}
.text-recibido,
.text-green{
	color: #5F7364;
}
.text-finalizado{
	color: #D8D8D8;
}

/*Spacers*/
.padding-tb-12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
.padding-tb-24{
	padding-top: 24px;
	padding-bottom: 24px;
}
.padding-tb-8{
	padding-top: 8px;
	padding-bottom: 8px;
}
.padding-tb-41{
	padding-top: 41px;
	padding-bottom: 41px;
}
.padding-tb-60{
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding-all-11{
	padding: 11px;
}
.padding-t-11{
	padding-top: 11px;
}
.padding-tb-11{
	padding-top: 11px;
	padding-bottom: 11px;
}
.padding-l-11{
	padding-left: 11px;
}
.padding-rl-18{
	padding-left: 18px;
	padding-right: 18px;
}
.padding-r-11{
	padding-right: 11px;
}
.padding-r-30{
	padding-right: 30px;
}
.padding-t-5{
	padding-top: 5px;
}
.padding-all-5{
	padding: 5px;
}
.padding-all-13{
	padding: 13px;
}
.padding-all-30{
	padding: 30px;
}
.padding-all-30-10{
	padding: 30px 30px 10px;
}
.padding-9-30{
	padding: 9px 30px;
}
.padding-6-30{
	padding: 6px 30px;
}
.padding-b-100 {
	padding-bottom: 100px;
}
.padding-b-60 {
	padding-bottom: 60px;
}
.margin-t-60 {
	margin-top: 60px !important;
}
.margin-t-80 {
	margin-top: 80px !important;
}
.margin-t-15{
	margin-top: 15px;
}
.margin-t-22{
	margin-top: 22px;
}
.margin-r-15{
	margin-right: 15px;
}
.margin-r-10{
	margin-right: 10px;
}
.menu a{
	display: block;
	height: 130px;
	line-height: 15px;
	font-size: 13px;
	font-weight: 700;
}
.no-padding {
	padding: 0 !important;
}

.divider-170{
	width: 100%;
	height: 170px;
}
.divider-150{
	width: 100%;
	height: 150px;
}
.divider-100{
	width: 100%;
	height: 100px;
}
.divider-93{
	width: 100%;
	height: 93px;
}
.divider-80{
	width: 100%;
	height: 80px;
}
.min-400{
	min-height: 400px;
}
.min-340{
	min-height: 340px;
}
.min-50{
	min-height: 50px;
}
.min-55 {
	min-height: 55px;
}
.min-32{
	min-height: 32px;
}
.min-450{
	min-height: 450px;
}
.min-470{
	min-height: 470px;
}
/*Vertical Align*/
.v-text-bottom {
	vertical-align: text-bottom;
}
.v-middle {
	vertical-align: middle;
}
/*img menu*/
.img-menu {
	width: 58px;
	display: block;
	margin: 0 auto 15px;
}

/*Sombras*/
.box-shadow-f{
	box-shadow: 0 -2px 4px 0 #E8E7EF;
}
.box-shadow-m{
	box-shadow: 2px 2px 5px 2px rgba(193,193,193,0.5);
}

/*Modal*/

.modal-dialog.login {
    max-width: 400px;
    margin: 4.5rem 130px 4.5rem auto;
}

.modal-incidencia {
	/*width: 1000px;*/
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: relative;
    /*width: auto;*/
   
}


.modal-incidencia.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px){
	.modal-incidencia.container {
	    max-width: 540px;
	}
}
@media (min-width: 768px){
	.modal-incidencia.container {
	    max-width: 720px;
	}
}
@media (min-width: 992px){
	.modal-incidencia.container {
	    max-width: 960px;
	}
}
@media (min-width: 1200px){
	.modal-incidencia.container {
   		 max-width: 1140px;
	}
}
@media (max-width: 575px) {
	.min-470{
		min-height: auto !important;
	}
	.modal-dialog.login {
	    max-width: 500px;
	    margin: 4.5rem 20px 4.5rem 20px;
	}
}
.modal.fade .modal-incidencia {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,5%);
    transform: translate(0,5%);
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 none rgba(0,0,0,0);
    border-radius: 0;
    outline: 0;
    box-shadow: 4px 3px 17px -11px rgba(0,0,0,0.5);
}
h5.modal-title span {
	font-size: 14px;
}
.modal-body,
.modal-header {
    padding: 2rem;
}
.salir-modal {
	display: block;
	width: 111px;
	border-radius: 0;
	border: 1px solid #D1D0DC;
	text-align: center;
	background-color: #fff;
	color: #2C2D3A;
	font-weight: 500;
	font-size: 14px;
	padding: 7px 40px;
	margin-top: 50px;
}
 .modal-body img {
 	margin-right: 15px;
 }

 /*imagenes*/
 img,
 .img-promo {
 	max-width: 100%;
 }

 /*rounded*/

 .rounded{
 	border-radius: 1.25rem!important;
 }

 .progress {
    height: .51rem !important;
    margin-bottom: 25px;
}
 .btn-medium {
	display: block;
	width: 100%;

}

.input-q21-login{
	background-color: transparent !important;
	border-width: 0 0 1.52px 0;
	border-color: #ECECF3;
	border-style: solid;
	padding: 5px 10px;
}
.textarea-contact,
.input-contact{
	border: 0.73px solid #ECECF3;	
	border-radius: 0;
	border-width: 0 0 1.52px 0;
	margin-bottom: 7px;
	padding: 5px;
}
.no-btn{
	border:none;
	background-color: transparent;
}
.sub-line{
	text-decoration:underline;
}

.textarea-contact{
	height: 70px;
}

.input-contact::placeholder {
	color: #C1C0CD;
	opacity: 1;
}

.input-contact:-ms-input-placeholder {
	color: #C1C0CD;
	opacity: 1;
}
.input-contact::-ms-input-placeholder {
	color: #C1C0CD;
	opacity: 1;
}

.textarea-contact::placeholder {
	color: #C1C0CD;
	opacity: 1;
}

.textarea-contact:-ms-input-placeholder {
	color: #C1C0CD;
	opacity: 1;
}
.textarea-contact::-ms-input-placeholder {
	color: #C1C0CD;
	opacity: 1;
}
input:focus,
a:focus,
.textarea-contact:focus,
.input-contact:focus,
.input-q21-login:focus {
	outline: none;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.0);
}
.btn:focus, .btn:hover {
    text-decoration: none;
}
.input-q21-login::placeholder {
	color: #D1D0DC;
	opacity: 1;
}
.input-q21-login:-ms-input-placeholder {
	color: #D1D0DC;
	opacity: 1;
}
.input-q21-login::-ms-input-placeholder {
	color: #D1D0DC;
	opacity: 1;
}
.label-input-file {
	cursor: pointer;
}
.input-file-custom{
	display: none;
}
.hidden-ini,
.hidden{
	display: none;
}
.disable-box::after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 70%;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.5);
}
.full-height {
	height: 100vh;
}
/*.checkbox-q21-login {
	display: none;
}
.checkbox-q21-login + label {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/LOG_IN/CHECK_BOX.png) left top no-repeat;
    background-size: contain !important;
    cursor:pointer;
}
.checkbox-q21-login:checked + label {
	background:url(../img/LOG_IN/CHECK_BOX_2.png) top no-repeat;
	background-size: contain !important;
}*/
.min-height-740 {
	min-height: 740px;
}
.min-height-725 {
	min-height: 725px;
}
.max-height-400 {
	max-height: 400px;
}
.min-height-420 {
	min-height: 420px;
}
.margin-0-auto {
	display: block;
	margin: 0 auto !important;
}
.padding-all-0 {
	padding: 0;
}
.padding-all-20 {
	padding: 20px;
}
.padding-all-15 {
	padding: 15px;
}
.padding-left-20 {
	padding-left: 20px;
}
.padding-right-20 {
	padding-right: 20px
}
.margin-t-5 {
	margin-top: 5px;
}
.margin-t-10 {
	margin-top: 10px;
}
.margin-b-60 {
	margin-bottom: 60px;
}
.margin-b-20 {
	margin-bottom: 20px;
}
.margin-b-15 {
	margin-bottom: 15px;
}
.w-25 {
	width: 25%;
}
.w-75 {
	width: 75%;
}
.w-90 {
	width: 90%;
}
.w-80 {
	width: 80%;
} 
body {
	position: relative; 
	min-height: 100vh !important;
}
footer {
 	padding: 15px 0;
 	height: 60px;
 	position: absolute;
 	bottom: 0;
 	font-size: 12px;
}

.cursor {
	cursor: pointer;
}

.sk-spinner.sk-spinner-fading-circle {
    display: block;
    position: absolute !important;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}

.padding-9-15 .sk-spinner.sk-spinner-fading-circle {
	top: 45% !important;
}

.padding-all-15 .sk-spinner.sk-spinner-fading-circle {
	margin-top: 45px !important;
	position: relative !important;

}

.sk-loading .dataTables_wrapper {
    opacity: 0;
}

.hide {
	display: none !important;
}