html{
background: #eaeaea;;
}

@media only screen and (max-device-width: 900px) {
#page-content {
min-width: 0 !important;
overflow: auto;
}
}

.search-course{
background-color: rgba(44, 71, 130, 0.84);
}

body {
/*background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/background_image_1542973430');
background-size: cover;
background-repeat: no-repeat;
background-position: left-top;
background-attachment: fixed;*/
color: rgba(64,61,61,1);
background-color: transparent;
height: 100%;
overflow-x: hidden;
font-family: 'Roboto', sans-serif;
}
#bulletin-board-canvas .container .progress-bar{
background-color:rgba(87,170,219,1);
}

.footer_login {
height: auto !important;
left: 0;
width: 100%;
z-index: 5000;
background: #FFF;
margin-bottom: -8%;
display: flex;
flex-direction: column;
align-items: center;
}

.info-accesskey{
position: absolute;
top: 55px;
width: 500px;
text-align: center;
margin-left: -250px;
left: 50%;
z-index: 1000;
}

.info-accesskey button.close{
top: 0px;
right: 0px;
position: absolute;
float: none;
}

.logo.row{
min-height: 90px;
}

.logo.row .custom-header .logo-left{
position: absolute;
top: 5px;
}

.logo.row .custom-header .logo-right{
position: absolute;
top: 5px;
right: 15px;
}

.toolbar{
width: 100%;
height: 75px;
text-align: right;
padding: 8px 20px 5px 0;
border-bottom: 2px solid #d8dcdd;
background: #f3f1f2;
}

.toolbar img{
cursor: pointer;
z-index: 10;
position: relative;
margin-bottom: 2px;
padding:4px;
height:30px;
}


.toolbar .item-toolbar{
float: right;
border-radius: 5px;
display: inline-flex;
align-items: baseline;
font-size: 0.7em;
text-align: center;
position: relative;
padding-left: 10px !important;
background: white;
width: 20%;
height: 36px;
padding: 0;
margin: 0 2px;
box-shadow: 0px 0px 10px 0px #616161}



.img-container img.img-responsive {
max-height: 100px;
}
.toolbar .item-toolbar button{
text-align: center;
position: relative;
background: transparent;
width: 75px;
height: 60px;
padding: 0;
}

.toolbar .item-toolbar .icon-toolbar{
background-color:#4e5d72;
width: 30px;
height: 30px;
border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-webkit-border-radius: 50px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
<!--margin: 0 auto;-->
}

.toolbar .title-btn-toolbar {
font-size: 1.4em;
padding: 2px 0 0;
padding-left: 5px;
text-align: center;
color: #4e5d72;
line-height: 1em;
height: 25px;
}


.toolbar .item-toolbar:hover, .toolbar .item-toolbar.active {
background-color: #dbdbdb; !important;
}

.toolbar .item-toolbar button:focus .icon-toolbar{
background-color: #dbdbdb; !important;
}

.toolbar .item-toolbar:focus .icon-toolbar{
background-color: #dbdbdb;
}

.toolbar a:focus .item-toolbar .icon-toolbar{
background-color: #78c3af;
}

.modal-toolbar{
font-size: 1.3em!important;
}

.toolbar a{
color: rgba(64,61,61,1);
text-decoration: none;
}

.modal-toolbar ul img{
width: 30px;
height: 30px;
background: none;
}

.toolbar .modal-toolbar .title-modal .close-modal-syllabus{
width: 25px!important;
height: 25px!important;
background: none;
}

.toolbar .modal-toolbar .title-modal .close-modal-syllabus:hover, .modal-toolbar ul img:hover{
background-color: transparent!important;
}


.toolbar .modal-toolbar:before{
left: 213px!important;
}

.modal-toolbar:after{
left: 214px!important;
}
.modal-toolbar .title-modal{
height: 30px;
}

a{
cursor: pointer;
}

a.skip-block, a.skip{
display: none;
}

#page-site-index .buttons .singlebutton{
display: none!important;
}

#bg{
position:fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
}

#content h2{
font-size: 1.5em;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #c9c9c9;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
background-color: rgba(87,170,219,1);
border: medium none;
color: #ffffff;
cursor: pointer;
padding: 5px 10px;
margin: 0 5px;
}

.btn-new-course-frontpage {
position: absolute;
top: 6px;
right: 200px;
background: rgba(87,170,219,1);
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
width: 165px;
text-align: center;
}



.btn-new-course-frontpage:hover {
background: rgba(87,170,219,1);
}

.btn-delete-course-frontpage {
position: absolute;
top: 6px;
right: 25px;
background: rgba(87,170,219,1);
padding: 10px 20px;
color: #FFFFFF;
cursor: pointer;
width: 165px;
text-align: center;
}



.btn-delete-course-frontpage:hover {
background: rgba(87,170,219,1);
}

.btn-delete-course-frontpage.active {
background: rgba(87,170,219,1);
}



.btn-simple-delete{
text-align: center;
margin: 1px 20px;
background: rgba(87,170,219,1);
padding: 10px 0;
color: #FFFFFF;
cursor: pointer;
display: none;
padding: 5px;
}

.clearer{
clear: both;
}

fieldset{
margin-bottom: 10px;
}

.course-content .sectionname.accesshide{
position: relative;
left: 0;
}

.course-content .section .activity img.activityicon{
width: 16px;
height: 16px;
}

.navbar-sup.navbar-inverse{
height: 36px;
background-color: rgba(64,61,61,1);
color: #FFFFFF;
min-height: 36px;
border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-webkit-border-radius: 0;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
overflow: visible;
border: none;
margin: 0;
z-index: 600;
}

.navbar-sup.navbar-inverse .navbar-collapse, .navbar-sup.navbar-inverse .navbar-form{
border-color: none;
}

.navbar-nav{
width:100%;
}

.navbar-sup .navbar-header{
width: 50%;
}

.navbar-sup .navbar-header .text{
margin: 2px 0 0 0;
display: inline-block;
max-width: 550px;
line-height: 1.1em;
font-size; 0.95em;
}

.navbar-collapse.navbar-right{
float:none;
}

.navbar-sup .button-menu-sup {
min-width: 40px;
height: 40px;
max-height: 40px;
}

.navbar-sup .button-menu-sup button{
background-color: #4e5d72;
margin: 0;
padding: 0;
border: none;
padding: 10px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
text-align: center;
color: #FFFFFF;
min-width: 40px;
height: 36px;
max-height: 40px;
margin-right: 1px;
}

@media (max-height: 400px) {
.button-menu-sup button {
top: 300px;
right:100%;
}
}


.navbar-sup.navbar-inverse button:focus{
background-color: rgba(87,170,219,1);
}

#student-guide{
padding: 0;
}

#student-guide a {
color: #FFFFFF;
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/guide-student');
background-repeat: no-repeat;
background-position: 5px center;
padding: 10px 10px 10px 40px;
background-color: #4e5d72;
}

#useful-downloads {
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/download');
}

#notifications{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/notifications-20');
background-size: 18px 18px;
}

#change-roll
{
    background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/roll');
    background-size: 30px 30px;
}
#teaching-view
{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/teaching_manager');
background-size: 22px 24px;
}
#teaching-view.active
{
background-color: rgba(87,170,219,1);
}
#cau{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/cau-20');
background-size: 18px 18px;
}

#tutor-communication{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/tutor-communication-20');
background-size: 18px 18px;
}

#guide-platform{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/guide-lms');
}

li.home a{
padding: 0;
}

.navbar-left {
width: 100%;
}

#home{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/home');
background-color: rgba(87,170,219,1);
margin-right: 10px;
padding: 0;
height: 36px;
width: 40px;
background-repeat: no-repeat;
background-position: center;
}




.button-menu-sup a:focus div{
background-color: rgba(87,170,219,1)!important;
}

#page-blog-index .forumpost{
padding: 15px 15px 15px 30px;
border: 1px solid #c9c9c9;
}

.navbar-sup .dropdown-menu button, .navbar-sup .dropdown-menu input[type="submit"] {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #262626;
padding: 3px 20px;
margin: 0;
width: 100%;
text-align: left;
}

.navbar-sup .dropdown-menu button:focus{
background: #f5f5f5;
}

.navbar-sup .dropdown-menu button:hover, .navbar-sup .dropdown-menu input[type="submit"]:hover {
background: #f5f5f5;
}

.navbar-sup .dropdown-toggle{
padding: 0;
}

.dropdown-toggle .my-font-type{
width: 30px;
}

.navbar-sup .info-user {
background: rgba(87,170,219,1);
min-width: 170px;
max-width: 200px;
height: 36px;
padding: 5px;
color: #FFFFFF;
margin-right: 1px;
overflow: hidden;
position: relative;
}

.navbar-sup a:focus .info-user{
background: rgba(87,170,219,1);
}

.navbar-sup .info-user .avatar-user img.userpicture {
width: 30px;
height: 30px;
background: rgba(64,61,61,1);
padding: 1px;
border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-webkit-border-radius: 15px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

.navbar-sup .info-user .avatar-user{
position: absolute;
top: 5px;
left: 5px;
}

.navbar-sup .info-user .name-user{
font-size: 0.9em;
float: left;
overflow: hidden;
width: 110px;
margin: 0 5px;
position: absolute;
left: 35px;
padding: 5px 0;
height: 25px;
}

.navbar-sup .info-user .caret{
text-align: right;
float: right;
margin-top: 13px;
}

.navbar-sup a:focus .caret, .navbar-sup a:hover .caret{
border-top-color: #FFFFFF;
}

.navbar-sup .navbar-nav > li > a{
padding: 0;
}

.study-skills {
background-color: #f3f1f2;
border-bottom: 3px solid #dcdcdc;
height: 53px;
width: 100%;
position: relative;
padding: 5px 0 5px 152px;
}


.logo img{
margin: 20px 20px 10px;
}

.logo.row .custom-header .logo-left img, .logo.row .custom-header .logo-right img{
margin: 0px 20px 10px;
}

#page-content {
background: #FFFFFF;
min-height: 600px;
-webkit-box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.4);
-moz-box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.4);
box-shadow: 7px 7px 5px -4px rgba(0,0,0,0.4);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
margin: 0 auto 10px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

#page-content #content{
padding: 20px;
height: auto !important;
min-height: 1200px;
background: white;
}

body:not(.course-1)[class*="course-"] #page-content #content {
padding: 0;
}
body:not(.course-1)[class*="course-"] #page-content #content div[role="main"]{
padding: 20px;
}

#page-site-index #page-content #content{
min-height: 500px;
}

#page-footer{
background: rgba(87,170,219,1);
min-height: 50px;
color: #FFFFFF;
position: relative;
z-index: 500;
}

#page-footer a{
color: #FFFFFF;
}

#page-footer .footer-logo{
text-align: left;
padding: 20px;
}

#page-footer .footer-text{
text-align: right;
padding: 25px 20px;
}

#page-footer .footer-text div.legal-warnings{
margin-bottom: 5px;
}

.generaltable td{
padding: 5px 7px;
}

.generalbox{
padding: 10px;
border: 1px solid #c9c9c9;
}

/********************** INDICE CURSO EN COURSE/VIEW.PHP ***********************/
.course-content .current{
background: transparent;
}

.course-content .section .assign.modtype_assign, .course-content .section .forum.modtype_forum{
display: block;
}

.course-content #section-0{
/* display: none;*/
}

.course-content #section-0.sectiondraggable{
/*display: block!important;*/
}

.course-content .section.sectiondraggable .assign.modtype_assign, .course-content .section.sectiondraggable .forum.modtype_forum,
.course-content .section.yui3-dd-drop .assign.modtype_assign, .course-content .section.yui3-dd-drop .forum.modtype_forum{
display: block!important;
}

.course-content .modtype_label, .modtype_label a{
color: rgba(87,170,219,1);
font-size: 100%;
text-align: left;
text-decoration: none;
}

.course-content .modtype_label p{
border: none!important;
margin: 0!important;
padding: 3px 20px 3px 0!important
}

.course-content .sectionname{
background: rgba(87,170,219,1) url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-mf-right') right center no-repeat;
border-left: 4px solid rgba(87,170,219,1);
color: #FFFFFF;
font-size: 1.05em;
margin-top: 15px;
padding: 10px 30px 10px 10px;
text-transform: uppercase;
margin-bottom: 0;
cursor: pointer;
}

.course-content .sectionname.active{
background: rgba(87,170,219,1) url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-mf') right center no-repeat;
}

.course-content .section .activity.modtype_scorm.indent{
margin-left: 15px;
display: none;
}

.course-content .section .activity.modtype_scorm .activityinstance {
font-size: 1em;
}

.course-content .section .activity.modtype_scorm .activityinstance img {
width: 15px;
position: relative;
top: 5px;
margin-right: 5px;
}

.course-content .section .activity:hover{
background: transparent;
}

.course-content .section .label .contentwithoutlink{
background: #ededed;
border-left: 4px solid rgba(87,170,219,1);
color: rgba(87,170,219,1);
padding: 5px 10px;
margin-top: 20px;
cursor: pointer;
position: relative;
}

.course-content .section .label:first-child .contentwithoutlink{
margin-top: 5px;
}

.course-content .section .label .contentwithoutlink .arrow-uf {
position: absolute;
width: 27px;
height: 20px;
background: rgba(87,170,219,1) url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-uf-right') right center no-repeat;
right: 0;
top: 10px;
}

.course-content .section .label .contentwithoutlink.active .arrow-uf {
background: rgba(87,170,219,1) url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-uf') right center no-repeat;
}

.course-content ul.section{
margin: 0;
}

.course-content .section li.activity{
padding: 0;
white-space: normal;
line-height: 1.5em;
}

.section .label .mod-indent-outer, .section .activity .mod-indent-outer{
padding-left: 20px;
}

<!--.course-content ul.section{-->
<!--    display: none;-->
<!--}-->

.course-content li.section .summary{
display: none;
}

.pagelayout-course.editing .course-content li.section .summary{
display: block!important;
}

.navigation{
background-color: #4e5d72!important;
}


.help-form-config{
position: absolute;
right: 50px;
top: 10px;
}

.help-form-config img{
background: rgba(87,170,219,1);
border-radius: 30px;
padding: 3px;
}

.help-form-config a{
text-decoration: none;
}

/*********************** TABLA DE CALIFICACIÓN DE ACTIVIDADES *****************/

.gradingtable {
margin-bottom: 20px;
}

.gradingtable table>tbody>tr:nth-of-type(odd)>td{
background: #f9f9f9!important;
}

.gradingtable th, .gradingtable td{
padding: 5px;
vertical-align: middle;
}

.gradingtable th .commands{
display: none;
}

.gradingtable table{
border: none;
}

.gradingtable tr{
border-bottom: 1px solid #c9c9c9;
}

.gradingtable .c0{
text-align: center;
}

.gradingtable .c7, .gradingtable .c9{
width: 150px;
}

.gradingtable .c1, .gradingtable .c3, .gradingtable .c10{
display: none;
}

.gradingtable input.quickgrade{
width: 40px;
}

#page-mod-assign-view select{
padding: 5px;
}

#page-mod-assign-view .box.generalbox .no-overflow .autolink{
display: none;
}


#page-mod-assign-view .urlselect {
margin-bottom: 20px;
text-align: right;
}

.path-mod-assign td.submissionstatus, .path-mod-assign div.submissionstatus, .path-mod-assign a:link.submissionstatus{
padding: 5px;
}

.path-mod-assign td.submissionstatussubmitted, .path-mod-assign div.submissionstatussubmitted, .path-mod-assign a:link.submissionstatussubmitted{
padding: 5px;
}

.path-mod-assign td.submissiongraded, .path-mod-assign div.submissiongraded{
padding: 5px;
}

.quickgradingform input#id_savequickgrades{
float: right;
clear: both;
}

/********************* CONTENIDO *******************/
#scormpage{
padding: 0 10px;
}

#page-mod-scorm-player #page-content #content{
padding: 0 0 20px;
}

#page-mod-scorm-player #scormtop{
height: 0;
}

#page-mod-scorm-player #scormpage #scorm_navpanel{
display: none;
}

#page-mod-scorm-player #page-content #content #scorm_object{
min-height: 800px!important;
height: 1300px;
}

.left-navigation {
top: 75%;
z-index: 300;
display: none;
}

.left-navigation .previous-sco{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/left');
/* background-image: url('//www.educalms.com/REPOSITORIO/CSS/imagenes/CSS000013/flecha_izquierda.png');*/
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
padding: 7px 5px 7px 25px;
/*color: #4B8FC7;*/
color: #FFFFFF;
font-size: 1.1em;
background-color: rgba(87,170,219,1);
min-height: 29px;
margin-bottom: 1px;
}

.left-navigation .title-previous-sco {
background: rgba(87,170,219,1);
color: #FFFFFF;
padding: 7px 10px;
font-weight: 400;
text-align: left;
display: none;
}

.right-navigation {
top: 69%;
z-index: 300;

position:fixed;
}

.right-navigation .next-sco {
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/right');
/* background-image: url('//www.educalms.com/REPOSITORIO/CSS/imagenes/CSS000013/flecha_dcha.png');*/
cursor: pointer;
background-repeat: no-repeat;
background-position: right center;
padding: 7px 25px 7px 5px;
/*color: #4B8FC7;*/
color: #FFFFFF;
font-size: 1.1em;
background-color: rgba(87,170,219,1);
min-height: 29px;
margin-bottom: 1px;
text-align: right;
}

.right-navigation .title-next-sco {
background: rgba(87,170,219,1);
color: #FFFFFF;
padding: 7px 10px;
font-weight: 400;
text-align: right;
}

.left-navigation a, .right-navigation a{
text-decoration: none;
}

/*************************************************************/

#dndupload-status{
z-index: 1;
}

.block .block-hider-show, .block .block-hider-hide{
display: none;
}

.block_settings.block {
border:none ;
border-right: 1px solid #c9c9c9;
margin: 5px 0;
}

.block .header h2{
font-size: 1.4em;
}

.sidebar{
position: relative;
z-index: 500;
background: #FFFFFF;
padding-right: 0;
}

.sidebar.hide{
display: none;
}

.btn-sidebar{
width: 30px;
height: 30px;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/show-sidebar-10') no-repeat center;
cursor: pointer;
top: 0;
left: -5px;
position: absolute;
z-index: 99;
}


.btn-sidebar.btn-hide{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/hide-sidebar-10') no-repeat center;
left: 265px;
}

#intro.generalbox{
border: 1px solid #c9c9c9;
}

#scormviewform > label {
margin: 0 10px 5px 3px;
}

/************************* LISTADO CURSOS FRONTPAGE ******************************/
.block_my_courses{
border: none!important;
margin-top: 10px;
}

.alert-no-access {
font-size: 1.1em;
line-height: 2.5em;
text-align: center;
}

#frontpage-available-course-list .search-course {
text-align: center;
width: 100%;
}

#frontpage-available-course-list .search-course .form-group{
width: 100%;
}

#frontpage-available-course-list .search-course input[type="text"]{
margin: 5px;
width: 70%;
}

#frontpage-available-course-list .content-pagination{
text-align: center;
}

#frontpage-available-course-list .content-pagination .pagination>li.active>a{
color: #FFFFFF;
}

#frontpage-available-course-list h2{
border-bottom: 1px solid #c9c9c9;
font-size: 1.8em;
margin-bottom: 15px;
text-align: center;
}

#frontpage-available-course-list .item-course{
display: block;
margin-bottom: 20px;
border-radius: 7px;
-moz-border-radius: 7px;
-ms-border-radius: 7px;
-webkit-border-radius: 7px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
overflow: hidden;
padding: 0;
position: relative;
}

#frontpage-available-course-list .item-course .item-section .content-item-section{
border-left: 5px solid rgba(87,170,219,1);
padding: 7px;
min-height: 225px;
background: #ededee!important;
}

#frontpage-available-course-list .item-course .item-section .content-item-section.section-practices{
border-left: 5px solid rgba(87,170,219,1);

}

#frontpage-available-course-list .item-course .item-section .content-item-section .title-section{
font-weight: 700;
margin: 5px 0;
}

#frontpage-available-course-list .item-course .item-section .content-item-section .hours-section{
font-style: italic;
margin-bottom: 5px;
}

#frontpage-available-course-list .item-course .info-course-home .link-ficha-section{
margin-left: 10px;
}

#frontpage-available-course-list .item-course .link-ficha-section a{
color: rgba(87,170,219,1);
text-decoration: underline;
}


#frontpage-available-course-list .item-course .info-course-home{

margin: 10px 10px 10px 10px;
}

#frontpage-available-course-list .item-course .info-section-home{
float: left;
margin: 10px;
}

#frontpage-available-course-list .item-course .info-course-home .box-info-course{
background: #d6833e;
border: 6px solid #d6833e;
max-height: 240px;
width: 200px;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFFFFF;
margin-bottom: 5px;
}

#frontpage-available-course-list .box-info-section{
background: rgba(87,170,219,1);
border: 6px solid rgba(87,170,219,1);
max-height: 240px;
width: 175px;
border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
color: #FFFFFF;
margin-bottom: 5px;
}

#frontpage-available-course-list .info-section-home.course .box-info-section{
background: #fa933e;
border: 6px solid #fa933e;

}

#frontpage-available-course-list .item-course .info-course-home.certificate .box-info-course{
background: #154d70;
border: 6px solid #154d70;
}

#frontpage-available-course-list .item-course .info-section-home.certificate .box-info-section{
background: #2385c2;
border: 6px solid #2385c2;
}

#frontpage-available-course-list .item-course .info-section-home.certificate .box-info-section.section-practices{
background: #74b7e2;
border: 6px solid #74b7e2;
}

#frontpage-available-course-list .item-course .info-course-home .title-main-course {
width: 200px;
text-align: center;
line-height: 1.1em;
font-weight: 700;
}


#frontpage-available-course-list .item-course .info-section-home .title-main-section {
width: 175px;
text-align: center;
line-height: 1em;
font-weight: 700;
font-size: 0.9em;
}

#frontpage-available-course-list .item-course .arrow-courses-home{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-courses-home-orange');
height: 220px;
background-repeat: no-repeat;
background-position: center;
margin: 10px 0;
padding: 0;
width: 40px;
position: relative;
float: left;
}

#frontpage-available-course-list .item-course .arrow-courses-home.certificate{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-courses-home');
}


#frontpage-available-course-list .item-course .arrow-item-section{
margin: 0 5px;
float: left;
width: 15px;
min-height: 300px;
position: relative;
}


#frontpage-available-course-list .item-course .arrow-item-section>div{
background: #4e5d72;
width: 100%;
height: 15px;
position: absolute;
top: 50%;
margin-top: -12px;
}

#frontpage-available-course-list .content-list-sections{
float:left;
width: 865px;
height: 98%;
}

#frontpage-available-course-list .bx-viewport{
height: 300px!important;
padding-right: 10px;
}

#frontpage-available-course-list .item-course .info-course-home .hours-course{
padding: 5px 10px 10px;
font-size: 1em;
font-style: italic;
}

#frontpage-available-course-list a{
color: rgba(64,61,61,1);
}

#frontpage-available-course-list a:hover, #frontpage-available-course-list a:focus{
text-decoration: none;
}

#frontpage-available-course-list a:focus .btn-new-course-frontpage, #frontpage-available-course-list button:focus{
background: rgba(87,170,219,1);
}

.block_my_courses.list_block .unlist > li > .column{
display: block!important;
margin-top: 10px;
}

#frontpage-available-course-list .item-course a:focus .name-course {
text-decoration: underline!important;
}

#frontpage-available-course-list .item-course .name-course{
font-size: 1.3em;
margin: 0px;
line-height: 1.2em;
font-weight: 700;
color: #FFFFFF;
text-align: center;
overflow: hidden;
overflow: hidden;
height: 6px;
}

#frontpage-available-course-list .item-course .name-section{
padding: 5px 0px;
font-size: 1.2em;
margin: 0px;
line-height: 1.2em;
font-weight: 700;
color: #FFFFFF;
text-align: center;
overflow: hidden;
max-height: 48px;
overflow: hidden;
height: 48px;
}

#frontpage-available-course-list .item-course .more-info-course {
background: #FFFFFF;
height: 75px;
clear: both;
}

#frontpage-available-course-list .item-course .more-info-section {
background: #FFFFFF;
height: 75px;
clear: both;
}

#frontpage-available-course-list .item-course .more-info-course .col-center{
width: 115px;
float: left;
text-align: center;
padding: 12px 5px 5px 5px;
color: #4e5d72;
position: relative;
}

#frontpage-available-course-list .item-course .more-info-course .col-center .text-progress{
font-size: 1.5em;
margin: 0px 25px;
position: absolute;
bottom: 10px;
width: 55px;
text-align: center;
background: #FFFFFF;
z-index: 500;
height: 55px;
color: #4F5D73;
border: 2px solid #4F5D73;
border-radius: 40px;
padding: 11px 0;
}

#frontpage-available-course-list .item-course .more-info-course .col-left, #frontpage-available-course-list .item-course .more-info-section .col-left{
width: 35px;
float: left;
text-align: left;
padding: 5px 5px 5px 5px;
}

#frontpage-available-course-list .item-course .more-info-course .col-left img, #frontpage-available-course-list .item-course .more-info-section .col-left img{
margin: 3px 0;
}

#frontpage-available-course-list .item-course .more-info-course .col-right, #frontpage-available-course-list .item-course .more-info-section .col-right{
width: 35px;
float: right;
text-align: right;
padding: 5px 5px 5px 5px;
}

#frontpage-available-course-list .item-course .more-info-course .col-right img, #frontpage-available-course-list .item-course .more-info-section .col-right img{
margin: 3px 0;
}

#frontpage-available-course-list .item-course .name-course .subtitle-name-course{
font-size: 0.8em;
font-weight: normal;
}

#frontpage-available-course-list .item-course .name-section .subtitle-name-section{
font-size: 0.9em;
font-weight: normal;
}

#frontpage-available-course-list .block-hider-hide{
display: none;
}


/* Maquetación Cursos Home. Curso por línea */
#frontpage-available-course-list .row-course-home{
margin-bottom:5px;
border:1px solid #ffb11a;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius:none;
width: 97.5%;
margin-left: 1.2%;
display: inline-block;
color: #969696;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
min-height: 100px;
}

#frontpage-available-course-list .row-aggregation .row-course-home{
border: 1px solid #a6cae4;
}
#frontpage-available-course-list .row-course-home .darker{
color: #4a4a4a;
}

#frontpage-available-course-list .row-course-home .clock-12{
margin-right: 4px;
margin-top: -2px;
}

#frontpage-available-course-list .row-course-home .enrolment-date{
padding: 18px 10px;
margin: 14px 0;
vertical-align: middle;
}

#frontpage-available-course-list .row-course-home .enrolment-date > div:first-child{
<!--width: 40%;-->
border-left: 1px solid #D8D8D8;
padding: 18px 10px;
margin: 14px 0;
vertical-align: middle;
}

#frontpage-available-course-list .row-course-home .contenedor-global-progreso{
float: right;
<!--width: 60%;-->
margin: 10px;
display: flex;
justify-content: center;
align-items: center;
min-height:100px;
}

#frontpage-available-course-list .row-course-home .progress_meter{
float: left;
}

#frontpage-available-course-list .row-aggregation .row-course-home .progress_meter{
margin-left: 60px;
}

#frontpage-available-course-list .row-course-home .arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
float: left;
border-right: 10px solid #4e5d72;
margin-left: 4px;
}


#frontpage-available-course-list .row-course-home .progress-container{
background-color: #4e5d72;
color: #ffffff;
float: left;
border-radius: 3px;
padding: 4px 10px;
text-align: center;
font-size: 12px;
height: 48px;
}

#frontpage-available-course-list .row-course-home .progress-container .text-progress{
font-size: 25px;
margin-top: -7px;
}

#frontpage-available-course-list .row-aggregation .row-course-home .btn-aggregation{
position: absolute;
right: 0;
background-color: #a6cae4;
height: 100%;
display: flex;
align-items: center;
padding: 0 3px;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
top: 0;
min-height: 100px;
}
#frontpage-available-course-list .row-aggregation .row-course-home .btn-aggregation img{
transform: rotate(0deg);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#frontpage-available-course-list .row-aggregation .row-course-home .btn-aggregation.active img{
transform: rotate(-90deg);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#frontpage-available-course-list .row-aggregation .row-course-home:hover{
cursor: pointer;
background-color: #eeeeee;
border: 1px solid #2386c3;
}
#frontpage-available-course-list .row-aggregation .row-course-home:hover .btn-aggregation{
background-color: #2386c3;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}
.row-course-home.student_without_teaching{
border: 1px solid #FBDEBF !important;
border-left: 19px solid #F5D0A9 !important;
background-color: #ffefdf !important;
}
.row-course-home.student_without_teaching:hover{
background-color: #F5D0A9 !important;
}

#frontpage-available-course-list .logo-course img{
width: 100%;

}

#frontpage-available-course-list .box-info-section .logo-course img{
top: 0;
}

#frontpage-available-course-list .bx-controls{
position: absolute;
top: 50%;
width: 870px;
}

#frontpage-available-course-list .bx-wrapper{
max-width: 810px!important;
}

#frontpage-available-course-list .bx-wrapper .bx-controls-direction a{
position: absolute;
top: 50%;
margin-top: -33px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}

#frontpage-available-course-list .bx-wrapper .bx-prev {
left: -33px;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/controls') no-repeat 0 -32px;
}

#frontpage-available-course-list .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -33px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}

#frontpage-available-course-list .bx-wrapper .bx-next {
right: 23px;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/controls') no-repeat -43px -32px;
}

#frontpage-available-course-list .bx-wrapper .bx-prev.disabled, #frontpage-available-course-list .bx-wrapper .bx-next.disabled{
display: none;
}

/************************ PROGRESO **************************/
#frontpage-available-course-list #progress{
text-align: center;
}

#frontpage-available-course-list .title-progress{
margin: 0;
}

#frontpage-available-course-list .progress_meter {
position: relative;
display:inline-block;
width: 50px!important;
height: 50px!important;
padding: 0;
}

#frontpage-available-course-list .progress_meter ul {
list-style-type: none;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
background: #4e5d72;
-webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
-ms-border-radius: 70px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

#frontpage-available-course-list .progress_meter li {
position: absolute;
top: 0px;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
list-style-type:none;
}

#frontpage-available-course-list .progress_meter p {
width: 50px;
height: 50px;
padding: 0;
margin: 0;
}

#frontpage-available-course-list .progress_meter li p { -webkit-transition: all .7s ease-out;}

#frontpage-available-course-list .progress_meter span { display: block; width: 25px; height: 50px;}

#frontpage-available-course-list .pie_left{
border-radius:70px 0px 0 70px;
-moz-border-radius:70px 0px 0 70px;
-webkit-border-radius:70 0px 0 70px;
-ms-border-radius:70px 0px 0 70px;
-khtml-border-radius:70px 0px 0 70px;
-o-border-radius:70px 0px 0 70px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

#frontpage-available-course-list .pie_left2{
border-radius:70px 0px 0 70px;
-moz-border-radius:70px 0px 0 70px;
-webkit-border-radius:70 0px 0 70px;
-ms-border-radius:70px 0px 0 70px;
-khtml-border-radius:70px 0px 0 70px;
-o-border-radius:70px 0px 0 70px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

#frontpage-available-course-list .progress_meter ul #c1_r { clip: rect(0px, 50px, 50px, 25px);}

#frontpage-available-course-list .progress_meter ul #c1_l { clip: rect(0px, 25px, 50px, 0px);}

#frontpage-available-course-list .progress_meter ul #c2_r { clip: rect(0px, 50px, 50px, 25px);}

#frontpage-available-course-list .progress_meter ul #c2_l { clip: rect(0px, 25px, 50px, 0px);}


#frontpage-available-course-list .pie_right{
margin-left: 25px;
-moz-border-radius:0px 70px 70px 0px;
-webkit-border-radius:0px 70px 70px 0px;
-ms-border-radius:0px 70px 70px 0px;
-khtml-border-radius:0px 70px 70px 0px;
-o-border-radius:0px 70px 70px 0px;
border-radius: 0px 70px 70px 0px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

#frontpage-available-course-list .pie_right2{
margin-left: 24px;
-moz-border-radius:0px 70px 70px 0px;
-webkit-border-radius:0px 70px 70px 0px;
-ms-border-radius:0px 70px 70px 0px;
-khtml-border-radius:0px 70px 70px 0px;
-o-border-radius:0px 70px 70px 0px;
border-radius: 0px 70px 70px 0px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}


#frontpage-available-course-list #c1_l span, #c1_r span{
background: #84c084;
}

#frontpage-available-course-list #c2_l span, #c2_r span{
background: #4f5d73;
}

#frontpage-available-course-list #c2_r span{
margin-left: 2px;
}

#frontpage-available-course-list #center-circle{
width: 30px;
height: 30px;
position: absolute;
z-index: 100;
top: 10px;
left: 10px;
background: #FFFFFF;
text-align: center;
border-radius:55px;
-moz-border-radius:55px;
-webkit-border-radius:55px;
-ms-border-radius:55px;
-khtml-border-radius:55px;
-o-border-radius:55px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

/***************************************************************/

/************************ ACCESIBILIDAD ****************************/

.btn-settings-admin:hover{
background-color: #dbdbdb;
}


.btn-settings-admin{
width:45px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: center;
padding: 3px 5px;
cursor: pointer;
z-index: 500;
box-shadow: 0px 0px 10px 0px #616161;
background-color: white ;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}


.btn-accessibility {
background: transparent;
width: 45px;
text-align: center;
height: 30px;
padding: 0 5px;
cursor: pointer;
z-index: 500;
float: right;
position: relative;
right: 20px;
}

.btn-accessibility .dropdown-menu{
width: 170px;
}

#page-login-index .btn-accessibility{
right: 20px;
top: 290px;
}

.icon-settings-admin{
width: 25px;
}

.btn-accessibility .dropdown{
float: none;
width: 45px;
height: 30px;
}

.btn-accessibility .nav>li>a,
.btn-accessibility .nav>li>a{
background-color: white ;
box-shadow: 0px 0px 10px 0px #616161;
padding: 5px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
height: 30px;
}

.btn-accessibility .nav>li>a:focus,
.btn-accessibility .nav>li>a:hover{
background-color: #eeeeee ;
padding: 5px 0;
}

.btn-accessibility button {
background: transparent;
color: #333;
text-align: left;
padding: 2px;
font-size: 0.9em;
width: 94%;
}

.btn-accessibility button:hover{
background: #eaeaea;
}

.btn-accessibility button img {
background: white ;
padding: 0 2px;
margin: 2px;
width: 30px;

border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}


/***************************************/

/************************ SECCIONES ****************************/

.btn-activate-edit-sections .button {
background-color: rgba(87,170,219,1);
width: 200px;
padding: 5px;
text-align: center;
color: #FFFFFF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: 1px solid #dae8fe;
border-right: 1px solid #dae8fe;
cursor: pointer;
}

.btn-activate-edit-sections .button.active{
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
background-color: #dae8fe;
color: #2386c3;
border-top: 1px solid #2386c3;
border-right: 1px solid #2386c3;
}

#btn-add-section{
display: none;
}

.settings-buttons-sections {
text-align: right;
padding-right: 15px;
display: none;
}

.settings-buttons-sections img {
margin-right: 0!important;
cursor: pointer;
}

#form-edit-section .form-group img{
margin-top: 7px;
}

.menu-sections > div{
position: relative;
}

.menu-sections .content-menu-sections{
margin: 0 -2px;
padding: 2px 0px;
<!--margin: 0 15px;-->
position: relative;
z-index: 300;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.menu-sections .item-btn-section {
padding: 0;
margin: 0 2px;
flex-grow: 1;
}

.menu-sections .item-section{
max-width: 100%;
min-width: 130px;
cursor: pointer;
padding: 5px;
font-size: 0.95em;
width: 100%;
text-align: left;
color: rgba(64,61,61,1);
height: 45px;
margin: 0;
line-height: 1.2em;
display: table;
background-size: 30px 30px !important;
}


.menu-sections .item-section:hover{
background-size: 30px 30px !important;
}

.menu-sections .item-section:hover{
background-size: 30px 30px !important;
}

.menu-sections .item-section.active{
background-size: 30px 30px !important;
}
.menu-sections .item-section:drag{
background-size: 30px 30px !important;
}

.menu-sections .icon-section{
padding: 0;
width: 30px;
margin: 0;
}

.menu-sections .title-section {
margin: 0;
padding: 0 5px 0 35px;
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: left;
color: #fff;

}

.menu-sections .title-section.section-no-image{
padding: 0 7px;
}

.menu-sections img{
margin-right: 10px;
}

.sidebar-blocks{
background: #f2f2f2;
-webkit-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: -3px 0px 5px 0px rgba(0,0,0,0.75);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
height: 100%;
margin: 0;
padding: 20px 2px;
position: relative;
z-index: 1000;
}

.sidebar-left{
background: #f2f2f2;
-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.75);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
margin: 0;
padding: 20px 2px;
position: relative;
z-index: 1000;
min-height:1100px;
}

.sidebar-left .open-more{
color: rgba(64,61,61,1);
background: #e8e8e8;
border: 1px solid #c9c9c9;
padding: 8px;
margin-bottom: 12px;

}

.sidebar-left .open-more img{
height: 25px;
}

.sidebar-blocks.hide{
display: none;
}

.sidebar-blocks a{
color: rgba(64,61,61,1);
}

.blocks-section{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.blocks-section .row-icons-blocks{
padding: 0 5px;
line-height: 15px;
font-size: 0.9em;
text-align: center;
margin: 0;
}

.blocks-section .row-icons-blocks.width-categories{
margin-top: 20px;
}

.blocks-section .row-icons-blocks .col-md-6{
padding: 2px;
}


.blocks-section .nota-sections{
width: 100%;
text-align: center;
height: 40px;
margin-top: 2px;
font-style: italic;
}

.blocks-section .title-block{
font-size: 1.2em;
padding: 0 3px 3px
margin: 0 10px 20px;
font-weight: bold;
color: #4e5d72;
border-bottom: 2px solid #4e5d72;
}

.blocks-section .title-block img{
float: right;
cursor: pointer;
position: absolute;
top: 0px;
right: 0px;
}

.blocks-section .btn-block {
height: 52px;
width: 55px;
margin: 2px auto 0;
cursor: pointer;
}

.blocks-section .btn-block img {
width: 50px;
}

.row-icons-blocks>div{
padding: 0;
}

.blocks-section .div-icon {
background: #e8e8e8;
border: 1px solid #c9c9c9;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
margin: 3px;
min-height: 90px;
padding: 2px 1px;
height: 90px;
color: rgba(64,61,61,1);
font-size: 0.9em;
line-height: 1.1em;
}

.blocks-section .div-icon.active, .blocks-section .div-icon:focus {
background: rgba(87,170,219,1);
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

.blocks-section .block-text{
display: table-cell;
vertical-align: middle;
height: 30px;
text-align: center;
width: 150px;
}

.blocks-section .config-blocks {
text-align: center;
cursor: pointer;
background-color: #e8e8e8;
padding: 5px;
margin: -15px 10px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
border: 1px solid #c9c9c9;
position:relative;
top:15px;
}

.blocks-section .config-blocks.active {
background: #f3c56d;
-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

.blocks-section .settings-buttons {
position: absolute;
right: 7px;
top: 10px;
width: 20px;
z-index: 500;
display: none;
}

.blocks-section .settings-buttons.active{
display: block;
}

.blocks-section .settings-buttons img{
cursor: pointer;
margin-bottom: 5px;
}

.blocks-section .add-new-block{
margin: 10px;
display: none;
}

.blocks-section .add-new-block.active{
display: block;
}

.blocks-section .add-new-block button {
margin-left: 10px;
}

.blocks-section .add-new-block .list-blocks{
padding: 5px;
}

.box-time-value.text-chart #time-in_platform{
top: 55% !important;
left: 42% !important;
font-size: 11px ;
}
.box-time-value.text-chart #time-selfassessment,
.box-time-value.text-chart #time-exam{
top: 62% !important;
<!--position: absolute;-->
left: 40% !important;
font-size: 11px ;
}

time-value.text-chart #time-in_platform

{
top: 58% !important;
position: absolute;
left: 47% !important;
}

.box-time-value.text-chart #time-content{
top: 60% !important;
<!--position: absolute;-->
left: 42% !important;
font-size: 11px ;
}

.box-time-value.text-chart #time-all-evaluations{
top: 60% !important;
<!--position: absolute;-->
left: 47% !important;
font-size: 11px ;
}

.progress-bar-success{
background-color: #7fbdef!important;
}


strong#time-selfassessment{

}

.item-section-1{color: rgba(255,255,255,1)!important;background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/indice") no-repeat 5px center !important}.item-section-1.active, .item-section-1:focus, .item-section-1:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/indice") no-repeat 5px center !important}.blocks-section .title-block-1{}.item-section-3{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/temario") no-repeat 5px center !important}.item-section-3.active, .item-section-3:focus, .item-section-3:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/temario") no-repeat 5px center !important}.blocks-section .title-block-3{}.item-section-8{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/tecnicas-estudio") no-repeat 5px center !important}.item-section-8.active, .item-section-8:focus, .item-section-8:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/tecnicas-estudio") no-repeat 5px center !important}.blocks-section .title-block-8{}.item-section-10{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/tecnicas-estudio") no-repeat 5px center !important}.item-section-10.active, .item-section-10:focus, .item-section-10:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/tecnicas-estudio") no-repeat 5px center !important}.blocks-section .title-block-10{}.item-section-4{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/comunicaciones") no-repeat 5px center !important}.item-section-4.active, .item-section-4:focus, .item-section-4:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/comunicaciones") no-repeat 5px center !important}.blocks-section .title-block-4{}.item-section-5{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/herramientas_tutor_30") no-repeat 5px center !important}.item-section-5.active, .item-section-5:focus, .item-section-5:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/herramientas_tutor_30") no-repeat 5px center !important}.blocks-section .title-block-5{}.item-section-9{background: #4e5d72 url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/herramientas_tutor_30") no-repeat 5px center !important}.item-section-9.active, .item-section-9:focus, .item-section-9:hover{background: rgba(87,170,219,1) url("https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/herramientas_tutor_30") no-repeat 5px center !important}.blocks-section .title-block-9{}
#region-content-block{
position: absolute;
top: 0;
min-height: 1200px;
display: none;
}

#region-content-block .background-content-block{
background-color: #333;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 99;
}
.content-block-calendar{
margin-right: 1%;
}

#region-content-block .box-block {
width: 25%;
bottom: 20px;
z-index: 99;
position: absolute;
right: -95%;
top: 20px;
min-height: 500px;
}

#region-content-block .box-block .content-box-block{
background: #FFF;
height: 100%;
margin-left: 30px;
}

#region-content-block .content-block{
position: relative;
min-height: 500px;
background-color: #FFFFFF;
padding: 15px;
max-height: 1000px;
overflow-y: auto;
}

#region-content-block .content-block a:focus{
text-decoration: underline;
}

#region-content-block .close-block{
position: absolute;
background-color: rgba(87,170,219,1);
top: 20px;
width: 30px;
height: 60px;
-webkit-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: -3px 3px 5px 0px rgba(0,0,0,0.75);
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
cursor: pointer;
padding: 0 0 37px 0;
margin: 0;
color: #454545;
z-index: 100;
left: 0;
}

#region-content-block.content-block-sidebar-right .close-block{
left: 0;
}

#region-content-block.content-block-sidebar-left .close-block{
right: 2%;
top: -2%;
transform: rotate(90deg);
}

#region-content-block .close-block p{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(-90deg);
position: relative;
margin: 0;
top: 23px;
}

#region-content-block #wait-loader{
text-align: center;
margin-top: 30px;
}

#region-content-block .title-content-block{
border-bottom: 1px solid #c9c9c9;
font-size: 1.5em;
font-weight: 700;
margin-bottom: 10px;
padding: 5px 3px 0;
}

#region-content-block .description{
background: #ebecee;
border-left: 3px solid rgba(87,170,219,1);
margin: 0;
padding: 10px;
margin-bottom: 20px;
}

.back-view {
float: right;
font-size: 0.7em;
font-weight: normal;
background-color: #ededed;
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-back');
background-repeat: no-repeat;
background-position: left center;
padding: 4px 5px 3px 25px;
margin-top: -8px;
border: 2px solid rgba(87,170,219,1);
color: rgba(87,170,219,1);
cursor: pointer;
}

#form-edit-block .form-group img#icon-block{
margin-top: 7px;
}

/************************* ELEMENTOS PAGINAS ADMINISTRACION *************************/

#page-enrol-users #filterform div, #page-enrol-users #filterform fieldset{
padding: 5px;
}

#page-enrol-users #filterform fieldset > div{
width: 100%;
}

#page-enrol-users #filterform select{
padding: 5px;
}

.pagelayout-admin .mform{
clear: both;
}

#page-enrol-users .enrol_user_buttons {
margin-bottom: 20px;
}

.file-picker button{
color: #FFFFFF;
}

.moodle-dialogue-base .moodle-dialogue, .moodle-dialogue-base .moodle-dialogue-lightbox{
z-index: 1042!important;
}

fieldset.hidden{
display: block!important;
}

.pagelayout-admin .mform fieldset {
border: 1px solid #c9c9c9;
}

.pagelayout-admin .mform {
margin: 0 20px 0 10px;
}

.pagelayout-admin table {
margin: 10px auto;
width: 97%;
}

.pagelayout-admin table th, .pagelayout-admin table td {
padding: 5px 3px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 4px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
height: 39px;
}

.pagelayout-admin #notice {
border: 1px solid #c9c9c9;
padding: 10px;
}

#scormtablecontainer .flexible.generaltable.generalbox {
border: medium none;
margin-bottom: 20px;
width: 100%;
}

#scormtablecontainer .flexible.generaltable.generalbox tr{
clear: both;
}

#scormtablecontainer .flexible.generaltable.generalbox th, #scormtablecontainer .flexible.generaltable.generalbox td {
padding: 5px 10px;
vertical-align: middle;
}

#scormtablecontainer .flexible.generaltable.generalbox  .commands {
display: inline-block;
float: right;
margin-left: 5px;
}

#scormtablecontainer .userpicture.defaultuserpic {
border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-webkit-border-radius: 50px;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
}

.pagelayout-report .no-overflow {
overflow: auto;
}

/************************* SCORM **************************/
#page-mod-scorm-player #scormpage #scorm_toc, #page-mod-scorm-player #scormpage #scorm_toc_toggle {
display: none;
}

#page-mod-scorm-player #scormpage, #page-mod-scorm-player #scorm_content{
width: 100%!important;
}

<!--#page-mod-scorm-player #scormpage #scorm_content {-->
<!--height: 100vh;-->
<!--}-->
#page-mod-scorm-player #scormmode{
display: none;
}

#page-mod-scorm-player h2{
display: none;
}

#page-mod-scorm-player #scormpage{
/*margin-top: -28px*/;
}

/************************** MIGAS PAN *************************/
.breadcrumbs {
background: #404040;
height: 85px;
margin-bottom: 0px !important;
overflow: hidden;
border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-webkit-border-radius: 0;
margin-bottom: -11px;
border: none;
}

.breadcrumbs .mCSB_container{
margin: 0 auto;
}

.breadcrumbs .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: -5px;
margin-top: -2px;
}

.breadcrumbs {
background: #404040;
height: 85px;
margin-top: 8px;
margin-bottom: 0px!important;
overflow: hidden;
}

.breadcrumbs.hidden{
height: 35px;
}


.text-breadcrumbs{
background-color: #404040;
color: #FFFFFF;
padding: 5px 10px;
}

.text-breadcrumbs.hidden{
display: none;
}

.text-breadcrumbs .peak {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid #404040;
margin-top: -20px;
65
position: absolute;
z-index: 99;
left: 555px;
display: none;
}

.fold-breadcrumbs{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/fold');
background-repeat: no-repeat;
background-position: center;
width: 10px;
height: 10px;
float: right;
position: relative;
margin-top: 10px;
z-index: 500;
cursor: pointer;
margin-right: 10px;
clear: both;
}

.fold-breadcrumbs.fold{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/unfold');
margin-top: -22px;
}

/*********************** LOGIN ********************/

.loginpanel h2{
display: none;
}

.loginbox .form-label{
display: none;
}

.content-login{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/bg-content-login');
z-index: 100;
min-height: 300px;
max-width: 824px !important;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
min-height: 377px;
margin-bottom: 16em;
margin-top: 9em !important;
}

.loginpanel{
margin-top: -38%;
}

.content-login .login-left{
padding: 30px 0 30px 30px;
}

.content-login .login-left p{
text-align: justify;
}

.content-login #login{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/bg-form-login');
padding: 45px 10px 0 10px;
}

.content-login .login-left p.login-title {
font-size: 1.5em;
text-align: left;
}

.content-login  .login-left .login-subtitle {
color: rgba(87,170,219,1);
font-size: 1.2em;
}

.content-login .loginbox .loginform {
margin-top: 3em;
padding: 0 20px;
text-align: left;
}

.content-login .loginbox .loginform .form-input {
float: none;
width: 100%;
text-align: center;
padding: 0 10px;
margin: 0 auto;
}

.content-login .loginbox .loginform .form-input input{
width: 100%;
padding: 3px 5px;
margin-bottom: 5px;
border: 1px solid #989898;
font-size: 0.9em;
}

.content-login .rememberpass {
font-size: 0.9em;
margin: 5px 0;
display: none;
}

.content-login #login > #loginbtn {
float: right;
margin-right: 30px;
padding: 5px 20px;
}

.content-login .forgetpass{
display: none;
}

.content-login .forgetpass2 {
clear: both;
font-size: 0.8em;
position: relative;
text-align: right;
width: 80%;
left: 15%;
}

.content-login .forgetpass2 a{
color: rgba(64,61,61,1);
}

.content-login .loginbox .loginpanel .desc{
display: none;
}

.content-login .login-logo{
display: flex;
justify-content: center;
position: relative;
top: -75px;
}

.content-login .msg-error-login{
position: absolute;
color: #FF0000;
top: 90px;
text-align: center;
width: 100%;
padding-right: 20px;
}

.content-login .loginerrors {
position: relative;
color: #FF0000;
top: 69px;
text-align: center;
/* width: 79%; */
font-size: 0.9em;
order: 3;
}

.content-login .subcontent.guestsub {
clear: both;
float: right;
margin: 20px 0 0;
}

.content-login .subcontent.guestsub input{
padding: 5px 20px;
}

.content-login .loginerrors{
position: absolute;
color: #FF0000;
top: -12%;
text-align: center;
width: 79%;
font-size: 0.9em;
}


/********************************* MINI INDEX **********************************/

.modal-mini-index{
position: absolute;
width: 55%;
min-height: 150px;
background: #FFFFFF;
border: 1px solid #4f5d73;
box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.5);
top: 65px;
left: 25px;
z-index: 800;
display: none;
}

.modal-mini-index:before{
border-bottom: 7px solid #4f5d73;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: inline-block;
top: -7px;
left: 20px;
position: absolute;
}

.modal-mini-index:after{
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
top: -6px;
left: 21px;
position: absolute;
}

.modal-mini-index .course-progress, .modal-mini-index .course-logo, .modal-mini-index .syllabus-buttons, .modal-mini-index .icons-content{
display: none!important;
}

.modal-mini-index .course-info{
border: none;
}

.modal-mini-index .content-block-syllabus{
margin: 10px;
}

.modal-mini-index .header-syllabus{
border: none;
margin: 0;
}

.modal-mini-index .header-syllabus .course-name{
font-size: 1.3em;
line-height: 1.1em;
padding: 15px 15px 0 15px;
}

.modal-mini-index .content-block-syllabus .section-title .text-section,
.modal-mini-index .content-block-syllabus .title-scorm,
.modal-mini-index .content-block-syllabus .ufo-title .text-ufo{
border: none;
}

.modal-mini-index .content-block-syllabus .item-udi .fold-icon{
display: none;
}

.modal-mini-index .list-scoes{
display: none!important;
}

.modal-mini-index .content-block-syllabus .title-scorm{
padding: 5px 5px 5px 0;
font-size: 0.95em;
}

.modal-mini-index .content-block-syllabus .item-udi span{
margin-right: -3px;
}

.modal-mini-index .content-block-syllabus .item-udi.completed, .modal-mini-index .content-block-syllabus .item-sco.completed{
background: #d8e9a2;
}

.modal-mini-index .content-block-syllabus .item-udi.incomplete, .modal-mini-index .content-block-syllabus .item-sco.incomplete{
background: #ffeecc;
}

.modal-mini-index .content-block-syllabus .item-udi{
padding: 0 15px;
}

.modal-mini-index .text-section {
font-size: 0.95em;
}

/*********************** POLÍTICA DE PRIVACIDAD **************************/

.text-privacy-policy{
margin-top: -30px;
text-align: left;
font-size: 1.05em;
line-height: 1.6em;
padding: 0 10px;
}

.text-privacy-policy h3{
margin-bottom: 20px;
font-size: 1.5em;
margin-left: -10px;
}


body.category- .course-content .modtype_label,
body.category- .course-content .modtype_label a{
color: rgba(64,61,61,1);
cursor: default;
}

/****************************************************************************/
/*
.category- .course-content .section .label .contentwithoutlink {
border: none!important;
background: none!important;
color: rgba(64,61,61,1)!important;
cursor: default!important;
}

.category- .course-content .section .activity.modtype_scorm.indent{
display: block!important;
}*/
/*
.category-3 .course-content .section .label .contentwithoutlink {
border-left: none!important;
background: none!important;
color: rgba(64,61,61,1)!important;
border-bottom: 1px solid #c9c9c9;
margin-bottom: 20px;
cursor: auto;
}
*//*
.category-3 .course-content .section .activity.modtype_scorm.indent{
display: block!important;
}*/

/*********************** QUIZ ****************************/
.que .formulation{
background: transparent;
}

#page-mod-quiz-attempt #content, #page-mod-quiz-review #content{
padding: 20px 10px;
}

.que .formulation span{
background: transparent!important;
}

.que .info > div.grade, .que .info > .questionflag{
display: none;
}

#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary tr:last-child {
display: none;
}

#page-mod-quiz-view #feedback{
display: none;
}

#page-mod-quiz-view .quizattemptsummary .c2{
display: none;
}

#page-mod-quiz-view .box.quizinfo{
display: none;
}

#page-mod-quiz-view #intro.generalbox{
border: none;
}

#responseform textarea {
padding: 5px;
}

.questionflagsaveform textarea{
padding: 5px;
}

/*******************************************************/

div.jqi{
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
padding: 0px;
margin-bottom: 30px;
z-index: 99999 !important;

}

div.jqi .jqititle {
font-size: 17px;
color: #758b98;
border-bottom: 2px solid #758b98;
padding: 15px 30px;
font-family: roboto, verdana, arial;
text-transform: uppercase;
font-weight: bold;
}
div.jqi .jqiclose{
color: #555;
top: 11px;
right: 5px;
}

div.jqi .jqimessage{
padding: 10px 20px;
}


.dropdown-toggle.my-font-type{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/btn-accessibility')!important;
background-size: 31px!important;
background-repeat: no-repeat!important;
background-position: center!important;
}
/*************************************************************************************/


/**************** ALTO CONTRASTE ******************/

.highcontrast .dropdown-toggle.my-font-type{
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/btn-accessibilityblanco')!important;
background-size: 31px!important;
background-repeat: no-repeat!important;
background-position: center!important;
}


.highcontrast .blocks-section .title-block img {
color:yellow;
}

.highcontrast .navbar-sup .info-user .name-user {
font-size: 0.9em;
float: left;
overflow: hidden;
width: 110px;
margin: 0 5px;
position: absolute;
left: 35px;
padding: 5px 0;
height: 25px;
color:white;

}

.highcontrast .btn-settings-admin {
width: 45px;
margin-right: 5px;
display: flex;
justify-content: center;
align-items: center;
padding: 3px 5px;
cursor: pointer;
z-index: 500;
box-shadow: 0px 0px 10px 0px #616161;
background-color: black;
border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #FFFFFF;
behavior: url(https://campusvirtual.educastate.es/theme/educalms/lib/PIE/PIE.htc);
}


.highcontrast .box_text_administracion{
color:white !important
}

.highcontrast .blocks-section .title-block{
font-size: 1.2em;
padding: 0 3px 3px
margin: 0 10px 20px;
font-weight: bold;
color: yellow;
border-bottom: 2px solid yellow;
}

.highcontrast .toolbar .item-toolbar{
float: right;
border-radius: 5px;
display: inline-flex;
align-items: baseline;
font-size: 0.7em;
text-align: center;
position: relative;
padding-left: 10px !important;
width: 20%;
height: 36px;
padding: 0;
margin: 0 2px;
box-shadow: 0px 0px 10px 0px #616161;
background:black;
border: 1px solid #FFFFFF;
}


.highcontrast, .highcontrast body{
background: #FFFFFF;
}

.highcontrast .content-login{
background: #000000!important;
color: yellow!important;
}

.highcontrast .content-login .login-left .login-subtitle{
color: yellow!important;
}

.highcontrast .content-login #login{
background: #222!important;
}

.highcontrast .content-login .loginbox .loginform .form-input input{
color: yellow!important;
background: #444!important;
}

.highcontrast .content-login #login > #loginbtn{
background: #333!important;
color: yellow!important;
}

.highcontrast .content-login .forgetpass a{
color: yellow!important;
text-decoration: underline;
}

.highcontrast #frontpage-available-course-list .item-course{
background: #222!important;
color: yellow!important;
border-bottom: 3px solid #FFFFFF;
}

.highcontrast #frontpage-available-course-list .item-course .name-course{
color: yellow!important;
text-decoration: underline;
}

.highcontrast #frontpage-available-course-list .item-course .info-course-home .box-info-course,
.highcontrast #frontpage-available-course-list .info-section-home .box-info-section{
background: #444!important;
border: 6px solid #444!important;
}

.highcontrast #frontpage-available-course-list .info-section-home .box-info-section .subtitle-name-section,
.highcontrast #frontpage-available-course-list .item-course .name-section{
color: yellow!important;
}

.highcontrast #frontpage-available-course-list .bx-wrapper .bx-next{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/controls_highcontrast') no-repeat -43px -32px;
}

.highcontrast #frontpage-available-course-list .bx-wrapper .bx-prev{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/controls_highcontrast') no-repeat 0 -32px;
}

.highcontrast #frontpage-available-course-list .item-course .title-box-course{
background: #333;
}

.highcontrast #page-content{
background: black!important;
color: yellow!important;
}

.highcontrast .btn-accessibility{
color: yellow!important;
}

.highcontrast .btn-accessibility .nav>li>a, .highcontrast .btn-accessibility .nav>li>a{
background-color: black!important;
border: 1px solid #FFFFFF;
}

.highcontrast .btn-accessibility button{
background: #333!important;
color: yellow!important;
}

.highcontrast .btn-accessibility button img{
background: #333!important;
}

.highcontrast .sidebar-blocks, .highcontrast .sidebar-left{
background: black!important;
color: yellow!important;
border-left: 2px solid #FFFFFF;
}

.highcontrast .sidebar-left .open-more{
background: #333!important;
}

.highcontrast #page-content a{
color: yellow!important;
text-decoration: underline!important;
}


.highcontrast .section-title, .highcontrast .sectionname{
color: yellow!important;
border: none!important;
background: #222 url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-mf-right-highcontrast') right center no-repeat!important;
}

.highcontrast .name-mf{
color: yellow!important;
border: none!important;
background: #222!important;
}

.highcontrast .section-title.active, .highcontrast .sectionname.active{
background: #222 url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-mf-highcontrast') right center no-repeat!important;
}

.highcontrast .ufo-title, .highcontrast .course-content .section .label .contentwithoutlink, .highcontrast .title-ufo{
background: #333!important;
color: yellow!important;
border: none!important;
}

.highcontrast .name-ufo{
background: #333!important;
color: yellow!important;
}

.highcontrast .content-block .title-list-items{
background: #333!important;
color: yellow!important;
border: none!important;
}

.highcontrast .item-udi{
background: #444!important;
color: yellow!important;
border: none!important;
}

.highcontrast .name-udi{
background: #444!important;
color: yellow!important;
}

.highcontrast .title-item-underlined{
background: #555!important;
color: yellow!important;
}

.highcontrast .title-list-items-udi{
background: #444!important;
color: yellow!important;
border: none!important;
}

.highcontrast .item-sco, .highcontrast .item-sco.completed, .highcontrast .item-sco.incompleted{
background: #444!important;
color: yellow!important;
border: none!important;
}

.highcontrast .ufo-title .arrow-ufo-title, .highcontrast .course-content .section .label .contentwithoutlink .arrow-uf, .highcontrast .title-ufo .arrow-uf{
background: yellow url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-uf-right-highcontrast') right center no-repeat!important;
color: yellow!important;
}

.highcontrast .ufo-title .arrow-ufo-title.active, .highcontrast .course-content .section .label .contentwithoutlink .arrow-uf.active, .highcontrast .title-ufo .arrow-uf.active{
background: yellow url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-uf-highcontrast') right center no-repeat!important;
}

.highcontrast .item-udi .fold-icon, .highcontrast .item-sco .fold-icon{
background:  url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-ud-right-highcontrast') right center no-repeat!important;
}

.highcontrast .item-udi.active .fold-icon, .highcontrast .item-sco.active .fold-icon{
background:  url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/arrow-ud-highcontrast') right center no-repeat!important;
}

.highcontrast .list-content-block-syllabus button{
color: yellow!important;
}

.highcontrast .navigation{
background: #222!important;
color: yellow!important;
border-bottom: 1px solid #FFFFFF;
}

.highcontrast .content-block-syllabus .im-here{
background-color: #202B13!important;
}

.highcontrast .navigation-menu__wrapper--noview .navigation-menu__item__name{
color: yellow!important;
}

.highcontrast .navigation-menu__wrapper--noview .navigation-menu__item:before, .highcontrast  a.navigation-menu__item.nivel3:before{
background-color: yellow!important;
}

.highcontrast .text-breadcrumbs{
color: yellow!important;
}

.highcontrast .content-menu-sections{
background: black!important;
color: yellow!important;
border-top: 3px solid #FFFFFF;
border-bottom: 3px solid #FFFFFF;
}

.highcontrast .item-section{
background: #222!important;
color: yellow!important;
border: 1px solid #FFFFFF;
}

.highcontrast .blocks-section .div-icon, .highcontrast .blocks-section .config-blocks{
background: #222!important;
color: yellow!important;
}

.highcontrast .toolbar{
background: #222!important;
}


.highcontrast {
background: #222!important;
}

.highcontrast .toolbar .title-btn-toolbar{
color: white!important;
}

.highcontrast #bg{
display: none;
}

.highcontrast .name-aula{
color: yellow!important;
}

.highcontrast .button, .highcontrast .add-new-forum{
background: black!important;
color: yellow!important;
}

.highcontrast .navbar-sup.navbar-inverse{
color: white!important;
}

.highcontrast #home{
background-color: black!important;
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/home')!important;
}

<!--.highcontrast #useful-downloads{-->
<!--background-image: url('--><!--')!important;-->
<!--}-->
<!---->
<!--.highcontrast #guide-platform{-->
<!--background-image: url('--><!--')!important;-->
<!--}-->

.highcontrast .navbar-sup .button-menu-sup button{
background-color: black!important;
color: white!important;
}

.highcontrast .navbar-sup .info-user{
background-color: black!important;
color: white!important;
}

.highcontrast .dropdown-menu{
background-color: black!important;
color: yellow!important;
}

.highcontrast .dropdown-menu>li>a{
color: yellow!important;
}

.highcontrast .dropdown-menu>li>a:hover{
background-color: #222!important;

}

.highcontrast #menu-admin > ul{
background: black!important;
}

.highcontrast #menu-admin > ul li.has-sub > a{
background: #222!important;
border: none!important;
}

.highcontrast #menu-admin > ul li.has-sub ul{
background: #222!important;
border: none!important;
}

.highcontrast .navbar-sup .dropdown-menu button, .highcontrast .navbar-sup .dropdown-menu input[type="submit"]{
color: yellow!important;
}
.highcontrast .navbar-sup .dropdown-menu button:hover, .highcontrast .navbar-sup .dropdown-menu input[type="submit"]:hover{
background-color: #222!important;
color: yellow!important;
}

.highcontrast #page-footer, .highcontrast #page-footer a{
background-color: black!important;
color: yellow!important;
}

.highcontrast #page-footer a{
text-decoration: underline;
}

.highcontrast #region-content-block .box-block .content-box-block, .highcontrast #region-content-block .content-block{
background: black!important;
color: yellow!important;
}

.highcontrast #region-content-block .content-block .description{
background: #222!important;
border: none!important;
}

.highcontrast #region-content-block .content-block a{
color: yellow!important;
text-decoration: underline;
}

.highcontrast #region-content-block .content-block table th{
background: #333!important;
}

.highcontrast #region-content-block .content-block table td{
background: #555!important;
}

.highcontrast #region-content-block select,
.highcontrast #region-content-block textarea,
.highcontrast #region-content-block input,
.highcontrast #region-content-block input[type="button"],
.highcontrast #region-content-block button,
.highcontrast .content-block-documents-management .button{
background-color: #333!important;
color: yellow!important;
}

.highcontrast .content-block-complaints-suggestions .document a{
background: #333!important;
}

.highcontrast .content-block-guiding .phone-guiding{
color: yellow!important;
}

.highcontrast .add-new-notification{
background: #333!important;
color: yellow!important;
}

.highcontrast .tcalendar .calendar-header th .calendar-tools, .highcontrast .tcalendar td, .highcontrast .tcalendar th{
color: yellow!important;
}

.highcontrast .tcalendar td.day.other-month{
color: #FFF!important;
}

.highcontrast #btn-accessibility .btn-item-accessibility{
background-color: #333!important;
}

.highcontrast ::-webkit-input-placeholder {
color: yellow!important;
}
.highcontrast :-moz-placeholder {
color: yellow!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.highcontrast ::-moz-placeholder {
color: yellow!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-html-opacity: 1;
opacity: 1;
}


color: yellow!important;
.highcontrast :-ms-input-placeholder {
color:    #909;
}
color: yellow!important;
.highcontrast :placeholder-shown {
color:    #909;
}



/*****************************************/

.access-key{
box-shadow: 1px 2px 8px #888888;
behavior: url(https://campusvirtual.grupoinenka.com/theme/educalms/lib/PIE/PIE.htc);
padding:3px;
display:none;
font-size:12px;
color: rgba(64,61,61,1);
background: #FFFFFF;
}

/****************************************************/
/*
@media (max-height: 400px) {
.content-login{
top: 20px;
}

.footer_login{
top: 470px;
}
}
*/

@media (max-height: 600px) {


.footer_login{
top: 470px;

}
}

@media (min-height: 601px){
.footer_login{
bottom: 0;
height: auto;
}
footer_login :first-child table{
margin-left: -8% !important;
}
mce-item-table{
margin-left: -15%;
}
}


@media (min-width: 1201px){
#frontpage-available-course-list .title-progress{
margin: 0;
}
}

@media(min-width: 1300px){
#frontpage-available-course-list .content-list-sections{
width: 940px;
}

.content-block-syllabus .section-title .text-section{
width: 910px;
}

.content-block-syllabus .title-scorm{
width: 890px;
}

.content-block-syllabus .nivel3 .title-sco{
width: 890px;
}

#frontpage-available-course-list .bx-wrapper {
max-width: 830px!important;
}

#frontpage-available-course-list .bx-controls{
width: 895px;
}
}

@media (min-width: 1850px){
.blocks-section .block-text{
width: 183px;
font-size: 1.1em;
line-height: 1.3em;
}

.content-block-syllabus .section-title .text-section{
width: 1400px;
}

.content-block-syllabus .title-scorm, .content-block-syllabus .title-quiz{
width: 1400px;
}

#frontpage-available-course-list .content-list-sections{
width: 1460px;
}

#frontpage-available-course-list .bx-wrapper {
max-width: 1400px!important;
}

#frontpage-available-course-list .bx-controls{
width: 1465px;
}
}

@media (max-width: 1200px){
#frontpage-available-course-list .item-course .name-course{
font-size: 1.6em;
}

#frontpage-available-course-list .title-progress{
margin: 10px 0 5px;
}
}


@media (max-width: 1030px){
#frontpage-available-course-list .title-progress {
font-size: 0.9em;
margin: 0 0 0 0;
}

#frontpage-available-course-list .item-course .name-course {
font-size: 1.3em;
padding: 3px 0;
}

.item-section {
font-size: 0.85em !important;
padding: 5px 2px 5px 5px !important;
}

.menu-sections img {
margin-right: 2px;
}

.menu-sections .item-btn-section {
padding: 3px 2px;
}

.sidebar-blocks{
padding: 15px 10px;
}

.blocks-section .div-icon{
padding: 5px 3px;
font-size: 0.8em;
}

.blocks-section .block-text{
font-size: 0.85em;
}

.blocks-section .div-icon{
margin: 0;
}

.blocks-section .settings-buttons{
right: 2px;
}

#frontpage-available-course-list .content-list-sections{
width: 560px;
margin-left: 25px;
}

#frontpage-available-course-list .bx-controls{
width: 610px;
}

#frontpage-available-course-list .item-course .info-section-home{
margin: 10px 2px;
}
}

@media (max-width: 860px){
#page-content{
min-width: 700px;
}

#frontpage-available-course-list .progress_meter{
margin: 0 0 0 0;
}

#frontpage-available-course-list .item-course .name-course{
font-size: 1.3em;
margin-left: -20px;
}

.menu-sections img {
margin-right: 2px;
width: 20px;
}

.item-section {
font-size: 0.8em;
padding: 5px 2px;
}

.menu-sections .item-btn-section {
padding: 3px 1px;
}

.sidebar-blocks {
height: 20%;
}

.content-login{
width: 750px;
}

.content-login .login-left p{
font-size: 0.9em;
}

.content-login .login-left p.login-title {
font-size: 1.4em;
}

.content-login  .login-left .login-subtitle {
font-size: 1.1em;
}
}

@media (max-width: 767px) {

.btn-accessibility {
margin-top: -8px;
}

#page-content{
min-width: 550px;
}


.container-fluid>.navbar-header{
margin: 0;
}

.navbar-sup .button-menu-sup {
float: left;
width: 30px;
display:flex;
}

.navbar-sup .button-menu-sup#videotutorial {
padding: 10px 4px;
}

.navbar-sup .dropdown {
float: right;
}

.navbar-sup .navbar-header .text{
margin: 1% 0 0 0;
}

#frontpage-available-course-list .title-progress {
display: none;
}

#frontpage-available-course-list .item-course .name-course{
font-size: 1.3em;
margin-left: 0;
}

.sidebar-blocks {
height: 20%;
}

.content-login{
width: 600px;
}

/*
.content-login .login-left{
display: none;
}
*/

}

@media (max-width: 480px) {
/*
#page-content{
min-width: 400px;
}

.container-fluid>.navbar-header{
margin: 0;
}

.navbar-sup .button-menu-sup {
float: left;
width: 47px;
}

.navbar-sup .button-menu-sup#videotutorial {
padding: 10px 4px;
}

.navbar-sup .dropdown {
float: left;
}

.navbar-sup .navbar-header .text{
margin: 1% 0 0 0;
}

.navbar-sup .info-user{
width: 143px;
}

#frontpage-available-course-list .title-progress {
display: none;
}

#frontpage-available-course-list .item-course .name-course{
font-size: 1.2em;
}
*/

.content-login{
width: 400px;
margin: auto auto;
}
.content-login .login-logo {
top:0;}

.content-login .login-left{
display: none;
}
}

.box-time-plataform{
cursor: pointer;
z-index: 500;
text-align: center;
display: flex;
height: auto;
position: relative;
}


.box-dates-enrol .btn.btn-default{
box-shadow: 0px 0px 10px 0px ;
}
.box-dates-enrol .btn.btn-default:hover{
background-color: #dbdbdb;
border-color: transparent;
}

.box-dates-enrol .btn.btn-default.active{
background-color: #dbdbdb;
border-color: transparent;
}

.box-dates-enrol{
position: relative;
padding: 5px;
margin: 0 auto;
z-index: 98;
width: 80%;
text-align: center;
height: 50px;
}

.box-dates-enrol .subbox-dates-enrol{
position: absolute;
top: 0;
width: 100%;
color: #333;
font-weight: 700;
font-size: 1.2em;
}

.box-time-plataform .subbox-time-plataform{
height: 135px;
display: flex;
flex-wrap: wrap;
width: auto !important;
}

.box-time-plataforma-border-right{
border-right: 2px solid #ccc;
height: 100%;
}

.box-time-plataforma-border-right:last-child{
border: none;
}

.box-time-plataform .list-documents-header{
padding: 0;
margin: 0 10px;
}

.box-time-plataform .list-documents-header li{
text-align: left;
font-size: 0.9em;
list-style: none;
margin: 0;
line-height: 1.15em;
}
.box-time-plataform .list-documents-header li a{
color: #333;
text-decoration:none !important;
}

.list-documents-header li.noactive{
color: #CCC !important;
cursor:default !important;
}

.list-documents-header li{
color: #4e5d72 ;
cursor:pointer !important;
text-decoration:none !important;
}

.list-documents-header li a:hover{
text-decoration:none !important;
color: #2386c3;
}

.list-documents-header li a:focus{
text-decoration:none !important;
}
.list-documents-header li a{
color: #4e5d72 ;

}

/************************* FORO *************************/

.forumheaderlist tbody { border-color: silver; }

.forumheaderlist { border-color: silver; }

.forumheaderlist .header {
background-color: #f0f0f0;
padding: 2px 5px;
}

.forumheaderlist .discussion td { border: none; padding: 5px; }

.forumheaderlist tbody .lastpost { font-size: 0.8em; }

.discussioncontrols .discussioncontrol .select { height: 30px; }

.forumpost { border: 1px solid silver }

.forumpost .header {
margin: 0;
padding: 2px;
}

.forumpost .header .topic .subject {
font-weight: bold;
padding-left: 2px;
}

.forumpost .header .topic .author { font-size: 0.8em; }

.forumpost .maincontent { margin: 0; }

.forumpost .maincontent .no-overflow .content { padding: 5px; }

.forumpost .side {
background-color: #f0f0f0;
margin: 0;
padding: 5px;
}

/************************* BLOG *************************/

.addbloglink { margin-bottom: 15px; }

.addbloglink a {
border: 1px solid silver;
padding: 5px 10px;
}

.blog_entry .maincontent .content .commands {
background: #f0f0f0;
padding: 2px 5px;
float: right;
}

.blog_entry .tags {
margin-top: 5px;
font-size: 0.8em;
}

/************************* PERFIL USUARIO *************************/

.profile_tree {
background: #f0f0f0;
padding: 10px 20px;
display: flex !important;
flex-wrap: wrap;
}

.profile_tree .node_category {
background: #ffffff;
padding: 2px;
margin-top: 10px;
flex: 1 1 300px;
overflow-x: scroll;
}

.profile_tree .node_category h3 {
background: #f0f0f0;
margin: 0;
padding: 2px 5px;
color: #999999;
}

.profile_tree .node_category ul {
padding: 10px 0px;
}
.box-time-plataform .item-box-time {
width: 20%;
background: #fff;
padding: 0;
min-width: 160px;
max-width: 250px;
margin-bottom: 6%;
position: relative;
}
.box-cabecera {
margin: 0px !important;
padding: 0px !important;
}


.box-cabecera .well{
padding:0px !important;
min-height: 75px;
background-color: transparent;
text-align:center;
border: none;
margin-bottom: 5px;

border-left: 1px solid #eaeaea; !important;
border-radius: 0px;
padding-left: 9px !important;
padding-right: 9px !important;
box-shadow: none;
}

.box-cabecera:first-child .well{
border-left: none;
}

.box-cabecera .well .title-box-time{
background: transparent;
color: #979797;
padding: 5px;
padding-bottom: 0;
<!--margin: 0 0 5px;-->
line-height: 1em;
width: 100%;
vertical-align: middle;
height: 25px;
}

.box-time-plataform .item-box-time-selfassessments .title-box-time {
width: 250px;
}

.box-time-plataform .box-time-value {
padding-top: 10px;
}

.box-time-plataform .item-box-time-selfassessments{
width: 250px;
}

.box-time-plataform .item-box-time-selfassessments .title-box-time{
width: 250px;
}

.box-time-plataform .box-time-value{
padding-top: 10px;
width: 100%;
position:absolute;
top: 35px;
}

.box-time-plataform .item-box-time-selfassessments .box-time-value{
width: 125px;
}

.



.box-time-plataform .text-chart #time-content{
top: -8px;
position: relative;
}

.box-time-plataform .item-box-time .pre-title-chart {
padding: 5px 0;
}

.box-time-plataform #chart-time-selfassessment,
.box-time-plataform #chart-time-exam,
.box-time-plataform #chart-time-all-evaluations{
margin-top: -29px;
}

.box-time-plataform .item-box-time-selfassessments .row{
margin: 0;;
}

.box-time-plataform .item-box-time-selfassessments .row .col-sm-6{
padding: 0;
max-height: 100px;
position: relative;
top: 52px;
}


canvas.chart-time-value{
margin: auto auto 0;
width: 100px !important;
height: 100px !important;
}


.autocomplete-form-technical-sheet {
border-bottom: 3px solid #ccc;
margin-bottom: 10px;
}

.tutor-communication-float{
width: 100px;
height: 65px;
position: fixed;
z-index: 5000;
left: 5px;
top: 200px;
cursor: pointer;
font-size: 0.9em;
text-align: center;
line-height: 1em;
font-weight: 700;
}

.tutor-communication-float img {
margin-bottom: 5px;
}

.jqibox .content-block-tutor-communication .btn-view-type{
display:none;
}


.well-group-bonificabled {
padding: 20px;
margin: 20px;

border-left: 5px solid #2386c3;
}
.well-group-bonificabled.color0{
background-color: #f1f5f8;
}
.well-group-bonificabled.color1{
background-color: #f4f1eb;
}


.well-group-bonificabled span {
color: #2386c3;
}
.well-group-bonificabled .nav-tabs>li.active>a {
background-color: #2386c3;
color:#fff;
}
.well-group-bonificabled h5.border-bottom.title-group{
color: #fff;
background-color: #2386c3;
padding: 5px;
}
.well-group-bonificabled h5.border-bottom{
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
margin-top: 15px;
}

.well-group-bonificabled .box-second {
background-color: #f4f4f4;
padding: 10px;

}

.well-group-bonificabled .nav > li , div.tab-pane{

border: 1px solid #ccc !important;
background-color: #fff;
}
.well-group-bonificabled li.user{
border: 1px solid #ccc;
padding: 5px;
background-color: #f4f4f4;
list-style: none;
margin: 2px;
}

.well-group-bonificabled .document-teacher{
background-color: #337ab7;  padding: 2px;  margin: 1px; height: 15px;
}
table.table.table-condensed.table-info-teacher{
background-color: #f4f4f4;
border-left: 5px solid #2386c3;
}
.table-info-teacher td {
border: none !important;
}


.tabs-naf li.active > a {
background-color: #2386c3 !important;
}



/*********************************/

/****************** WIDTH MEDIA********************************/
@media (min-width: 1850px) {
.blocks-section .block-text {
width: 183px;
font-size: 1.1em;
line-height: 1.3em;
}

.content-block-syllabus .section-title .text-section {
width: 1400px;
}

.content-block-syllabus .title-scorm, .content-block-syllabus .title-quiz {
width: 1400px;
}

#frontpage-available-course-list .content-list-sections {
width: 1460px;
}

#frontpage-available-course-list .bx-wrapper {
max-width: 1400px !important;
}

#frontpage-available-course-list .bx-controls {
width: 1465px;
}
}

@media (min-width: 1300px) {
#frontpage-available-course-list .content-list-sections {
width: 940px;
}

.content-block-syllabus .section-title .text-section {
width: 910px;
}

.content-block-syllabus .title-scorm {
width: 890px;
}

.content-block-syllabus .nivel3 .title-sco {
width: 890px;
}

#frontpage-available-course-list .bx-wrapper {
max-width: 830px !important;
}

#frontpage-available-course-list .bx-controls {
width: 895px;
}
}

@media (min-width: 1201px) {
#frontpage-available-course-list .title-progress {
margin: 0;
}
}

@media (max-width: 1200px) {
.menu-sections .item-btn-section{
width:131px !important;
}
#frontpage-available-course-list .item-course .name-course {
font-size: 1.6em;
}

#frontpage-available-course-list .title-progress {
margin: 10px 0 5px;
}

/*21/03/2017*/
.content-menu-sections {
font-size: 0.84em;
}

/*21/03/2017*/
}
/*Tablet android landscape*/
@media only screen and (max-width:1024px) and (max-height:600px){

#generalBoxTime {
margin-bottom: 5%;

}
.content-menu-sections{
flex-wrap:wrap;
}
}



@media (max-width: 1030px) {
#frontpage-available-course-list .title-progress {
font-size: 0.9em;
margin: 0 0 0 0;
}

#frontpage-available-course-list .item-course .name-course {
font-size: 1.3em;
padding: 3px 0;
}


.menu-sections img {
margin-right: 2px;
}

.menu-sections .item-btn-section {
padding: 3px 2px;
}

.sidebar-blocks {
padding: 15px 10px;
}

.blocks-section .div-icon {
padding: 5px 3px;
font-size: 0.8em;
margin: 0;
width: 100%;
max-width:151px;
}

.blocks-section .block-text {
font-size: 0.85em;
}

.blocks-section .settings-buttons {
right: 2px;
}

#frontpage-available-course-list .content-list-sections {
width: 560px;
margin-left: 25px;
}

#frontpage-available-course-list .bx-controls {
width: 610px;
}

#frontpage-available-course-list .item-course .info-section-home {
margin: 10px 2px;
}

}

@media (max-width: 991px) {
/*21/03/2017*/

.header-syllabus {
width: 100% !important;
}
.content-block-syllabus {
width: 100% !important;;
}
#region-content-block .box-block {
z-index: 9999;
}
#region-content-block .content-block{
width: 100% !important;
}
.enrolment-date {
margin-top: 0%;
}

.enrolment-date {
position: relative;
}


/*21/03/2017*/
/*22/03/2017*/
/*Ventana modal añadir temario*/
#region-content-block.content-block-sidebar-left .close-block {
right: 21px;
top: -6px;
z-index: 600;
transform: rotate(90deg);
}

.course-name {
max-width: 90%;
}

/*Flechita izquierda*/


/*22/03/2017*/
/*23/03/2017*/
.toolbar {

display: flex !important;
position: absolute;
justify-content: flex-end;
top: 0px;
}
}
/*23/03/2017*/
/*Tablet android portrait*/
@media only screen and (max-width:600px) and (max-height:1024px){
.content-block-syllabus .icons-tools.no-resources {
width: 66px !important;
}
.navbar-nav .open .dropdown-menu{
background-color:#4b4b4b;
height: 36px;
}
.menu-sections .item-btn-section {
margin-left: 1%;
}
.img-responsive{
width: 75%;
height: 100%;
}
#frontpage-available-course-list .row-course-home {
height: 100%;
}
#generalBoxTime {
margin-bottom: 5%;

}
/*
.div-icon-blog{
margin-left: 5.2em !important;
}
*/

.block-text{
position:relative;
left:-16px;
}

#page-mod-scorm-player #scormpage, #page-mod-scorm-player #scorm_content {
<!--/*margin-top: 16%;*/-->
}

}
@media only screen and (max-width: 860px) {
/*PORTRAIT PERO GRANDE */
.breadcrumbs{
display:none;
}
#region-content-block .box-block{
margin-right: 5%;
}
.right-navigation {
display: block !important;
}

.right-navigation .title-next-sco {
display: table-caption !important;
text-align: left !important;
font-size: 0.7em;
}
.btn-group-DobleButtom {
margin-left: 41% !important;
}
.menu-sections .content-menu-sections{
justify-content: center;
}
.img-container {
height: 125px !important;
}

.sidebar-blocks{
height: auto !important;
}
.sidebar-blocks {
position:absolute;
}

#generalBoxTime {
margin-top: 12%;
}
.blocks-section .row-icons-blocks {
flex-direction: column;
}


.div-icon-selfassessment .blocks-section .div-icon {
max-width: 107px;
}

#page-content {
min-width: 700px;
}

#frontpage-available-course-list .progress_meter {
margin: 0 0 0 0;
}

#frontpage-available-course-list .item-course .name-course {
font-size: 1.3em;
margin-left: -20px;
}

.menu-sections img {
margin-right: 2px;
width: 20px;
}

.item-section {
max-width:167px;
}

.menu-sections .item-btn-section {
width: 131px !important;
}

.content-login {
display: flex;
justify-content: center;
margin-top: 28%;
}

.content-login .login-left p {
font-size: 0.9em;
}

.content-login .login-left p.login-title {
font-size: 1.4em;
}

.content-login .login-left .login-subtitle {
font-size: 1.1em;
}
.content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 74% !important;
}
.navbar-collapse{
display: flex;
}
.navbar-right{
display: flex;

margin-left: 7%;
max-height: 40px;
}

.navbar-sup.navbar-inverse .navbar-collapse, .navbar-sup.navbar-inverse .navbar-form{
border: none;
}

.navbar-nav{
height: 50px;
margin: 0;
}

.navbar-sup .navbar-header .text{
max-width: 900px;
}
.box-time-plataform .item-box-time {
float: left;
width: 25%;
background: #fff;
padding: 0;
margin-left: 0%;
}

.loginpanel {
margin-top: -26%;
}
}


@media (max-width: 767px) and (orientation: landscape) {
/*Landscape*/
.right-navigation {
width: 98px;
display:block !important;
}
#generalBoxTime{
margin:0% !important;
}

#frontpage-available-course-list .row-course-home{
height: auto;
}
.img-responsive {
width: 75%;
}
.menu-sections .content-menu-sections {
justify-content: space-around;
}
.sidebar-blocks{
height: 100% !important;
}
.div-icon-blog{
margin-left: 64px !important;
}
.btn-activate-edit-sections{
width:100%;
}

.logo{
margin-bottom: 7%;
}
.navbar-nav{
width:100%;
}
#region-content-block .box-block {
z-index: 1000;
height: auto;
}

.content-login .login-logo {
top: -103px;
}
#frontpage-available-course-list .row-course-home .enrolment-date{
left: initial;
}
.title-main-course p{
margin-left: 3%;
}
.img-container{
display: flex;
justify-content: center;
}
.darker strong{
text-align: left;
font-size: 1.3em;
}


#page-content {
min-width: 550px;
}
.container-fluid > .navbar-header {
margin: 0;
}
.navbar-sup .button-menu-sup {
float: left;
width: 47px;
}
.navbar-sup .button-menu-sup#videotutorial {
padding: 10px 4px;
}
.navbar-sup .dropdown {
float: right;
}
.navbar-sup .navbar-header .text {
margin: 10px;
}
#frontpage-available-course-list .title-progress {
display: none;
}
#frontpage-available-course-list .item-course .name-course {
font-size: 1.3em;
margin-left: 0;
}
.sidebar-blocks {
height: auto !important;
position:absolute;
}
.content-login {
width: 600px;
margin-top: 3%;
}
.content-login .login-left {
display: none;
}
/*21/03/2017*/
.darker {
margin-bottom: 3%;
}
.enrolment-date {
position: relative;
left: 5%;
}

/*Curso individual*/
.subbox-time-plataform {
left: 7%;
}
.sidebar-left {
height: auto !important;
max-height: initial;
min-height: initial;
}
#maincontent {
width: 100%;
display: block;
height: auto;
overflow: hidden;
}
/*23/03/2017*/

.text-section{
font-size: 0.9em;
width: 80%;
}
.content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 66% !important;
}

.content-login #login > #loginbtn {
margin-top:5% !important;
margin-right: -4% !important;
}
#page-theme-educalms-admin-index .navbar-default .navbar-collapse, .navbar-default .navbar-form {
margin-top: 15%;
justify-content: center;
padding-top: 3.7%;
}
#page-theme-educalms-admin-index #page-content .navbar-nav{
display: flex;
margin-top: 0%;
}
.blocks-section .row-icons-blocks{
display: flex;
}
#table-course-list{
display: block;
overflow-x: scroll;
}
#id_susers{
margin-left: 15%;
}


#admin-defaultpreference_maildisplay{
font-size: 0.9em;
}
.tabrow0 li{
font-size: 0.9em;
}
#id_s__grade_aggregation{
min-width: 97%;
}
.form-shortname{
width: 100%;
word-wrap: break-word;
}
.ee_content_htm{
padding-top: 0px!important;
}
#page-mod-scorm-player #scormpage div.yui3-g-r{
overflow-y: scroll;
}
#region-content-block.content-block-sidebar-right .close-block {
left: 92.1%;
top: -0.3%;
z-index: 111;
transform: rotate(90deg);
}
.content-block {
width: 100% !important;
margin-left: 0%;
margin-top: 6%;
}
#yui_3_17_2_2_1490947559502_116{
margin-top: 6%;
}
#grade-letters-view{
display: flex !important;
flex-direction: column;
align-items: center;
}
#barraHerramientas{
width: 17%;
padding-left: 6%;
}
.navbar-nav .open .dropdown-menu {
position: absolute !important;
}

}

@media (max-width: 767px) and (max-height: 350px) {
.content-block-sidebar-right{
z-index: 1000;
}
#page-content{
min-height: 333px;
}
.groups select{
min-width: 97%;
}
.members select{
min-width: 97%;
}

#page-admin-roles-check #chooseusersubmit{
margin-top: 8px;
}
.add-new-notification{
margin: 2px 39px;
}
.generaltable{
display: block;
overflow-x: scroll;
}
#scormtablecontainer .flexible.generaltable.generalbox th, #scormtablecontainer .flexible.generaltable.generalbox td
{
min-width: 173px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
font-size: 0.8em;
}
/* #page-admin-setting-systempaths input[type=text], input[type=password], textarea{
max-width: 314px;
}*/
#page-admin-auth-ldap table{
display: block;
overflow-x: scroll;
}
#page-admin-auth-ldap table tr td div{
text-align: left !important;
margin-top: 20px;
margin-bottom: 10px;
}
.btn-new-course-frontpage{
font-size: 0.8em;
}
}

@media (max-width: 685px) {
/*21/03/2017*/
.fitemtitle {
text-align: left;
max-width: inherit;

}

.mform .fitem {
margin-bottom: 7%;
}
/*21/03/2017*/
}

@media (max-width: 630px) {

#generalBoxTime {
margin-bottom: 7%;
}
.subbox-time-plataform {
width: 169px;
left: 33%;

}

.content-menu-sections {
font-size: 0.8em;
}
/*22/03/2017*/
/*Añadir Contenido Curso*/
.text-section{
width: 48%;
font-size: 0.8em;
}
/*22/03/2017*/

#page-login-index{
height: auto;
}

}

@media (max-width: 574px){

.content-block-syllabus .section-title .text-section{
font-size: 0.8em;
}
}

@media (max-width: 700px) {
#yui_3_17_2_2_1490096182936_58 {
align-items: center;
justify-content: center;
}

#yui_3_17_2_2_1490096182936_57 {
flex-direction: column;
max-width: 180px;
}
.navbar-sup .info-user {
display:flex;
position:relative;
top:-67px;
left:10px;
min-width: 40px;
max-width: 40px;
}

.navbar-sup .info-user .name-user {
display: none;
}


}


@media (max-width: 527px){
.course-content ul.topics li.section .content{
margin: inherit;
width: 100%;
}
.footer_login{
margin-bottom: 0%;
}
}

/*21/03/2017*/
@media (max-width: 480px){
.content-block-calendar{
margin-left: -38%;
margin-right: 3%;
}

.navbar-sup .navbar-header{
width: 100%;
}


}

@media screen and (-webkit-max-width: 380px){

.menu-sections .content-menu-sections {
margin-top: 88%;
}
/*21/03/2017*/
.add-new-notification{
margin: 2% 19%;
}

#yui_3_17_2_2_1490096182936_58{
justify-content: flex-start;
}
#yui_3_17_2_2_1490096182936_57{
margin-left: 12%;
}

/*21/03/2017*/
/*22/03/2017*/
/*Login*/
.content-login .forgetpass2{
right: 83px;
}
/*22/03/2017*/
#bs-example-navbar-collapse-1{
display: none !important;
}
/*

/*Pegado*/

.btn-delete-course-frontpage{
width: 46%;
right: 1%;
font-size: 0.8em;
top:4%;
}
.btn-new-course-frontpage{
width: 46%;
right: 52%;
font-size: 0.8em;
top:4%;
}
#frontpage-available-course-list {
margin-top: 26% !important;
}


.menu-sections .content-menu-sections{
display: flex !important;
align-items: flex-start !important;

}
.content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 100%!important;
}
.box-block .content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 66%!important;
}
.content-block-syllabus .icons-content.no-resources{
border-left: 0px;
}
.content-block-syllabus .icons-tools.no-resources{
width: 104px;
}

/*---------------------------*/
/*21/03/2017*/


/*21/03/2017*/

#page-content {
min-width: 400px;
}

.container-fluid > .navbar-header {
margin: 0;
}

.navbar-sup .button-menu-sup {
float: left;
width: 47px;
}

.navbar-sup .button-menu-sup#videotutorial {
padding: 10px 4px;
}

.navbar-sup .dropdown {
float: left;
}

.navbar-sup .navbar-header .text {
margin: 10px;
}

.navbar-sup .info-user {
width: 143px;
}

.navbar-collapse {
width: 425px;
padding-left: 21%;
}

#frontpage-available-course-list .title-progress {
display: none;
}

#frontpage-available-course-list .item-course .name-course {
font-size: 1.2em;
}

.content-login {
width: 400px;
}

.content-login .login-left {
display: none;
}

.frontpage-course-list {
margin-top: 17%;
}

.subbox-time-plataform {
left: 13%;
}

#container_htm{
font-size: 0.9em;
text-align: left;
overflow: scroll;
}

.nav navbar-nav{
display: flex;
}

.box-time-plataform .subbox-time-plataform {
position: absolute;
margin-left: 50%;
width: 116% !important;
left: -156px !important;
top: -35px;
height: 135px;
overflow: hidden;
}

}

/* iPhone 6 and 6 Plus */

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (width : 375px)
and (height : 559px)
and (orientation : portrait)
and (color : 8)
and (device-aspect-ratio : 375/667)
and (aspect-ratio : 375/559)
and (device-pixel-ratio : 2)
and (-webkit-min-device-pixel-ratio : 2)
{
#generalBoxTime {
width: 91%;
margin-left: 7%;
margin-bottom: 50%;

}
}

<!--@media only screen and (max-width: 414px) and (max-height:736px){-->
<!--#generalBoxTime {-->
<!--margin-bottom: 50%;-->
<!---->
<!--}-->
}
@media only screen and (max-width: 380px) and (max-height:650px ){
/*SMARTPHONE PORTRAIT*/
.breadcrumbs{
display:none;
}
.btn-aggregation{
width:100%;
min-height: 21px !important;
top: -20px !important;
text-align: center;
}
.btn-aggregation img{
margin: auto auto;
}

#region-content-block .box-block{
margin-right: 5%;
}
.content-block-syllabus .icons-content.no-resources {
width: 98px;
}
.right-navigation .title-next-sco {
display: table-caption !important;
text-align: left !important;
font-size: 0.7em;
}
.menu-sections .content-menu-sections{
justify-content: center;
}
.right-navigation {
z-index: 300;
display: block !important;
}

.left-navigation{
left:0px !important;
}

#frontpage-available-course-list .row-course-home{
height:100%;
}
.img-container {
padding-left: 5%;
}
.img-container {
height: 125px !important;
}
.jqi .preview .content-login {
top: 20px;
left: 50%;
width: 85%;
}
.layout-home {
height: 209px !important;

width: 146% !important;
margin-left: -39% !important;

}
.jqi .col-sm-6{
width:116% !important;}
.jqi .preview{
width:100% !important;
}
.div-icon-blog {
margin-left: 0em !important;
}
.left-navigation .previous-sco {
font-size: 0.8em;
height: 29px;
width: 67px;
}

.right-navigation .next-sco {
font-size: 0.8em;
height: 29px;
width: 67px;
}
.sidebar-blocks{
height: 100% !important;
}
.btn-activate-edit-sections{
width:100%;
}
.blocks-section .row-icons-blocks {
flex-direction: column;
}

.logo{
margin-bottom: 7%;
}
.logo img{
margin-right:0px !important;
padding-right:0px !important;
}
.div-icon-selfassessment{
max-width:103px;
}
.content-login .loginerrors {
top: 18%;
}
.userprofile dl dd {
margin: 0;
margin-left: 120px;
min-width: 200px;
}

#generalBoxTime {
margin-bottom: 48%;
width:97% !important;
margin-left: 3%;

}
#region-content-block.content-block-sidebar-right .close-block {
left: 85.5%;
top: -0.1%;
z-index: 1;
transform: rotate(90deg);

}


/*21/03/2017*/
.add-new-notification{
margin: -8% 46% !important;
width: 142px !important;
}
#yui_3_17_2_2_1490096182936_58{
justify-content: flex-start;
}
#yui_3_17_2_2_1490096182936_57{
margin-left: 12%;
}
/*21/03/2017*/

/*22/03/2017*/
#bs-example-navbar-collapse-1 {
padding-left: 0px;
width: 106%;
margin-left: -3%;
margin-right: 0px;
}


.btn-delete-course-frontpage{
width: 46%;
right: 1%;
font-size: 0.8em;
top:0.3%;
}
.btn-new-course-frontpage{
width: 46%;
right: 52%;
font-size: 0.8em;
top:0.3%;
}
#frontpage-available-course-list {
margin-top: 26% !important;
}

.content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 100%!important;
}
.box-block .content-block-syllabus .no-resources .title-scorm, .content-block-syllabus .no-resources .title-quiz{
width: 66%!important;
}
.content-block-syllabus .icons-content.no-resources{
border-left: 0px;
}
.content-block-syllabus .icons-tools.no-resources{
width: 104px;
}

/*---------------------------*/
/*21/03/2017*/

#page-content {
min-width: 400px;
}
.container-fluid > .navbar-header {
margin: 0;
}
.navbar-sup .button-menu-sup {
float: left;
width: 44px;
padding-left: 1px;
}
.navbar-sup .button-menu-sup#videotutorial {
padding: 10px 4px;
}
.navbar-sup .dropdown {
float: left;
}
.navbar-sup .navbar-header .text {
margin: 1% 0 0 0;
max-width: 250px;
font-size: 0.9em;
}
.navbar-sup .info-user {
width: 143px;
}
#frontpage-available-course-list .title-progress {
display: none;
}
#frontpage-available-course-list .item-course .name-course {
font-size: 1.2em;
}
.content-login {
width: 100%;
margin-top: 30%;
}
.content-login .login-left {
display: none;
}
.frontpage-course-list {
margin-top: 17%;
}
.subbox-time-plataform {
left: 13%;
}
#container_htm{
font-size: 0.9em;
text-align: left;
overflow: scroll;
}
.nav .navbar-nav{
display: flex;
}
#page-login-index .btn-accessibility{
top: 4% !important;
left:12% !important;
}
.content-login #login > #loginbtn {
margin-top:5% !important;
margin-right: -6% !important;
}
.content-technical-sheets .table-striped tbody{
display: flex;
}
.content-technical-sheets .table-striped tbody tr{
display: flex;
flex-direction: column;
flex: 1 1 20%;
min-width: 41%;
}
.content-technical-sheets .table-striped tbody tr th{
height: 39px;
width: 100%;
}
.content-technical-sheets .table-striped tbody .technical-sheet-active{
display: flex;
flex-direction: column;
flex: 1 1 50%;
max-width: 59%;
}
.content-technical-sheets .pagelayout-admin table td {
height: 39px;
}
.singlebutton button, html input[type="button"], input[type="reset"], input[type="submit"]{
max-width: 100%;
font-size: 0.7em;
}

.dropdown-menu  .singlebutton button, html input[type="button"], input[type="reset"], input[type="submit"]{
max-width: 100%;
font-size: 1em;
}
input[type=text], input[type=password], textarea{
width: auto !important;
max-width: 209px !important;
}
#id_privacy{
width: auto !important;
max-width: 76%;
}
button, select {
width: 100%;
}
#yui_3_17_2_2_1490606234615_102{
font-size: 0.89em;
}
#adminsettings fieldset{
margin-top: 1em;
padding: 1em 0.5em;
}
#adminsettings .form-item{
width: 100%;
display: flex;
flex-direction: column;
}
#adminsettings .form-item .form-label {
display: initial;
float: none;
width: initial;
text-align: center;
}
#adminsettings .form-item .form-setting {
display: block;
margin-left: initial;
text-align: center;
margin-top: 4%;
}
#adminsettings .form-item .form-description {
display: block;
/* margin-top: 12px; */
margin: initial;
margin-top: 12px;
text-align: left;
margin-left: 11px;
}
#yui_3_17_2_2_1490607648673_539{
margin-top: 4px;
}
#yui_3_17_2_2_1490607825682_897{
max-width: 199px !important;
}
.tabtree .tabrow0 {
display: flex;
width: 100%;
margin: 1em 0;
flex-direction: column;
}
.tabtree li {
min-height: 41px;
list-style: none;
margin: 0;
padding: 0;
}
.tabtree .tabrow0 li a {
border-width: 2px 2px 2px;
}
#assignform table tbody tr{
display: flex;
flex-direction: column;
}
#assignform table tbody td{
flex: 1 1 100%;
width: inherit !important;
}
.groupmanagementtable #buttonscell p.arrow_button input{
margin: 4px auto;
}
#buttonscell{
display: flex;
justify-content: center;
padding-top: 1%;
}
#chooseuser{
width: 100%;
}
#chooseusersubmit{
margin-top: 4%;
}
#adminsettings .form-item{
display: flex;
flex-direction: column;
}
#adminsettings .form-item .form-label{
display: flex;
flex-direction: column;
width: inherit;
align-items: center;
}
#adminsettings .form-setting .form-label{
display: flex;
flex-direction: column;
width: inherit;
align-items: center;
}
#adminsettings .form-item .form-description{
display: flex;
flex-direction: column;
width: inherit;
margin: inherit;
align-items: center;
}
.form-description p{
max-width: 100%;
word-wrap: break-word;
}
#adminsettings .form-item .form-setting .form-password .unmask, #adminsettings .form-item .form-setting .form-defaultinfo {
display: inline;
max-width: 100%;
word-wrap: break-word;
}
#page-admin-tool-langimport-index .generalbox, #page-admin-tool-langimport-index .generalbox table tbody tr{
display: flex;
flex-direction: column;
}
.box .generalbox{
overflow-x: scroll;
}
.generalbox{
overflow-x: scroll;
}
#page-admin-filters #content{
overflow-x: auto;
}
tbody{
overflow-x: scroll;
}
#page-admin-auth-ldap td div{
text-align: left !important;
}
#page-admin-auth-ldap tr{
display: flex;
flex-direction: column;
}
#page-admin-auth-ldap td{
width: 79%;
text-align: left;
}
#page-admin-auth-ldap button, select {
width: 95%;
}
#page-admin-auth-ldap p{
word-wrap: break-word;
width: 100%;
}
#page-admin-auth-manual tr{
display: flex;
flex-direction: column;
align-items: center;
}
#yui_3_17_2_2_1490617087557_61{
text-align: center;
}
#page-admin-auth-manual td{
text-align: center;
flex: 1 1 100%;
min-width: 70%;
}
#defaultmessageoutputs .c1,.c2{
min-width: 90px;
}
#defaultmessageoutputs{
overflow-x: scroll;
}
#page-admin-setting-messagesettingjabber .form-setting{
width: 247px;
}
#page-admin-setting-messagesettingjabber .form-password{
width: 221px;
}
#page-admin-setting-modsettingbigbluebuttonbn .form-setting{
width: 246px;
}
#lti_tab_heading{
display: flex;
}
#tp_tab_heading{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.singleselect{
width: 103px;
margin-left: 4px;
font-size: 0.85em;
}
#onesystemcontrol{
margin-left: -17px;
font-size: 0.9em;
}
#userasclients{
margin-left: -23px;
font-size: 0.9em;
}
#builtinservices{
margin-left: -14px;
font-size: 0.8em;
}
#customservices{
margin-left: -14px;
font-size: 0.8em;
}
.colourdialogue{
margin-left: -20px;
width: 71%;
}
.form-group{
overflow-x: scroll;

}
#search-javascript{
max-width: 148px !important;
}
.initialbar{
font-size: 0.8em;
}
.editor_atto_toolbar{
display: flex !important;
align-items: center;
}
#id_s__proxypasswordunmask{
position: relative;
top: 24px;
left: -38px;
}
#serverstatus{
display: block;
overflow-x: scroll;
}
#otherserverstatus{
display: block;
overflow-x: scroll;
}
#page-admin-phpinfo table{
overflow-x: scroll;
display: block;
}
#id_publichub{
width: 100%;
}
#page-admin-tool-filetypes-index #content{
overflow-x: scroll;
}
#page-admin-tool-task-scheduledtasks #content{
overflow-x: scroll;
}
#page-admin-report-configlog-index  #page-content{
overflow-x: scroll;
}
#page-admin-report-configlog-index tr > td {
min-width: 153px;
}
#page-admin-report-configlog-index .paging{
display: flex;
justify-content: center;
}
#page-admin-report-eventlist-index a{
font-size: 0.9em;
}
#page-admin-report-performance-index #page-content{
overflow-x: scroll;
}
#securityreporttable{
font-size: 0.9em;
margin-left: -14px;
}
#page-admin-thirdpartylibs #page-content{
overflow-x: scroll;
}
#page-admin-tool-xmldb-index p {
display: flex;
flex-direction: column;
align-items: baseline;
}
#page-admin-tool-xmldb-index #page-content{
overflow-x: scroll;
}
.dentro_contenidos {
width: 100% !important;
margin-left: -16% !important;
}
.toolbar{
display: none;
}
#table-course-list{
overflow-x: scroll;
display: block;
}
.footer_login{
bottom: 0%;
height: auto;
}
#page-login-index .btn-accessibility {
right: 305px;
top: 225px;
}
footer_login :first-child table{
margin-left: -8% !important;
}
mce-item-table{
margin-left: -15%;
}

#page-course-view-topics .icons-tools{
width: 12.7% !important;
right: 12.1%;
border-right: 1px solid white !important;

}
#page-course-view-topics .icons-content{
width: 12%;
right: 23%;
}
#page-course-view-topics .title-sco{
width: 100% !important;
}
.modal-syllabus.modal-video {
left: -240px;
width: 208%;
height: 269px;
}
.UDI .contenidos{
margin-left: 14%;
}
.pagination {
margin: 83px 0 32px;
}

#barraHerramientas{
margin-top: 85px !important;
}

.content-block-my-progress .table-list-users{
overflow-x: scroll;
display: block;
}
#page-theme-educalms-admin-index #page-content .navbar-nav {
display: flex;
margin-top: 0%;
flex-direction: column;
margin-left: 17%;
}

#frontpage-available-course-list .row-course-home .enrolment-date {
left: 2%;
}
#page-mod-scorm-player #scormpage div.yui3-g-r{
overflow-y: scroll;
}
.sidebar-blocks {
position: absolute;
height: auto !important;
}
.content-block {
width: 100% !important;
margin-left: 0% !important;
}
.content-block-selfassessment .btn-view-type{
width: 91%;
}
#region-content-block .content-block{
margin-top: 11%;
}
#region-content-block {
z-index: 1000 !important;
}
#region-content-block .title-content-block {
margin-top: 8%;
}
#file{
margin: 4% 0 4% -3%;
font-size: 0.8em;
}
.content-block-forums .table-list-users {
width: 95%;
margin: 0px 5px;
display: block;
overflow-x: scroll;
}
.content-block-tutor-communication .table-list-users {
overflow-x: scroll;
display: block;
}
.content-block-notify-completion .table-list-users {
overflow-x: scroll;
display: block;
}
.generaltable{
display: block;
overflow-x: scroll;
}
#grade-letters-view{
display: flex !important;
flex-direction: column;
align-items: center;
}
.toolbar .item-toolbar {
width: 60px;
}
.content-block-calendar {
margin-left: -5%;
margin-right: -5%;
font-size: 0.8em;
}
.content-block-calendar .caption {
margin: 20px 0 0 12px;
}
.content-block-syllabus .icons-content.no-resources .icons-study-skills {
left: 32px !important;
}
.content-block-syllabus .icons-content.no-resources .icons-repo {
width: 98px !important;
}
.content-block-syllabus .icons-repo {
width: 33px;
}
.content-block-syllabus .icons-additional-material {
left: -2px;
}
.content-block-syllabus .icons-study-skills {
left: 32px;
}
.whiteColour{
font-size: 0.9em !important;
min-width: 80px !important;
}
.btn {
max-width: 60px;
padding: 0px 0px 0px 0px !important;
margin-bottom: 0;
border: 0px;
}
#indexSearchButtom{
width: 122px !important;
}
#page-login-index{
height: auto;
}
.subbox-time-plataform{
width: 100% !important;
}

#demo-video{
padding: 0px;
font-size: 0.8em;
}
.navbar-nav .open .dropdown-menu {
position: absolute;
left: -204px !important;
top: 121%;
background-color: #4b4b4b;
}
.navbar-nav {
margin: 7.5px 7px !important;
}

.btn-group-DobleButtom {
margin-left: 40% !important;
}
.logo.row{
width: 100%;
}
.navbar-header{
width: 100%;
}
.content-block-forums .list-udis, .content-block-forums .list-ufos {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.btn-activate-edit-sections {
position: absolute;
top: 128.2%;
}

}

@media (max-width: 350px){
.footer_login{
height: auto;
top: 73%;
}
}

.navbar-nav .open .dropdown-menu {
float: none;
width: auto;
margin-top: 0;
position: absolute !important;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

}


@media (max-width: 347px){
/*21/03/2017
.btn-settings-admin {
right: 76%;
top: 22.7%;
}

.btn-accessibility {
right: 49%;
top: 21.7%;
}

#yui_3_17_2_2_1490096182936_57 {
margin-left: 0%;
}

.content-menu-sections {
align-items: flex-start;
}

.navigation .navigation--top-large .navigation--primary {
min-width: 100%;
}

/*21/03/2017*/


}

@media (max-width: 280px) and(min-height: 1000px){
/*   #page-course-view-topics .btn-settings-admin{
top:29.8% !important;
}
#page-course-view-topics .btn-accessibility{
top:29% !important;
}*/
}

/*Progreso Maquetacion*/
#select-courses{
max-width: 100%;
}

#frontpage-available-course-list {
margin-top: 7%;
}

.search-course .form-inline .form-group {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(44, 71, 130, 0.84);
height: 74px;
border-radius: 1.3%;
}

.search-course {
background-color: rgba(44, 71, 130, 0.84);
display:flex;
align-items:center;
margin-left: 0!important;
}

.search-course button.show_course.active {
background-color: rgba(87,170,219,1)!important;
}

.search-course .form-inline .form-group label {
align-self: center;
min-width: 100px;
}

/*21/03/2017*/

/*Front-Page*/
.ee_content_htm div{
background-size: cover !important;
}

.navigation-menu {
display: block;
min-width: 375px;
max-width: 430px;

}

.img-responsive {
object-fit: cover;
object-position: 50% 50%;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px;
height: 100%;
}

.title-main-course {
display: flex;
flex-direction: column;
}

.darker {
text-align: left;
}

/*Form Agregar Nuevo Curso*/
.mform .fitem {
overflow: hidden;
margin-top: 5px;
margin-bottom: 1px;
clear: right;
display: flex;
flex-wrap: wrap;
align-items: initial;
margin-left: 2%;
}

.mform .fitem .fitemtitle {
width: initial;
text-align: left;
float: initial;
margin-right: 2%;
flex: 1 1 15%;
max-width: 15%;
min-width: 203px;
}

.mform .fitem .felement {
border-width: 0;
width: initial;
flex: 1 1 60%;
margin-left: initial;

}

/*Notificaciones*/
.title-content-block {
padding: 29px 3px 0;
}

.add-new-notification {
margin: 2% 12%;
}

/*Admin Area*/
#yui_3_17_2_2_1490096182936_58 {
display: flex;
flex-direction: row;
}

#yui_3_17_2_2_1490096182936_57 {
display: flex;
width: 100%;
}

#yui_3_17_2_2_1490096182936_57 li {
flex: 1 1 180px;
max-width: 180px;
min-width: 100px;
}

/*Curso Individual*/
.box-time-plataform {
margin-bottom: 4%;
}

/*21/03/2017*/

/*22/03/2017*/

/*Footer*/
.footer_login{
height:auto;

}
/*Footer*/

/*Añadir Contenido Curso*/
#region-content-block{
min-width:100%;
}
.text-section{
width: 84%;
text-align: left;
}


/*tabla ventana modal */

/*Añadir Contenido Curso*/

/*22/03/2017*/

/*23/03/2017*/
/*Añadir scroll para poder ver el contenido*/
#page-content {
height: auto;
overflow-y: auto;
}
#page-content{
scrollbar-face-color: rgba(51, 51, 51, 0);
scrollbar-shadow-color: rgba(51, 51, 51, 0);
scrollbar-highlight-color: rgba(51, 51, 51, 0);
scrollbar-3dlight-color:rgba(51, 51, 51, 0);
scrollbar-darkshadow-color: rgba(51, 51, 51, 0);
scrollbar-track-color: rgba(51, 51, 51, 0);
scrollbar-arrow-color: rgba(51, 51, 51, 0);
}
.mform .fitem fieldset.felement{
margin-left: 0%;
padding-left: 0%;
}

#page-content{
min-width: inherit;
}
.text-section{
width: 68%!important;
}
.navbar-sup .button-menu-sup{
z-index: 1;
}
box-time-plataform{
display: none !important;
}
#yui_3_17_2_2_1490363077874_96{
height: auto;
}
#page-content .navbar-admin{
display: flex;
justify-content: center;
}

.dentro_contenidos{
min-height: 100%!important;
}
.scorm_layout{
height: auto !important;
}
.htm{
overflow: visible !important;
}
/*CALENDARIO*/
.tcalendar td{
height:4em !important;
}
#region-content-block .content-block{
width: 73%;
}
.list-events {

height: 2em;
}

.img-container{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 0px;
}


.img-responsive{
object-fit: cover;
object-position: 50% 50%;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px;
}
.box-block{
overflow-y: auto;
}
.cabecera_glosario{
background-size: cover !important;
}
.content-mini-index{
max-width: 100%;
width:100%;
padding-right:0px !important;
padding-left:0px !important;
}
.content-block-syllabus .nivel3 .title-sco {

max-width: 100%;
}
.blocks-section .content-block-syllabus{
max-width:100%;
}
.btn-group-DobleButtom{
width: 50%;
margin-left: 42%;
padding-top: 10px;
/* padding-top: 0%; */
margin-bottom: 5px;
display: flex;
justify-content: flex-end;
}

.loginbox {
max-width: 90%;
margin-left: 5%;
}
#page-login-index{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;
height: auto !important;
flex-direction: column;
}
.whiteColour{
color: white;
font-weight: 100;
}
#searchForm{
width: 100%;
}
.navigation__wrapper{
display: flex;
justify-content: center;
}

#generalBoxTime {
<!--display: flex;-->
justify-content: flex-start;
align-items: center;
flex-direction: column;
width: 100%;
height: 23%;
}
.dentro_contenidos{
width: 100% !important;
}


#loader-graphic img{
height: 20px;
}

.popover-content{
padding:0;
padding-bottom: 5px;
padding-top: 5px;
}

.popover-content .list-group{
margin:0;
}

.popover-content .container{
width: 100%;
}

.popover-content .list-group .list-group-item{
text-align: right;
padding: 1px 10px;
border: 0;
color: #979797}
.date-end-popover{
color: #2386c3}
.certification{
color: #2386c3;
font-weight: bold;
}
.title-popover{
color: #4e5d72;
font-weight: bold;
display:block;
text-align: center;
}

.popover.fade.bottom.in{
max-width: none;
display: flex;
}
.popover.fade.bottom.in .arrow{
border-bottom-color: white;
}


.blocks-section .row-icons-blocks {
padding: 0 5px;
line-height: 15px;
font-size: 0.9em;
text-align: center;
margin: 0;
display: flex;
justify-content:flex-start;
width:100%;
}

#region-content-block .box-block {
right: 3% !important;
}
#yui_3_17_2_2_1492430824122_107{
width: 93%;
}
/*Progreso Maquetacion*/


/*Progreso Vista Profesor*/

.text_teacher{
text-align: center !important;
}
.text_teacher2{
text-align: center !important;

}
.caja_teacher{
background-color: rgba(128, 128, 128, 0.07);
border-left: #3b8ee2 6px solid;
height: 9em;
display: flex;
justify-content: center;
align-items: center;
flex: 1 1;
margin: 0 0 0 1em;
}
.caja_contenedor_teacher{
display:flex;
}
.botones_teacher_div{
display: flex;
justify-content: center;
align-items: center;
}
.text_title_caja{
font-size: 0.8em !important;
}
.text_title_caja2{
font-size: 1em !important;
margin: 0 0 0 10px;
}
#respuesta_div{
min-height: 20px;
}
.auto_auto{
display: flex;
}
.reducir{
font-size: 0.5em!important;
}
.vista_profesor{
width: 100% !important;
position: relative;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.caja_interna_nombre{
display:flex;
justify-content: center;
align-items: center;
}
.centrar_div{
width: 90% !important;
position: relative;
display: flex;
flex-direction: column;
/* justify-content: center; */
align-items: center;
}
.saludo_teacher{
background-color: #2E9AFE;
}
.departamentos_div{
font: 100% roboto;
color: #4b4b4b;
font-size: 23px;
text-align: center;
}
.botones_teacher{
font: 100% roboto !important;
color: #4b4b4b !important;
font-size: 17px !important;
text-align: center !important;
background-color: #eeeeee !important;
border-radius: 10px !important;
cursor: pointer;
width: 15em;
}

.departamentos_div_linea{
margin: 1em;
background-color: #d8d8d8;
height: 3px;
}
#informacion_primaria{
width: 100%!important;
}

.icon_imagen_caja{
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
height: 30px;
width: 30px;
border-radius: 50%;
}
.icon_center_caja{
height: 30px;
width: 30px;
}
.icon_center_menu{
height: 24px;
width: 24px;
}


/* CSS botones */
.funkyradio div {
clear: both;
overflow: hidden;
}

.funkyradio label {
width: 100%;
border-radius: 3px;
border: 1px solid #D1D3D4;
font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
position: relative;
line-height: 2.5em;
text-indent: 3.25em;
margin-top: 2em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
content: '';
width: 2.5em;
background: #D1D3D4;
border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
content: '\2714';
text-indent: .9em;
color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
content: '\2714';
text-indent: .9em;
color: #333;
background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
color: #333;
background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
color: #fff;
background-color: #5bc0de;
}

body,html{
min-width: 340px;
}

/*Css Ventana modal
*/
.cursos_class {
text-decoration: underline;
cursor: pointer;
text-align: right;
}
.modal_class{
padding-left: 15px !important;
padding-right: 15px !important;
}

.textarea_class{
margin-top: 15px !important;
}

.modal_class2{
max-height: 300px !important;
overflow:auto !important;
}

#page-site-index .btn-group-DobleButtom {
margin-bottom: 1%;
}


.header-syllabus{
width: 126.4%;
margin-top: 2%;
}
.content-block-syllabus{
width: 126.4%;
}
/*Editando la personalizar tema*/
.jqi .col-sm-6{
overflow-y: scroll;
}

.jqi .preview .content-login {
margin-left: 5%;
}
.jqi .content-login {
width: 90%;
margin-bottom: 3em;
margin-top: 4em !important;
}

.navigations-container{
position: fixed;
top: 69%;
display: flex;
z-index: 1;
justify-content: space-between;
}

.number-unread-notifications{
position: absolute;
bottom: 3px;
right: 9px;
width: 24px;
height: 24px;
font-size: 1em;
text-align: center;
border-radius: 50%;
background: #16dc7a;
color: #FFF;
border: none;
top: 6px;
line-height: 1.7em;
cursor: pointer;
pointer-events: none;

animation-name: parpadeo;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;

-webkit-animation-name:parpadeo;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}


@-moz-keyframes parpadeo{
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}

@keyframes parpadeo {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}


.btn-block .number-unread-notifications {
width: 24px;
height: 24px;
font-size: 1.3em;
padding-top: 0px;
top: 45px;
right: 45px;
}

.prorroga{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/clock') no-repeat left center;
color: rgba(87,170,219,1);
padding: 3px 0 0 16px;
font-weight: 700;
}



.information_class{
display: none;
position: absolute;
margin-left: 28px;
color: black;
background-color:#e6e6e6;
margin-top: -19px;
width: 100%;
padding: 10px;
}

#page-mod-scorm-player.pagelayout-embedded #scorm_content {
<!--height: 900px!important;-->
}

/* ########################### */
/*    Progreso david perez     */
/* ########################### */

.text_teacher{
text-align: center !important;
}
.box_teacher{
cursor:pointer;
background-color: rgba(128, 128, 128, 0.07);
border-left: #3b8ee2 6px solid;
height: 9em;
display: flex;
flex-direction: column;
align-items: center;
flex: 1 1;
min-width: 244px;
margin: 5px 10px 5px 10px;
}
.box_container_teacher{
display:flex;
flex-wrap: wrap;
}
.buttons_teacher_div{
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}

.text_title_box{
font-size: 0.8em !important;
}
.text_title_box2{
font-size: 1em !important;
margin: 0 0 0 10px;
text-align: left;
}

.internal_box_name{
display:flex;
justify-content: center;
align-items: center;
}

.department_div{
font: 100% roboto;
color: #4b4b4b;
font-size: 23px;
text-align: center;
margin-top:10px;
}
.buttons_teacher{
font: 100% roboto !important;
color: #4b4b4b !important;
font-size: 17px !important;
text-align: center !important;
background-color: #eeeeee !important;
border-radius: 18px !important;
cursor: pointer;
margin: 12px;
padding: 7px 15px 7px 15px;
display: flex;
align-items: center;
}
.buttons_teacher p{
margin: 0px 0px 0px 10px;
}
.buttons_teacher_select{
font-size: 26px !important;
color: #2386c3 !important;
}

.department_div_line{
margin: 20px 0px 20px 0px;
background-color: #d8d8d8;
height: 3px;
}
.department_div_line_select{
margin: 16px 0px 20px 0px !important;
}
.title_select{
margin: 0 0 6px !important;
}
#primary_information{
width: 100%!important;
}

.icon_image_box{
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
height: 30px;
width: 30px;
border-radius: 50%;
}
.icon_center_box{
height: 30px;
width: 30px;
}
.icon_center_menu{
height: 24px;
width: 24px;
}
.icon_center_menu_active{
height: 32px !important;
width: 32px !important;
}
.search_teacher{
background-color: #4f5d73;
color: white;
margin: 25px 0px 100px 0px;
border-radius: 15px;
}
.primary_text{
display: flex;
justify-content: center;
font-family: roboto;
font-size: 24px;
padding: 20px;
}
.primary_text span{
text-align: center;
font-weight: lighter;
}

.second_text{
display: flex;
padding: 0px 0px 20px 0px;
justify-content: space-around;
flex-wrap: wrap;
}
.second_text span{
padding: 7px 0px 7px 0px;
margin: 7px;
text-align: center;
border: 1px solid;
width: 250px;
cursor: pointer;
}
.result_box_teacher{
font-size: 3em;
}
.new_f_b{
margin: 6px;
padding: 1px 10px 1px 10px;
width: 70px;
border-radius: 10px;
background-color: #4f5d73;
color:white;
cursor: pointer;
text-align: center;
}
.icon_create_f_b{
height: 12px;
width: 12px;
}
.little_size{
padding:0px !important;
margin:0px !important;
display:flex !important;
position: relative;
flex-direction: column;
}
.little_size2{
width: 90% !important;
min-width: 90% !important;
min-height: 100% !important;
}
.little_size_roles{
padding:0px !important;
margin:0px !important;
display:flex !important;
position: relative;
flex-direction: column;
}
.little_size2_roles{
width: 50% !important;
min-height: 100% !important;
}
.activity_campus{
border-radius: 15px;
padding: 15px 0px 15px 0px;
margin-top:14px;
margin-bottom:14px;
}
.title_campus{
font-family: Arial;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.title_campus span{
margin:5px;
}
.title_campus #title_campus_one{
font-size: 14px;
font-weight: bold;
}
.title_campus #title_campus_two{
font-size: 25px;
font-weight: lighter;
text-align: center;
}
.box_container_homeworks{

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.box_container_homework{
cursor:pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: white;
font-family: Roboto;
margin: 20px 10px 0px 10px;
padding: 12px 10px 16px 10px;
min-width: 194px;
position: relative;
}
.bch_one{
padding-bottom: 10px;
font-size: 17px;
font-weight: lighter;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.bch_two{
font-size: 35px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.bch_two div{
display: flex;
flex-direction: row;
justify-content: center;
}
.bch_one_icon{
margin-bottom: 10px;
width: 54px;
height: 54px;
border-radius: 33px;
}
.icon_pending{
cursor:pointer;
background-color:#64dd17;
font-family: Roboto;
border-radius: 8px;
color:white;
padding: 1px 8px 1px 8px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin: 15px 0px 0px 0px;
transition:scale 0.5s;
}
.icon_pending span{
height: 18px;
}
.bch_icon{
width: 12px;
height: 12px;
border-radius: 33px;
margin-right: 3px;
}
.line_black{
background-color: #4b4b4b;
height: 1px;
width: 100%;
}
.bch_two_one{
height: 44px;
margin-top: 10px;
align-items: center;
}
.bch_two_one .bto_1{
font-size: 50px;

}
.bch_two_one .bto_2{
font-size: 35px;
margin-right: 10px;
}
.bch_two_one .bto_3{
font-size: 35px;
}
.bch_two_two{
font-size: 12px;
margin: 20px 0px 0px 0px;
margin-left: 10px;
}
.bch_two_two .btt_1{
margin-right: 20px;
}
.select_box_homework{
background-color:#3b8ee2;
height: 6px;
width: 100%;
position: absolute;
bottom: 0px;
}
.arrow_down {
margin: 5px;
width: 0;
height: 0;
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #3b8ee2;
}
.arrows{
display: flex;
justify-content: space-between;
width: 82%;
margin-left: 98px;
}
.teacher_welcome_one{
display: flex;
position: relative;
justify-content: center;
align-items: center;
padding: 15px 0px 15px 0px;
}
.teacher_welcome_two{
background-color: #e2e5ee;
width: 90%;
border-top: #2386c3 3px solid;
border-bottom: #2386c3 3px solid;
display: flex;
flex-direction: row;
padding: 10px 56px 10px 56px;
flex-wrap: wrap;
display: flex;
align-items: center;
}
.icon_welcome{
width: 75px;
height: 75px;
border-radius: 50%;
background-color: #c9ccd5;
display: flex;
align-items: center;
justify-content: center;
margin: 5px 20px 5px 0px;
}
.text_welcome{
font-family: Roboto;
color: #4b4b4b;
font-size: 19px;
display: flex;
flex-direction: column;
}
.name_user_text{
font-size: 32px;
display: flex;
flex-direction: row;
}
.name_user_text #rol_user{
font-size: 24px;
color: #2386c3;
}
@media only screen and (max-width: 675px){
.title_campus #title_campus_one{
margin-top:50px;
}
.teacher_welcome_two{
justify-content: center;
}
.icon_welcome{
margin: 5px 0px 5px 0px;
}
.text_welcome #welcome {
text-align: center;
}
}
.no-select:hover{
background-color: inherit !important;
}
.teacher_day{
display: flex;
position: relative;
justify-content: center;
align-items: center;
padding: 15px 0px 15px 0px;
}
.teacher_day_div{
background-color: white;
padding: 15px 0px 15px 0px;
width:90%;
}
.box_container_homework2{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #EEEEEE;
font-family: Roboto;
margin: 20px 10px 0px 10px;
padding: 12px 10px 28px 10px;
min-width: 188px;
position: relative;
max-width: 16%;
}
.btt_1_day_teacher{
margin:0px;
width: 39%;
text-align: center;
}
.btt_2{
width: 42%;
text-align: center;
}
.date_day{
color: white !important;
background-color: #77c2b0;
height: 27px;
min-width: 150px;
position: absolute;
border-radius-right: 30px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
color: black;
-webkit-box-shadow: 15px 15px 19px 2px rgba(186,186,186,1);
-moz-box-shadow: 15px 15px 19px 2px rgba(186,186,186,1);
box-shadow: 6px 6px 9px 2px rgba(186,186,186,1);
display: flex;
align-items: center;
justify-content: center;
}
.select__{
background-color: black !important;
margin: 16px 0px 20px 0px !important;
font-size: 26px !important;
color: #2386c3 !important;
}
.modal-contenido2{
border: #3b8ee2 1px solid !important;
margin-top: -10px;
background-color:white;
border: blue 1px;
width:90%;
padding: 16px;
position: absolute;
z-index: 1;
transition: all 1s;
opacity: 1;
display: none;
text-align: center;
}
.modal-contenido2 span{
color: #4b4b4b !important;
}
.open_modal_all{
opacity:1;
transition: all 1s;
}
.head_modal{
display: flex;
justify-content: center;
}
.modal-contenido2 input[type="text"]{
width: 96%;
padding: 7px;
border: 2px solid #3b8ee2;
color: #4b4b4b!important;
border-radius: 5px;
}

.modal-contenido2 input[type="button"]{
background-color: #3b8ee2;
padding: 8px 0px 8px 0px;
}
.buttons_answer{
display:none;
background-color: white;
border-radius: 15px;
padding: 15px 0px 15px 0px;
margin: 79px 0px 20px 0px;
position: relative;
}
@media (max-width: 978px) {
.buttons_answer{
margin: 115px 0px 20px 0px;
}
.class_count_search {
top: 15px!important;
}
}
@media (max-width: 504px) {
.buttons_answer{
margin: 135px 0px 20px 0px;
}
}
.green_point{
width: 6px;
height: 6px;
border-radius: 33px;
background-color: #64dd17;
white-space: normal;
display: inline-flex;
position: relative;
top: -2px;

}
.td_online{
display: flex;
justify-content: center;
align-items: center;
height: 37px;
}
.searchTable tr:not(:first-child):hover{
background-color:#bfd4ff;
}

.space_between{
width:13%;
}
/*checkboxTable */
.custom_student_checkbox  .label_check_table{
font-size:1.2em;
padding-left:0px!important;
cursor:default;
}

.custom_student_checkbox .checkbox label:after,
.radio label:after {
content: '';
display: table;
clear: both;
}

.custom_student_checkbox .checkbox .cr,
.radio .cr {
position: relative;
display: inline-block;
border: 1px solid #a9a9a9;
border-radius: .25em;
width: 1.3em;
height: 1.3em;
float: left;
margin-right: .5em;
}

.custom_student_checkbox .radio .cr {
border-radius: 50%;
}

.custom_student_checkbox .checkbox .cr .cr-icon,
.radio .cr .cr-icon {
position: absolute;
font-size: .8em;
line-height: 0;
top: 50%;
left: 20%;
}

.custom_student_checkbox .radio .cr .cr-icon {
margin-left: 0.04em;
}

.custom_student_checkbox .checkbox, .radio{
margin-left: 2%;
}
.custom_student_checkbox .checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
display: none;
}

.custom_student_checkbox .checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
transition: all .3s ease-in;
}

.custom_student_checkbox .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
transform: scale(1) rotateZ(0deg);
opacity: 1;
}

.custom_student_checkbox .checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
opacity: .5;
}
.fa-check{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/checked');
background-size: contain;
width: 70%;
height: 70%;
margin-top: -35%;
background-repeat: no-repeat;
cursor: default;
}

.more_button{
cursor:pointer;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/opciones_20');
background-size: contain;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position:center;
border-radius: 50px;
}

.more_button:hover{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/opciones_hover_20');
background-repeat: no-repeat;
background-position:center;
}

.searchTable td{
height:100%;
}
.td_center_align{
text-align:center;
}

.td_right_align{
display:flex;
height:100%;
align-items: right;
position: relative;
}

.table_chat{
width:36px;
height:36px;
border-radius:50%;
cursor:pointer;
transform:scale(0.7);
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/iniciar_chat');
background-repeat: no-repeat;
background-position:center;
}

#answer_div{
width: 94%;
margin-left: 3%;
margin-top: 4%;
}
.table_alertIcon{
width: 32px;
height: 32px;
border-radius: 50%;
cursor: pointer;
transform: scale(0.4);
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/bell');
background-repeat: no-repeat;
background-position: center;
opacity: 0.25;
}
.chat_cloud{
position: absolute;
left: 31px;
background-color: #5a5a5a;
z-index: 1;
top: 0px;
width: 81px;
color: white;
height: 22px;
display:none;
text-align: center;
padding: 3px;
font-size: 0.9em;
}
.custom_student_checkbox .checkbox label, .radio label{
min-height: 20px;
padding-left: 0px!important;
margin-bottom: 0;
font-weight: 400;
width: 22px;
}

#consult_student_window div{
flex: 4 1;
display:flex!important;
min-width: 356px;
flex-direction:row;
align-items:flex-start;
flex-wrap: wrap;
justify-content: center;
}
.modal-contenido2 input[type="button"] {
flex:1 1;
margin-top: 20px;
min-width: 82px;
max-width: 100px;
}
.empty_error{
margin-top: 10px;
color: #f31515;
justify-content: flex-start!important;
margin-left: 9px;
}
.flex_flex{
display:flex!important;
}
.flex_flex2{
display:flex!important;
justify-content: space-between;
}
.td_group_div{
display: flex;
align-items: center;
min-height: 36px;
position:relative;
}
.td_group_div2{
margin-left:5px;
}

#consult_student_window div {
min-width: 191px;
}
@media (max-width: 510px) {
#consult_student_window div {
min-width: 191px;
}
}
.cell_modal{
justify-content: flex-start!important;
}

.aaff_class_limited{
min-width: 250px;
}

.result-send-communication{
margin-left: 50px;
}

.result-send-communication.correct{
color: #3c763d;
}

.result-send-communication.error{
color: #a94442;
}

.form-send-tutorship-role-tutor{
background: #efefef;
padding: 30px 15px 5px 0;
}

.class_count_search{
position: absolute;
top: 30px;
}

@media (max-width: 640px) {
.buttons_answer {
margin: 155px 0px 20px 0px;
}
.class_count_search {
top: 12px!important;
}
}
@media (max-width: 410px) {
.buttons_answer {
margin: 250px 0px 20px 0px;
}
.class_count_search {
top: -16px!important;
}
}
.window_class{
justify-content:space-around;
flex-wrap:wrap;
flex-direction: column;
}
#search_action_window div{
flex: 4 1;
display:flex!important;
min-width: 180px;
flex-direction:row;
align-items:flex-start;
flex-wrap: wrap;
justify-content: center;
}

#locate_group_window div{
flex: 4 1;
display:flex!important;
min-width: 180px;
flex-direction:row;
align-items:flex-start;
flex-wrap: wrap;
}
#submit_communication_window div{
flex: 4 1;
display:flex!important;
min-width: 180px;
flex-direction:row;
align-items:flex-start;
flex-wrap: wrap;
justify-content: center;
}
.date_group{
width: 90px !important;
border-radius: 0px !important;
margin: 0px 16px 0px 0px;
}
.count_aaff{
font-weight: bold;
}
.group_aaff_group{
flex: 6 1!important;
}
.group_date_group{
flex: 3 1!important;
}
.group_group_group{
flex: 3 1!important;
}
.group_icon{
width: 60px;
height: 25px;
cursor: pointer;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/grupos');
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
padding: 5px 0;
text-align: left;
}
.small_td{
height:27px;
}
.medium_td{
min-width:117px;
}
.null_table{
border-top: 0px!important;
padding: 0px!important;
}
.table_user{
margin-bottom:0px;
}
.table_user tr{
background-color:#ecebeb!important;
}
.table_user tr:hover{
background-color:#ecebeb!important;
}
.exit_scroll{
transform: scale(1) rotateZ(0deg)!important;

}
.table_active{
display: table-row !important;
-moz-transition:0.2s;
-ms-transition:0.2s;
-o-transition:0.2s;
-webkit-transition:0.2s;
transition:0.2s;
background-color: #efefef!important;
}
.table_off{
display:none;
}
.timeStartTd div{
justify-content: flex-end;
}
.chat_icon_2{
display: flex;
justify-content: flex-end;
width: 0px;
}
second_table_student_checkbox{
width:5%;
}
.more_button_info{
position: absolute;
background-color: white;
width: 168px;
display: none;
left: -175px;
top:0px;
z-index: 1;
-webkit-box-shadow: -1px 1px 14px 2px rgba(168,168,168,1);
-moz-box-shadow: -1px 1px 14px 2px rgba(168,168,168,1);
box-shadow: -1px 1px 14px 2px rgba(168,168,168,1);
}
.more_button_info ol{
list-style: none;
margin: 0px;
width: 100%;
}
.tutorStyle{
margin:10px;
font-size:12px;
}
.more_button_info ol li {
border-bottom: 1px solid gainsboro;
padding: 6px 6px 6px 11px;
width: 100%;
text-align: left;
font-family: robot;
font-size: 13px;
color: #4b4b4b;
}
.more_button_info ol li:hover{
cursor:pointer;
text-decoration: underline
}
.tutoria_result_table{
display:none;
background-color:white !important;
}
.table-responsive{
overflow:inherit;
}

.center_text_class{
text-align:center!important;
}
.active_department{
border:1px solid #999999;
color:rgb(35, 134, 195) !important;
transform:scale(1.12);
}
.search_click{
margin: 30px 20px 30px 20px;
display:none;
}
.hidden_text{
display:none;
}
.box_teacher_select {
cursor: pointer;
background-color: #3b8ee2!important;
border-left: #3b8ee2 6px solid;
height: 9em;
display: flex;
flex-direction: column;
align-items: center;
flex: 1 1;
min-width: 244px;
margin: 5px 10px 5px 10px;
color: white!important;
}
#date1:hover{
background:none;
}
#date2:hover{
background:none;
}
#date1{
width: 96%;
border: 2px solid #3b8ee2;
color: #4b4b4b!important;
height: 38px;

}

#date1::-webkit-input-placeholder{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/calendar') no-repeat scroll 0 0 transparent;
background-position: -7px -1px;
height: 100%;
text-align: -webkit-center;
}

#date2::-webkit-input-placeholder{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/calendar') no-repeat scroll 0 0 transparent;
height: 100%;
background-position: -7px -1px;
text-align: -webkit-center;
}

#date2{
width: 96%;
border: 2px solid #3b8ee2;
color: #4b4b4b!important;
height: 38px;
}
.group_state_div{
max-width: 60px !important;
min-width: 60px !important;
margin-top: 12%;
margin-left: -32%;
flex-wrap:nowrap !important;
}
.group_state_div .checkbox{
min-width: 29px !important;
}
.group_state_div span{
position:relative !important;
right:24px !important;
}

.group_state_div2{
max-width: 60px !important;
min-width: 35px !important;
flex-wrap:nowrap !important;
margin-top: 12%;
margin-left:3%;
}
.group_state_div2 .checkbox{
min-width:30px !important;
}
.group_state_div2 span{
position:relative !important;
}
.custom_student_checkbox .cell_modal{
margin-top: 7px;
margin-left: 28px;
}
.blue_checkBox {
border-radius:0 !important;
border:2px solid #3b8ee2 !important;
}

.blue_checkBox{
border-radius:0 !important;
border:2px solid #3b8ee2 !important;
}
.margin_enrollment{
margin-right:32px!important;
}
.margin_chat{
position: relative;
display: flex;
justify-content: flex-end;
margin-right: 14.5px;
}
.chat_cloud2 {
position: absolute;
left: 84px;
background-color: #5a5a5a;
z-index: 1;
top: 0px;
width: 81px;
color: white;
height: 22px;
display: none;
text-align: center;
padding: 3px;
font-size: 0.9em;
}
.tic_active{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/checked-green');
height: 32px;
text-align: -webkit-center;
width: 32px;
transform: scale(0.4);
background-repeat:no-repeat;
}
.tic_inactive{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/multiply-grey');
height: 32px;
text-align: -webkit-center;
width: 32px;
transform: scale(0.33);
background-repeat:no-repeat;
}
.teacher_day,.teacher_welcome_one{
display:none;
}
.greyCount{
color:#b5abab;
}
.white_count{
background-color:white!important;
}
<!--.campus_activities_result{-->
<!--width:100%-->
<!--height:500px;-->
<!--background-color: white;-->
<!--}-->
<!--#tutoriaBox{-->
<!--cursor:pointer;-->
<!--}-->

.boderTopTable{
border-top:1px solid #a09c9c;
<!--overflow-y: hidden;-->
}

.spanResultCampus{
color: rgba(68,68,68,1);
font-size: 14px;
font-weight: bold;
}
.pendientes_campus{
color:#3b8ee2;
}
.campus_activities_result{
margin-top: 30px;
background-color: white;
}
.registro{
min-width: 87px;
}
.tutAlignment{
display: flex;
flex-direction: column;
align-items: center;
}
.tutPendientesText{
margin-right:9px !important;
}
.tutPendintesAlumnOnline{
margin-right: 11px;
}
.tutIconMargin{
margin-right: 7px;
}
.tutTextMargin{
margin-right: 6px;
}
.icon_pending:hover {
transform: scale(1.2);
}
.num_consult div{
justify-content: center;
font-size: 14px;
font-weight: 600;
}
.loader_tut{
display:none;
transform:scale(0.7);
}
.loader_campus{
margin-top:15px;
display:none;
transform:scale(0.7);
}
.loader_count{
transform:scale(0.5);
}
.loader_count_response_notices{
transform:scale(0.5);
display:none;
}
.loader_search{
display:none;
transform:scale(0.7);
}
.loader_buttons{
display:none;
transform:scale(0.7);
}
#loaderCampusActivities{
width:100%;
display:flex;
justify-content:center;

}


#newmessageoverlay{
position: fixed;
right: 0;
top: 210px;
height: 100px;
z-index: 500;
}

#alert-tutor-connect{
background-color: #85C183;
position: fixed;
right: 0;
top: 100px;
padding: 10px;
border-radius: 5px;
z-index: 1000;
text-align: center;
}
.answer_tutoria{
font-size: 16px;
}
.loader_search_start{
display: flex;
align-items: center;
justify-content: center;
}

.loader_buttons_answer{
display: none;
align-items: center;
justify-content: center;
padding: 15px 0px 0px 0px;
margin: 79px 0px 0px 0px;
}

.box_innotutor_message{
width: 100%;
margin: 0 auto;
height: auto;
background-color: rgba(232, 232, 232, 0.68);
border-radius: 10px;
margin: 20px 0px 20px 0px;
padding:9px;
}

.hide_div_standard{
display:none;
justify-content: center;
margin-top:30px;
margin-bottom:30px;
}

.display_flex_class{
display:flex;
justify-content: center;
}

.bienvenido_title{
font-weight: bold;
font-size: 16px;
font-weight: 500;
}
.name_title_login{
font-weight: bold;
font-size: 22px;
}
.box_roles_login{
background-color: #dedede;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 25px;
}
.title_one_roles{
font-weight:100;
font-size: 20px;
padding: 30px 0px 30px 0px;
}
.box_roles_class{
background-color:white;
border-radius:10px;
display:flex;
justify-content: space-around;
width: 500px;
}
.box_roles_image{
margin:10px 15px 10px 15px;
border-radius: 50px;
width:60px;
height:70px;
cursor:pointer;
margin:auto;
}
.box_img_alumn{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/1_alumno');
background-repeat: no-repeat;
background-position: bottom;
}
<!--.box_img_alumn:hover{-->
<!--background: url('--><!--');-->
<!--background-repeat: no-repeat;-->
<!--background-position: center;-->
<!--}-->
.box_img_alumn_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/1_alumno_hover');
background-repeat: no-repeat;
background-position: bottom;
}
.box_img_teacher{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/2_profesor');
background-repeat: no-repeat;
background-position: bottom;
}
.box_img_globalteacher{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/4_auditor');
background-repeat: no-repeat;
background-position: bottom;
}
.box_img_editingteacher{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/3_tutor');
background-repeat: no-repeat;
background-position: bottom;
}
<!--.box_img_teacher:hover{-->
<!--background: url('--><!--');-->
<!--background-repeat: no-repeat;-->
<!--background-position: center;-->
<!--}-->
.box_img_teacher_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/2_profesor_hover');

background-repeat: no-repeat;
background-position: bottom;
}
.box_img_globalteacher_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/4_auditor_hover');

background-repeat: no-repeat;
background-position: bottom;
}
.box_img_editingteacher_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/3_tutor_hover');

background-repeat: no-repeat;
background-position: bottom;
}
.box_img_manager{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/4_auditor');
background-repeat: no-repeat;
background-position: bottom;
}
<!--.box_img_manager:hover{-->
<!--background: url('--><!--');-->
<!--background-repeat: no-repeat;-->
<!--background-position: center;-->
<!--}-->
.box_img_manager_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/4_auditor_hover');

background-repeat: no-repeat;
background-position: bottom;
}
.box_img_sepe{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/5_sepe');
background-repeat: no-repeat;
background-position: bottom;
}
<!--.box_img_sepe:hover{-->
<!--background: url('--><!--');-->
<!--background-repeat: no-repeat;-->
<!--background-position: center;-->
<!--}-->
.box_img_sepe_select{
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/5_sepe_hover');

background-repeat: no-repeat;
background-position: bottom;
}

#boton_update_time{
z-index: 999;
display:block;
cursor: pointer;
position: absolute;
bottom: 24px;
right: 4px;
background-color: #ffdca7;
font-size: 0.8em;
border-radius: 51px;
padding: -3px;
padding: 1px 5px 1px 5px;
}

.time-end-popover.text-documentos{
font-weight: bold;
color: #4e5d72;
}

.loader_time_update{
display: none;
width: 25px;
height: 25px;
background: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/ring');
background-repeat: no-repeat;
background-position: center;
background-size: 25px;
position: absolute;
bottom: 20px;
right: 20px;
}

.box_name_roles{
margin-bottom: 15px;
width: 360px;
display: flex;
justify-content: space-around;
}

/************ VISTA MANAGER ****************/
.title-box-response-notices{
text-align: left;
width: 100%;
border-bottom: 3px solid #CCC;
padding: 5px;
font-size: 1.4em;
color: #000;
position:relative;
margin-bottom: 10px;
}

.title-box-response-notices .btn-close{
position: absolute;
right: 0;
cursor: pointer;
top: 0;
}

/************ Tabla secundaria que se carga bajo un tr. Esta clase se añade a un td ****************/
.td-sub-table{
background-color: #3b8ee2;
}

#block-region-educalms-chat {
min-height: 0;
}

.color_primary_inscription{
color: rgba(87,170,219,1)!important;
}
.color_secundary_inscription{
color: rgba(87,170,219,1)!important;
}
.background_color_primary_inscription{
background-color: rgba(87,170,219,1)!important;
color:white!important;
}
.background_color_sub_inscription{
background-color: #dae8fe!important;
}

.background_color_primary_inscription:hover{
background-color: rgba(87,170,219,1)!important;
}

.vb_div_flex{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}

.vb_span_flex{
display: flex;
justify-content: center;
align-items: center;
}

.vb_div_container{
display: flex;
width: 100%;
margin-bottom: 15px;
border: 2px solid #e2e2e2;
}

.vb_div_box{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
cursor: pointer;
border-right: 1px solid #ededed ;
border-left: 1px solid #ededed ;
align-items: center;
}

.vb_padding_box{
width: 33%;
padding: 6px 0px;
background-color: white;
transition: background-color 300ms linear;
}

.vb_padding_box:hover{
background-color: #ededed;
transition: background-color 300ms linear;
}

#progress-popup-content .box-cabecera .box-time-value.text-chart .completed-text{
color: #7fbdef;
font-size: 14px;
}
#progress-popup-content .box-cabecera .box-time-value.text-chart .to-complete-text{
color: #edc7bb;
font-size: 14px;
}
#progress-popup-content .box-cabecera .box-time-value.text-chart .total-text{
color: #979797;
font-size: 14px;
}
#progress-popup-content .box-cabecera {
padding: 8px !important;
}
#progress-popup-content .progress {
height: 12px;
}
#progress-popup-content .progress .progress-completed-bar {
color: #7fbdef;
}
#progress-popup-content .progress .progress-to-complete-bar {
background: #eab2a1 repeating-linear-gradient(-45deg, #fff, #fff 1px, #eab2a1 2px, #eab2a1 5px);
}

#progress-popup-content .row{
display: flex;
}

#progress-popup-content .row .box-cabecera {
flex-grow:1;
flex-shrink:1;
min-width: 200px;
}

.progress.my-progress-bar{
margin-bottom: 5px;
background-color: #979797;
}

.popover-graphic{
width: 125px;
padding-top: 4px;
padding-bottom: 1px;
}


#chart-time-course-button{
height: 10px;
margin-bottom: 2px;
}

.box-time-value.text-chart.graphic{
font-size: 11px;
}

#button-progress-course-graphic .box-time-value .text-chart.completed-text{
color: #7fbdef;
}

.text-chart.total-text.button-graphic{
color: #979797;
}


.container-fluid.menu-sections > .row{
margin: 0 0;
}
.doc-icon-popover{
margin-right: 5px
}

#time-hour-isworking{
color: #7fbdef;
}
#time-hour-required-isworking{
color: #edc7bb;
}

.text-horas-formacion-requerida{
text-align:center;
font-weight: bold;
color: #4e5d72 !important;
}

.list-document-popover{
display: flex;
align-items: center;
color: #4e5d72 !important;
}

.list-document-popover:hover{
background-color: #dbdbdb;
color: #2386c3 !important;
}

.list-document-popover:hover li a {
color: #2386c3 !important;
}

.my-tooltip-doc{
display: inline-flex;
}

.content-box-block #wait-loader {
display: block;
position: relative;
top: 15%;
width: 50px;
height: 50px;
margin: 0 auto;
z-index: 999;
left: -11%;
}

/*--------------
Loading, sacado de Semantic
---------------*/
/* Specificity hack */
.educa.loading.loading.loading.loading.loading.loading.btn {
position: relative;
cursor: wait;
text-shadow: none !important;
color: transparent !important;
opacity: 1;
-webkit-transition: all 0s linear, opacity 0.1s ease;
transition: all 0s linear, opacity 0.1s ease;
pointer-events: none;
}

.educa.loading.btn:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -0.64285714em 0em 0em -0.64285714em;
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
border: 0.2em solid rgba(0, 0, 0, 0.15);
}

.educa.loading.btn:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -0.64285714em 0em 0em -0.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: button-spin 0.6s linear;
animation: button-spin 0.6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #FFFFFF transparent transparent;
border-style: solid;
border-width: 0.2em;
-webkit-box-shadow: 0px 0px 0px 1px transparent;
box-shadow: 0px 0px 0px 1px transparent;
}

@-webkit-keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes button-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

.config_guide_course_select{
border: 1px solid #f0f0f0;
overflow: auto;
margin: 15px 8px;
padding: 0;
height: 400px;
}
.config_guide_course_select h5 {
font-size: 14px;
padding: 10px 20px;
background: #758b98;
color: white;
font-family: roboto, verdana;
text-transform: uppercase;
margin: 0 0 5px 0;
box-shadow: 0px 1px 5px #666;
}
.select_guide_settins{
cursor: pointer;
text-align: center;
border-bottom: 1px solid silver;
width: auto;
font-family: roboto,verdana;
font-size: 14px;
color: #424242;
line-height: 30px;
margin: 0 10px;
}

.select_guide_settins:hover{
background: #ededed;
}

.select_guide_settins_group{
cursor: pointer;
text-align: center;
border-bottom: 1px solid silver;
width: auto;
font-family: roboto, verdana;
font-size: 14px;
color: #424242;
line-height: 30px;
margin: 0 10px;
}

.select_guide_settins_group:hover{
background: #ededed;
}
#form-settings-course_guide .title_guide {
font-family: roboto, verdana;
font-size: 17px;
font-weight: normal;
padding: 0 10px;
}
.btn.vb_btn{
background-color: transparent;
}

#modal-informes .modal-dialog{
max-width: 950px;
}

#modal_tutoria .modal-dialog{
max-width: 950px;
}


.box-dates-enrol .btn.btn-default:focus{
outline:0
}
/*VERSION PARA MOVILES*/
@media only screen and (max-device-width:700px){

#home{
display:flex;
position:absolute;
top:-88px;
left:9px;
display:flex;
}

.dropdown-toggle{
position: absolute;
top:15px;
left:7px;
display: flex;
}

.btn-accessibility {
position: absolute;
top:-3px;
left:-30px;
display: flex;

}

.btn-new-course-frontpage {
position: absolute;
top:-12px;
display: flex;
}

.btn-delete-course-frontpage{
position: absolute;
top:-30px;
display: flex;
}

.btn-sidebar{
position: relative;
top:-10px;
display: flex;
}

.text{
position:relative;
top:-5px;
left:10px;
display:flex;
}

.button-menu-sup{
position:absolute;
top:80px;
height:auto;
width:auto;
display:flex;
}

.config-blocks{
position:relative;
top:17px;
display:flex;
}

.blocks-section .div-icon{
position:relative;
top:15px;
left:55px;
display:flex;
}

.nota-sections{
position:relative;
top:10px;
left:41px;
display:flex;
}

.sidebar-blocks{
width:300px;
height:auto;
}

.blocks-section .block-text{
color:#FF1493
}

.sidebar-left{
height: auto !important;
max-height: initial;
min-height: initial;
}

.sidebar-blocks a{
position:absolute;
left:20px;
display:flex;
}

.btn-accessibility .nav>li>a, .btn-accessibility .nav>li>a{
position:relative;
top:-35px;
}
.btn-settings-admin{
position:relative;
top:-50px;
}
.blocks-section .btn-block img{
position:relative;
left:50px;
top:10px
}
.blocks-section .block-text{
position:relative;
top:-12px;
left:-20px;
}

#page-content {
min-width: 395px;
}

.box_roles_class{

width: 350px;
height: 200px

}
.box_roles_image{
width:70px;

}

.box_img_teacher{

position: relative;
top: 100px;
left: -32px;

}

.box_img_alumn {
position: relative;
left: 65px;
}

.box_img_editingteacher{

position: relative;
top: 100px;
left: -71px;
}

.box_img_globalteacher{

position: relative;
left: 15px;
}

.box_img_sepe{

position: relative;
top: 100px;
left: -80px;
}

}
/*VERSION PARA TABLETS*/

@media only screen and (min-width:768px) and (max-width:1020px){

.nota-sections{
position:relative;
top:10px;
}

.div-icon{
position:relative;
top:15px;
}

.config-blocks{
position:relative;
top:17px;
}

.dropdown-toggle{
position: absolute;
left:7px;
display:flex;
}

.btn-accessibility {
position: absolute;
left:-30px;
display:flex;
}

.sidebar-left{
height: auto !important;
max-height: initial;
min-height: initial;
}

.blocks-section .block-text{
color:#FF1493;
position: relative;
left: 1px;
}

.div-icon-blog{
margin-left: 27.55em !important;
}

.navbar-sup .info-user{
position:relative;
top:-50px;
}

#page-content {
min-width: 700px;
}


}

/*VERSION PARA MÓVILES PEQUEÑOS*/
@media only screen and (max-width:365px){

.btn-accessibility{
position:absolute;
left:-50px;
}

.navbar-sup .info-user{
position:relative;
left:300px;
top:-130px;
}

<!--#page-content #content{-->
<!--max-height:500px;-->
<!---->
<!--}-->

.navbar-sup .button-menu-sup {
float: left;
width: 10px;
display:flex;

}

.btn-accessibility .nav>li>a, .btn-accessibility .nav>li>a{

position:relative;
top:-37px;

}
.btn-settings-admin{
position:relative;
top:-50px;

}

.btn-delete-course-frontpage{
position:absolute;
top:-12px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
position:relative;
left:400px;

}

#page-content #content{
padding-right: 70px;
}

<!--#page-content{-->
<!--position:relative;-->
<!--max-width:200px;-->
<!--}-->
}

@media only screen and (max-width:427px){

.sidebar-left{
max-width: 344px;

}
}
/*VERSION PARA IPHONE 6/7 IPHONE X*/
@media only screen and (max-width:375px){
#page-content #content{
padding-right: 70px;
}

.navbar-nav > li > .dropdown-menu{

left:-140px;
}
}

.list_book:hover{
background-color: #e4e4e4;
}
.list_book{
width: 50px;
position: absolute;
top: 0;
left: 0;
background-color: #f2f2f2;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 11px;}

#result_files_alumn #download-all{
float: right;
margin: 10px;
color: white;
border-radius: 10px;
background-color: #0d3954;
}

#result_files_alumn #download-zip{
float: right;
margin: 10px;
color: white;
border-radius: 10px;
background-color: #0d3954;
}
#result_files_alumn #download-occuped{
float: right;
margin: 10px;
color: white;
border-radius: 10px;
background-color: #0d3954;
}

#result_files_alumn #content-pdf-self-assessments *{
font-family: 'Roboto', sans-serif;
font-size:13px;
}

#result_files_alumn #content-pdf-self-assessments .contenidos {
overflow:hidden;
}

#result_files_alumn #content-pdf-self-assessments .UDI .contenidos {
margin-left: 10px;
}

#result_files_alumn #content-pdf-self-assessments .AFO, .MOD, .UFO, .UDI, .EVA {
clear: both;
float: left;
width: 99%;
}

#result_files_alumn #content-pdf-self-assessments .AFO > .info {
margin-bottom: 15px;
font-weight: bold;
padding: 5px 10px 3px 0px;
display: none;
}

#result_files_alumn #content-pdf-self-assessments .MOD > .info {
background-color: #EDEDEF;
border-left: 2px solid #2385C2;
color: #656462;
font-weight: bold;
padding: 5px 10px 3px 10px;
margin-top: 15px;
width: 100%;
}

#result_files_alumn #content-pdf-self-assessments .UFO > .info {
color: #629ACB;
font-weight: bold;
padding: 5px 10px 3px 0px;
margin-top: 15px;
}

#result_files_alumn #content-pdf-self-assessments .UDI{
margin-left: 10px;
}

#result_files_alumn #content-pdf-self-assessments .UDI > .info {
color: #535152;
font-weight: bold;
padding: 5px 10px 3px 0px;
margin-top: 10px;
}

#result_files_alumn #content-pdf-self-assessments .info{
display: inline-block;
margin-left: 10px;
}


#result_files_alumn #content-pdf-self-assessments .descarga {
background: url('./imagenes/iconodescarga.png') no-repeat left center;
padding: 8px;
padding-left: 27px;
display: inline-block;
text-decoration: none;
margin-left: 15px;
color: teal;
}

#result_files_alumn #content-pdf-self-assessments div.archivos{
clear: both;
}

#banner-platform{
width: 100%;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
height: auto;
}
#banner-platform form * {
margin:10px
}

#banner-platform form{
display: flex;
justify-content: flex-end;
align-items: center;
}

#banner-platform form input[type="submit"]{
background-color: #b0ccff;
font-weight: bold;
color: #02275e;
height: 39px;
border-radius: 10px;
}
img#banner-platform {
cursor: pointer;
}




#profile_student_image  #content_student  #formulario{
    display: flex;
}


.avatar-student  .userpicture {
    padding-bottom: 2px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border-radius: 100px;
}
#profile_student_image{
    text aling: center;

}

#profile_student_image .title_student{

    border: rgb(0, 0, 0) solid 1px;
    border-radius: 12px;
    background-color: #4e5d72;
    color: azure;
    box-shadow: 0px 0px 10px #888888;

    padding-bottom: 7px;
    margin: auto;
}

#profile_student_image #content_student #formulario #document{
    flex-grow: 0;
    margin: auto;
    padding-left: 57px

}

#profile_student_image #content_student #document #tamanoImagen{
    background-color: #2386c3;
    color: white;
}

#profile_student_image #content_student #document #photo{
    margin: auto;
}

#profile_student_image #content_student #formulario #images{
    flex-grow: 1;
    padding-top: 70px;
    padding-bottom: 20px;
}

#profile_student_image #content_student #formulario .userpicture{
    height: 300px;
    width: 300px;
    box-shadow: 5px 9px 56px #888;
    border-radius: 50%;
}
.box-student-without-teaching{
    background-color: #ffffffb3;
    border: 1px solid #4e5d72;
    color: #4e5d72;
    padding: 5px;
    position: relative;
    font-size: 15px;
    margin: 20px auto 0 auto;
    width: 80%;
    text-align: center;
    max-width: 905px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 55px;
}

.box-student-without-teaching img{
    position: absolute;
    left: -23px;
    top: -23px;
}

.tooltiptext_enrolment_state{
    visibility:hidden;
    position:absolute;
    top: 100%;
    left: 50%;
    margin-left: -30%;
}

.tooltip_enrolment_state:hover .tooltiptext_enrolment_state{
    visibility:visible;
}
.tooltip_enrolment_state{
    display:inline-flex;
}

.ver_carpetas_documentos{
    text-decoration: underline;
    color:#4e5d72;
    padding:10px;
}

.ver_carpetas_documentos:hover{
    text-decoration: underline;
    color:rgba(35,134,195,1) ;
}

.container_ver_carpetas_documentos{
    margin: 10px auto 0;
}
.gradingtable{
background: white;
padding: 20px;
}
.gradingbatchoperationsform{
background: white;
padding: 20px;
}
.gradingoptionsform{
background: white;
padding: 20px;
}
.initialbargroup{
display: flex;
justify-content: space-around;
align-items: center;
}
.modal-container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4050;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
}
.modal-container.show .modal {
display: block;
}
.modal-container .modal {
position: relative;
margin: 50px auto 30px;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
max-width: 560px;
box-shadow: 5px 5px 20px 0 #666;
border-radius: 10px;
border: none;
}
.modal-container .modal .modal-header {
min-height: 13px;
padding: 5px;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
color: #333;
text-align: center;
text-shadow: 1px 1px 1px #fff;
border-bottom: 1px solid #bbb;
background: #ccc;
background-color: #ebebeb;
background-image: linear-gradient(to bottom,#fff,#ccc);
background-repeat: repeat-x;
border-radius: 10px 10px 0 0;
position: relative;
}
.modal-container .modal .modal-footer {
border-top: 1px solid #bbb;
text-align: center;
padding: .7em 0;
background-color: #f2f2f2;
box-shadow: none;
border-radius: 0 0 10px 10px;
}
.modal-container .modal .modal-body {
background:white;
}
.modal-container .modal .modal-header .close {
position: absolute;
top: 5px;
right: 5px;
width: 25px;
height: 15px;
line-height: 15px;
font-size: 15px;
margin: 0;
opacity: 1;
background-image: url('https://campusvirtual.grupoinenka.com/theme/image.php/educalms/theme/1651227490/close_modal');
background-repeat: no-repeat;
border-style: none;
border-radius: 4px;
box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 2px 0 rgba(255,255,255,.3) inset, 0 1px 2px rgba(0,0,0,.15);
}
.bootstrap-datetimepicker-widget{
width:auto!important;
}
.dropdown-item {
display: flex;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
background-color: transparent;
border: 0;
}
.d-flex{
display:flex;
}
.flex-wrap{
flex-wrap:wrap;
}
.align-items-center{
align-items:center;
}
.moodle-actionmenu .toggle-display, .moodle-actionmenu .menu-action-text {
display:block;
}
div.editor_atto_toolbar {
display: block;
background: #f2f2f2;
min-height: 35px;
border: 1px solid #8f959e;
width: 100%;
padding: 0 0 9px 0;
}
div.editor_atto_toolbar div.atto_group {
display: inline-block;
border: 1px solid #ccc;
border-bottom: 1px solid #b3b3b3;
border-radius: 4px;
margin: 9px 0 0 9px;
background: #fff;
}
div.editor_atto_toolbar button {
padding: 4px 9px;
background: none;
border: 0;
margin: 0;
border-radius: 0;
cursor: pointer;
}
.editor_atto_toolbar button:hover {
background-image: radial-gradient(ellipse at center,#fff 60%,#dfdfdf 100%);
background-color: #ebebeb;
}
.editor_atto_content.form-control {
width: 100%!important;
border-top: 0;
}

element.style {
}
@media (min-width: 768px)
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.mform .fitem {
overflow: hidden;
margin-top: 5px;
margin-bottom: 1px;
clear: right;
display: flex;
flex-wrap: wrap;
align-items: initial;
margin-left: 2%;
}
@media (min-width: 768px)
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.mform .fitem {
width: auto;
}
.float-sm-right {
float: right;
}
.moodle-dialogue-base .moodle-dialogue, .moodle-dialogue-base .moodle-dialogue-lightbox {
z-index:1041!important;
}
.form-autocomplete-downarrow {
color: #212529;
top: .2rem;
right: .5rem;
cursor: pointer;
}
.p-1 {
padding: .25rem!important;
}
.position-absolute {
position: absolute!important;
}
ul.topics li{
list-style:none;
}
.border-0{
border: 0 !important;
}
.path-mod-assign [data-region="grade-panel"] .mform #id_attemptsettings .fitem {
 display: flex;
}
.fp-toolbar img {
vertical-align: initial;
margin: initial;
}
.position-relative {
position: relative!important;
}
@media (min-width: 768px){
.d-md-inline-block {
display: inline-block!important;
}
}
.form-autocomplete-downarrow.position-absolute.p-1{
text-align:right;
}
@media (min-width: 768px){
.mr-md-2, .mx-md-2 {
margin-right: .5rem!important;
}
}
.fp-viewbar a img {
margin: initial;
}
#page-content{
height: -webkit-fill-available;
}
body{
background-color: transparent!important;
}
.w-100{
width:100%!important;
}
.flex-column{
flex-direction:column;
}
.rounded-circle {
border-radius: 50% !important;
}
.mb-0{
margin-bottom:0;
}
.mr-2{
margin-right: .5rem;
}
.mb-3{
margin-bottom:3%;
}
.mt-2, .my-2 {
margin-top: .5rem !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
h6, .h6 {
font-size: .9375rem;
}
.p-2 {
padding: .5rem !important;
}
.mb-1, .my-1 {
margin-bottom: .25rem !important;
}
#id_assignfeedbackcomments_editoreditable{
overflow-y:auto;
}
*[hidden] {
display: none!important;
}

.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #d43f3a;
}
#id_error_submissionstatement{
position: initial;
z-index: 2;
width: initial;
height: initial;
line-height: initial;
text-align: initial;
pointer-events: initial;
}

.assign_access_requirements{
margin: 10px 5px;
background: #cfcfcf;
padding: 5px;
border-radius: 5px;
}
.content-title-scorm-sco {
display: flex!important;
align-items: center;
justify-content: space-between!important;
}
.assign-button{
padding: 5px;
background-color: #ff7779;
color: white;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
flex-wrap:wrap;
}
.content-block-syllabus .qualification{
display: block;
font-weight: bold;
}
.name_assign_button{
margin-left: 7px;
}
#categoryquestions .checkbox input{
position: relative;
margin-top: 4px \9;
margin-left: 0;
}
#block-region-navbar-header {
display: flex;
}
.change-lang img{
width:30px
}
.change-lang{
display:flex;
align-items:center;
justify-content: space-between;
}

.change-lang:hover {
background: #e3dbdb;
text-decoration: none;
color: black;
}

.navbar-header .navbar-nav.navbar-left .lang-dropdown{
color: white !important;
background-color: #4e5d72;
height: 36px;
min-height: 36px;
max-height: 36px;
padding: 0 10px!important;
}
.navbar-header .navbar-nav.navbar-left .current-lang{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
color: white !important;
}
.navbar-header .navbar-nav.navbar-left .current-lang:focus{
background-color: #4e5d72!important;
}
.navbar-header .navbar-nav.navbar-left .lang-dropdown:hover{
color: white!important;
background-color: #4e5d72!important;
height: 36px;
min-height: 36px;
max-height: 36px;
padding: 0 10px!important;
}

.current-lang img{
width:30px;
}

.navbar-nav.navbar-left{
margin: 0 !important;
display:flex;
align-items:center;
}
.navbar-nav.navbar-left >li:not(.lang-dropdown) {
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
.navbar-nav.navbar-left .text {
overflow: hidden;
width: 100%;
text-overflow: ellipsis;
padding:0 10px;
}

@media (max-width:1200px){
.navbar-nav.navbar-left .current-lang span{
display: none;
}
}

.logo_login{
display: flex;
justify-content: space-evenly!important;
align-items: center;
}

.logo_login li{
list-style:none;
}

.logo_login .current-lang span{
display: none;
}

.logo_login .lang-dropdown:hover{
background: lightgrey;
}

.grid-row-r {
letter-spacing: normal!important;
word-spacing: normal!important;
}