

.layout_header{padding:5px 0;background:#ffffff;}
.layout_header .left_logo{margin:0;vertical-align:middle;}
.layout_menu_over{zoom:1; min-height: 73px;}
@media screen and (min-width: 768px) {
    .layout_menu_over{min-height: 71px;}
}
#lms_main_container{background:#ffffff;padding: 1em 0;}
#lms_main_container .std_block {padding: 1em 0;}
.layout_colum_container{padding: 1em 0; min-height:350px;}
.layout_footer{background:#eeeeee; height:21px; font-size:90%;}
.layout_footer img{vertical-align:middle;}

.layout_footer #link{margin-top:3px;padding:3px 16px 4px;}
.layout_footer a{text-decoration:none;color:#777777;}
.layout_footer a:hover{text-decoration:underline;}
.layout_footer #link a.first{font-weight:bold;padding:0 6px 0 0;margin:0 3px 0 0;border-right:1px solid #777777;}
.layout_footer .copyright{position:relative;top:3px;right:16px;text-align: right;color:#777777;}
.layout_footer .ownedby{color:#777777;}
.layout_footer_menu{background:#eeeeee; height:2px; font-size:90%;}

/* Lms interface management components styles */
.lms_management{}
.lms_management .area{border:dashed 1px #666; background-color:#e9e9e9; margin:3px; padding:0px;}
.lms_management .area .area_block{border:1px solid #000; background-color:#F4FAFF;}
#middlearea .yui-nav li{position:relative;margin-right:0.6em;}
.admmenu{position:relative;cursor:pointer;cursor:hand;}
#middlearea .yui-nav li b,.num_notify{position:absolute;color:#fff!important;font-size:normal;text-align:center;font-size:0.9em;padding-top:0px;line-height:1.2em;text-decoration:none;
top:-0.4px;right:-0.5px;height:13px;width:12px;background:#ee1111;border:0px none;      
-webkit-border-radius: 4px 4px 4px 0;-moz-border-radius: 4px 4px 4px 0;border-radius: 4px 4px 4px 0;
-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;
/*for the crappy browser we use a background image*/
_top:-11px;_right:-10px;_height:18px;_width:16px;
_background:url(../images/standard/updates.png) 0 0 no-repeat transparent;}


#middlearea .yui-nav li b,.num_notify_bar{position:absolute;color:#fff!important;font-size:normal;text-align:center;font-size:0.9em;padding-top:0px;line-height:1.2em;text-decoration:none;
top:-13.5px;right:-13.5px;height:13px;width:12px;background:#ee1111;border:0px none;      
-webkit-border-radius: 4px 4px 4px 0;-moz-border-radius: 4px 4px 4px 0;border-radius: 4px 4px 4px 0;
-webkit-box-shadow: #666 0px 2px 3px;-moz-box-shadow: #666 0px 2px 3px;box-shadow: #666 0px 2px 3px;
/*for the crappy browser we use a background image*/
_top:-11px;_right:-10px;_height:18px;_width:16px;
_background:url(../images/standard/updates.png) 0 0 no-repeat transparent;}



#middlearea .yui-nav li.selected b{_background-position:-16px 0;}
/* Course home list */
.edition_container, .dash-course{position:relative;clear:none;margin:.6em 0.5em;padding:0 0 1em 0;border-bottom:1px solid #cccccc; min-height: 72px; }
.dash-course img.clogo{display:inline-block;border:2px solid #cccccc;max-width:100px;max-height:70px;padding:2px;margin:0px;}
.dash-course img.cnologo{padding:5px 20px;background:#ffffff;}
.dash-course h2{color:var(--color-primary); font-size: 20px;}
.dash-course h2 a{color:var(--color-primary); font-size: 20px;}
.course_support_info {padding:.2em .4em;}
.status_subscribed h2{background:#efefef;}
.status_subscribed h2 a{}
.status_begin h2{}
.status_begin h2 a{}
div.logo_container{width:80px; text-align:center; padding:0px; margin:0 1em .6em 0;float:left;/*position:absolute;*/}
div.info_container{padding-left:116px;}
/* Kb navigation interface */
#kb_folder_nav{margin:0 0 1em;}
div.kb_folder_box{margin:1em 0em;padding:0.4em;background:#efefef;}
div.kb_folder_box ul{padding:0; margin:0;}
div.kb_folder_box ul li{float:left;margin:0 2em;}
div.kb_folder_box ul li a{font-weight:bold;}
div.kb_folder_box ul li div{line-height:1.8em;padding-top:8px;}
div.kb_folder_box ul li ul.subfolders{padding:0 0 0 1em;line-height:1.4em;}
div.kb_folder_box ul li ul.subfolders li{float:none;font-size:83%; margin:0; padding:0;}
div.kb_folder_box ul li ul.subfolders li a{font-weight:normal;}
div.kb_folder_box ul li span{font-size:83%;padding-left:0.3em;}
p.section_title{margin-top:0.8em;margin-bottom:1em;border-bottom:1px solid #cccccc;padding-bottom:0.2em;padding-right:0.2em;font-weight:bold;}
.brd_right{border-right:1px solid #cccccc;}
div.kb_res_list{}
div.kb_res_list p{padding-left:1em;margin-top:0.4em;}
div.kb_res_list div.line{margin-top:1em;margin-bottom:2em;padding-bottom:0.5em;border-bottom:1px solid #cccccc;}
div.kb_res_list a{font-weight:bold;font-size:108%;}
div.kb_res_list div.line div.tags{font-size:90%;margin-top:0.6em;}
.games_chart{float:right;text-align:center;}
.games_chart #standings_chart{width:400px;height:250px;}
.edition_container .edition_subscribe, .catalog_action{min-width:190px;text-align:center;background:#f5f5f5;font-size:90%; color:#000000}
.subscribed{padding:10px;background:var(--color-primary);color:#fff;text-transform: uppercase;}
.subscribed:before {  content: "\f061";position: absolute;right:4em;padding: 0 1px;font-family: FontAwesome;-webkit-transform: translateZ(0);transform: translateZ(0);}
.edition_container .edition_subscribe a p,  .can_subscribe{padding: 10px;background: #1bac2c;color: #fff;text-transform: uppercase;font-weight:400; display: block;margin-top: 10px;}
.edition_container .edition_subscribe a p:before,  .can_subscribe:before { content: "\f061";position: absolute;right:4em;padding: 0 1px;font-family: FontAwesome;-webkit-transform:translateZ(0);
    transform: translateZ(0);}
.cannot_subscribe{padding: 5px;background: rgb(234, 216, 88);color: rgb(255, 255, 255);text-transform: uppercase;font-weight:400}
#statistic_chart{width:80%;height:250px;margin:0 auto;}
#tag_cloud{margin:0 1em 1em;}
#tag_cloud .yui-content{background:#ffffff;}
div.label_container{border:3px solid var(--color-primary);display:inline;float:left;font-weight:normal;height:80px;margin:20px 2% 20px 2%;position:relative;text-decoration:none;width:29%;overflow:hidden;}
span.label_image_cont{width:72px;height:98%;position:absolute;text-align:center;}
span.label_info_con{display:block;padding:4px 4px 4px 76px;}
img.label_image{max-width:64px;padding:4px;}
span.label_title{font-size:108%;font-weight:bold;margin:0.83em 0px;}
span.label_description{border-top:2px solid #446dd6;display:block;margin-top:5px;padding-top:5px;font-size:90%;}
div.coursepath_container{margin-bottom:15px;}
span.expand_path_info{font-weight:bold;color:var(--color-primary);padding:5px;}
span.coursepath_percentage{font-weight:bold;color:var(--color-primary);}
td.course_type{padding-left:15px;padding-right:15px;text-align:right;width: auto;color:var(--color-primary);}
div.coursepath_description{background-color:#efefef;font-size:90%;}
div.coursepath_description  div.textof{padding:10px;}
div.coursepath_action{float:left;margin-top:5px;margin-bottom:5px;}
div.percentage_cont{border:1px solid #cccccc;padding:5px;}
div.coursepath_details{background-color:#f7f7f7;border-top:3px solid #d1d1d1;border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;padding:8px 4px;}
.yui-skin-sam .yui-dt .forum_action td {text-align:right;}

.tabs_filter {float:right; top:-15px; z-index: 1; position: relative;}

.c-button {
    display: inline-block;
    /*margin: 12px;*/
    margin: 8px;
    padding: 0px 0px;
    color: #000000;
    background: transparent none repeat scroll 0px 0px;
    border: 2px solid #ffffff;
    cursor: pointer;
    width:200px;
}

.c-menu {
    z-index: 200;
    background-color: #F7F7F7;
    transition: transform 0.3s ease 0s;
}

.c-menu__close {
    color: #FFF;
    background-color: #cccccc;
    border: medium none;
    cursor: pointer;
}

.c-menu--push-left .c-menu__item, .c-menu--push-right .c-menu__item, .c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item {
    display: block;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}


.c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close, .c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close {
    display: block;
    padding: 0px 0px;
    width: 100%;
}

.forum__remaining-thread {
    background-color: #FF0602;
}

.forum__remaining-thread > span {
    font-weight: bold;
}
.ui-dialog.ui-widget {
    min-width: 218px;
}
.ui-dialog-content.ui-widget-content {
    min-height: 36px !important;
}

/* RESTYLING MODALE CORSI */

@media screen and (max-width: 600px){
    .yui-skin-sam .yui-panel {
        width: 100% !important;
        margin-top: 90px;
    }
}

.yui-skin-sam .yui-panel .edition_subscribe a {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 99;
}

.yui-skin-sam .yui-panel .edition_subscribe a .can_subscribe {
    background: transparent;
    font-size: 10px;
    color: #70D800;
    border-radius: 4px;
    border: 1px solid #70D800;
    width: 80px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.yui-skin-sam .yui-panel .edition_subscribe a .can_subscribe_moderation {
    color: var(--color-5);
    border: 1px solid var(--color-5);
    float: right;
}

.yui-skin-sam .yui-panel .edition_subscribe a .alert_subscribe {
    clear: both;
    color: var(--color-5);
    position: relative;
    top: 4px;
    display: none;
}

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

    .yui-skin-sam .yui-panel .edition_subscribe a .alert_subscribe {
        width: 109px;
        text-align: right;
        font-size: 10px;
        line-height: 12px;
    }
}

.yui-skin-sam .yui-panel .edition_subscribe a .cannot_subscribe {
    background: transparent;
    font-size: 10px;
    color: #666666;
    border-radius: 4px;
    border: 1px solid #666666;
    width: 80px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    display: block;
}

.moderation-course:before,
.moderation-alert:before {
    content:'';
    display: block;
    position: absolute;
    right: 85px;
    top: 4px;
    border-radius: 50%;
    background-color: var(--color-5);
    width: 14px;
    height: 14px;
    background-image: url('../static/images/icons/icon--info.svg');
    background-position: center;
    background-size: 5px auto;
    background-repeat: no-repeat;
}

.moderation-alert {
    position: relative;
    color: var(--color-5);
    padding-left: 20px;
    line-height: 24px;
}

.moderation-alert:before {
    left: 0;
    top: 4px;
}

.yui-skin-sam .yui-panel .edition_subscribe a .can_subscribe:before {
    display: none;
}

.edition__title {
    background: transparent;
    border: 0;
    color: var(--color-5);
    font-size: 12px;
    font-weight: bold;
    position: relative;
    padding-left: 20px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
    padding-right: 100px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
}

.edition__title.is-open {
    border-bottom: 0;
}

.edition__title.is-open .alert_subscribe {
    display: block !important;
}

.edition__title.is-open .edition__icon {
    transform: rotate(90deg);
    transition: all .5s ease-in-out;
}

.edition_container {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    margin-left: 0;
    min-height: auto;
    margin-bottom: 10px;
    margin-right: 0;
}

.edition_container--hide {
    display: none;
}

.edition__body--left {
    padding-left: 20px;
}

.edition_container b {
    text-transform: capitalize;
}

.edition__icon {
    position: absolute;
    left: 0;
    top: 4px;
    background-color: var(--color-5);
    color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 14px;
    text-align: center;
    transition: all .5s ease-in-out;
}

.edition__icon .fa {
    line-height: 13px;
    position: relative;
    top: -4px;
}

.edition_arrow {
    display: inline-block;
    width: 14px;
    height: 6px;
    background-image: url('../static/images/icons/course/icon--long-arrow-right.svg');
    background-repeat: no-repeat;
    position: relative;
    top: -1px;
    margin: 0 3px;
}

.edition_table {
    margin-top: 30px;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .edition_table {
        margin-left: 20px;
    }
}

.edition_table thead {
    background-color: var(--color-5-100);
    color: var(--color-5);
    border-right: 1px solid var(--color-5-100);
}

.edition_table thead th {
    line-height: 22px;
    width: 75px;
    padding-left: 5px;
}

.edition_table tbody tr {
    border-right: 1px solid var(--color-5-100);
}

.edition_table tbody td {
    border-left: 1px solid var(--color-5-100);
    line-height: 16px;
    padding-left: 5px;
    font-weight: normal;
    color: #666;
}

.edition_table tbody tr:nth-child(2n) {
    background-color: var(--color-5-100);
}

.edition__twocol {
    margin-bottom: 20px;
}

.edition__col {
    display: inline-block;
}

.edition__col:first-child {
    padding-right: 20px;
}

.edition__buttonContainer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .yui-skin-sam .yui-panel .bd {
        height: 50vh;
        overflow-y: auto;
    }
}

.yui-overlay, .yui-panel-container {
    z-index: 999999999 !important;
    box-shadow: 0 0 21px 7px rgba(18,16,16,.15);
}

.show-all-dates-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    display: none;
}

.show-all-dates-popup .hd {
    padding-right: 100px !important;
    line-height: 24px !important;
}

.show-all-dates-popup .edition_table {
    margin-left: 0;
    margin-top: 0;
}

.show-all-dates-popup .yui-module {
    visibility: inherit;
    width: 600px;
}
