@font-face {
    font-family: 'MontserratMedium';
     src: url("/css/fonts/Montserrat/Montserrat-Medium.ttf") format("truetype");

}
@font-face {
    font-family: 'MontserratRegular';
     src: url("/css/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");

}
@font-face {
    font-family: 'MontserratBold';
     src: url("/css/fonts/Montserrat/Montserrat-Bold.ttf") format("truetype");

}

@font-face {
    font-family: 'MontserratExtraBold';
     src: url("/css/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");

}    

html, body{
	font-family: "Roboto"  !important;
	font-size: 16px;
	color: black;
}

.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #FF6029;
  border: 1px solid #FF6029;
  color: #FF6029  !important;
  font-weight: bold;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  background: #001A70 !important;
  color: #FF6029 !important ;
  font-weight: bold;
  border: 1px solid #FF6029;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #FF6029 !important;
  background: #001A70 !important;
  /* Red */
}

.div_icon_audio{
	position: fixed;
	top: 20%;
	right: 0%;
	width: 150px;
	z-index: 99;
}
.div_icon_audio2 {
    position: fixed;
    top: 100px;
    right: 0%;
    width: 270px;
    z-index: 99;
    overflow-y: scroll;
    bottom: 0;
}

#div_audio_seccion_5{
	top:100px;
}
#div_audio_seccion_5_1{
	top:222px;
}
#div_audio_seccion_5_2{
	top:344px;
}
#div_audio_seccion_5_3{
	top:466px;
}
#div_audio_seccion_5_4{
	top:588px;
}
#div_audio_seccion_5_5{
	top:710px;
}
#div_audio_seccion_5_6{
	top:832px;
}
.audio_tag{
	margin-left: -120px;
}
.audio_tag2{
	margin-left: 0px;
}
.icon_audio{
	width: 150px;
	float: right;
	cursor: pointer;

}

.icon_audio0{
	width: 70px;
	cursor: pointer;
}
.icon_audio00{
	display: contents;
}

.k,.e{
	font-family: "MontserratRegular" !important;
}
.img_sec5{
		width: 100%;
	}
.img_visual_20{
	width: 20%;
}
.img_visual_30{
	width: 30%;
}
.img_visual_40{
	width: 40%;
}
.img_visual_50{
	width: 50%;
}
.img_visual_60{
	width: 60%;
}
.img_visual_70{
	width: 70%;
}
.img_visual_90{
	width: 90%;
}

.m-radio span,
.radio-css,
.click-ccl{cursor: pointer;}

.bt-naranja{
	border-top: 4px solid #FF6029 !important;
}
.cp{
	cursor: pointer;
}
.b-naranja{
	border: 1px solid #FF6029 !important;
	padding: 15px;
}

.m-radio > span::after{
	border: solid #FF6029;
	background: #FF6029;
}

.btn.btn-outline-warning{
	color: #FF6029; /*naraja*/
	width: 100%;
	font-weight: bold;
}

.btn-outline-warning:hover {

    border-color:  #FF6029; /*naraja*/
    background:  #FF6029; /*naraja*/
    color: #111111;

}

.m-login.m-login--2 .m-login__wrapper{
  margin: auto auto auto 8rem;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: white;
  border-radius: 40px;
}
.m-body .m-wrapper{
	background-color: white;
	padding-top: 0px;
}

.fondo1,
.m-header .m-header__bottom{
	height: 300px;
	background-image: url('/img/fondo.png');
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#pagina4 .pregunta{
	font-size: 20px;
}

#pagina4 .respuestas{
	font-size: 16px;
	
}

.modal .modal-content .modal-header{
	padding: 0px;
}

.modal-backdrop {
   background-color: #001A70;
}

.modal-dialog{
	margin: 15% auto;
}

.modal-header{
	border-bottom: 0px;
}

.modal-body{
	border-top: 1px solid #e9ecef; 
}

.m-login.form-control {
	border :0px;
    border-radius: 0px;
    border-bottom: 1px solid #78909C;
    padding: 0.15rem 0.15rem;
    margin-top: 1.5rem;
    color: #78909C !important;
    background-color: #F5FBFC ;
}

.br-0{
	border-radius: 0px;
}

.btn-outline-warning{
	padding: 0.85rem 0rem;
}

.btn-primary{
	background-color: #FF6029; /*naraja*/
	color:white !important;
	border: #FF6029;
}

.m-login.form-control:focus {
	border :0px;
	border-bottom:  1px solid #FF6029;
	color: #FF6029;
}
.m-login.form-control::placeholder {
	color: #78909C;
	opacity: 1;
}

.m-badge.m-badge--bordered.actived{
	color: white;
	background-color: #FF6029; /*naraja*/
}

.m-badge{
font-size: 1rem;
}

.btn-success{
	background-color: #FF6029; /*naraja*/
	border-color: #FF6029; /*naraja*/
}

.btn-success:hover{
	background-color: #001A70; /*naraja*/
	border-color: #001A70; /*naraja*/
}

.m-badge.m-badge--bordered{
	min-height: 23px;
	min-width: 25px;
}

.m-subheader .m-subheader__title{
	font-size: 16px;
	margin-top: 3rem !important;
}

.fs-20{
	font-size: 20px !important;
}
.fs-24{
	font-size: 24px !important;
}

.titulo{
	color: #FF6029; /*naraja*/
	font-size: 48px;
	font-family: "MontserratBold";
}
.titulo span{
	/*background-color: white;*/
}
.m-portlet__head{
	height: 5px !important;
}
.m-portlet__head.active{
	background-color:  #FF6029; /*naraja*/
}

.c-naranja{
  color: #FF6029 !important;
}

.c-azul{
	color: #002FAF !important
}

.mr-15{
	margin-right: 15%;
}
.m-portlet .m-portlet__body{
	padding: 1.2rem 2.2rem;
	color: black;
    font-weight: 400;
}

.m-radio{
	color: black;
    font-weight: 400;
}

.m-portlet .m-portlet__head{
	border: 0px;
}
.titulo_numero{
	color:  #FF6029; /*naraja*/
	margin-top: -4px;
	font-size: 14px;
	width: 10px;
	position: absolute;
	left: 0px;
}

u{
	text-decoration-color:  #FF6029; /*naraja*/
}

.m-nav-sticky{
	left: 20px;
	width: 95px;
	top: 1%;
	border-radius: 40px 40px 40px 40px;
	
}
.m-nav-sticky a{
	color: #FF6029; /*naraja*/
}
.m-nav-sticky img{
	max-width: 70px;
	padding-top: 5px;
}

.m-portlet{
	-webkit-box-shadow: 0px 22px 38px -40px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 22px 38px -40px rgba(0,0,0,0.75);
	box-shadow: 0px 22px 38px -40px rgba(0,0,0,0.75);
	border: 1px solid #eeeeee;
}
.titulo_session{
	color: #001A70;  /*azul*/
	font-size: 20px;
	font-family: "MontserratBold";
}
.subtitulo_session{
	color:  #FF6029; /*naraja*/
	font-size: 32px;
	font-family: "MontserratBold";
}

.separador{
	border-bottom: 1px solid #FF6029;
	margin-left: 48%;
	margin-right: 48%;
	margin-top: 12px;
}

.mt-100{
	margin-top: 100px;
}

.bg-gris{
  background-color: #707070 ;
}
.bg-gris-flojo{
  background-color: #00000029;
}
.bg-gris-fuerte{
  background-color: #1D363D;
}
.bg-amarillo{
  background-color: #2AC4F4;
}
.bg-amarillo-fuerte{
  background-color: #0E194F;
}

.bg-azul{
	background-color: #001A70;
}

.col-md-0-5{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 0.33333%;
	flex: 0 0 0.33333%;
	max-width: 0.333%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-md-5-5{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	max-width: 48%;
}

.bb-1{
	border-bottom: 1px solid #eeeeee;
}

p.texto-boton{
	margin-bottom: 0px;
	font-size: 16px
	font-weight:bold;
}

.bc-amarillo{
	border: 1px solid #2AC4F4;
}
.m-portlet .m-portlet__head.bb-amarillo{
	border-bottom: 2px solid #2AC4F4;
}

.h357{
	height: 359px;
	overflow: auto;
}

.basic-form{
	padding: 3%;
}

.title-form{
	border-bottom: 2px solid #2AC4F4;
	margin: 14px;
	color: #2AC4F4;
}


.img-bg{
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #0E194F;
	background-position: center;
}

.label_ficha{
	font-weight: bold;
	font-size: 16px;
}

.label_ficha a{
	color: #2AC4F4;
}

.c-white{
	color: white;
}
.c-gris{
  color: #707070 ;
}
.c-gris-flojo{
  color: #00000029;
}
.c-gris-fuerte{
  color: #1D363D;
}
.c-amarillo{
  color: #2AC4F4;
}
.c-amarillo-fuerte{
  color: #0E194F;
}
.login-logo{
	width: 210px;
	height: 121px;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control{
	border-radius: 0px;
	font-family: 'Roboto';
	font-size: 16px;
	border: 0px !important;
	border-bottom: 1px solid #2AC4F4 !important; /*Amarillo fuerte*/
	background-color: white;
	padding-left: 0px;
	padding-top: 0.5rem !important;
	margin-top: 0.5rem !important;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control::placeholder {
	color: black;
	opacity: 0.7;
}

.m-page--fluid .m-page .m-page__container{
  padding: 0 220px;
}

.m-login__btn--primary,
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn{
	background-color: #2AC4F4 !important;
	border: #0E194F !important;
	font-family: 'Roboto';
	font-size: 16px;
}
.m-login__btn--primary:hover,
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn:hover{
	background-color: #0E194F  !important;
	border: #0E194F !important;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn.btn-outline-focus{
	color: #2AC4F4 !important;
	background-color: white !important;
	background-image: none;
	border: 1px solid #2AC4F4 !important;
}
.btn-warning{
	background-color: #2AC4F4;
	border-color: #2AC4F4; 
}
.btn-warning:hover{
	background-color: #2AC4F4;
	border-color: #2AC4F4; 
}

.m-body .m-content {
    padding: 0 0 0 0;
}

.m-subheader .m-subheader__title{
	padding: 7px 25px 34px 0;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group label{
	color: #2AC4F4; 
	font-size: 14px;
	font-family: 'Roboto';
}
	
.m-login__form-action{
	text-align: right !important;
	font-size: 14px;
	font-family: 'Roboto';
}

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__form .m-login__form-sub .m-link{
	color: #0E194F !important;
}

/*escritorio*/
#body_escritorio{
	background-color: white;
}

.m-header-menu-wrapper{
	box-shadow: none;
	-webkit-box-shadow: none;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__submenu{
	width: auto;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs > .m-menu__link .m-menu__link-text,
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs{
	color: #0E194F;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active > .m-menu__link{
	background:none;
}
.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active > .m-menu__link .m-menu__link-text{
	color: #1D363D;
}

.m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--tabs.m-menu__item--active{
	background-color: #E9F1F2;
	color: #1D363D;

}

.m-widget16 .m-widget16__stats{
	margin-top: 0;
}

.m-portlet .m-portlet__body thead{
	color: #0E194F;
	font-size: 16px;
}
.m-portlet .m-portlet__body tbody{
	color: #1D363D;
	font-size: 16px;
}

.m-portlet .m-portlet__body tbody a{
	color: #1D363D;
	font-size: 16px;
}
.dataTables_wrapper .pagination .page-item.active > .page-link,
.dataTables_wrapper .pagination .page-item:hover > .page-link,
.dataTables_wrapper .pagination .page-item.next > .page-link:hover{
	background-color: #0E194F;
}
.table-striped tbody tr:nth-of-type(2n+1){
	background-color: white;
}


@media (max-width: 1570px) {
	.m-page--fluid .m-page .m-page__container {

    padding: 0 120px;

	}
}

@media (max-width: 1370px) {
	.subtitulo_session{
		font-size: 28px;
	}
}

@media (max-width: 1300px) {
	.todo-texto{
				overflow-wrap: anywhere;
			}
}

@media (max-width: 1024px) {
  .m-login.m-login--2 .m-login__wrapper{
	  margin: 14rem auto 2rem auto;
	  width: 80%;
	}
 .m-page--fluid .m-page .m-page__container {

    padding: 0 30px;

	}

	.img_visual_40{
		width: 60%;
	}


	.img_visual_60{
		width: 80%;
	}
	.img_visual_70{
		width: 90%;
	}
	.img_visual_90{
		width: 100%;
	}

	.subtitulo_session{
		font-size: 32px;
	}

}
@media (max-width: 768px) {
	.subtitulo_session{
		font-size: 32px;
	}
}
@media (max-width: 768px) {

	.img_sec5{
			width: 60%;
		}
}