/* Material Icons */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');


/******* digital toolkit prime inicio**********/
#course_dtkp{
	width: 100%;
}

#course_dtkp .header img {
	width: 100%;
}

#course_dtkp .content {
	height: 400px;
}

#course_dtkp .section_robot {
	display: block;
	width: 50%;
	float: left;
}

#course_dtkp .section_robot img {
	width: 50%;
	padding: 50px 15px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#course_dtkp .section_robot_text {
	display: block;
	width: 48%;
	float: right;
	height: 100%;
}

#course_dtkp .section_robot_text img {
	width: 100%;
	margin-left: auto;
	display: block;
	margin-right: auto;
	padding-top: 34%;
}

#course_dtkp .missiones {
	width: fit-content;
	margin: 25px 10px;
	background-color: #1e4fde;
	color: white;
	padding: 10px 40px;
	font-size: 19px;
	display: block;
	height: fit-content;
	line-height: 25px;
	border-radius: 15px;
}

#course_dtkp  .wrapper_misiones_title {
	display: inline-block;
	width: 100%;
}

#course_dtkp .misiones_list {
	display: block;
	text-align: center;
}

#course_dtkp .mision_item {
	display: inline-block;
	padding-left: 15px;
	padding-right: 15px;
}

#course_dtkp .mision_item img {
	width: 230px;
}

#course_dtkp .mision_footer img {
	width: 100%;
}
/******* digital toolkit prime fin*************/

/* GENERAL */


.course-list-table td {
    white-space: normal !important;
}

body {
    font-family: 'Lato', sans-serif !important;
    background-color: #f9f9f9 !important;
}

body.ic-Login-Body {
    margin: 0;
    overflow: hidden;
}

body.ic-Login-Body div#application {
    margin: 0;
    min-width: 100vw !important;
}

body.ic-Login-Body #footer.ic-Login-footer {
    display: none !important;
}

body.ic-Login-Body div#content-wrapper #content  {
    min-width: 100vw;
}

body a {
    box-shadow: none !important;
}

.bienvenida .name {
    text-transform: capitalize;
    color: #0AB1FF;
    font-weight: 700;
}

div#content_1 object {
    margin-top: 15px !important;
}

div#footer-links {
    display: none !important;
}

div iframe {
    border: 0 !important;
}

/* LOGIN - VIDEO */

video#bgvid {
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: -100;
    transition: opacity 1s ease 0s;
}

.video-dottedoverlay {
    background-repeat: repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3;
}

/* NAVBAR */

a.ic-app-header__logomark:focus {
    box-shadow: none;
}

header#header {
    width: 100%;
    overflow: hidden;
}

header#header .ic-app-header__main-navigation {
    display: grid !important;
    grid-template-columns: 300px 1fr;
    justify-items: flex-end;
    align-items: center;
    background-color: #ffffff;
    padding: 0 25px;
}

body.primary-nav-expanded .ic-app-header {
    height: 100px;
}

ul#menu>li svg,
.menu-item-icon-container,
.ic-app-header__secondary-navigation,
ul#menu .displayNone {
    display: none !important;
}

ul#menu>li>a .menu-item__text {
    color: #434142 !important;
    font-weight: 700;
}

body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
    margin: 0 auto !important;
    padding: 0;
}
/*
a#global_nav_courses_link {
    display: none !important;
}
*/
ul#menu form {
    display: inline;
}

ul#menu form button {
    margin: 0;
    padding: 38px 5px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

button.ic-app-header__menu-list-item {
    background-color: transparent;
    border: 0;
    font-weight: 700;
}

ul#menu>li {
    display: inline-block !important;
}

ul#menu>li a {
    padding: 38px 5px;
    margin: 0 5px;
    /* border-bottom: 2px solid transparent; */
}

.ic-app-header__menu-list-link:hover, 
.ic-app-header__menu-list-link:focus {
    background-color: transparent;
    text-decoration: none;
    outline: none;
}

.ic-app ul#menu .ic-app-header__menu-list-link:hover .menu-item__text, 
.ic-app ul#menu .ic-app-header__menu-list-link:focus .menu-item__text {
    color: #0ab1ff !important;
}



.ic-app ul#menu .ic-app-header__menu-list-link:hover, 
.ic-app ul#menu .ic-app-header__menu-list-link:focus,
ul#menu form button:hover,
ul#menu form button:focus,
.topnavbarActive {
    /* border-bottom: 2px solid #0ab1ff !important; */
    border: 0;
    outline: 0;
    box-shadow: none;
    color: #0ab1ff !important;
}

a#global_nav_dashboard_link.topnavbarActive .menu-item__text {
    color: #0ab1ff !important;
}

ul#menu li img {
    filter: grayscale(1) brightness(0.1);
}

ul#menu li:hover img,
ul#menu li:focus img,
ul#menu .topnavbarActive:hover img,
ul#menu .topnavbarActive:focus img {
    filter: none;
}

/* SIDEBAR - LEFT */

div#nav-tray-portal>span>span>div>div>span {
    top: 10px;
}

div#nav-tray-portal>span>span {
    margin-top: 100px;
    max-width: 330px;
}

body.primary-nav-expanded .tray-with-space-for-global-nav {
    margin: 0 !important;
}

/* SIDEBAR - RIGHT */

body.with-right-side.primary-nav-expanded div#right-side-wrapper {
    display: none !important;
}

body.assignments div#right-side-wrapper {
    display: block !important;
}

body.with-left-side.with-right-side #not_right_side div#right-side-wrapper {
    display: block !important;
}

div#course_show_secondary a {
    display: grid;
    flex-wrap: wrap;
}

div#course_show_secondary {
    max-width: 100% !important;
    overflow: hidden;
}

/* FOOTER */

body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
    width: 100%;
    min-width: 100%;
    margin: 0;
}

footer#footer.ic-app-footer {
    display: none !important;
}

/* DASHBOARD */

div#content.ic-Layout-contentMain {
    max-width: 1150px;
    margin: 0 auto;
    padding-top: 120px;
}

body.full-width div#content.ic-Layout-contentMain {
    max-width: 100%;
    margin: auto;
    padding-top: 0 !important;
}

#dashboard .ic-notification,
div#dashboard .ic-Dashboard-header {
    display: none !important;
}

div#dashboard .bienvenida {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 1.9em;
    font-weight: 400;
    color: #434142;
}

div#dashboard .mensaje {
    color: #0ab1ff;
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
}

/* DASHBOARD - CURSOS */

/*#DashboardCard_Container .ic-DashboardCard__box*/
#DashboardCard_Container .ic-DashboardCard__box__container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 50px;
    row-gap: 20px;
    margin-bottom: 20px;
}

#DashboardCard_Container .ic-DashboardCard__box__container  .ic-DashboardCard {
    border-radius: 10 !important;
    margin: 0;
    width: 100%;
}
#DashboardCard_Container .ic-DashboardCard__box__container  .ic-DashboardCard {
    margin: 0;
} 
div#dashboard .bienvenida {
    margin-bottom: 40px;
 }
 
.header-bar.flex-container {
    background-color: transparent;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0;
}

.ic-DashboardCard__header_content {
    padding-top: 25px;
    min-height: 150px;
}

.ic-DashboardCard__header_content .ellipsis {
    white-space: normal;
    overflow: auto;
    text-overflow: initial;
}

h2.ic-DashboardCard__header-title.ellipsis>span {
    color: #434142 !important;
}

.ic-DashboardCard__header-subtitle.ellipsis {
    color: #868589 !important;
    font-weight: 600;
    font-size: 14px;
}

.ic-DashboardCard nav.ic-DashboardCard__action-container {
    display: none;
}

.ic-DashboardCard__link:hover,
.ic-DashboardCard__link:focus {
    text-decoration: none;
}

.ic-DashboardCard .iniciar-curso {
    color: #0ab1ff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
}

.ic-DashboardCard:hover .iniciar-curso,
.ic-DashboardCard:focus .iniciar-curso {
    color: #434142 !important;
}

.ic-DashboardCard:hover,
.ic-DashboardCard:focus {
    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
}

button.Button.Button--icon-action-rev.ic-DashboardCard__header-button {
    display: none !important;
}

body div#main.ic-Layout-columns {
    margin: 0 auto;
}

/* UNIDAD */

.module-sequence-footer {
    background-color: transparent;
}

.module-sequence-footer-content {
    background-color: transparent !important;
}

.ic-app-nav-toggle-and-crumbs.no-print {
    height: 100px;
}

div#content.ic-Layout-contentMain {
    padding-top: 0;
    padding-bottom: 0px;
}

.show-content.user_content.clearfix.enhanced>h1 {
    display: none;
}

.show-content.user_content {
    padding: 0 !important;
}

a.links {
    text-decoration: none;
    /*color: #868589;*/
    /*color: #27333B; */
    color: #646464;
    font-weight: 700;
    display: inline-block;
}

a.links:hover {
    color: #0AB1FF;
}

a.links:hover span.circle {
    background-color: #0AB1FF;
}

a.links>span {
    display: inline-block;
    vertical-align: middle;
}

/*a.links span.circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    background-color: #dedede;
    border-radius: 50%;
    position: absolute;
    margin-left: -40px;
}*/

a.column-content.isDisabled {
    cursor: not-allowed;
    pointer-events: none;
}

a.column-content.hide {
    display: none !important;
}

a.column-content.isDisabled img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

a.column-content.isDisabled .column-name {
    color: black;
    opacity: 0.7;
}

/* UNIDAD 1 */ 

video:hover,
video:focus {
    outline: 0 !important;
}

object.left-content {
    width: 100% !important;
}

#content_1 .description {
    margin-top: 20px;
    margin-bottom: 25px;
    color: #868589;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5em;
}

a#global_nav_help_link {
    display: none;
}

div#wiki_page_show .user_content>h1 {
    display: none !important;
}

/* HEADER UNIDAD */

.header-bar-outer-container {
    min-height: 0 !important;
}

.header-bar-container.sticky-toolbar {
    min-height: 0 !important;
}

/* FOOTER UNIDAD */

#wiki_page_show .module-sequence-footer {
    display: none !important;
}

/* GRID - UNIDAD */

.three-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 25px;
    /*column-gap: 15px;*/
    column-gap: 20px;
    padding: 15px 0;
}

.three-columns .column-content {
    text-decoration: none !important;
    max-width: 100%;
    display: block;
    background-color: white;

    box-shadow: 0 3px 6px rgba(0,0,0,0.25) !important;
    border-radius: 10px;
}

.three-columns .column-content img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px 5px 0 0;
}

.three-columns a.column-content:hover .column-name {
    color: #868589;
}

.three-columns .column-name {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    color: #0AB1FF;
    font-weight: 700;
}

.three-columns .column-name a{
    text-decoration: none !important;
    color: #0AB1FF;
}

.three-columns.center {
    justify-items: center;
    margin: 40px;
}

.four-columns {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   row-gap: 25px;
   column-gap: 15px;
   padding: 15px 0 0;
}

.four-columns.center {
    justify-items: center;
    margin: 40px;
}

.column-course-content {
    padding: 10px 17px;
    font-size: 14px;
}

.column-course-content a {
    font-weight: 700;
    color: #434142;
    text-decoration: none !important;
}

.info-course {
    margin: .8em 0;
    color: #868589;
    display: flex;
}

.info-course i {
    font-size: 20px !important;
}

/* RUTA */

.ruta {
    margin-bottom: 10px;
}

.ruta>a, .ruta>span {
    color: #868589;
    font-weight: 700;
    padding-right: 7px;
    display: inline-block;
    text-decoration: none !important;
}

.ruta a:hover {
    color: #434142;
    text-decoration: none !important;
}

.ruta .activeRuta {
    pointer-events: none;
    color: #0AB1FF !important;
    opacity: 0.9;
}

.ruta .activeRuta:hover {
    color: #0AB1FF !important;
    opacity: 1;
}

/* NAV */

li.section {
    display: inline-block;
    /*width: 50%;*/
    text-align: center;
    border: 1px solid #ebebeb;
    margin: 0 !important;
}

#left-side nav ul {
    display: flex;
    justify-content: space-between;
}

#left-side nav ul#section-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    justify-content: space-between;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.10);
}

ul#section-tabs>li.section>a {
    color: #868589 !important;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0;
    font-size: 14px;
}

ul#section-tabs>li.section>a:hover, 
ul#section-tabs>li.section>a:focus {
    color: #fff!important;
    box-shadow: none !important;
    outline: 0;
    background-color: #082264;
    border: 1px solid #dedede40;
    border-radius: 0;
}

div#left-side>nav>ul>li {
    width: 100%;
}

.list-view ul#section-tabs a.active {
    background-color: #082264 !important;
    color: #fff!important;
    border: 1px solid #dedede40;
    border-radius: 0;
}

.list-view a.active:focus {
    outline: 0 !important;
}

#breadcrumbs {
    background-color: transparent;
}

div#content-wrapper #content {
    width: 100%;
    max-width: 1200px;
    padding: 50px 0 0;
}

div#content-wrapper #content .header-bar {
    padding: 0;
    background-color: transparent;
    border: 0;
}

div#content-wrapper #content div#ag-list {
    border-top: 1px solid #A5AFB5;
    margin: 0 20px 20px;
}

div#content-wrapper #content .discussions-v2__wrapper,
div#content-wrapper #content div#grade-summary-content,
div#content-wrapper #content .tool_content_wrapper,
div#content-wrapper #content #course_home_content  {
    padding: 0;
}

.item-group-container {
    margin: 20px 0 !important;
}

.form-dialog {
    padding-bottom: 0 !important;
}

.ic-Action-header {
    margin: 0;
}

/* SOPORTE TECNICO */

.context-course_20 div#main {
    margin: 0 auto;
    padding-top: 20px;
}

/* DROPDOWN */

.menu-dropdown {
    position: fixed;
    top: 14px;
    right: 15px;
    z-index: 1000;
}

button.dropbtn>span {
    display: block;
    background-color: #0AB1FF;
    height: 3px;
    width: 32px;
    margin: 9px 0;
}

#application .dropbtn {
    background-color: transparent;
    color: white;
    padding: 0;
    font-size: 14px;
    border: none;
    cursor: pointer;
    outline: 0;
}

#application .dropdown {
    position: relative;
    display: inline-block;
}

#application .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
}

#application .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

#application .dropdown a:hover {background-color: #ddd;}

#application .show {display: block;}

/* ONLY DESKTOP */

.w-40 {
    width: 100%;
}
.bg_banner_page{
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    align-items: center;
}

.bg_banner_page .text-v-light{ 
    color: #fff;
    font-weight: bold;
    padding: 0 12px;
}

@media only screen and (min-width: 800px) {
    .dropdown,
    .menu-dropdown {
        display: none;
    }

    .mobile {
        display: none;
    }

    .bg_banner_page{
        height: 280px;
        background-position: center;
    }
    .w-40 {
        width: 40%;
    }
}

@media only screen and (min-width: 1200px) {
    body {
        margin-top: 120px;
    }

    body .ic-app {
        box-sizing: border-box;
        min-height: 100vh;
        max-width: 1200px;
        margin: 0 auto;
    }

    div#not_right_side {
        min-width: 1200px;
    }

    .ic-Layout-watermark {
        display: none !important;
    }

    #main #left-side {
        display: none;
        transform: none !important;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
    }

    .ic-app-nav-toggle-and-crumbs.no-print {
        display: none;
    }

    .ic-flash-info, .ic-flash-success, .ic-flash-warning, .ic-flash-error {
        max-width: 1180px;
        margin: 0 auto 10px;
    }

    div#main {
        margin: 0;
    }

    .ic-app-nav-toggle-and-crumbs.ic-app-nav-toggle-and-crumbs--files.no-print {
        height: auto !important;
        min-height: auto !important;
        border: 0;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1200px) {
    #left-side nav ul#section-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .three-columns, .four-columns {
        grid-template-columns: 1fr 1fr;
        row-gap: 25px;
    }

    body {
        margin-top: 120px;
    }

    body .ic-app {
        box-sizing: border-box;
        min-height: 100vh;
        max-width: 95vw;
        margin: 0 auto;
    }

    div#not_right_side {
        min-width: 90vw;
    }

    .ic-Layout-watermark {
        display: none !important;
    }

    #main #left-side {
        display: none;
        transform: none !important;
        position: relative;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0;
    }

    .ic-app-nav-toggle-and-crumbs.no-print {
        display: none;
    }

    .ic-flash-info, .ic-flash-success, .ic-flash-warning, .ic-flash-error {
        max-width: 1180px;
        margin: 0 auto 10px;
    }

    div#main {
        margin: 0;
    }

    .ic-app-nav-toggle-and-crumbs.ic-app-nav-toggle-and-crumbs--files.no-print {
        height: auto !important;
        min-height: auto !important;
        border: 0;
    }

    li.menu-item.ic-app-header__menu-list-item img {
        width: 14px !important;
    }

    li.ic-app-header__menu-list-item img {
        width: 14px !important;
    }

    ul#menu>li a div {
        font-size: 14px !important;
    }

    ul#menu>li a {
        padding: 38px 0;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1000px) {
    #classroom, #classroom_v2 {
        display: grid;
        grid-template-columns: 1fr !important;
        column-gap: 15px;
        row-gap: 15px;
    }

    #classroom .item-group-container, #classroom_v2 .item-group-container {
        min-height: auto !important;
    }

    #DashboardCard_Container .ic-DashboardCard__box__container  {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media only screen and (min-width: 600px) and (max-width: 800px) {
    .three-columns, .four-columns {
        grid-template-columns: 1fr 1fr;
        row-gap: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .three-columns, .four-columns {
        grid-template-columns: 1fr;
        row-gap: 25px;
    }

    #DashboardCard_Container .ic-DashboardCard__box__container  {
        display: grid;
        grid-template-columns: 1fr;
    }
}

/* MOBILE */

@media only screen and (max-width: 800px) {
    #DashboardCard_Container .ic-DashboardCard__box__container  {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    body {
        min-width: auto !important;
        max-width: 100vw !important;
    }

    #classroom, #classroom_v2,
    .ruta {
        display: none !important;
    }

    iframe#launcher {
        width: 70px !important;
        height: 70px !important;
    }

    .ic-DashboardCard {
        min-width: 100%;
        margin: 0 0 25px;
    }

    div#dashboard .bienvenida {
        font-size: 1.3em;
        line-height: 1.3em;
        margin-top: 120px;
    }

    div#dashboard .mensaje {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.25em;
    }

    body.primary-nav-expanded .ic-app-header__logomark {
        height: 45px;
        width: 200px;
    }

    ul#menu>li {
        display: none !important;
    }

    body.primary-nav-expanded .ic-app-header {
        height: 70px;
    }

    a#global_nav_profile_link {
        text-align: left;
    }

    #application .dropdown-content a {
        font-size: 14px;
        padding: 8px 15px;
    }

    .ic-Layout-contentMain {
        padding: 15px;
    }

    div#main {
        margin: 0;
    }

    .flexCenterItems.animated.zoomInDown {
        grid-template-columns: 1fr !important;
        row-gap: 15px;
    }

    .ic-app-nav-toggle-and-crumbs.no-print {
        height: 75px;
        border: 0;
    }

    .pages .header-bar-outer-container .header-bar-container {
        min-width: auto;
        max-width: 100%;
    }

    .ruta {
        white-space: normal;
        word-break: break-word;
    }

    video {
        max-height: 250px;
    }


    div#main.ic-Layout-columns {
        min-width: 100%;
    }

   div#course_home_content {
        padding: 0 !important;
    }

    ul#section-tabs>li.section>a {
        color: #868589 !important;
        font-size: 12px;
        padding: 8px 4px;
    }

    a.unidadAccordion.active {
        padding: 10px 15px;
        font-size: 13px;
    }

    .ic-Profile-layout {
        padding: 30px 0;
        display: block;
    }

    .profileContent__Block h2 {
        font-size: 20px;
    }

    .profileContent__Block h3 {
        font-size: 17px;
        font-weight: 700;
    }

    .message-detail.span8 .no-messages i:before {
        font-size: 3rem;
    }

    .message-detail.span8 .no-messages i {
        line-height: 4em;
        margin-bottom: 0;
    }

    .row-fluid.messaging-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        top: 115px;
    }

    .span8.message-detail {
        width: 100%;
    }

    .span4.message-list-scroller {
        width: 100%;
        border: 0;
    }

    ul.messages.unstyled.collectionViewItems {
        padding: 0;
    }

    div#conversation_filter {
        display: block !important;
        margin-top: 5px;
    }

    select,
    button.btn.dropdown-toggle {
        font-size: 13px !important;
    }

    header.panel {
        background-color: transparent !important;
        border: 0 !important;
        height: auto !important;
        padding: 0 !important;
    }

    .btn, .Button, .ui-button {
        margin-bottom: 5px !important;
    }

    h3.subject {
        font-size: 14px !important;
    }

    .summary {
        font-size: 13px !important;
    }

    .menu-sidebar {
        display: none;
    }

    .column-content a {
        display: block;
    }

    .column-content {
        border: 1px solid #e8e8e8;    
    }

    .width100 {
        max-height: 150px !important;
        object-fit: cover !important;    
    }

    .column-content a img {
        width: 100% !important;
        margin: 0 !important;    
    }

    .column-course-content>p {
        margin: 5px 0 0 !important;
    }

    .info-course {
        margin: 5px 0 0;    
    }

    .info-course i {    
        font-size: 17px !important;
    }

    a.links span.circle {
        display: none;
    }

    div#left-side {
        transform: none !important;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 10px;
    }

    #left-side nav ul#section-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    #left-side nav ul#section-tabs li {
        width: 100%;
        border: 0;
    }

    div#content-wrapper #content {
        width: 95vw;
        margin: 0 auto;
        padding: 0;
    }
}

/* TAB */

.tabRightMenu {
    overflow: hidden;
    background-color: #F9F9F9;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabRightMenu a,
.tabRightMenu button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 16px;
    color: #434142;
}

.tabRightMenu a:hover,
.tabRightMenu button:hover {
    background-color: #f1f1f1;
}

.tabRightMenu a.active,
.tabRightMenu button.active {
    background-color: #dedede;
}

.tabRightMenu a.tablinks,
.tabRightMenu button.tablinks{
    text-align: center;
    padding: 15px 5px;
    line-height: 1.4em;
    font-size: 15px;
}

.tabcontent {
    display: none;
}

.btnright {
    border-top-right-radius: 10px;
}

.btnleft {
    border-top-left-radius: 10px;
}

/* SIDEBAR */

.menu-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 280px;
    background-color: white;
    right: 0;
    z-index: 0;
    margin: 0;
    padding: 170px 0 0;
    box-shadow: 0 3px 6px rgba(0,0,0, .1);
    visibility: hidden;
}

.menu-sidebar li,
.menu-sidebar form {
    list-style: none;
    margin: 0 !important;
    display: block;
    border: 1px solid transparent;
}

.menu-sidebar li:hover,
.menu-sidebar li:focus,
.menu-sidebar form:hover,
.menu-sidebar form:focus  {
    background-color: #F9F9F9;
    border: 1px solid #dedede;
}

.listItem-sidebar {
    display: block;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0;
    font-size: 15px;
    color: #434142;
    text-decoration: none;
    padding: 12px 0 12px 30px;
    outline: 0;
    cursor: pointer;
}

.listItem-sidebar:hover,
.listItem-sidebar:focus {
    text-decoration: none;
}

.center {
    text-align: center;
}

.center img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.center h3 {
    font-weight: 700;
    color: #868589;
    margin-bottom: 20px;
    font-size: 20px;
}

.menu-sidebar .close-sidebar {
    position: absolute;
    right: 15px;
    top: 120px;
    display: inline-block;
}

.menu-sidebar .close {
    filter: grayscale(1) brightness(0.5);
}

.menu-sidebar .close:hover,
.menu-sidebar .close:focus {
    filter: none;
}

.menu-item__text {
    display: inline-block !important;
}
/*cambios*/
body.primary-nav-expanded .menu-item__text {
    color: #040404;
    font-weight: bold;
}

#global_nav_profile_link{
display: none;
}

#global_nav_history_link{
display: none;
}
/*cambios*/

a#global_nav_profile_link {
    display: none;
}

/************* CEV *************/

.width100 {
    width: 100%;
}

.filter-grayscale {
    filter: grayscale(100%);
}



/* APP */

.mobile {
    padding-top: 20px;
}

.mobile-title {
    border: 1px solid #dedede80;
    color: #868589;
    background-color: #F9F9F9;
    font-size: 17px;
    line-height: 1em;
    padding: 10px 15px;
    font-weight: 700;
}

.mobile-content {
    padding: 10PX 15px;
}

.mobile-content p {
    color: #434142;
    font-size: 15px;
    line-height: 1.3em;
    padding: 5px 0;
    margin: 0;
}

.mobile-content a {
    color: #868589;
    font-size: 15px;
    line-height: 1.3em;
    padding: 5px 0;
    display: block;
    margin: 5px 0;
    text-decoration: none;
}

.mobile-content a:hover,
.mobile-content a:focus {
    color: #0AB1FF;
    text-decoration: none;
}

.mobile-content a:focus {
    color: #0AB1FF;
    text-decoration: none;
    background-image: url(https://loading.io/spinners/spin/lg.ajax-spinner-gif.gif);
    background-size: 20px;
    background-position: 100%;
    background-repeat: no-repeat;
    animation: cssAnimation 0s 3s forwards;
}

@keyframes cssAnimation {
    to   { background-image: none; }
}

.mobile .margin-top {
    margin-top: 15px;
}

/* TAREA */

#assignment_show .description.student-version {
    min-height: auto !important;
}

/* MOBILE */

/*div#f1_container {
    background-image: url(https://contenidoscev.usil.edu.pe/canvas/epg/mba-virtual/landing/img/bg.jpg);
    min-height: 100vh;
    background-position: 30%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}

div#f1_container div#f1_card {
    margin-top: 50px;
}

div#f1_container .forgotBlock a {
    color: white;
}*/

.mobileLogin-Header {

    background-image: url("https://contenidoscev.usil.edu.pe/canvas/epg/mba-virtual/logos.png") !important;
    background-size: 100% !important;
}

/* NEW STRUCTURE */

#classroom, #classroom_v2 {
    display: grid;
    grid-template-columns: 1fr 290px;
    column-gap: 15px;
    margin-bottom: 15px;
}

.hidden-only-in-web,
#classroom .documents strong {
    display: none;
}

#classroom .documents p, 
#classroom .documents a,
#classroom_v2 .page a {
    cursor: pointer;
    padding: 0;
    margin: 10px 0 !important;
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 14px;
}

#classroom .page,
#classroom_v2 .page {
    width:100%;
    margin:0 auto;
}

#classroom .tabs-selected,
#classroom_v2 .tabs-selected {
    background:#ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

#classroom .contentTab,
#classroom_v2 .contentTab {
    width:100%;
    float:left;
    display:none;
}

#classroom .item-group-container,
#classroom_v2 .item-group-container {
    margin: 0 !important;
    padding: 0;
    background-color: #fff;
    min-height: 470px;
}

#classroom .col2 .page,
#classroom_v2 .col2 .page {
    margin: 0 !important;
    padding: 0;
}

#classroom .tabs-selected,
#classroom_v2 .tabs-selected {
    background-color: #dedede !important;
}

#classroom .tabs,
#classroom_v2 .tabs {
    font-size: 15px;
    line-height: 1.4em;
    padding: 10px !important;
    margin: 0 !important;
    text-align: center;
    width: 123px;
    display: inline-block;
    background-color: #F9F9F9;
    border-top: 1px solid #dedede80;
    border-right: 1px solid #dedede80;
    border-left: 1px solid #dedede80;
    float: left;
    cursor: pointer;
}

#classroom .page .tabs:first-child,
#classroom_v2 .page .tabs:first-child {
    border-top-left-radius: 10px;
}

#classroom .page .tabs:nth-child(2),
#classroom_v2 .page .tabs:nth-child(2) {
    border-top-right-radius: 10px;
}

#classroom .ig-row,
#classroom_v2 .ig-row {
    border: 0 !important;
    padding: 0 0 0 15px !important;
}

#classroom .ig-row .ig-info,
#classroom_v2 .ig-row .ig-info {
    margin: 0 !important;
}

#classroom p.ig-title,
#classroom_v2 p.ig-title {
    padding: 0 !important;
    margin: 0;
}

.ig-list .ig-row:hover {
    background-color: #fff !important;
}

a img.media_comment_thumbnail {
    display: none;
}

body.context-course_13 #left-side {
    display: none !important;
}

/* Icono circular de un anuncio en listado de anuncios */
.ic-announcement-row .cnWSA_bXiG {
    background-color: #ff1571;
}

.protected {
    filter: grayscale(1);
}


.ic-DashboardCard__box__header {

display: none !important;


}

.banner-text {
    position: absolute;
    display: flex;
    top: 22%;
    left: 4%;
}

#global_nav_courses_link img { 
display: none; 
}

.template-courses .bg-pfundamar {
    background-image: url(https://contenidoscev.usil.edu.pe/usilonlife/programa_marketing_digital/img/bannerp.png);
}

.template-courses .banner-course {
    background-position: center center;
}

.slow-down-style {
    transition: all .5s ease-in-out;
    display:none;
}

.slow-down-style:target {
    display:block;
}




/*-------------------------------------------------------------------LOGIN--------------------------------------------------------------------- */
.ic-Login__body {
    margin: 0;
	background-color: #ffffff70;
    border-style: solid;
    border-color: #fff;
    border-radius: 35px;
    border-width: thin;
    padding: 15px 25px 20px 25px;
    position: relative;
}
.ic-Login__content {
    width: 100%;
    padding: 0;
    background: #ffffff00 ;
}
.login_estandar .ic-Form-control{
    margin-bottom: 12px;
}

.ic-Login .ic-Login-header,
.ic-Login .ic-Form-control label,
.ic-Login__actions  .ic-Form-control--login:after,
.mobileLogin-Header{
	display: none !important;
}
.login_estandar .login_header {
	text-align: center;
}
.login_estandar .login_header span{
	width: 33.33%;
    height: 3px;
}
.ic-Login .ic-Login__actions{
	flex-direction: column;
}
.ic-Login__actions-timeout{
	width: 100%;
}
.ic-Login__actions-timeout input{
	margin-top: -3px;
}
.ic-Login .ic-Login__actions label, .ic-Login .ic-Login__actions a,
.login_estandar .forgot-password,.login_estandar  #forgot_password_form .flip-to-front{
	font-size: 14px;
	vertical-align: 0;
    color: #0f206c !important;
	text-decoration: none;
}
select.ic-Input:focus, textarea.ic-Input:focus, input[type="text"].ic-Input:focus, input[type="password"].ic-Input:focus, input[type="datetime"].ic-Input:focus, input[type="datetime-local"].ic-Input:focus, input[type="date"].ic-Input:focus, input[type="month"].ic-Input:focus, input[type="time"].ic-Input:focus, input[type="week"].ic-Input:focus, input[type="number"].ic-Input:focus, input[type="email"].ic-Input:focus, input[type="url"].ic-Input:focus, input[type="search"].ic-Input:focus, input[type="tel"].ic-Input:focus, input[type="color"].ic-Input:focus, .uneditable-input.ic-Input:focus {
    outline-color: #0f206c;
}
.ic-Login__forgot{
	float: right;
}
/*INICO CARD BLANCO - LOGIN*/
/*.ic-Login__innerContent, */
.login_estandar{
	font-family: 'Montserrat', sans-serif !important;
}
.login_estandar #f1_card,
.ic-Login__container{
    width: calc(100% - 30px);
    height: auto;
    margin: 40px auto;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 80%);
    padding: 15px;
    box-sizing: border-box;
}

.login_header .logo {
    display: flex;
    justify-content: center;
}
.login_header .logo img {
    height: 97px;
}
.login_header h1{
	font-size: 26px;
    font-weight: bold;
    line-height: normal;
    margin: 45px 0 0;
	color: #ffffff;
}
.login_header p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    line-height: normal;
    margin: 18px 0;
}
.login_header hr{
	border-bottom: 3px solid #0f206c;
    width: 25px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 0 30px;
}
/*FIN CARD BLANCO - LOGIN*/

/*INICO FORMULARIO- LOGIN*/
.ic-Login .ic-Form-control input,
.login_estandar .ic-Form-control input{
	background: #bfcdf6;
	font-size: 15px;
    border-radius: 21px;
    padding: 12px 12px 12px 53px;
    border: 0;
    height: 46px;
}
.ic-Login .ic-Form-control--login #pseudonym_session_unique_id,
.login_estandar .ic-Form-control input[type=text], .login_estandar #forgot_password_form .ic-Input.email_address  {
	background-image: url(https://s3.amazonaws.com/contenidoscev.usil.edu.pe/canvas/pregrado/personalizacion_portal/ver2026/b1.png) !important;
	background-size: 49px;
    background-repeat: no-repeat;
    background-position: 2px -3.5px;
}
.ic-Login .ic-Form-control--login #pseudonym_session_password,
.login_estandar .ic-Form-control input[type=password] {
	background-image: url(https://s3.amazonaws.com/contenidoscev.usil.edu.pe/canvas/pregrado/personalizacion_portal/ver2026/b2.png) !important;
	background-size: 49px;
    background-repeat: no-repeat;
    background-position: 2px -3.5px;
}
.ic-Login .ic-Form-control button, 
.login_estandar #login_form button,
#forgot_password_form .request-password-button{
	background: #0036dc;
    font-size: 17px;
    font-weight: bold;
    height: 48px;
    border-radius: 25px;
    margin: 25px auto 12px;
    padding: 10px 28px;
    width: auto;
	position: relative;
}
.login_estandar #login_form, .login_estandar #forgot_password_form{
	max-width: 345px;
    margin: 0;
}
.login_estandar .forgotBlock{
	margin: 0;
}
.login_estandar .ic-Form-control input[type=text]::placeholder,
.login_estandar .ic-Form-control input[type=password]::placeholder{
	color: #fff;
	font-weight: bold;
}
/*FIN FORMULARIO- LOGIN*/


/*INICIO SLIDER IMAGEN - LOGIN*/
.slider-hidden-md,
#f1_container{
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    animation: animateSectionBackground 15s infinite;
	height: 847px;
    width: 100%;
	justify-content: flex-end;
    flex-direction: column-reverse;
    padding: 0;
	position: relative;
}

@-webkit-keyframes animateSectionBackground{
	0% {background-image:url(https://contenidoscev.usil.edu.pe/canvas/epg/personalizacion_portal/img_volt/LoginMOODLE-02.png);}
	50% {background-image:url(https://contenidoscev.usil.edu.pe/canvas/epg/personalizacion_portal/img_volt/LoginMOODLE-03.png);}
	100% {background-image:url(https://contenidoscev.usil.edu.pe/canvas/epg/personalizacion_portal/img_volt/LoginMOODLE-04.png);}
}
.login_slide1 {
	animation: fade 15s infinite;
	-webkit-animation: fade 15s infinite; }
.login_slide2{
	animation: fade2 15s infinite;
	-webkit-animation: fade2 15s infinite; }
.login_slide3 {
	animation: fade3 15s infinite;
	-webkit-animation: fade3 15s infinite; }
  
  @-webkit-keyframes fade {
	0% {
	  opacity: 1; }
	50% {
	  opacity: 0; }
	100% {
	  opacity: 0; }}
  
  @keyframes fade {
	0% {
	  opacity: 1; }
	50% {
	  opacity: 0; }
	100% {
	  opacity: 0; }}
  
  @-webkit-keyframes fade2 {
	0% {
	  opacity: 0; } 
	50% {
	  opacity: 1; }
	100% {
	  opacity: 0; }}
  
  @keyframes fade2 {
	0% {
	  opacity: 0; }
	50% {
	  opacity: 1; }
	100% {
	  opacity: 0; }}
  
  @-webkit-keyframes fade3 { 
	0% {
	  opacity: 0; }
	50% {
	  opacity: 0; }
	100% {
	  opacity: 1; }}
  
  @keyframes fade3 {
	0% {
	  opacity: 0; }
	50% {
	  opacity: 0; }
	100% {
	  opacity: 1; }}
/*FIN SLIDER IMAGEN - LOGIN*/

.ic-Login.login_estandar{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/*padding: 20px 60px 20px 210px;*/
	box-sizing: border-box;
	flex-direction: column-reverse;
	height: 800px;
}
.login_slider{
	margin-left: 0;
	max-width: 100%;
	text-align: center;
}
.login_box{
	width: 100%;
    bottom: 113px;
    right: 0;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.login_box--text{
	text-align: center;
    display: inline-block;
}
.login_box--text h3{
	font-size: 21px;
	line-height: normal;
	font-weight: 300;
	text-shadow: 1px 2px 1px black;
	margin: 0 0 14px 0;
	color: #fff; 
}
.login_box--text h3 span{
	font-weight: bold;
}
.login_box--text h4{
	font-size: 15px;
    color: #292C65;
    background: #fff;
    padding: 5px 10px;
    display: inline;
    border-radius: 20px;
}
.btn-circle-2, .btn-circle img:nth-child(2){
	display: none;
	/*position: absolute;
	top: 20px;
	left: 20px;
	height: 100px;*/
}
.btn-circle img:first-child{ 
    bottom: 30px;
    right: 30px;
    position: absolute;  
}
.login_estandar .ui-helper-hidden-accessible,
.login_estandar #forgot_password_instructions{
	color: #221e20;
    text-align: center;
}
@media only screen and (min-width:480px){
	.login_estandar #f1_card,
	.ic-Login__container{
		width: 450px;
		height: max-content;
	}
	.login_estandar #login_form,
	.login_estandar #forgot_password_form{
		margin: 15px auto 30px;
	}
}

@media only screen and (min-width:768px){
	.slider-hidden-md, #f1_container{
		height: 100vh;
	}
}
@media only screen and (min-width:800px){
    div#f1_container.login_estandar{
        margin-top: -120px;
    }
   
}
@media only screen and (min-width: 1024px){ 
	.slider-hidden-md{
		height: 100%;
	}
	.ic-Login__container--slider {
		width: 55%;
		height: 100vh;
		position: relative;
	}
	.ic-Login__container, .login_estandar #f1_card {
		background: #ffffff00;
		width: 45%;
		height: 100vh;
		box-shadow: none /*0px 2px 16px rgb(0 0 0 / 80%)*/;
		margin: 0;
		border-radius: 0;
	}

	/*login desktop*/
	.ic-Login.login_estandar,
	#f1_container{
		flex-direction: row-reverse;
		height: 100%;
		padding: 0;
        background-position: center right;
	}
	
	.ic-Login__actions-timeout{
		padding-top: 13px;
	}
	.hidden-md{
		display: none;
	}
	.login_header .logo{
		justify-content: center;
		padding-top: 20px;
	}
	.login_header .logo img {
		height: auto;
	}
	.login_header h1{
		margin: 0;
	}
	.login_box {
		position: absolute;
		bottom: 60px;
		right: 100px;
		width: auto;
		left: inherit;
		transform: inherit;
	}
	.btn-circle img:first-child {
		display: block;
        height: 32px;
        top: 20px;
        left: 45px;
		position: absolute;
	}

	.btn-circle img:nth-child(2){
		display: block;
		position: absolute;
		height:75px;
		top: 30px;
		right: 30px;
	}
	.btn-circle-2{
		position: absolute;
		bottom: 20px;
		left: 20px;
		height: 90px;
	}
	/*.ic-Login__container--slider{
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top;
		animation: animateSectionBackground 15s infinite;
		height: 864px;
		width: 100%;
		background-size: cover;
		justify-content: flex-end;
		flex-direction: column-reverse;
		padding: 0;
		position: relative;
	}*/
	.btn-circle-2{
		display: block;
	}
    div#f1_container.login_estandar div#f1_card {
        margin-top: 0;
    }
}

@media only screen and (min-width:1200px){

	.login_slider{
		margin-left: 150px;
		max-width: 500px;
	}

	 .btn-circle{
		display: block;
		position: relative;
		height: 100vh;
	}
	.login_box--text h3{
		font-size: 42px;
		margin: 0 0 18px 0;
	}
	.login_box--text h4{ 
		font-size: 24px;
	}
	.slider-hidden-md{
		background-position: bottom;
	}

	.ic-Login__container--slider{
		width: 60%;
	}
	.ic-Login__container{
		width: 40%;
	}
	/*.login_header h1{
		margin: 120px 0 0;
	}*/

	.btn-circle-2{
		height: 150px;
	}
    .ic-Login.login_estandar,
	#f1_container{
        background-size: cover;
	}
}

@media only screen and (min-height:345px){
	#f1_container,
	.ic-Login.login_estandar{
		height: 847px;
	} 

}
@media (min-height: 630px) and (max-height: 673px){
	.ic-Login__container, .login_estandar #f1_card,
	.ic-Login__container--slider{
		height: 100% !important;
	}
}
@media only screen and (min-height:674px){
	#f1_container, .ic-Login.login_estandar{
		height: 100vh !important;
	}
}



/*-------------------------------------------------------------FIN LOGIN--------------------------------------------------------------------- */

/**********plantilla deac************/

            .deac_home_wrapper{
                max-width: 900px;
                margin-left: auto;
                margin-right: auto;
            }

            .deac_header{
                width: 100%;
            }

            .deac_header img{
                width: 100%;
                max-width: 900px;
            }

            .deac_student_wrapper {
                display: flex;
                flex-flow: row nowrap;
                width: 100%;
            }

            .deac_student_section {
                width: 70%;
            }

            .deac_student_img {
                width: 30%;
                display: flex;
                flex-direction: row;
                align-items: flex-end;
            }

            .deac_student_img img {
                width: 100%;
            }

            .deac_student_title {
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
            }

            .deac_student_title h1 {
                font-family: 'ActionCond-Light';
                font-size: 45px;
                color: #1e50da;
            }

            .deac_student_title img {
                width: 50px;
                height: fit-content;
                padding: 0px 15px;
            }

            .deac_student_btn a {
                padding-left: 80px;
            }

            .deac_student_btn img {
                width: 80%;
            }

            .deac_student_text p {
                color: #777;
                padding-left: 80px;
                font-family: 'StelvioGrotesk-Regular';
            }

            .deac_concur_wrapper {
                background: url(https://s3.amazonaws.com/contenidoscev.usil.edu.pe/EPG/2024/curso_base/plantilla+canvas+epg+deac/landing+inicio/fondo.png);
                display: flex;
                flex-flow: row nowrap;
                background-repeat: no-repeat;
                background-size: cover;
            }
            
            .deac_concur_section {
                width: 40%;
            }

            .deac_concur_null {
                width: 60%;
            }

            .deac_concur_title {
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
            }

            .deac_concur_title h1 {
                font-family: 'ActionCond-Light';
                font-size: 45px;
                color: #1e50da;
            }

            .deac_concur_title img {
                width: 50px;
                height: fit-content;
                padding: 0px 15px;
            }

            .deac_concur_btns img {
                width: 80%;
            }

            .deac_concur_btns {
                padding-left: 80px;
            }

            .deac_concur_btns p {
                color: #777;
                font-family: 'StelvioGrotesk-Regular';
            }

            .deac_iniapr_title {
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
            }

            .deac_iniapr_title h1 {
                font-family: 'ActionCond-Light';
                font-size: 45px;
                color: #1e50da;
            }

            .deac_iniapr_title img {
                width: 50px;
                height: fit-content;
                padding: 0px 15px;
            }

            .deac_iniapr_text p {
                color: #777;
                font-family: 'StelvioGrotesk-Regular';
                padding-left: 80px;
            }

            .deac_units_list {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                align-items: center;
            }

            .deac_unit_item img {
                width: 100%;
            }

/**********plantilla deac************/


/* degradado modulos */
.item-group-condensed .ig-header{
    background: linear-gradient(to right, #314f80, white);

}




.ic-Login__actions .ic-Form-control {
    position: absolute;
    bottom: -38px;
    left: 0%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ic-Login__actions .Button--login {
    padding: 10px 30px !important;
    background: #00feb7 !important;
    color: #002461;
    border: 1px solid var(--ic-brand-Login-Content-password-text-color);
    overflow: visible;
}