* { margin:  0; padding: 0; }
	body{ background: #f0f0f3; font-family: 'Hind'; color: #414141;}
	a{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 16px; }
	a:hover{ text-decoration: none; }
	ul{ list-style: none; }

	/** ******************************************************************************************************* **/
	/** ******************************************* TEXTOS **************************************************** **/
	/** ******************************************************************************************************* **/

	h1{ font-family: 'Hind', sans-serif; font-weight: 300; font-size: 30px; color: #313534; }
	h2{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 24px; color: #313534; }
	h3{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 20px; color: #313534; }
	h4{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 16px; color: #fff; }
	h5{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 16px; color: #313534; }
	p{ font-family: 'Hind', sans-serif; font-weight: 400; font-size: 13px; margin: 0;} 

	.text-white{ color: #fff; }
	.text-header{ color: #906213; }
	.text-black{ color: #313335; }
	.text-grey{ color:#8d8d8d; }
	.text-blue{ color:#336df3; }
	.text-lightgrey{ color:#d7d7d7; }
	.text-initil { text-transform: initial!important; }
	.text-greydark { color:#909090; }
	.text-input{ color: #6f7072!important; }
	.text-info{ color: #009ada; }
	.text-success{ color: #4caf50; }
	.text-error{ color: #f44336; }
	.text-warning{ color: #ff9800; }
	.strong{ font-weight: 500; }

	.off-1{ color: #252223; }
	.off-2{ color: #f93072; }
	.off-3{ color: #0ce4d6; }
	.off-4{ color: #e92c2c; }	
	.off-5{ color: #a17879; }	
	.off-6{ color: #e5ec0c; }	
	.off-7{ color: #36236d; }
	.off-8{ color: #36236d; }
	.off-9{ color: #083050; }
	.off-10{ color: #43695d; }
	.off-11{ color: #e9e16b; }
	.off-12{ color: #d6a45d; }


	/** ******************************************************************************************************* **/
	/** ******************************************* ESPACIOS ************************************************** **/
	/** ******************************************************************************************************* **/
	.padding-0 { padding: 0px!important;}
	.padding-10 { padding: 10px!important;}
	.padding-15 { padding: 15px!important;}
	.padding-25 { padding: 25px!important;} 
	.pad-top-0 { padding-top: 0px!important;}
	.pad-top-5 { padding-top: 5px!important;}
	.pad-top-10 { padding-top: 10px!important;}
	.pad-top-15 { padding-top: 15px!important;}  
	.pad-top-20 { padding-top: 20px!important;}
	.pad-top-30 { padding-top: 30px!important;}
	.pad-top-40 { padding-top: 40px!important;}
	.pad-top-60 { padding-top: 60px!important;}
	.pad-top-100 { padding-top: 100px!important;}

	.pad-bottom-0 { padding-bottom: 0px!important;}
	.pad-bottom-10 { padding-bottom: 10px!important;}
	.pad-bottom-20 { padding-bottom: 20px!important;}
	.pad-bottom-40 { padding-bottom: 40px!important;}
	.pad-bottom-60 { padding-bottom: 60px!important;}

	.pad-left-0 { padding-left: 0px!important;}
	.pad-left-10 { padding-left: 10px!important;}
	.pad-left-20 { padding-left: 20px!important;}
	.pad-left-40 { padding-left: 40px!important;}
	.pad-left-60 { padding-left: 60px!important;}

	.pad-right-0 { padding-right: 0px!important;}
	.pad-right-10 { padding-right: 10px!important;}
	.pad-right-20 { padding-right: 20px!important;}
	.pad-right-40 { padding-right: 40px!important;}
	.pad-right-60 { padding-right: 60px!important;}

	.margin-0 { margin: 0px!important;}
	.margin-15{ margin: 15px!important;}

	.mar-bottom-0 { margin-bottom: 0px!important;}
	.mar-bottom-5 { margin-bottom: 5px!important;}
	.mar-bottom-10 { margin-bottom: 10px!important;}
	.mar-bottom-20 { margin-bottom: 20px!important;}
	.mar-bottom-40 { margin-bottom: 40px!important;}
	.mar-bottom-60 { margin-bottom: 60px!important;}

	.mar-top-0 { margin-top: 0px!important;}
	.mar-top-5 { margin-top: 5px!important;}
	.mar-top-6 { margin-top: 8px!important;}
	.mar-top-10 { margin-top: 10px!important;}
	.mar-top-13 { margin-top: 13px!important;}
	.mar-top-15 { margin-top: 15px!important;}
	.mar-top-20 { margin-top: 20px!important;}
	.mar-top-30 { margin-top: 30px!important;}
	.mar-top-40 { margin-top: 40px!important;}
	.mar-top-60 { margin-top: 60px!important;}
	.mar-left-20p{ margin-left: 20%!important;}
	.mar-left_10{ margin-left: -10px!important;}
	.mar-left-0 { margin-left: 0px!important;}
	.mar-left-5 { margin-left: 5px!important;}
	.mar-left-10{ margin-left: 10px!important;}
	.mar-left-20{ margin-left: 20px!important;}
	.mar-left-30{ margin-left: 30px!important;}
	.mar-left-40{ margin-left: 40px!important;}
	.mar-left-60{ margin-left: 60px!important;}
	.mar-right-0{ margin-right: 0px!important;}
	.mar-right-5{ margin-right: 5px!important;}
	.mar-right-10{ margin-right: 10px!important;}
	.mar-right-20{ margin-right: 20px!important;}
	.mar-right-30{ margin-right: 30px!important;}
	.mar-right-40{ margin-right: 40px!important;}
	
	.wid-200{ width: 200px; }
	.img-100 { width: 100%; }
	.img-20 { width: 20px; }
	.top-15 { top:15px!important; }

	/** ******************************************************************************************************* **/
	/** ******************************************* COLORES  ************************************************    **/
	/** ******************************************************************************************************* **/

	/*------------Base---------------*/
	#bg-activation{ background: #44004e;  min-height: 100%; }
	.color-white{ background: #fff; }
	.color-grey { background: #e5e6e6; }
	.color-grey-light{ background: #f7f7f7; }
	.color-blue { background: #2196f3; }
	/*------------Materias---------------*/
	.c-1 { background: #83FF00; }
	.c-2 { background: #5CB200; }
	.c-3 { background: #14CC98; }
	.c-4 { background: #7009B5; }
	.c-5 { background: #8F0CE8; }
	.c-6 { background: #DE00FF; }
	.c-7 { background: #FFE040; }
	.c-8 { background: #CC9C14; }
	.c-9 { background: #FFF00D; }
	.c-10{ background: #f0467a; }
	.c-11{ background: #702139; }
	.c-12{ background: #F28FAE; }
	.c-13{ background: #5300FF; }
	.c-14{ background: #29007F; }
	.c-15{ background: #5dd7f7; }
	.c-16{ background: #FF8F19; }
	.c-17{ background: #B75809; }
	.c-18{ background: #FFB465; }
	.cal-1{ background: #9d2bd2; }
	.cal-2{ background: #2bd262; }
	.cal-3{ background: #2b62d2; }
	.cal-4{ background: #f86b39; }
	.cal-5{ background: #f8c039; }
	.cal-6{ background: #24b9b0; }
	.cal-7{ background: #f84eea; }
	.cal-8{ background: #f93072; }
	
	/*------------Alertas---------------*/
	.c-info{ background: #009ada; }
	.c-success{ background: #4caf50; }
	.c-error{ background: #f44336; }
	.c-warning{ background: #ff9800; }
	.c-standard{ background: #5300FF; }
	.alert { padding: 10px;  }
	/*------------Componentes---------------*/
	.c-sistema{ background: #3D5499; }
	.c-planeacion{ background: #C00CE8; }
	.c-tareas{ background: #00FFBF; }
	.c-quizes{ background: #FFC50D; }
	.c-reportes{ background: #79c3c3; }
	.c-calificar{ background: #FF1942; }
	.c-observar{ background: #FF8240; }

	/*------------Componentes---------------*/
	.bor-top-1{ border-top:4px solid#4bad25; }
	.bor-top-2{ border-top:4px solid#85b6f8; }
	.bor-top-3{ border-top:4px solid#ff6d2c; }
	.bor-top-4{ border-top:4px solid#ff6565; }
	.bor-top-5{ border-top:4px solid#ff0d0d; }

	/** ******************************************************************************************************* **/
	/** ******************************************* ICONOS  ************************************************    **/
	/** ******************************************************************************************************* **/
	.fa-xs { font-size: 0.8em!important; }
	.fa-md { font-size: 1.2em!important; } 
	.fa-lg { font-size: 1.5em!important;}                                                                                                                                                                                                  { font-size: 1.5em!important; }
	.fa-xl { font-size: 2em!important;}
	.fa-xxl { font-size: 3em !important; }
	.icon-perfil { vertical-align: middle; font-size: 35px !important; color: #8d8d8d; }
	.icon-grey { vertical-align: middle; color: #8d8d8d; }
	.icon-info { vertical-align: middle; color: #009ada; }
	.icon-error { vertical-align: middle; color: #f44336; }
	.icon-success { vertical-align: middle; color: #4caf50 !important; }
	.icon-middle { vertical-align: middle; }
	.weight-100{ font-weight: 100; }
	.icon-height-24{height: 24px;}

	/** ******************************************************************************************************* **/
	/** ******************************************* BOTONES  ************************************************   **/
	/** ******************************************************************************************************* **/
	.group-btn { margin: 10px 0;}
	.group-btn .btn { padding: 2px 14px; margin-bottom: 10px; margin-left: 0;}
	.modal-footer .btn + .btn { margin-bottom: 10px; margin-left: 0;}
	.modal-footer .btn {padding: 2px 14px; margin-bottom: 10px; margin-left: 0;}
	.group-btn .btn span{ margin-top: 3px; display: inline-block; } 
	.group-btn .btn img{ margin-left: 10px; }
	.group-btn .btn sup{ margin-right: 5px; }
	.btn { border-radius: 2px;}
	 color: #8d8d8d; 


	.btn.btn-transparent { background: transparent; color:#009ada; }
	.btn.btn-transparent:hover, .btn.btn-transparent:focus, .btn.btn-transparent:active{ color:#037caf; }
	.btn-default-previous{ color: #313534; background-color: #ffffff; border-color: #e5e6e6; }
	.btn-default-previous:hover, .btn-default-previous:focus, .open .dropdown-toggle.btn-default-previous{ color: #fff; background-color: #009ada; border-color: #009ada; }
	.btn-default-next{ color: #fff; background-color: #009ada; border-color: #009ada; }
	.btn-default-next:hover, .btn-default-next:focus, .open .dropdown-toggle.btn-default-next{ color: #fff; background-color: #009ada; border-color: #009ada; }
	.btn-default-save{ color: #fff; background-color: #4caf50; border-color: #4caf50; }
	.btn-default-save:hover, .btn-default-save:focus, .open .dropdown-toggle.btn-default-save{ color: #fff; background-color: #4caf50; border-color: #4caf50; }
	.btn-default-delete{ color: #fff; background-color: #f44336; border-color: #f44336; }
	.btn-default-delete:hover, .btn-default-delete:focus, .open .dropdown-toggle.btn-default-delete{ color: #fff; background-color: #f44336; border-color: #f44336; }
	.btn-standard{ color: #fff; background-color: #C00CE8; border-color: #C00CE8; }
	.btn-standard:hover, .btn-standard:focus, .btn-standard:active{ color: #fff; background-color: #C00CE8; border-color: #C00CE8; }
	.btn-tarea{ color: #fff; background-color: #459f8e; border-color: #459f8e; }
	.btn-tarea:hover, .btn-tarea:focus, .btn-tarea:active{ color: #fff; background-color: #459f8e; border-color: #459f8e; }
	.btn-quiz{ color: #fff; background-color: #FFC50D; border-color: #FFC50D; }
	.btn-quiz:hover, .btn-quiz:focus, .btn-quiz:active{ color: #fff; background-color: #FFC50D; border-color: #FFC50D; }
	.btn-evaluativo{ color: #fff; background-color: #fbb079; border-color: #fbb079; }
	.btn-evaluativo:hover, .btn-evaluativo:focus, .btn-evaluativo:active{ color: #fff; background-color: #f1ad7b; border-color: #f1ad7b; }
	.btn-calificar{ color: #fff; background-color: #FF1942; border-color: #FF1942; }
	.btn-calificar:hover, .btn-calificar:focus, .btn-calificar:active{ color: #fff; background-color: #FF1942; border-color: #FF1942; }
	.btn-observar{ color: #fff; background-color: #FF8240; border-color:#FF8240; }
	.btn-observar:hover, .btn-observar:focus, .btn-observar:active{ color: #fff; background-color: #FF8240; border-color: #FF8240; }
	.btn-reporte{ color: #fff; background-color: #79c3c3; border-color:#79c3c3; }
	.btn-reporte:hover, .btn-reporte:focus, .btn-reporte:active{ color: #fff; background-color: #79c3c3; border-color: #79c3c3; }
	.btn-add{ border: 1px dashed #aaaaaa; background: transparent; color: #313534; }
	.btn-add:hover, .btn-add:focus, .btn-add:active { border: 1px dashed  #aaaaaa; background: #ecebeb ;color: #313534; }
	.btn-add-white{ border: 1px dashed #fff; background: transparent; color: #fff; }
	.btn-add-white:hover, .btn-add-white:focus, .btn-add-white:active { border: 1px dashed  #dddddd; background: transparent; color: #dddddd; }
	.btn-xs{ padding: 5px 14px; }
	.btn-help{ color: #009ada; text-decoration: underline;}
	.btn-help:hover{ text-decoration: none; }

	/** ******************************************************************************************************* **/
	/** ******************************************* INPUTS  ************************************************    **/
	/** ******************************************************************************************************* **/
	.form-control:focus { -webkit-box-shadow: none;  box-shadow: none; }
	.has-success .form-control { -webkit-box-shadow: none; box-shadow:none; }
	.has-success .form-control:focus { -webkit-box-shadow: none; box-shadow:none; }
	.has-error .form-control { -webkit-box-shadow: none; box-shadow:none; }
	.has-error .form-control:focus { -webkit-box-shadow: none; box-shadow:none; }  
	.has-warning .form-control { -webkit-box-shadow: none; box-shadow:none; }
	.has-warning .form-control:focus { -webkit-box-shadow: none; box-shadow:none; }  
	.select-breadcrumb{ border:none; background: transparent; }

	/** ******************************************************************************************************* **/
	/** ******************************************* LINKS  ************************************************    **/
	/** ******************************************************************************************************* **/
	.text-link a { font-size: 14px; color: #8d8d8d; }
	.text-link a:hover { font-size: 14px; color: #c1c1c1; }

	/** ******************************************************************************************************* **/
	/** ******************************************* ACTIVACIÓN ************************************************    **/
	/** ******************************************************************************************************* **/

	.cont-logo{ height: 90px; width: 100%;  margin-top: 40px; text-align: center;}
	.img-logo{ height: 60px; width: auto;}
	.icon-bars{ margin: 5px 7px; background: url(../images/sprite-bars.png); display: inline-block; }
	.deshboard{ width: 26px; height: 26px; background-position: 0px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.planear{ width: 26px; height: 26px; background-position: -26px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.tomar{ width: 23px; height: 26px; background-position: -52px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.calificar{ width: 20px; height: 26px; background-position: -75px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.tareas{ width: 28px; height: 26px; background-position: -95px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.observacion{ width: 18px; height: 26px; background-position: -123px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.ficha{ width: 26px; height: 26px; background-position: -141px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.sistema{ width: 29px; height: 26px; background-position: -167px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.reportes{ width: 26px; height: 26px; background-position: -196px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	a:hover .deshboard{ width: 26px; height: 26px; background-position: 0px -26px; vertical-align: middle; }
	a:hover .planear{ width: 26px; height: 26px; background-position: -26px -26px; vertical-align: middle; }
	a:hover .tomar{ width: 23px; height: 26px; background-position: -52px -26px; vertical-align: middle;}
	a:hover .calificar{ width: 20px; height: 26px; background-position: -75px -26px; vertical-align: middle; }
	a:hover .tareas{ width: 28px; height: 26px; background-position: -95px -26px; vertical-align: middle; }
	a:hover .observacion{ width: 18px; height: 26px; background-position: -123px -26px; vertical-align: middle; }
	a:hover .ficha{ width: 26px; height: 26px; background-position: -141px -26px; vertical-align: middle; }
	a:hover .sistema{ width: 29px; height: 26px; background-position: -167px -26px; vertical-align: middle; }
	a:hover .reportes{ width: 26px; height: 26px; background-position: -196px -26px; vertical-align: middle; }
	.title-aux-login{ margin-top: 5px; }
	.cont-login-icon{ width: 11%; float: left; }
	.circle-login{ width: 55px; height: 55px; background: transparent; border-radius: 50%; text-align: center; margin-top: 20px; -webkit-transition: 700ms ease-in-out; transition: 700ms ease-in-out; }
	.cont-login{ min-height: 113px; }
	.cont-btn-login{ margin: 0 auto; padding: 13px; }
	.cont-btn-login .icon-bars{ margin: 0; }
	.txt-btn-login{ margin-top: 10px; line-height: 12px; color: transparent; text-align: center; -webkit-transition: 500ms ease-in-out; transition: 500ms ease-in-out; }
	a:hover .circle-login{ background: rgba(229, 229, 229, .2); }
	a:hover .txt-btn-login{ color: #fff; text-decoration: none; font-size: 12px; }
	.divider-bottom{ border-bottom: 1px solid #d7d7d7; }
	.divider-top{ border-top: 1px solid #d7d7d7; }
	.divider-left{ border-left: 1px solid #d7d7d7; }
	#file-upload { display: none; }

	/*------------Tabs activacion---------------*/
	.card-body-activity { padding: 20px 40px 40px 40px; position: relative; }
	.select-activation .nav-tabs{ border-bottom: none; }
	.select-activation .nav-tabs li.active a,.select-activation .nav-tabs li.active a:hover,.select-activation .nav-tabs li.active a:focus {
	    border: none;
	    border-bottom: none;
	    color: #ffffff;
	    background-color: transparent;
	    cursor: default;
	    opacity: 1;
	}
	.select-activation li.active .circle-act{ background-color: #009ada; }
	.select-activation .nav li a:hover,.select-activation .nav li a:focus { background: transparent; }
	.select-activation .nav-tabs li a { border-bottom: none; }
	.card-head .tools { padding-right: 0; }
	.circle-act{ 
	    width: 46px;
	    height: 46px;
	    background: rgba(229, 229, 229, .5);
	    border-radius: 50%; 
	    font-size: 20px;
	    text-align: center;
	    padding-top: 7px;
	    display: inline-block;
	    transition: all 0.3s ease-out;
	}
	.form-labor, .form-studies{ margin-bottom: 10px; }
	.checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before { border: 2px solid #e6e6e6; }
	.circle-perf { width: 55px; height: 55px; background: #e5e5e5; border-radius: 50%; font-size: 20px; text-align: center; margin-top: 20px; }
	.skip { position: absolute; right: 40px; color: #44004E; font-size: 14px; }
	.card-head header { font-size: 16px; width: 90%; position: relative;}
	.circle-act .camara { color: #8d8d8d; }
	.form-cont-camara .text-camara { color: #8d8d8d; display: inline-block; vertical-align: middle; margin-top: 9px; }
	.no-shadow { -webkit-box-shadow: none; box-shadow: none; background: transparent; }
	.chose-image-small { width: 29px; height: 19px; margin-right: 6px;}
	.chose-image-list { width: 25px; height: 15px; }
	.chosen-container-single .chosen-single { margin-top: 20px; border: none; border-radius: 0px; background-color: #fff; background: transparent; box-shadow: none; color: #444; }

	/** ******************************************************************************************************* **/
	/** ******************************************* PERFIL ************************************************    **/
	/** ******************************************************************************************************* **/
	.section-perfil{ padding: 40px 60px 0px 60px; }
	.section-perfil-header{ padding: 10px 25px 10px; }
	.title-tab-index{ border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; position: relative; }
	.text-theme{ font-size: 14px; color: #8d8d8d; }
	.box-support{ border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 40px; height: 250px; overflow-y: scroll;}
	.box-support-2{ border: 1px solid #d7d7d7; padding: 10px; margin-bottom: 40px;  background: #f8f8f8;}
	.box-support p{ margin-bottom: 10px; }
	.box-attached{ padding: 5px 10px; background: #f3f3f3; color: #c7c7c7; margin-bottom: 20px; border: #e5e6e6; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
	.icon-create{ position: absolute; right: 5px; top: 10px; }
	.container2 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
	.container2 {width: 80%;}
	section .style-default-bright, .card .style-default-bright{ background-color: #fafafa; }
	.border-right { border-right: 1px solid #d7d7d7; }
	.border-right-2 { border-right: 1px solid #d7d7d7; }
	.tab-subject{ border-radius: 50px; padding: 3px 10px; display: inline-block; margin-top: 10px; margin-left: 3px; }
	.hei-43 { height: 43px; }
	.min-hei-80 { min-height: 80px; }
	.min-hei-200 { min-height: 200px; }
	.min-hei-690 { min-height: 690px; }
	.nav-stacked.nav-tabs li.active a, .nav-stacked.nav-tabs li.active a:hover, .nav-stacked.nav-tabs li.active a:focus {border-bottom: 2px solid #009ada; color: #009ada; }

	.images-perfil {position: absolute;}
	.circle-perfil{ border-radius: 50%;  width: 150px; height: 150px;}
	.circle-edicion { width: 40px; height: 40px; border-radius: 50%; background: #009ada; position: absolute; left: 110px; /*transition: visibility 0.5s, opacity 0.5s; visibility: hidden; opacity: 0*/; z-index: 30; padding-top: 6px;}

	.form-group.control-width-normal { max-width: 100%;}
	.alin-left{ text-align: left; }
	.no-uppercase   { text-transform: initial!important;  }
	.uppercase {text-transform: uppercase; }
	.card-active { border-top: 3px solid #009ada; }
	.card-active h3 { color: #009ada; }
	.card-inactive{-webkit-box-shadow: none; box-shadow: none;}
	.fixed{ position: fixed; top: 90px; }
	.barDownload{ height: 4px; width: 70%;
	    background: rgba(253,158,56,1);
	    background: -moz-linear-gradient(left, rgba(253,158,56,1) 0%, rgba(136,34,209,1) 100%);
	    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,158,56,1)), color-stop(100%, rgba(136,34,209,1)));
	    background: -webkit-linear-gradient(left, rgba(253,158,56,1) 0%, rgba(136,34,209,1) 100%);
	    background: -o-linear-gradient(left, rgba(253,158,56,1) 0%, rgba(136,34,209,1) 100%);
	    background: -ms-linear-gradient(left, rgba(253,158,56,1) 0%, rgba(136,34,209,1) 100%);
	    background: linear-gradient(to right, rgba(253,158,56,1) 0%, rgba(136,34,209,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd9e38', endColorstr='#8822d1', GradientType=1 );
	}
	.tools-card{ position: relative; bottom: 7px; float: right; }
	.box-evalu{ width: 100%; margin-top: 10px;}
	.box-evalu-header{ padding: 10px; }
	.box-evalu-header .circle-evalu{ width: 20px; height: 20px; background: #f65757; color:#fff; display: inline-block; text-align: center; border-radius: 50%; padding-top: 1px;}
	.box-evalu-header .text-evalu-2{ color: #fff; display: inline-block; margin-left: 10px; line-height: 16px;}

	.box-evalu-body{ padding: 10px;}
	.box-evalu-header.bg-homework{ background: #1ce37f; }
	.box-evalu-body.bg-homework{ background: #22b269; }
	.box-evalu-header.bg-quiz{ background: #b979fb; }
	.box-evalu-body.bg-quiz{ background: #8552b8; }
	.box-evalu-header.bg-subject{ background: #fbb079; }
	.box-evalu-body.bg-subject{ background: #b67b50; }
	.no-list{ list-style: none; }

	/** ******************************************************************************************************* **/
	/** ******************************************* BASE ************************************************    **/
	/** ******************************************************************************************************* **/

	/*-------------HEADER---------------*/
	.header-nav { margin: 0 10px 0 0; }
	.headerbar-left .header-nav { margin-left: 0px; }
	.header-nav-toggle li a, .header-nav-options li a{ margin:0 5px; }
	sup.badge.top{ top: 0.1em;}
	.language img { margin-left: 2px; }
	.language .dropdown-menu img{ margin-right: 5px; }	
	.headerbar-right .language  .dropdown-menu { right: -39px; top: 64px; }
	.right-header { float: right; }
	.right-header .dropdown-menu { left: auto; right: 0; }
	.right-header .dropdown img { width: 40px; height: 40px; border-radius: 40px;}
	.header-nav .profile { padding: 12px 12px 12px 12px; }
	#header.headerColor-1, #header.headerColor-1 .headerbar-left, #header.headerColor-1 .right-header{ background: #0c1a49; color: #fff; }
	#header.headerColor-1 .title-header{ color: #fff; margin-top: 22px;}
	.header-nav .open .hover-perfil, .header-nav .open .hover-perfil:hover, .header-nav .open .hover-perfil:focus { background-color: transparent;  border-color: transparent;}
	.dropdown-apps{ padding: 20px; width: 380px;}
	.dropdown-apps:before { position: absolute; margin: auto; top: -32px;  right: 5px; content: ""; width: 0; height: 0; border-right: 16px solid transparent; border-top: 20px solid transparent; border-left: 16px solid transparent; border-bottom: 20px solid #fff; }
	.box-menu-header{ width: 110px; height: 110px; text-align: center; display: inline-block; }
	.icon-menu{ background: url(../images/sprite-menu-header.png); display: inline-block; margin-top: 10px; }	
	.link-menu-header.active, .link-menu-header:hover{ background: #e3e3e3; }
	.computerMenu{ width: 65px; height: 56px; background-position: 1px 1px; vertical-align: middle;  }
	.calendarMenu{ width: 65px; height: 56px; background-position: -65px 1px; vertical-align: middle;  }
	.homeworkMenu{ width: 65px; height: 56px; background-position: -129px 1px; vertical-align: middle; }
	.testMenu{ width: 65px; height: 56px; background-position: -195px 1px; vertical-align: middle; }
	.homeMenu{ width: 65px; height: 56px; background-position: -256px 1px; vertical-align: middle; }
	.academicMenu{ width: 65px; height: 56px; background-position: -324px 1px; vertical-align: middle; }

	.markMenu{ width: 65px; height: 56px; background-position: 1px -55px; vertical-align: middle; }
	.quizMenu{ width: 65px; height: 56px; background-position: -66px -55px; vertical-align: middle; }
	.rubicaMenu{ width: 65px; height: 56px; background-position: -130px -55px; vertical-align: middle; }
	.assistanceMenu{ width: 65px; height: 56px; background-position: -195px -55px; vertical-align: middle; }
	.observeMenu{ width: 65px; height: 56px; background-position: -256px -55px; vertical-align: middle; }
	.followMenu{ width: 65px; height: 56px; background-position: -324px -55px; vertical-align: middle; }

	.text-menu-header{color:#313335; text-align: center; line-height: 12px; margin-top: 10px; display: block;} 
	/*.header-nav .profile.open a, .header-nav .profile.open a:hover, .header-nav .profile.open a:focus { background-color: transparent;}*/
	.link-menu-header { min-height: 100px; display: block; text-decoration: none; font-size: 12px;}
	.link-menu-header:visited, .link-menu-header:hover, .link-menu-header:focus{ text-decoration: none; }
	.header-nav .btn-icon-toggle:hover, .header-nav .open a i, .header-nav .open a:hover i, .header-nav .open a:focus i  { color: #a3a3a3; }
	.link-menu-header.active, .link-menu-header:hover{ background-color: #e3e3e3!important; border-radius: 4px;}

	/*-------------MENUBAR---------------*/
	body:not(.header-fixed) #menubar, .menubar-first #menubar { top: 64px!important; }
	#menubar:before { background: #fafafa; }
	.circle-menu { position: absolute; left: 12px; top: 8px; width: 30px; height: 30px; color: #fff; font-size: 16px; border-radius: 50px; }
	.search-menu { position: absolute; left: 12px; top: 20px; width: 30px; height: 30px; color: #8d8d8d; font-size: 16px; border-radius: 50px; }
	.group-menu { position: absolute; left: 12px; top: 30px; width: 30px; height: 30px; color: #8d8d8d; font-size: 14px; border-radius: 50px; }
	.gui-controls li a, .gui-controls-2 li a { padding: 10px 0px; border-bottom: 1px solid #d9d9d9; font-size: 14px;}
	.gui-controls li, .gui-controls-2 li { margin-bottom: 0px;}
	.gui-controls li .search, .gui-controls-2 li .search  {
	    position: relative;
	    display: block;
	    text-decoration: none;	    
	    font-size: 14px;
	    line-height: normal;
	    border-radius: 0;
	    padding-left: 0;
	    min-height: 40px;
	    min-width: 64px;
	    z-index: 1;
	    border-bottom: 1px solid #d9d9d9;
	}
	.gui-controls li .title-menu, .gui-controls-2 li .title-menu{
	    position: relative;
	    display: block;
	    text-decoration: none;
	    padding: 10px 0px;
	    font-size: 14px;
	    line-height: normal;
	    border-radius: 0;
	    padding-left: 0;
	    min-height: 40px;
	    min-width: 64px;
	    z-index: 1;
	    border-bottom: 1px solid #d9d9d9;
	}
	.checkbox-menu { position: absolute!important; right: 5px; }
	.gui-controls li .search .title, .gui-controls-2 li .search .title-2 {margin-left: 50px; margin-right: 10px; }
	.text-black{ color: #414141; }
	.group-filter{  padding: 25px 0px !important;}
	.title-filter { margin-left: 30px !important; font-weight: bold;}
	.search-filter { margin-left: 10px !important;}
	.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }
	#menubar .menubar-scroll-panel { padding-top: 0px; }
	.checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before { border: 2px solid #8d8d8d; }
	.checkbox-styled:not(ie8) input:checked ~ span:before { border-color: #009ada;}
	.radio-styled:not(ie8) input:checked ~ span:before {  border-color: #009ada; }
	.form-horizontal .form-group { padding-top: 16px; margin-bottom: 19px; margin-left: 0; margin-right: 10px;}
	/*-------------FOOTER---------------*/
	.logo-beam { margin-bottom: 10px; margin-right: 20px; text-align: center; }
	.logo-beam img { max-width: 100px; margin-left: auto; margin-right: auto; }
	#menubar .menubar-foot-panel { border-top: none;}
	.footer-seadog { text-align: right; margin-right: 40px; font-size: 12px !important; }
	.footer-seadog a { text-align: right; color: #009ee3; font-size: 12px !important; }

	/*-------------OFFCANVAS---------------*/
	.offcanvas-head { padding: 8px 16px; }
	.offcanvas-head.rubica { background: #fff; height: 64px; border-top:8px solid#87d37c; border-bottom:1px solid#d9d9d9;}
	.offcanvas-head.line { background: #fff; height: 64px; border-top:8px solid#009ada; border-bottom:1px solid#d9d9d9;}
	.offcanvas-head.line-create { background: #fff; height: 64px; border-top:8px solid#3D5499; border-bottom:1px solid#d9d9d9; position: relative;}
	.offcanvas-head.line-info { background: #fff; height: 64px; border-top:8px solid#009ada; border-bottom:1px solid#d9d9d9;}
	.offcanvas-head { border-top:8px solid#C00CE8; border-bottom:1px solid#d9d9d9; height: 64px; }
	.list .tile > a:hover { color: #C00CE8; }
	.offcanvas-head .offcanvas-tools { top: 10px; }
	.nano-content.bg-grey{ background: #f8f8f8; }


	/*-------------MODAL---------------*/
	.modal-header{ background: #009ada; color: #fff; }
	.modal-body { padding: 6px 15px; }
	.modal-body table {font-family: arial, sans-serif; border-collapse: collapse; width: 100%; border: 1px solid #e4e4e4}
	.modal-body td,.modal-body th { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; text-align: left; padding: 8px; }
	.modal-body tr:nth-child(even) { background-color: #f3f3f3; }
	.modal-body .ui-widget-content { background: transparent;}
	.modal-body textarea{ width: 350px; }
	.modal-body p{ margin-top: 10px; }
	.modal-header .circle-modal{ background: #459f8e; width: 35px; height: 35px; display: inline-block; border-radius: 50%; text-align: center; margin-right: 5px;}
	.circle-modal img{ margin-top: 4px; }
	.modal-footer {text-align: initial; background: #f6f6f6;}
	.modal-footer .group-btn{ text-align: center; margin-top: 40px; margin-bottom:0; }
	.offcanvas-body { padding: 0 16px;}

	/** ******************************************************************************************************* **/
	/** ******************************************* INDEX ***************************************************** **/
	/** ******************************************************************************************************* **/
	.section-principal{ padding: 40px 30px 0px 30px; } 
	.border-top-nav{ border-top: 3px solid #C00CE8 !important; }
	.card-head.nav-tabs li{ border-bottom: 1px solid #d9d9d9; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.card-head.tabs-index li{ width: 350px; }
	.card-head.nav-tabs li a, .card-head .nav-tabs li a { line-height: 50px; font-size: 14px; font-weight: normal; position: relative; display: block; padding-left: 10px;}
	.tabs-left .nav-tabs li a:hover.line-through , .tabs-left .nav-tabs li a:focus.line-through { text-decoration:line-through;  }
	.line-through { text-decoration:line-through; }
	.nav li h5 { position: relative; display: block; padding: 21px 15px; }
	.tabs-left .nav-tabs .active a, .tabs-left .nav-tabs .active a:hover, .tabs-left .nav-tabs .active a:focus {
	    border-bottom: none;
	    border-right: none;
	    background: #e2e2e2; 
	    color: #313534;
	    display: block;
	    
	}
	.card-body { padding: 24px 40px 24px 40px; position: relative;}
	.circle-item { width: 5px; height: 5px; border-radius: 50%; position: relative; top: 26px; }
	.input-group { border-radius: 4px; }
	/*.form-calendar { padding: 0 20px; height: 50px; width: 100%; border:none; background: transparent; color: #0c0c0c; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; }*/
	.pad-calendar { padding: 16px 11px; }
	.done-class { position: absolute; top: 8px; right: 8px; color:#4caf50; }
	.arrow-class { position: absolute; top: 8px; right: 8px; display: none}
	li.active .arrow-class{ display: inline-block; }
	a:hover .arrow-class{ display: inline-block; }
	.text-class { padding: 30px 0 20px 0; }
	.text-class p { margin-top: 20px; }
	.btn-no-mar { margin-left: 0; margin-right: 0; }
	.section-evaluativo .form-control { font-size: 14px; }
	header .btn-observar{ position: absolute; top: 3px; right: 45px; z-index: 100;}
	.btn-link{ color: #288cfd; }
	.input-group-addon:last-child.c-info, .input-group-btn:last-child.c-info { padding-right: 10px; }
	.form .form-group .input-group-content.p-data, .form .form-group .input-group-addon.c-info { padding-top: 10px; }

	/** ******************************************************************************************************* **/
	/** ******************************************* EVALUATIVO ***********************************************  **/
	/** ******************************************************************************************************* **/
	.nav-location{ background: #fff; position: fixed; width: 100%; z-index: 200;-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);}
	.section-evaluativo{ padding: 75px 30px 0px 30px; }
	.help-intro {position: absolute; right: 50px; top: 4px;}

	.nav-index{ display: inline-block; width: 100%;}
	.box-index { border-radius: 2px; width: 100px; background: #e3e3e3; display: block; position: relative; color: #bdbdbd; float: left; margin-left: 20px;}
	.box-index-2 { border-radius: 2px; width: 100px; background: #e3e3e3; display: block; position: relative; color: #bdbdbd; float: left; margin-left: 20px;}
	.box-index:before { content: ""; display: block; position: absolute; width: 30px; height: 10px; background: #e3e3e3; right: -30px; top: 45px;z-index: -1; }
	.icon-index{ margin: 15px 0px 0px 28px; background: url(../images/sprite-index.png); display: inline-block; }
	.link-nav-index { min-height: 100px; display: block; text-decoration: none; font-size: 12px;}
	.link-nav-index:visited, .link-nav-index:hover, .link-nav-index:focus{ text-decoration: none; }
	.text-box-index { display: block; line-height: 14px; text-align: center; padding-top: 10px;}
	.computer{ width: 45px; height: 40px; background-position: 0px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.calendar{ width: 45px; height: 40px; background-position: -47px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.homework{ width: 45px; height: 40px; background-position: -94px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.quiz{ width: 45px; height: 40px; background-position: -141px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.test{ width: 45px; height: 40px; background-position: -188px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.animal{ width: 45px; height: 40px; background-position: -235px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.mark{ width: 45px; height: 40px; background-position: -282px 0px; vertical-align: middle; -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out; }
	.box-computer.active .computer{ width: 45px; height: 40px; background-position: 0px -42px; vertical-align: middle; }
	.box-computer.active{ background: #3D5499; color: #fff;}
	.box-computer.active:before { background: #3D5499; }
	.box-calendar.active .calendar{ width: 45px; height: 40px; background-position: -47px -42px; vertical-align: middle; }
	.box-calendar.active{ background: #C00CE8; color: #fff;}
	.box-calendar.active:before { background: #C00CE8; }
	.box-homework.active .homework{ width: 45px; height: 40px; background-position: -94px -42px; vertical-align: middle;}
	.box-homework.active{ background: #459f8e; color: #fff;}
	.box-homework.active:before { background: #459f8e; }
	.box-quiz.active .quiz{ width: 45px; height: 40px; background-position: -141px -42px; vertical-align: middle;}
	.box-quiz.active{ background: #FFC50D; color: #fff;}
	.box-quiz.active:before { background: #FFC50D; }
	.box-test.active .test{ width: 45px; height: 40px; background-position: -188px -42px; vertical-align: middle; }
	.box-test.active{ background: #FF1942; color: #fff;}
	.box-test.active:before { background: #FF1942; }
	.box-animal.active .animal{ width: 45px; height: 40px; background-position: -235px -42px; vertical-align: middle; }
	.box-animal.active{ background: #FF8240; color: #fff;}
	.box-animal.active:before { background: #FF8240; }
	.box-mark.active .mark{ width: 45px; height: 40px; background-position: -282px -42px; vertical-align: middle; }
	.box-mark.active{ background: #79c3c3; color: #fff;}
	.box-mark.active:before { background: #79c3c3; }
	.cont-breadcrumb { margin: 12px 0; }
	.title-breadcrumb{ font-weight: 700; color:#414141; font-size: 20px; }
	.breadcrumb {background-color: transparent;}
	.breadcrumb .active { font-size: 14px; color:#414141; font-weight: 700;}
	.breadcrumb li a { font-size: 14px;}
	.breadcrumb li + li:before { content: ">"; font-size: 14px; padding: 0 10px;}
	.breadcrumb select{ background: transparent; border:none; font-weight: 400; font-size: 14px;}
	#index-beam .card-head header { padding: 20px 24px;  }
	#index-beam .card-head header.title { opacity: 0.8; color:#414141; }
	.border-evaluativo{ border-top: 3px solid #3D5499!important; } 
	.border-planeacion{ border-top: 3px solid #C00CE8!important; }
	.border-calificar{ border-top: 3px solid #FF1942!important; }
	.border-observar{ border-top: 3px solid #FF8240!important; }
	.border-tareas{ border-top: 3px solid #40ffe7!important; }		
	.info-evaluativo{ position: relative;}
	.info-evaluativo.active{ background: #009ada; padding: 30px 40px 20px 40px;}
	.info-evaluativo h3{ color: #fff; margin-top: 0; margin-bottom: 10px; font-weight: 600;}
	.info-evaluativo p{ color: #fff; margin: 0; }
	.info-evaluativo .important{ color: #fff; margin-top: 20px; font-weight: 500; margin-bottom: 10px;}
	.item-evaluativo { height: 50px; width: 100%; background: #336df3; color: #fff; position: relative; margin-top: 20px; opacity: .7;}
	.item-evaluativo:hover, .item-evaluativo.activo{ opacity: 1;}
	.item-evaluativo .text-evaluativo { padding: 17px 0px; display: inline-block; }
	.item-evaluativo .dropdown-menu li a { padding: 10px 20px; color: #414141; }
	.add-item-evaluativo { height: 50px; width: 100%; position: relative; margin-top: 20px; border:1px dashed #8d8d8d; color: #8d8d8d;}
	.add-item-evaluativo .text-evaluativo { padding: 15px 20px; display: inline-block; }
	.box-evaluativo { width: 50px; height: 100%; background: #1a4fc8; padding: 12px 15px; transition:visibility 1s, opacity 1s; visibility:hidden; opacity:0;  }
	.item-evaluativo:hover .box-evaluativo, .item-evaluativo.activo .box-evaluativo{ visibility:visible; opacity:1; }
	.box-planeacion { width: 50px; height: 100%; background: #C00CE8; padding: 12px 12px; transition:visibility 1s, opacity 1s; visibility:hidden; opacity:0; }
	.item-evaluativo:hover .box-planeacion, .item-evaluativo.activo .box-planeacion{ visibility:visible; opacity:1; }
	.box-rubica { width: 50px; height: 100%; background: #87d37c; padding: 12px 12px; transition:visibility 1s, opacity 1s; visibility:hidden; opacity:0;}
	.item-evaluativo:hover .box-rubica, .item-evaluativo.activo .box-rubica{ visibility:visible; opacity:1; }
	.box-done { width: 25px; height: 100%; background: #e5e5e5; color: #858585; padding: 0px 5px; transition:visibility 1s, opacity 1s; visibility:hidden; opacity:0;}
	.item-evaluativo:hover .box-done, .item-evaluativo.activo .box-done{ visibility:visible; opacity:1; }
	.box-done i { margin-top: 2px; }
	.alert-evaluativo { margin-bottom: 0; margin-top: 20px; color: #83acc5; padding: 14px;}
	.modal-dialog { z-index: 2000; }
	.fixed-nav{ position: fixed; right: 10px;}
	.btn-tutorial{ position: absolute; right: 0; color: #9336a1!important; top: 5px; z-index: 100;}
	.btn-tutorial.close{ color: #fff!important; }
	.menu-th .md {  line-height: 28px; }
	.btn-icon-toggle.menu-th { width: 30px; height: 30px; margin:0; position: absolute; right: 0;}
	#offcanvas-create .offcanvas-body-nav { padding: 0 16px 16px 16px;}
	.title-modal-grey-2{  padding: 1px 15px; background: #f7f7f7; border-top: 1px solid #e5e6e6; }   

	/** ******************************************************************************************************* **/
	/** ******************************************* PLANEAR ***********************************************  **/
	/** ******************************************************************************************************* **/
	.bg-planear{ background: #ececf0; }
	.bg-planear-int{ background: #fff;}
	.card-body-title { padding: 24px 30px 0px 30px;}
	.group-btn .btn-activity{ width: 100%; padding: 8px 14px; }
	.tabs-theme.nav-tabs .active a, .tabs-theme.nav-tabs .active a:hover, .tabs-theme.nav-tabs .active a:focus { border-bottom: none; border-right: none; background: #009bdb; color: #fff; border-radius: 0px; }
	.tabs-activity.nav-tabs .active a, .tabs-activity.nav-tabs .active a:hover, .tabs-activity.nav-tabs .active a:focus { border-bottom: 3px solid#009bdb; border-right: none; background: transparent; color:#009bdb; border-radius: 0px; }	
	.card-activity table {font-family: arial, sans-serif; border-collapse: collapse; width: 100%; border: 1px solid #d9d9d9}
	.card-activity td, .card-activity th { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; text-align: left; padding: 10px 25px; }
	.card-activity tr:nth-child(even) { background-color: #f7f7f7; }
	.card-activity .btn {margin-left: 0; margin-right: 0;} 

	.tabs-social .nav-tabs { border-bottom: none; }
	.tabs-social .nav li a { padding: 4.5px 15px; border: 1px solid #d7d7d7;}
	.tabs-social .nav-tabs a{ text-transform: initial; }
	.tabs-social .nav-tabs .active a, .tabs-social .nav-tabs .active a:hover, .tabs-social .nav-tabs .active a:focus { border-bottom: none; border-right: none; background: #009bdb; color: #fff; text-transform: initial; border: 1px solid #009bdb;}
	.tabs-social table {font-family: arial, sans-serif; border-collapse: collapse; width: 100%; border: 1px solid #e4e4e4}
	.tabs-social td,.tabs-social th { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; text-align: left; padding: 8px; }
	.tabs-social tr:nth-child(even) { background-color: #f3f3f3; }
	.tabs-social  .ui-widget-content { background: transparent;}
	.tabs-social  textarea{ width: 350px; }

	/** ******************************************************************************************************* **/
	/** ******************************************* ASISTENCIA *******************************************  **/
	/** ******************************************************************************************************* **/

	.offcanvas-pane .table thead tr th{ padding: 8px 8px; border:1px solid#ddd; }
	.offcanvas-pane .table tbody tr th,.offcanvas-pane .table tfoot tr th,.offcanvas-pane .table thead tr td,.offcanvas-pane .table tbody tr td,.offcanvas-pane .table tfoot tr td {padding: 4px 8px; border:1px solid#ddd;}
	.offcanvas-pane .btn-flat:hover,.offcanvas-pane .btn-icon-toggle:hover,.offcanvas-pane .btn-flat:focus,.offcanvas-pane .offcanvas-pane .btn-icon-toggle:focus, .offcanvas-pane .btn-flat:visited, .offcanvas-pane .offcanvas-pane .btn-icon-toggle:visited,.offcanvas-pane  .open .dropdown-toggle.btn-flat,.offcanvas-pane .open .dropdown-toggle.btn-icon-toggle { background-color: transparent;}
	.title-offcanvas{ padding: 3px 0px; border-bottom: 1px solid#ededed; border-top: 1px solid#ededed; 	background:#e5e6e6; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);}
	
	.table .badge.style-danger{ top: 0px; right: 10px; }
	.table .menu-comment{ float: right; }
	.table .menu-comment .icon-commen{ position: relative; top: 16px; right: -3px;}
	.asis-select img { margin-left: 7px; }
	.asis-select .dropdown-menu img{ margin-right: 7px; }

	#data-asis .list-asis li{ position: relative; display: inline-block;}
	#data-asis .list-asis .dropdown-menu li { display: block; }
	#data-asis .list-asis{ margin: 0; padding: 0; position: relative;}
	#data-asis .list-asis img{ margin: 3px 5px 3px 10px; }
	#data-asis .btn {  margin-right: 0; margin: 0;}
	.table-overflow-y { overflow-y: hidden;}
	.table-responsive { overflow-x: initial; margin-bottom: 0;}
	.table-overflow { overflow-x: auto;}
	.border-top-asis{ border: 1px solid#ededed; }
	.img-obs-ais{ width: 20px; }	
	#assistance{ margin-left: -15px; margin-right: -15px; border-top: 1px solid #ededed; }
	#assistance .list-assistance { position: relative; border-bottom: 1px solid #d9d9d9; background-color:#f8f8f8; }
	#assistance .list-assistance .circle-menu{ top: 0; }
	#assistance .list-assistance .title-2  { padding: 0px 12px 0px 50px; display: inline-block; }
	#assistance .panel-group .panel { border-radius: 0;  }
	#assistance .tool-assistance { display: inline-block; position: absolute; top: 0px; right:50px; }
	#assistance .list-assistance .card-body{ padding: 20px; background-color: #fff; }
	#assistance .tool-assistance .tool-item {display: inline-block;}
	#assistance .tool-assistance .dropdown-menu{ left: -80px; }
	#assistance .tool-item img { margin-left: 7px; }
	#assistance .body-list { padding: 15px; background-color: #fff;	border-top: 1px solid #d9d9d9; }
	#assistance .list-closed .body-list {display: none;  }
	#assistance .list-active .body-list {display: block; }
	#assistance .body-list .box-support-2 .text-observ{ color: #8d8d8d; margin: 5px 0;}

	/** ******************************************************************************************************* **/
	/** ******************************************* CALIFICAR *******************************************  **/
	/** ******************************************************************************************************* **/
	#data-calif .list-asis li{ position: relative; display: inline-block; }
	#data-calif .list-asis .dropdown-menu li { display: block; }
	#data-calif .list-asis{ margin: 0; padding: 0; }
	#data-calif .no-list{ text-align: center; }
	#data-calif .list-asis img{ margin: 3px 5px 3px 20px; }
	#data-calif .data-calif-tr{ height: 50px; position: relative; }
	#data-calif.size-table{ width: 533px;}
	#data-calif{ background-color: #f7f7f7;  margin-bottom: 0;}  
	#data-calif td { position: relative; }
	#data-calif thead tr th, #data-calif tbody tr th, #data-calif tfoot tr th, #data-calif thead tr td, #data-calif tbody tr td, .table tfoot tr td { border: 1px solid #ededed;  padding: 4px 0; }
	#data-calif .title-table-calif, #data-calif .title-table-calif:hover { text-align: center; background-color: #fff;}
	#data-calif .title-table-calif .bg-orange{ background: #ee9f31; color: #fff; width: 80px;}
	#data-calif .data-calif-title { text-align: center;}
	#data-calif .title-table-calif.min-width td{ width: 100px; }	
	#data-calif form{ margin-bottom: 2px; }
	#data-calif.color-white{ background: #fff; }
	#data-calif .color-grey-light{ background: #e5e6e6; }
	#data-calif.table-hover .color-grey-light:hover { background: #e5e6e6; }

	#calificar-1 .breadcrumb .active { font-size: 14px; color: #fff; font-weight: 500; }
	.calif-select{ display: inline-block; float: right; position: relative; }
	.calif-select .dropdown-menu {  left: -140px; top: 110%;}	.
	.header-table .dropdown-act a:hover{ opacity: 0.5;}
	.data-calif-tr .header-table.grey{ background: #6c7a89;}
	.data-calif-tr .header-table.grey-ligt{ background: #95a5a6;  }	
	.data-calif-tr .dropdown { list-style: none; }
	.data-calif-tr .dropdown  .linkActEva {  position: relative; padding: 10px 20px 0 20px; display: block; border-left: 1px solid transparent; border-right: 1px solid transparent; font-size: 14px;}
	.data-calif-tr .dropdown  .linkActEva:focus, .menu-acto-eva .dropdown .linkActEva:visited{ text-decoration: none; }
	.dropdown-act{ width: 650px; padding: 0; top:109%;}
	.dropdown-act .header-tabs{ background: #f5f5f5; padding: 15px;}
	.dropdown-act .header-tabs .nav-tabs { border-bottom: none; color: #414141;}
	.dropdown-act .header-tabs .nav li a { padding: 4.5px 15px; border: 1px solid #414141;}
	.dropdown-act .header-tabs .nav-tabs a{ text-transform: initial; }
	.header-tabs .nav-tabs li.active a, .tabs-social .nav-tabs li.active a:hover, .tabs-social .nav-tabs li.active a:focus { border-bottom: none; border-right: none; background: #009bdb; color: #fff; text-transform: initial; border: 1px solid #009bdb;}	
	.dropdown-act .body-tabs{ color: #414141; }
	.body-tabs .title-art{ margin-bottom: 10px; font-size: 16px; }
	.body-tabs li a{ font-size: 14px; }
	.gui-folder { position: relative; }
	.gui-folder .link-folder:after { top: 0px; display: inline-block; margin-left: -92px;}	
	.body-tabs li ul li{position: relative;}
    .body-tabs li ul li:before { content: ""; left: -8px; top: 0px; bottom: 6px; position: absolute; display: block; width: 1px; border-left: 1px dashed rgba(12, 12, 12, 0.3); z-index: 1; }
	.body-tabs li ul li a { position: relative; display: block; text-decoration: none; font-size: 14px; line-height: normal; border-radius: 0; padding-left: 5px; color: #8d8d8d;}
	.body-tabs li ul li a:before{  content: ""; left: -6px; top: 9px; position: absolute; display: block; width: 6px; border-bottom: 1px dashed rgba(12, 12, 12, 0.3); z-index: 1; }
	.add-performance a{ font-size: 14px; color: #8d8d8d; }
	.add-performance a:hover, .add-performance a:focus{ color: #009ada; }
	.opcion-asis{ padding-left: 0; margin-bottom: 0;}
	.opcion-asis li { display: inline-block; position: relative; margin-top: 5px;}
	.opcion-asis .title-asis { width: 65%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; margin-top: 10px; padding-left: 5px;}
	.opcion-asis-create{ min-width: 110px; top: 34px; }
	.header-table{ color: #fff;  }
	
	.thead-main{ background: #fff; }
	.table thead.thead-aux { background: #d2d7d3; opacity: initial; }
	
	.input-table   {height: 34px; width: 34px; padding: 5px;}	
	.bg-white { background: #fff; }
	.circle-calificar{ width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 0px; right: 5px;}	
	.icon-qualify{ position: absolute; right: -22px; top: 10px;}
	.icon-qualify img{ width: 24px; margin: 0 10px; opacity: .8; }	
	.text-list-asis  {position: absolute; min-width: 20px; top: -10px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
/*	.table-striped tbody tr:nth-of-type(odd) { background-color: transparent; }
*/	.border-right-califacar { border-right: 1px solid #3387bd; }
	header .btn-rubica{ top: 3px; right: 45px; z-index: 100; }
	.tabs-rubica{ min-width: 180px; }
	.tabs-rubica li a{ padding: 12px 15px; border-bottom: 1px solid #8d8d8d!important; border-top: 1px solid #8d8d8d; border-radius: initial; border-right: none!important; color:#8d8d8d;}
	.tabs-rubica li a span{  font-size: 14px;  }
	.tabs-left .tabs-rubica li a:hover, .tabs-left .tabs-rubica li a:focus { opacity: 0.5; background: #009ada; color: #fff;}
    .tabs-left .tabs-rubica .active a, .tabs-left .tabs-rubica .active a:hover, .tabs-left .tabs-rubica .active a:focus {background: #009ada; color: #fff; }
    .card-body-rubica{ padding: 0px 15px 0px 15px; }
    .card-body-rubica .panel { margin-bottom: 10px; }
    .card-body-rubica .card-head { line-height: 40px; min-height: 40px; border-bottom: 1px solid#d9d9d9; color: #414141; }

	.card-body-rubica .card-body{ padding: 15px; }
	.card-body-rubica .card-body p{ color: #c2c2c2; }
	.card-body-rubica .card-body.aux{ background: #f8f8f8; }
	.studen-rubica li { display: inline-block; }
	#offcanvas-rubica .offcanvas-head span {display: inline-block; vertical-align: middle; padding: 0 20px 0 10px; line-height: 15px; font-size: 16px;}
	#offcanvas-rubica .offcanvas-head span small{ display: block; opacity: 0.5; }
	#offcanvas-rubica .header-nav-profile .dropdown a { min-height: 52px; min-width: 300px;}
	#offcanvas-rubica .header-nav-profile .dropdown.open a { margin-top: 0; padding: 12px 12px 12px 12px; }
	#offcanvas-rubica .header-nav-profile .dropdown img { width: 30px; height: 30px; border-radius: 30px; }
	#offcanvas-rubica .header-nav-profile .dropdown a:after { top: 15px;}
	#offcanvas-rubica .dropdown-student{ max-height: 250px; overflow: scroll; }
	#offcanvas-rubica .offcanvas-body-nav{ padding: 0 16px; }
	
	.bg-orange-light{ background: #fff2e0!important; position: relative;}	
	.icon-rubica{ position: absolute; top: -3px; font-size: 1em!important; left: 10px;}	
	.img-rubica{ width: 15px; position: absolute; top: 16px;}
	.open .menu-th .open{  top: 150%; z-index: 1000; }	
	.evaluation { position: relative; display: block; margin-bottom: 0;}
	.evaluation li { display: inline-block;}
	.evaluation i{ font-size: 1em; color: #fff; } 
	.evaluation .on-off{ position: relative; top: 10px; left: 10px; }	
	.evaluation .dropdown-menu.dropdown-act{ left: -11px; top: 53px;}
	.evaluation .dropdown-menu.toggle-swich{ left: -104px; padding: 10px; top: 53px;}
    .sub-evaluation li, .sub-sub-evaluation li { display: block; }
    .sub-evaluation li:hover, .sub-evaluation li.active, .sub-sub-evaluation li:hover a, .sub-sub-evaluation li.active a{ font-weight: 500;  color: #399bdb; }

	#cierreModal .card-head { line-height: 40px; min-height: 40px; border-bottom: 1px solid#d9d9d9; color: #414141; }
	#cierreModal .tabla-close ul{ padding-left: 0px; }
	#cierreModal .item-close { padding: 20px; border-bottom: 1px solid#f6f6f6; }
	#cierreModal .item-close .btn-calificar img{width: 23px; margin-left: 5px;}
	#cierreModal header sup.badge { font-size: 70%; top: -1px; margin-left: 10px;}
	#cierreModal .panel-group .panel { border-radius: 0;}
	#cierreModal .modal-footer .group-btn { margin-top: 20px; }
	
	#cierre1 .item-close span{ display: inline-block; vertical-align: middle; padding: 0 20px 0 10px; line-height: 15px; font-size: 16px; }
	#cierre1 .item-close span small{ display: block; opacity: 0.5; }
	.tabs-rubica .progress { height: 10px; margin-top: 20px; margin-bottom: 5px;}
	.table thead tr th, .table tbody tr th, .table tfoot tr th, .table thead tr td, .table tbody tr td, .table tfoot tr td { vertical-align: inherit; }
	.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: transparent; }
	.table-hover tbody tr.active{ background-color: #e5e6e6; }
	#data-calif.table-hover > tbody > tr:hover { background-color: transparent;}
	.table-hover tbody tr td.active:hover, .table-hover tbody tr th.active:hover, .table-hover tbody tr.active:hover td, .table-hover tbody tr:hover .active, .table-hover tbody tr.active:hover th { background-color: #f5f5f5;} 

	/** ******************************************************************************************************* **/
	/** ******************************************* OBSERVAR *******************************************  **/
	/** ******************************************************************************************************* **/
	#main-menu .control-list, #main-menu .control-list:hover{ background: #e8e8e8; }
	#main-menu .control-list a{ padding: 5px 0; min-height: 30px; }
	#menubar-obser .relative{ position: relative; }
	#menubar-obser .tabs-observar{ position: relative;}
	#menubar-obser .date-homework { position: absolute; top: 8px; right: 8px;}
	.title-offcanvas  li { position: relative; display: inline-block; }
	.title-offcanvas  .name-title span{ display: inline-block; vertical-align: middle; padding: 0 20px 0 10px; line-height: 15px; font-size: 16px; }
	.title-offcanvas  .name-title span small{ display: block; opacity: 0.5; }
	
	.tabs-observar .nav-tabs {  padding: 20px; border-bottom: 1px solid #ededed;}
	.tabs-observar .nav li a { padding: 4.5px 15px; border: 1px solid #ededed;}
	.tabs-observar .nav-tabs a{ text-transform: initial; }
	.tabs-observar .nav-tabs .active a, .tabs-observar .nav-tabs .active a:hover, .tabs-observar .nav-tabs .active a:focus { border-bottom: none; border-right: none; background: #009bdb; color: #fff; text-transform: initial; border: 1px solid #009bdb;}
	
	.body-item{ max-height: 500px; overflow-y: scroll; }
	.item-obs{  padding: 15px 20px; border-bottom: 1px solid #ededed; position: relative;}
	.item-obs li{ list-style: disc;}
	.item-obs .tools-card{ bottom: 0px; left: 80px;  }
	.item-obs .cont-item-obs{ width: 90%; }
	.item-obs .text-item-obs { margin-bottom: 30px; }
	.item-obs .cont-item-obs h5 span{ font-size: 14px; }

	.studen-observar  { border-bottom: 1px solid#ededed; padding: 8px 14px; background: #e5e6e6; }
	.studen-observar ul { margin-bottom: 0; }
	.studen-observar  li { position: relative; display: inline-block; }
	.studen-observar .name-title span{ display: inline-block; vertical-align: middle; padding: 0 20px 0 10px; line-height: 15px; font-size: 16px; }
	.studen-observar .name-title span small{ display: block; opacity: 0.5; }

	.card-body-principal{ padding: 5px 0px 5px 25px; }
	.card-body-principal .panel-group{ margin-bottom: 0; }
	.table-obs{ width: 100% ;}
	.table-obs td{ padding: 10px;}
	.table-obs .checkbox{ margin-bottom: 0; }

	.card-head.level-1{ background: #c8c8c8; }	
	.card-head.level-2{ background: #d7d7d7; }
	.card-head.level-2 header{ font-size: 14px; }
	.card-head.level-3{ background: #e6e6e6; }
	.card-head.level-3 header{ font-size: 13px; }
	
	
	#menubar-2 { position: absolute; z-index: 1004; left: 0; top: 0px; bottom: 0; width: 64px; color: rgba(12, 12, 12, 0.85);}
	#menubar-2.animate { -webkit-transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); -o-transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); }
	
	#menubar-2 .nano-slider { background: rgba(12, 12, 12, 0.2);}	
	.gui-controls-2 { font-size: 12px; padding: 0; margin-bottom: 30px; }

	.gui-controls-2 li.active:not(.gui-folder) a { background: #e5e6e6; }
	.gui-controls-2 li .title-2 { margin-left: 57px; position: relative; left: -10px; display: block; padding-left: 6px; color: rgba(12, 12, 12, 0.85); white-space: nowrap; overflow: hidden; opacity: 0; text-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); -o-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);}
	#menubar-2 .nano-pane { z-index: 2; width: 5px; background: transparent; }
	#base-obs{ overflow: hidden; padding-left: 64px; width: 100%; min-height: 1000px; }
	.control-list {display: block;   min-height: 42px; padding: 5px 0; background: #e5e6e6;}
	#menubar-2:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #fafafa; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); z-index: -1;}
	.menubar-pin-2 #menubar-2 .md-keyboard-arrow-right { -webkit-transform: rotate(90deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	.btn-obs-create { margin: 0; border-radius: 0; padding: 10px 0; }

	.list-obser{ margin: 0; padding: 0; }
	.list-obser li{ padding: 14px 14px 30px 14px; border-bottom: 1px solid #ededed;  position: relative;}
	.list-obser .title-obser { padding: 14px;  }
	.list-obser li h5{ margin: 3px 0 3px 20px;  }
	.list-obser li .text-list-obser{ display: inline-block; width: 65%; vertical-align: top;}
	.list-obser li .info-list-obser { display: inline-block; width: 20%; vertical-align: top;}
	.list-obser li .aux-list-obser { font-size: 12px; color: #8d8d8d; line-height: 14px; }
	.list-obser .list-more { background: #fafafa; padding: 5px 16px;}
	.list-obser .list-more a{ font-size: 12px; text-align: center;  display: block; color: #009ada; text-decoration: none; }
	.list-obser .list-more a:hover{ text-decoration: underline; }

	/*.list-obser .list-open{ background: #fff; padding: 20px; }*/

	.list-obser .list-open:hover{ background: #fff; }
	/*.list-obser .list-open p{ font-size: 14px; }*/
	.list-obser .list-close, .list-obser .list-academic{ cursor: pointer; background: #fafafa; }
	.bar-observ{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; height: 25px; background-color: transparent; display: none;}
	.bar-observ i{ font-size: 20px; color: #8d8d8d;}
	.list-obser .list-open .bar-observ .md-keyboard-arrow-down{ -webkit-transform: rotate(90deg);  -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
	.list-obser .list-open .bar-observ { display: inline-block; }
	.list-obser .list-close:hover .bar-observ, .list-obser .list-open:hover .bar-observ{ background-color: #f0f0f0; display: inline-block; }
	.list-obser-academic .list-academic:hover .tool-arrow i{color: #8d8d8d;}
	.list-obser-academic{ padding-left: 0; }
	.list-academic{position: relative; border-bottom: 1px solid #ededed;}	
	.list-academic a { padding: 16px; display: block;}
	.list-obser-academic .tool-arrow{ position: absolute; right: 10px; top: 13px; }
    /*.list-obser .list-open .text-list-obser{ width: 100%; overflow: initial; white-space: initial; text-overflow: initial;}*/
   	.list-obser .tool-list-obser{ display: inline-block; display: inline-block; position: absolute; top: 10px; right: 10px;}
    .tool-list-obser i { color: #b8b8b8; }
    /*.tool-list-obser{ display: none; }
    .list-open .tool-list-obser{ display: block; }*/
    .tool-list-obser .btn-icon-toggle.active i{ color: #e4e4e4; } 
 	.title-academic{ background:#f7f7f7;  }
 	.checkbox-academic{ position: absolute; left: 5px; }
 	.no-position-tabpanel{ position: absolute; right: -100%; width: 100%; top: 0; display: none;  -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out;}
	.position-tabpanel{ position: absolute; right: 0%; width: 100%; top: 0; display: block;  -webkit-transition: 800ms ease-in-out; transition: 800ms ease-in-out;}
	.list-obser-academic.no-display{ display: none; }
	.list-obser-academic.display-block{ display: block; }
	.alert .link-alert{ font-size: 14px;  font-weight: 500; }
	.alert .link-alert:hover{ font-weight: 500; text-decoration: underline;}
	
	.menubar-visible-2 #menubar-2 {  width: 280px; }
	.menubar-visible-2 .gui-controls-2 li .title-2 { left: 0; opacity: 1; }
	.gui-controls-2 li a .title-2 { margin-left: 57px;}
	.gui-controls-2 { font-size: 12px;  padding: 0; margin-bottom: 30px;}
	.gui-controls-2 li a { position: relative; display: block; text-decoration: none; padding: 10px 0px; font-size: 14px; line-height: normal; border-radius: 0; padding-left: 0; min-height: 40px; min-width: 64px; z-index: 1; }
	.title-modal-grey{ margin: 0 -15px; padding: 1px 15px; background: #f7f7f7; border-top: 1px solid #e5e6e6; }   
	#base-obs .nano-pane { z-index: 2; width: 5px; background: transparent; }
	.obse-generales h5,.obse-generales .tool-arrow i{ color: #399ada; }
	.list-obser-academic .list-academic:hover  h5{ color: #8d8d8d; }
	.title-academic .circle-menu { top: 0;}
	.box-all{ opacity: 0;}
	.menubar-pin-2 .box-all{ opacity: 1;  margin-top: 6px; }

	/** ******************************************************************************************************* **/
	/** ******************************************* OBSERVAR *******************************************  **/
	/** ******************************************************************************************************* **/

	.card-head { line-height: 46px; min-height: 46px; position: relative;}
	.card-head .icon-back{ font-size: 22px; margin-right: 10px; vertical-align: middle; }
	.list .tile {  display: block; }
	.elipce-menu { position: absolute; left: 12px; top: 12px; width: 38px; height: 20px; color: #fff; font-size: 14px; border-radius: 50px; }
	section .style-primary, .offcanvas-pane .style-primary, .card .style-primary, section.style-primary, .offcanvas-pane.style-primary, .card.style-primary{ background-color: #f8f8f8; border-bottom: 1px solid #ededed; color: #414141; }
	.title-grey{ margin: 0 -15px;padding: 1px 15px; background: #f7f7f7; border-top: 1px solid #e5e6e6;  margin-bottom: 15px; position: relative;} 
	.body-card{ padding: 0  15px 30px 15px; }
	.tool-header{  ;position: absolute; top: 2px; right: -40px; } 
	.tool-header .checkbox-styled span{ font-size:14px; margin-top: 8px; }
	.committed{ text-align: center;     padding-right: 20px; border-right: 1px solid rgba(12, 12, 12, 0.12); }
	/*.committed .bor-botom{ border-bottom: 1px solid rgba(12, 12, 12, 0.12); padding-bottom: 10px; }*/
	.title-activity { font-size: 12px; margin-bottom: 5px;}
	.btn-activity { width: 100px; height: 50px; text-align: center; color: #fff; padding: 18px 0; border-radius: 4px; display: inline-block;     margin-bottom: 15px;}
	.btn-activity.btn-blue { background:#2576aa; }
	.btn-activity.btn-fuscia { background:#f93072; }
	#offcanvas-query .list-query, #offcanvas-subject .list-subject{ padding-left: 0; }
	#offcanvas-query li.select, #offcanvas-subject li.select{ padding: 0px 15px; }
	#offcanvas-query li, #offcanvas-subject li{ padding: 13px 15px; border-bottom: 1px solid rgba(12, 12, 12, 0.12); position: relative;}
	#offcanvas-query li h5, #offcanvas-subject li h5{ margin: 0;}
	#offcanvas-query li i, #offcanvas-subject li i{ margin-right: 10px; vertical-align: middle;}
	#offcanvas-query li .checkbox-menu, #offcanvas-subject li .checkbox-menu{ top: 12px; right: 12px;}
	.control-list{ position: relative; }
	.control-list .title-2{  margin-left: 57px;   position: relative; white-space: nowrap;  overflow: hidden; opacity: 0;}
	.control-list .btn-icon-toggle{  position: absolute; left: 5px; top: 5px; width: 25px;}   
	.card-body.diary{ background: #fbfbfb;  }
	.diary .text-diary{ color:#8d8d8d;  }
	.diary .alert {  margin-bottom: 10px; }
	.diary .diary-item{  position:relative; padding: 30px 30px 0 30px;}
	.alert.alert-callout:before { background: transparent; }
	.bc-1 { border-left: 3px solid #9d2bd2!important;}
	.bc-2 { border-left: 3px solid #2bd262!important;}
	.bc-3 { border-left: 3px solid #2b62d2!important;}
	.bc-4 { border-left: 3px solid #f86b39!important;}
	.bc-5 { border-left: 3px solid #f8c039!important;}
	.bc-6 { border-left: 3px solid #24b9b0!important;}
	.bc-7 { border-left: 3px solid #f84eea!important;}
	.bc-8 { border-left: 3px solid #f93072!important;}
	.alert-callout.inactive{ background: #e8e8e8; color:#a7a7a7;  }
	.alert-callout .tools-diary {position: absolute; right: 20px; top: 8px; opacity: 0;}
	.alert-callout.inactive .tools-diary{ opacity: 1; }
	.fc-unthemed .pos-1 { top: 0; bottom: -45px; z-index: 1; left: -39%; right: 27%; background-color: #fff; color: #313335; border-color: rgba(83, 86, 88, 0.15);  padding-left: 5px;}
  	.fc-unthemed .pos-2 { top: 43px; bottom: -90px; z-index: 1; left: -22%; right: 11%; background-color: #fff; color: #313335; border-color: rgba(83, 86, 88, 0.15);  padding-left: 5px;}
  	.checkbox-determined{ position: absolute!important;  right: 5px; top: 20px; }
	/** ******************************************************************************************************* **/
	/** ******************************************* RESPOSIVE ***********************************************  **/
	/** ******************************************************************************************************* **/
	@media screen and (min-width:768px) and (max-width:990px) {  
	    .border-right { border-right: none; border-bottom: 1px solid #ededed;}
	    .border-right-2 { border-right: none; border-bottom: 1px solid #ededed;}
	    .card-head.tabs-index li { width: 300px; }
	    .card-body { padding: 24px 20px 24px 20px;}
	    .card-head header { font-size: 16px; width: 85%; }
	}
	@media screen and (min-width:280px) and (max-width:768px) { 
	    .circle-perfil{  width: 100px; height: 100px;}   
	    .images-perfil {  position: relative;  }
	    .circle-edicion { width: 30px; height: 30px; left: 65px; padding-top: 2px;}
	    .border-right { border-right: none; border-bottom: 1px solid #d7d7d7; }
	    .border-right-2 { border-right: none; }
	    .card-head.tabs-index li { width: 250px; }
	    .card-body { padding: 24px 10px 24px 10px;}
	}
	@media (min-width: 1200px){
	    .menubar-pin .gui-controls li:not(.gui-folder) a:hover {background: #f0f0f3;}
	}

	@media screen and (min-width:280px) and (max-width:768px) {  
		.btn-default.btn-flat, .btn-default.btn-icon-toggle { margin-right: 5px; margin-left: 5px; }  
	    .nav-location { position: static; }
	    .section-evaluativo, .section-perfil, .section-principal { padding: 40px 20px 0px 20px; }   
	    .box-index { width: 50px; margin-left: 5px; }
	    .box-index-2 { width: 50px; margin-left: 5px;}
	    .icon-index{ margin: 5px 2px; }
	    .text-box-index { display: none; }
	    .box-index:before { top: 22px; }
	    .link-nav-index { min-height: 55px; font-size: 10px}
	    .card-body { padding: 10px 20px 20px 20px; }
	    .info-evaluativo.active{ padding: 10px 20px 20px 20px;}
	    .icon-qualify{ right: -20px;}
	    .card-head header { font-size: 16px; width: 85%; }
	}

	@media screen and (min-width:767px) and (max-width:1030px) {
	    .icon-qualify{ right: -20px;}
	    .box-index { width: 68px; }
	    .box-index-2 { width: 68px;}
	    .icon-index{ margin: 8px 11px 0 11px; }
	    .link-nav-index { min-height: 85px; font-size: 10px;}
	    .box-index:before { top: 38px;}
	}

	@media screen and (min-width:280px) and (max-width:991px) {    
	    .planear-class ul li{ width: 20%; display: inline-block; }
	}
	@media screen and (min-width:280px) and (max-width:580px) {    
	    .box-evaluativo { width: 25px; padding: 12px 3px; }
	    .box-evaluativo .fa-lg { font-size: 1.2em!important; }
	    .box-planeacion { width: 30px; padding: 12px 5px; }
	    .box-rubica { width: 30px; padding: 12px 5px; }
	    .box-evaluativo img, .box-rubica img, .box-planeacion img { width: 20px; }
	}
	@media (max-width: 768px){
		.headerbar-left { z-index: 0;}
		#content { padding-top: 0;}
	}
	@media (min-width: 1200px){ .menubar-pin-2 #base-obs { padding-left: 280px; } }
	@media (min-width: 1200px){ .menubar-pin-2 #menubar-2 { width: 280px;} }
	@media (min-width: 1200px){ .menubar-pin-2 #menubar-2 .gui-controls-2 li .title-2 { left: 0; opacity: 1; } }
	@media (min-width: 1200px){ .menubar-pin-2 .gui-controls li.active:not(.gui-folder) a { background: #d6d6d6; -webkit-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear;}}
	@media (min-width: 1200px){.menubar-pin-2 #menubar-2 .control-list .title-2 { left: 0; opacity: 1; } }