@import url('fonts.css');
@import url('bootstrap4.3.1.min.css');
@import url('swiper.min.css');

body { margin: 0; font-family: 'Roboto-Regular', sans-serif; font-size: 16px; font-weight: normal; color: #737373; width: 100%; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
/* .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } */

.sidebar {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #00326e;
    color: #fff;
    font-family: 'Roboto-Light', sans-serif;   
}

.sidebar-content .menu-header {
    padding: 0px 20px;
    font-family: 'Roboto-Thin', sans-serif;
}

#js-navigation .sidebar-dropdown {
    border-bottom:solid 1px #fff;
    transition-property: border;
    transition-duration: 0.3s;
}

/*FLECHA SUBMENU*/
.desplegado{
  transform: rotate(-90deg);
  transition:ease 0.3s;
}
.cerrado{
    transform: rotate(90deg);
    transition:ease 0.3s;
}

/* FIN FLECHA SUBMENU*/
.sidebar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#js-navigation .sidebar-dropdown a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

#js-navigation .sidebar-dropdown .sidebar-submenu .sidebar-item a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 3px 20px;
}

.icon-cerrar{
font-size: 20px !important;
}

.sidebar ul li a:hover {
	background-color: #1976D2;
}

/* .contenidoPagina {
}*/

.linkactivo{
    border-left:6px solid #1976D2;
}

.contenido {    
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFF;
    transition: all 0.3s;
    box-sizing: border-box;
}

.menu-bar {
    cursor: pointer;
    width: 45px;
    background-color: #00326E;
    z-index: 2;
    height: 45px;
    margin-top: auto;
    position: fixed;    
}

.sticky2 {
    margin-top: -24px !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 8px;
}

.abrir {
    transform: translateX(300px);
}

.breadcrumb{
    margin-top: -3px;
    position: fixed;
    z-index: 4 !important;
    background: #eee;
    width: 100%;
    height: 48px;
    padding-left: 55px;
}

@media(max-width:  992px){
    .breadcrumb{
        margin-top: -3px;
        position: absolute;
        z-index: 4 !important;
        background: white;
        width: 100%;
        overflow-x: scroll;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-inline-box;
        font-size: 13px;
        line-height: 0.9;
    }
}

#show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
  }

  .page-wrapper.toggled #show-sidebar {
    left: -40px;
  }

  .sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
    background-color: #00234d;   
  }  

  .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
  }

.swiper-container {height: 100vh; }

/*itm Personalizado Adobe-xd*/

.iconabajo{transform: rotate(90deg) scale(.8,.8); }
.mitextarea{color:#9c095d; }
.texta textarea{width:100%; border-radius: 5px; resize: none; background: #F2F2F2; border:solid 1px #E3E3E3; }

.panel-default>.panel-heading {color:#FFF !important; background-color: #00983F !important; border-radius: 0px !important; }
.panel-group .panel {border-color:#00983F !important; border-radius: 0px !important; color: #737373 !important; }
.sinmargin{padding: 0px!important; margin: 0px!important; padding-left: 0px!important; padding-right: 0px!important; }
.logos1{display: block; }

.mprin{padding: 50px; align-content: center; }
.margen_principal{padding: 80px 40px 80px 40px; align-content: center; }
.mprin2{padding: 50px 0 0 50px; align-content: center; }
.mprin3{margin: 0px; }


/* .strong2{color:#9C095D; } */

.col-color{color: #fff !important; padding: 10px auto; background-color: #661081; margin:0px auto; height:1000px ; }
.fin{display: block; }
.fin img{float: left; }
.fin .bloque .parfondo1{color: #fff !important; text-align: justify; padding: 10px 40px; background-color: #661081; font-family: 'roboto'; font-size: 16px; overflow: hidden; margin-top: 0px; margin-bottom: 0px; }
.hh5{color: #fff; font-family: 'Roboto-LightItalic'; font-size: 24px; }
/* .creditosvioleta{color: #fff !important; background-color: #661081; margin:0px!important; padding: 50px 0px 150px 120px; } */
/* .creditosblanco{padding: 100px 80px 0px 120px; } */

/*itm 

/*Boton de parrafo para enlazar documentos*/	
.enlacesdocs{background-color: #910581; border-radius: 4px; padding: 10px 15px;; }
.enlacesdocs a{color: #fff!important; text-align: center; text-decoration: none; }
.enlacesdocs a p{color: #fff!important; text-align: center; text-decoration: none; font-size: 16px; font-weight: 900; font-family: 'Roboto'; } 
/*Boton de parrafo para enlazar documentos*/

/*alineacion vertical al centro*/
.vcenter {display: flex; align-items: center; height:1000px; background-color: #661081; }
.vcenter .sp1{font-size: 170px !important; color: #fff; margin:0px auto; }
/*alineacion vertical al centro*/

/* .portada-itm .p-box h2 {font-size: 34px; color: #333333; font-weight: 300; } */
h1.icon, h2.icon, h3.icon {position: relative; margin-left: 1.3em; }
h1.icon:before, h2.icon:before, h3.icon:before {position: absolute; left: -1.2em; color: #007aff; } 

.tab-container {background-color: #f7f7f7; margin-top: 15px; }
.tab-container .container-fluid {padding-top: 0; }
.tab-container .nav-tabs {border-bottom: 2px solid #D4007F; text-transform: uppercase; }
.tab-container .nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {color: #FFF; cursor: default; background-color: #D4007F; border: none; }

.tab-container .nav-tabs>li>a {margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0; color: #424242; }
.tab-container .nav>li>a {position: relative; display: block; padding: 10px 15px; }
.tab-container .tab-content {padding: 15px 15px; }
.tab-container.tabs-left {background-color: #FFF; }
.tab-container.tabs-left > .nav-tabs {float: left; border-bottom: 0; margin-right: 15px; border-left: 1px; }
.tab-container.tabs-left > .nav-tabs > li {float: none; }
.tab-container.tabs-left > .nav-tabs > li > a {border-right: 1px solid #0080d9; }
.tab-container.tabs-left > .tab-content {background-color: #FFF; padding: 0; overflow: auto; }

.g-box {background-color: #f7f7f7; display: inline-block; width: 100%; margin-bottom: 15px; }
.g-box img {display: block; margin: 0 auto; max-width: 80%; margin-top: 15px; }
.g-box p {color: #FFF; background-color: #8bc34a; margin: 0; padding: 15px; }
.g-d-box .media-body {background: #eaeaea; padding: 15px; position: relative; vertical-align: middle; overflow: initial; }
.g-d-box .media-body:before {content:"\A"; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #eaeaea transparent transparent; position: absolute; left: -15px; top: 10px; }

.tabbable {*zoom: 1; }
.tabbable:before,
.tabbable:after {display: table; line-height: 0; content: ""; }
.tabbable:after {clear: both; }

.modal-dialog .modal-content {/*	width: 1200px !important;*/ border-radius: .5px; box-shadow: none; text-align: left; border: none; padding: 15px; }
.modal-dialog  .modal-header {border-bottom: 0; }
.modal-dialog .modal-header .close {color: #FFF; background-color: #ff6057; opacity: 1; text-align: center; position: absolute; top: 0; right: 0; height: 42px; width: 42px; margin: 0; padding: 0px; }
.modal-open .modal {background-color: rgba(0,0,0,0.5); }

.acordion-container .panel.panel-default {border: none; border-radius: 0; margin-top: 0; }
.acordion-container .panel-heading {background-color: transparent; color: #0080d9; border-top: 1px solid #ccc; border-radius: 0; }
.acordion-container .panel{background-color: transparent; box-shadow: none; }
.acordion-container .panel-body {border: none !important; }

footer{z-index: 1; font-family: 'Roboto-Light', sans-serif; }
footer .swiper-scrollbar{ background-color: #a5a4aa;  height: 4px; z-index: 10;}

#icon-splash {width: 100%; height: auto; transform: translate3d(0, 0, 0); text-align: center; opacity: 1; }
#loading {width: 100%; height: auto; transform: translate3d(0, 0, 0); text-align: center; opacity: 1; }
.texto_paginador {background-color: rgba(0, 0, 0, 0.0) !important;}
.boton_siguiente {height: 0px !important; width: 0px !important; top: 30px !important; background-image: none !important; }
.boton_anterior {height: 0px !important; width: 0px !important; top: 30px !important; background-image: none !important; }
.page-link {border:none!important; }
.contenedor_footer{margin-top: -10px !important; } /* footer */
.footer { background-color: #00326E; bottom: 0; height: 45px; position: fixed; width: 100%; font-weight: 200; font-size: 18px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .footer {text-align: center; }
    .footer .pager {display: inline-block; float: none; } 
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .evaluacion {background-repeat: no-repeat; background-position: top right; background-size: auto 100%; }
    .evaluacion .paper {position: relative; background-color: #FFF; max-height: calc(100vh - 124px); }
    .evaluacion .paper > div {padding: 0 36px; }
    .evaluacion .paper .paper-body {position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto; }
    .evaluacion .paper .paper-footer {padding-bottom: 36px; padding-top: 15px; border-radius: 0 0 15px 15px; }
    .full-h-box {background-color: #f2f2f2; display: flex; flex-flow: column; height: calc(100vh - 84px); padding: 0 3.3333%; }
    .full-h-box .box-header {flex: 0 1 auto; }
    .full-h-box .box-body {flex: 1 1 auto; background-color: #FFF; margin-bottom: 15px; position: relative; }    
    .full-h-box .box-footer {flex: 0 1 auto; }
    .full-h-box .tab-container {margin-top: 0; background-color: transparent; }
    .full-h-box .tab-container .nav-tabs {background-color: #e5e5e5; text-transform: none; }
    .full-h-box .tab-container .tab-content {position: absolute; top: 40px; left: 0; right: 0; bottom: 0; overflow: auto; }
    [class^='col-'].no-margin {margin: 0; padding: 0; } }
/*---------------------------------------------------------------------------------Responsive*/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.margen_principal{padding: 50px 25px;}	
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
    .lineaizq2{border-left:none;padding-left: 0px;}
    .Lineaizq3{border-left: none; padding-left: 0px!important;}	
	.creditosvioleta{padding: 60px 0px 150px 30px;}
	.creditosblanco{padding: 20px 80px 0px 80px;}
	/*Margenes*/
	.margen_principal{padding: 50px 25px;}	
}
/* xs */
@media (min-width: 480px) and (max-width: 767px) {
	.mprin2{padding: 0px 0 0 30px;}	

	/*Margenes*/
	.margen_principal{padding: 50px 15px;}
}
/* XS Portrait */
@media (max-width: 479px) {	
	.mprin2{padding: 0px 0 0 30px;}	
	.sinmargin{padding: 0px 30px 0px 0px;}	
	.margen_principal{padding: 50px 15px;}	}
/* footer */