@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=greek,latin,greek-ext,vietnamese,cyrillic-ext,cyrillic,latin-ext);
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
* {
    font-family: 'Roboto', sans-serif;
}

a,
button,
span {
    outline: none !important;
}

.modal-body a {
    word-wrap: break-word;
}

body {
    overflow-x: hidden;
}

#banner_header {
    min-height: 170px;
    background: #91c8f1 url("../img/header_bg.png") top center no-repeat;
}

#banner_header .logoBox > a > span {
    width: 110px;
    height: 110px;
    display: block;
    margin-left: 53px;
    text-decoration: none;
    background: #FFFFFF url("../img/logo.png") center center no-repeat;
}

#banner_header {
    text-align: center;
}

#banner_header .logoBox {
    min-height: 145px;
}

#banner_header .textbannerBox {
    margin-top: 35px;
    margin-bottom: 10px;
}

#banner_header .textbannerBox span:nth-child(1) {
    display: block;
    width: 100%;
    color: #FFFFFF;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height: 42px;
    font-stretch: condensed;
    /*text-transform: uppercase;*/
}

#banner_header .textbannerBox span:nth-child(2) {
    display: block;
    width: 100%;
    font-weight: 300;
    color: #FFFFFF;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-stretch: condensed;
    line-height: 25px;
    /*text-transform: uppercase;*/
}

#banner_header .loginlangBox > a {
    width: 120px;
    height: 44px;
    display: block;
    /*margin: 0 auto;*/
    margin-left: -12px;
}

#banner_header .loginlangBox > a > span:nth-child(1) {
    width: 120px;
    height: 44px;
    display: block;
    background: #b41952 url("../img/enter.png") center right no-repeat;
    background-position: 75px;
}

#banner_header .loginlangBox > a {
    text-decoration: none !important;
}

#banner_header .loginlangBox > a > span:nth-child(1)::after {
    content: "Login";
    font-family: roboto;
    color: #FFF;
    font-size: 14px;
    line-height: 44px;
    margin-left: -33px;
}

#banner_header .loginlangBox.logout > a > span:nth-child(1)::after {
    content: "Logout";
    font-family: roboto;
    color: #FFF;
    font-size: 14px;
    line-height: 44px;
    margin-left: -33px;
}

#banner_header .loginlangBox.logout > a > span:nth-child(1) {
    background: #b41952 url("../img/exit.png") center right no-repeat;
    background-position: 86px;
}

.text_home_banner {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    /*text-transform: uppercase;*/
    margin-bottom: 15px;
}

#menu-toggle-dx,
#menu-toggle-sx {
    text-decoration: none;
    display: block;
    margin-bottom: 10px;
}

.mobile_menu {
    display: none;
}

#menu-toggle-sx {
    margin-left: -15px;
}

.menusidebar {
    padding: 10px;
    width: 44px;
    height: 44px;
    background-color: #262626;
    font-size: 25px;
    color: #FFFFFF;
}

#banner_header > div {
    max-width: 1200px;
    margin: 0 auto;
}

.input-group-btn {
    right: 47px;
    top: 30px;
}

.input-group-btn button,
.input-group-btn.open button,
.input-group-btn button:hover,
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    border-color: #000 !important;
    background-color: #FFFFFF !important;
    height: 44px;
}

.input-group-btn button.dropdown-toggle,
.input-group-btn button.dropdown-toggle:active,
.input-group-btn button.dropdown-toggle:hover,
.input-group-btn.open button.dropdown-toggle,
.input-group-btn.open button.dropdown-toggle:active,
.input-group-btn.open button.dropdown-toggle:hover {
    background-color: #262626 !important;
    color: #FFFFFF !important;
    padding: 6px 8px;
}

.btn-default.dropdown-toggle {
    width: 44px;
}

.caret {
    border-top: 10px dashed;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.input-group-btn.open button.dropdown-toggle,
.input-group-btn.open button.dropdown-toggle:active,
.input-group-btn.open button.dropdown-toggle:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.input-group-btn .dropdown-menu {
    border-color: #000;
    background-color: #FFFFFF;
    min-width: 138px !important;
    top: 95%;
    left: calc((100% - 137px) / 2);
    z-index: 99999;
    border-radius: 0;
}

#wrapper {
    padding-left: 0;
    padding-right: 0;
}

#sidebar-wrapper-sx {
    z-index: 1000;
    position: absolute;
    left: 230px;
    width: 230px;
    margin-left: -460px;
    overflow-x: hidden;
}

#sidebar-wrapper-dx {
    z-index: 1000;
    position: absolute;
    right: 230px;
    width: 230px;
    margin-right: -460px;
    overflow-x: hidden;
}

#wrapper.toggledSX #sidebar-wrapper-sx {
    width: 230px;
    margin-left: -230px;
}

#wrapper.toggledDX #sidebar-wrapper-dx {
    width: 230px;
    margin-right: -230px;
}

#wrapper.toggledSX #sidebar-wrapper-sx {
    -webkit-box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

#wrapper.toggledDX #sidebar-wrapper-dx {
    -webkit-box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -4px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

#page-content-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    overflow-x: hidden;
    background-color: #FFFFFF;
}

#wrapper.active_hbtn_1,
#wrapper.active_hbtn_1 #sidebar-wrapper-sx,
#wrapper.active_hbtn_1 #sidebar-wrapper-dx {
    background: url("../img/pattern_02.png");
}

#wrapper.active_hbtn_2,
#wrapper.active_hbtn_2 #sidebar-wrapper-sx,
#wrapper.active_hbtn_2 #sidebar-wrapper-dx {
    background-color: #d95b5b;
}

#wrapper.active_hbtn_5,
#wrapper.active_hbtn_6,
#wrapper.active_hbtn_5 #sidebar-wrapper-sx,
#wrapper.active_hbtn_5 #sidebar-wrapper-dx,
#wrapper.active_hbtn_6 #sidebar-wrapper-sx,
#wrapper.active_hbtn_6 #sidebar-wrapper-dx {
    background-color: #91c8f1;
}

#wrapper .hbtn_2 {
    background-color: #d95b5b;
}

#wrapper .hbtn_3 {
    background-color: #fcb944;
}

#wrapper .hbtn_4 {
    background-color: #b1cc47;
}

#wrapper .hbtn_2:hover {
    background-color: #a6192d;
}

#wrapper .hbtn_3:hover {
    background-color: #de7300;
}

#wrapper .hbtn_4:hover {
    background-color: #59990e;
}

#wrapper .hbtn_2,
#wrapper .hbtn_3,
#wrapper .hbtn_4 {
    cursor: pointer;
}

#wrapper.active_hbtn_2 .hbtn_2 {
    background-color: #c13d50;
}

#wrapper.active_hbtn_3 .hbtn_3 {
    background-color: #f49733;
}

#wrapper.active_hbtn_4 .hbtn_4 {
    background-color: #75b02e;
}

#wrapper .hbtn_2 a,
#wrapper .hbtn_3 a,
#wrapper .hbtn_4 a {
    font-weight: 300;
    color: #000;
    /*text-transform: capitalize;*/
}

#wrapper.active_hbtn_2 .hbtn_2 a,
#wrapper.active_hbtn_3 .hbtn_3 a,
#wrapper.active_hbtn_4 .hbtn_4 a {
    font-weight: 700;
    color: #FFF;
}

#wrapper.active_hbtn_3,
#wrapper.active_hbtn_3 #sidebar-wrapper-sx,
#wrapper.active_hbtn_3 #sidebar-wrapper-dx {
    background-color: #fcb944;
}

#wrapper.active_hbtn_4,
#wrapper.active_hbtn_4 #sidebar-wrapper-sx,
#wrapper.active_hbtn_4 #sidebar-wrapper-dx {
    background-color: #b1cc47;
}


/*
li.type_structure.depth_1.contains_branch {
    background-color: rgba(255, 255, 255, 0.79);
}
*/

div#sidebar-wrapper-sx>div[id^=inst] {
    background-color: rgba(255, 255, 255, 0.79);
}

div#sidebar-wrapper-dx>div[id^=inst] {
    background-color: rgba(255, 255, 255, 0.79);
}

div.unitscontent .accesshide,
div.unitscontent #section-0,
div.unitscontent .right.side,
div.unitscontent .left.side,
#intro > p,
.box.generalbox.boxaligncenter.forcejavascriptmessage,
form#scormviewform {
    display: none;
}

.activityinstance img {
    margin-right: 15px;
}

div.unitscontent .course-content ul {
    list-style: none;
    padding: 0;
}


/* Sidebar Styles */

.sidebar-nav {
    background-color: rgba(255, 255, 255, 0.79);
    top: 0;
    width: 230px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #000;
}

.sidebar-nav li a:hover {
    text-decoration: underline;
    color: #000;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

div.loginlangBox > span > div > button:nth-child(1) {
    width: 96px;
}

.row.hbtn {
    margin-right: 0;
    /* padding-top: 30px; */
    margin-left: 0;
    font-size: 18px;
    line-height: 44px;
    color: #000;
    /*text-transform: uppercase;*/
    text-align: center;
}

.home_wrapper .row.hbtn {
    padding-top: 0 !important;
}

.row.hbtn .hbtn_2 {
    min-height: 44px;
    background-color: #b1cc47;
}

.row.hbtn .hbtn_2 a,
.row.hbtn .hbtn_2 a:hover,
.row.hbtn .hbtn_3 a,
.row.hbtn .hbtn_3 a:hover,
.row.hbtn .hbtn_4 a,
.row.hbtn .hbtn_4 a:hover {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    text-decoration: none;
    color: #000;
}

.row.hbtn .hbtn_3 {
    min-height: 44px;
    background-color: #d95b5c;
}

.row.hbtn .hbtn_4 {
    min-height: 44px;
    background-color: #fcb944;
}

.home_wrapper {
    background-image: url("../img/pattern_01.png");
}

.home_wrapper .box_1,
.home_wrapper .box_2,
.home_wrapper .box_3 {
    min-height: 480px;
}

.home_wrapper .box_1 {
    background-color: #d95b5c;
}

.home_wrapper .box_2 {
    background-color: #fcb944;
}

.home_wrapper .box_3 {
    background-color: #b1cc47;
}

.footerbox_1,
.home_row {
    text-align: center;
    color: #FFFFFF;
    background-color: #000;
}

.footerbox_1.home_row_footer {
    margin-top: 0 !important;
}

.footerbox_1 > .footer_line_1 > * > a {
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
}

.footerbox_1 > .center_footer > * > a {
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

.footer_line_1,
.home_row {
    line-height: 40px;
    min-height: 40px;
}

.row.tab_buttons:not([class*='map_']) {
    display: none;
}

.home_row_bottom {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 20px;
    text-align: center;
    color: #262626;
    background-image: url("../img/pattern_01.png");
}

.tab_buttons {
    margin-top: 7px;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    color: #262626;
}

.tab_buttons div {
    padding-bottom: 10px;
    padding-top: 10px;
}

.tab_buttons.map_1 div:nth-child(1),
.tab_buttons.map_2 div:nth-child(2),
.tab_buttons.map_3 div:nth-child(3),
.tab_buttons.map_4 div:nth-child(4) {
    background-color: #FFF;
    padding-bottom: 100px;
    margin-bottom: -100px;
    overflow: hidden;
}

.backtohome,
.backtocourse {
    text-align: center;
    margin-top: 20px;
    padding-top: 35px;
    padding-bottom: 50px;
}

.backtohome a span,
.backtocourse a span {
    padding: 8px 25px;
    background-color: #262626;
    color: #FFF;
    border-radius: 25px;
    text-decoration: none;
}

.backtocourse a span {
    background-color: #b41952;
}

.backtohome a,
.backtocourse a {
    text-decoration: none;
}

div.row.home_row_bottom > div,
div.row.tab_buttons > div {
    margin-top: 20px;
}

div.row.home_row_bottom > div > a,
div.row.tab_buttons > div > a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    text-decoration: none;
    color: #000;
}

div.row.home_row_bottom > div > a > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #000;
}

div.row.home_row_bottom > div > a > span:nth-child(2),
div.row.tab_buttons > div > a > span:nth-child(2) {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: #000;
}

body > div.row.home_row_bottom > div:nth-child(5) {
    padding-bottom: 20px;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4 > a img {
    max-width: 362px;
    width: 100%;
    margin-bottom: 20px;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4 {
    padding-top: 20px;
    min-height: 520px;
    padding-bottom: 25px;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4 > a:not(:first-child) > span {
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

#wrapper > div.row.hbtn > div > span {
    min-height: 110px;
    display: block;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(1) > a > span {
    padding: 8px 10px;
    background-color: #c23d50;
    border-radius: 25px;
    color: #FFF;
    white-space: pre;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(2) > a > span {
    padding: 8px 10px;
    background-color: #f49632;
    border-radius: 25px;
    color: #FFF;
    white-space: pre;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(3) > a > span {
    padding: 8px 10px;
    background-color: #75b02f;
    border-radius: 25px;
    color: #FFF;
    white-space: pre;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(1) > a.hp-gotobtn > span:hover {
    background-color: #a6192d;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(2) > a.hp-gotobtn > span:hover {
    background-color: #de7300;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4:nth-child(3) > a.hp-gotobtn > span:hover {
    background-color: #59990e;
}

#wrapper > div > div.col-xs-12.col-sm-4.col-md-4 > a > span,
#wrapper > div > div.col-xs-12.col-sm-4.col-md-4 > a {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 20px;
    /*text-transform: capitalize;*/
    text-decoration: none;
    color: #000;
    line-height: 40px;
}

#wrapper.home_wrapper .row.hbtn {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-transform: inherit;
    text-decoration: none;
    color: #000;
}

div.row.home_row_bottom > div:nth-child(2) > a > span:nth-child(1),
div.row.tab_buttons > div:nth-child(1) > a > span:nth-child(1) {
    background-image: url("../img/ico_cerca_topics.png");
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: -15px;
}

div.row.home_row_bottom > div:nth-child(2) > a:hover > span:nth-child(1),
div.row.tab_buttons > div:nth-child(1) > a:hover > span:nth-child(1) {
    background-image: url("../img/ico_cerca_topics_over.png");
}

div.row.home_row_bottom > div:nth-child(3) > a > span:nth-child(1),
div.row.tab_buttons > div:nth-child(2) > a > span:nth-child(1) {
    background-image: url("../img/ico_cerca_activities.png");
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: -15px;
}

div.row.home_row_bottom > div:nth-child(3) > a:hover > span:nth-child(1),
div.row.tab_buttons > div:nth-child(2) > a:hover > span:nth-child(1) {
    background-image: url("../img/ico_cerca_activities_over.png");
}

div.row.home_row_bottom > div:nth-child(4) > a > span:nth-child(1),
div.row.tab_buttons > div:nth-child(3) > a > span:nth-child(1) {
    background-image: url("../img/ico_cerca_keywords.png");
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: -15px;
}

div.row.home_row_bottom > div:nth-child(4) > a:hover > span:nth-child(1),
div.row.tab_buttons > div:nth-child(3) > a:hover > span:nth-child(1) {
    background-image: url("../img/ico_cerca_keywords_over.png");
}

div.row.home_row_bottom > div:nth-child(5) > a > span:nth-child(1),
div.row.tab_buttons > div:nth-child(4) > a > span:nth-child(1) {
    background-image: url("../img/ico_cerca_questions.png");
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    margin-bottom: -15px;
}

div.row.home_row_bottom > div:nth-child(5) > a:hover > span:nth-child(1),
div.row.tab_buttons > div:nth-child(4) > a:hover > span:nth-child(1) {
    background-image: url("../img/ico_cerca_questions_over.png");
}

.center_footer {
    padding-top: 40px;
    background: #393939 url("../img/pattern_03.png");
}

.center_footer_bottom {
    padding-top: 20px;
    padding-bottom: 10px;
    background: #393939 url("../img/pattern_03.png");
    color: #9f9f9f;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(1) > div {
    width: 240px;
    margin: 0 auto;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div {
    width: 180px;
    margin: 0 auto;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(1) > div > span:nth-child(1) {
    background: url("../img/ue.png");
    background-size: 87px 58px;
    background-repeat: no-repeat;
    width: 87px;
    height: 58px;
    display: block;
    float: left;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(1) > div > span:nth-child(2) {
    text-align: left;
    font-size: 15px;
    float: left;
    margin-left: 7px;
    margin-top: 16px;
    color: #FFF;
}

.footerbox_1 > div.row.center_footer_bottom > div {
    margin-bottom: 20px;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(1) {
    background: url("../img/ue.png");
    background-size: 65px 43px;
    background-repeat: no-repeat;
    width: 65px;
    height: 43px;
    display: block;
    float: left;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(2),
.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(3),
.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(4) {
    float: left;
    color: #FFF;
    padding: 0 4px;
    margin-left: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(2) {
    background: #eeb60f;
    margin-right: 40px;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(3) {
    background: #e86b1f;
}

.footerbox_1 > div.row.center_footer_bottom > div:nth-child(3) > div > span:nth-child(4) {
    background: #d71921;
    margin-left: 1px;
}

.center_footer div:nth-child(4) {
    margin-top: 40px;
}

.center_footer div:nth-child(5) {
    margin-top: 50px;
    color: #9f9f9f;
}

.center_footer div:nth-child(6) {
    margin-top: 10px;
    color: #9f9f9f;
    margin-bottom: 50px;
}

.center_footer div:nth-child(4) a span {
    width: 110px;
    height: 110px;
    display: block;
    margin: 0 auto;
    background: url("../img/logo.png") center center no-repeat;
}

.skip-block {
    display: none;
}

.block[role="navigation"] > .header h2,
.block[role="complementary"] > .header > * >h2,
.sidebar-nav > .sidebar-brand {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    margin: 0;
    height: 45px;
    font-size: 16px !important;
    line-height: 45px !important;
    color: #FFF !important;
    /*text-transform: uppercase;*/
    text-align: center;
    text-indent: 0px;
    background-color: #262626;
}

.block[role="complementary"] > .header > * > h2 > span.multilang {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    margin: 0;
    height: 45px;
    font-size: 16px !important;
    line-height: 45px !important;
    color: #FFF !important;
    /*text-transform: uppercase;*/
    text-align: center;
    text-indent: 0px;
}

.smallicon.navicon {
    margin-right: 8px;
}

#sidebar-wrapper-sx ul,
#sidebar-wrapper-dx ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar-wrapper-sx .block_tree.list > li,
#sidebar-wrapper-dx .block_tree.list > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.row.home_row {
    margin: 0;
}

div.row.home_row > div:nth-child(5) > a,
div.row.home_row > div:nth-child(4) > a,
div.row.home_row > div:nth-child(3) > a,
div.row.home_row > div:nth-child(2) > a {
    color: #FFF;
    text-decoration: none;
    margin-left: 24px;
}

div.row.home_row > div:nth-child(5) > a i,
div.row.home_row > div:nth-child(4) > a i,
div.row.home_row > div:nth-child(3) > a i,
div.row.home_row > div:nth-child(2) > a i {
    margin-right: 8px;
    font-size: 1.8em;
}

div.row.home_row > div:nth-child(5) > a i:before,
div.row.home_row > div:nth-child(4) > a i:before,
div.row.home_row > div:nth-child(3) > a i:before,
div.row.home_row > div:nth-child(2) > a i:before {
    margin-top: -17px;
    margin-left: -24px;
    position: absolute;
}

.writing-act {
    border-left: 30px solid #8adab5;
}

.math-act {
    border-left: 30px solid #8bc2d6;
}

.sci-act {
    border-left: 30px solid #cd8be5;
}

.crea-act {
    border-left: 30px solid #f38edc;
}

.work-act {
    border-left: 30px solid #f38e9c;
}

.evform-act {
    border-left: 30px solid #f3dc8e;
}


/*. {
    border-left: 30px solid #f2be8e;
}
. {
    border-left: 30px solid #f3dc8e;
}*/

#sidebar-wrapper-sx p,
#sidebar-wrapper-dx p,
#sidebar-wrapper-sx a,
#sidebar-wrapper-dx a,
#sidebar-wrapper-sx span:not(.multilang),
#sidebar-wrapper-dx span:not(.multilang) {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 300;
    font-size: 14px !important;
    color: #000 !important;
}

#sidebar-wrapper-sx a > span {
    padding-left: 15px;
}

#sidebar-wrapper-sx ul li,
#sidebar-wrapper-dx ul li {
    padding: 0;
}

#sidebar-wrapper-sx .block_tree.list > li:not(:nth-child(1)),
#sidebar-wrapper-dx .block_tree.list > li:not(:nth-child(1)) {
    margin-top: 1px;
}

#sidebar-wrapper-sx .block_tree.list > li.collapsed > p:before,
#sidebar-wrapper-dx .block_tree.list > li.collapsed > p:before {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    font-size: 1.1em;
}

#sidebar-wrapper-sx .block_tree.list > li.collapsed > p:before {
    color: #000;
    margin-left: -10px;
}

#sidebar-wrapper-dx .block_tree.list > li.collapsed > p:before {
    color: #FFF;
    margin-left: -30px;
}

#sidebar-wrapper-sx .block_tree.list > li > p:before,
#sidebar-wrapper-dx .block_tree.list > li > p:before {
    font-family: "FontAwesome";
    content: "\f0d7";
    position: absolute;
    font-size: 1.1em;
}

#sidebar-wrapper-sx .block_tree.list > li > p:before {
    color: #000000;
    margin-left: -15px;
}

#sidebar-wrapper-dx .block_tree.list > li > p:before {
    color: #FFF;
    margin-left: -30px;
}

#sidebar-wrapper-sx .block_tree.list > li,
#sidebar-wrapper-dx .block_tree.list > li {
    padding: 17px 7px 7px 12px;
}

li.collapsed.contains_branch[aria-expanded="false"] > ul,
li.depth_1.collapsed.contains_branch[aria-expanded="true"] > ul,
.block.invisible,
.dimmed img.icon,
.tree_item img.smallicon,
.collapsible-actions {
    display: none;
}

li.contains_branch p {
    cursor: pointer;
}

.tree_item.branch,
.tree_item.branch a,
.tree_item.branch span {
    font-weight: 700 !important;
}

.tree_item a {
    text-decoration: none;
}

.smallicon {
    margin-right: 6px;
}

.footer .adminsearchform {
    margin: 0 0 7px 4px;
}

.row.mobile_menu {
    padding-left: 15px;
}

.glossaryCursor {
    cursor: help;
}

#glossaryModal .modal-content {
    border-radius: 3 !important;
    background-color: rgb(249, 249, 249) !important;
    padding: 1.2em;
}

#glossaryModal > .modal-dialog > .modal-content > .modal-body {
    padding: 5px !important;
}

#glossaryModal .modal-title {
    font-weight: bold !important;
}

#id_country,
.fdescription.required,
#fgroup_id_buttonar {
    margin-bottom: 10px;
}

#bodycontent.forum .menusidebar {
    display: none !important;
}

span.error {
    color: #990000;
}


@media (max-width: 991px) {
    #banner_header .logoBox {
        min-height: 0px;
        margin-top: 50px;
    }
    #banner_header .logoBox > a > span {
        margin: 0 auto;
    }
    #banner_header .loginlangBox {
        position: absolute;
    }
    #banner_header .loginlangBox > a > span:nth-child(1) {
        right: 22px;
        top: 0;
        position: absolute;
    }
    #banner_header .loginlangBox > span:nth-child(2),
    #banner_header .loginlangBox .input-group-btn {
        left: 11px;
        top: 0;
        display: inline-block;
        position: absolute;
    }
    .fa-list-ul.menusidebar {
        right: 22px;
        position: absolute;
    }
    .fa-bars.menusidebar {
        left: 22px;
        position: absolute;
    }
    .row.mobile_menu {
        height: 60px;
        padding-left: 0px;
    }
    .input-group-btn {
        left: 0px;
        top: 0px;
    }
    .input-group-btn .dropdown-menu {
        left: -1px;
    }
}

@media (max-width: 1100px) {
    div[role="main"] img:not(.req) {
        width: 100%;
        height: inherit !important;
    }
    span.error img:not(.req) {
        width: initial;
        height: inherit !important;
    }
    div[role="main"] span.helptooltip > a > img {
        width: auto;
    }
}

@media (max-width: 1020px) {
    #bodycontent.noforum .mobile_menu {
        display: block;
    }
    #bodycontent.noforum .row.hbtn {
        padding-top: 0;
    }
    #bodycontent.noforum span.pdfbtn {
        margin-right: -30px !important;
    }
}

@media (min-width: 1021px) {
    #bodycontent.noforum #wrapper {
        padding-left: 230px;
        padding-right: 230px;
    }
    #bodycontent.noforum #wrapper.active_hbtn_1 {
        padding-left: 12%;
        padding-right: 12%;
    }
    #bodycontent.noforum #wrapper.home_wrapper {
        padding-left: 12%;
        padding-right: 12%;
    }
    #bodycontent.noforum #wrapper.toggledSX {
        padding-left: 0;
    }
    #bodycontent.noforum #wrapper.toggledDX {
        padding-right: 0;
    }
    #bodycontent.noforum #sidebar-wrapper-sx {
        width: 230px;
        margin-left: -230px;
    }
    #bodycontent.noforum #sidebar-wrapper-dx {
        width: 230px;
        margin-right: -230px;
    }
    #bodycontent.noforum #wrapper.toggledSX #sidebar-wrapper-sx {
        width: 230px;
        margin-left: -230px;
    }
    #bodycontent.noforum #wrapper.toggledDX #sidebar-wrapper-dx {
        width: 230px;
        margin-right: -230px;
    }
    body.modal-open #bodycontent.noforum > #wrapper > #sidebar-wrapper-dx {
        margin-right: -213px !important;
    }
    #bodycontent.noforum #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
    #bodycontent.noforum #wrapper.toggledSX #page-content-wrapper,
    #bodycontent.noforum #wrapper.toggledDX #page-content-wrapper {
        position: relative;
        margin-right: auto;
    }
}

@media (max-width: 1500px) {
    #bodycontent.forum .mobile_menu {
        display: block;
    }
    #bodycontent.forum .row.hbtn {
        padding-top: 0;
    }
    #bodycontent.forum span.pdfbtn {
        margin-right: -30px !important;
    }
}

@media (min-width: 1501px) {
    #bodycontent.forum #wrapper {
        padding-left: 230px;
        padding-right: 230px;
    }
    #bodycontent.forum #wrapper.active_hbtn_1 {
        padding-left: 12%;
        padding-right: 12%;
    }
    #bodycontent.forum #wrapper.home_wrapper {
        padding-left: 12%;
        padding-right: 12%;
    }
    #bodycontent.forum #wrapper.toggledSX {
        padding-left: 0;
    }
    #bodycontent.forum #wrapper.toggledDX {
        padding-right: 0;
    }
    #bodycontent.forum #sidebar-wrapper-sx {
        width: 230px;
        margin-left: -230px;
    }
    #bodycontent.forum #sidebar-wrapper-dx {
        width: 230px;
        margin-right: -230px;
    }
    #bodycontent.forum #wrapper.toggledSX #sidebar-wrapper-sx {
        width: 230px;
        margin-left: -230px;
    }
    #bodycontent.forum #wrapper.toggledDX #sidebar-wrapper-dx {
        width: 230px;
        margin-right: -230px;
    }
    body.modal-open #bodycontent.forum > #wrapper > #sidebar-wrapper-dx {
        margin-right: -213px !important;
    }
    #bodycontent.forum #page-content-wrapper {
        padding: 20px;
        position: relative;
    }
    #bodycontent.forum #wrapper.toggledSX #page-content-wrapper,
    #bodycontent.forum #wrapper.toggledDX #page-content-wrapper {
        position: relative;
        margin-right: auto;
    }
}


/* main content rules*/

.main-content > p {
    margin-top: 15px;
    margin-bottom: 25px;
}

.row .content_top_btn_active_2,
.row .content_top_btn_active_3,
.row .content_top_btn_active_4 {
    margin-left: -25px !important;
    margin-right: -25px !important;
}

.content_top_btn_active_2 > .content_top_hbtn_2:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_01.png');
    background-size: 100px;
    background-repeat: no-repeat;
    width: 100px;
    height: 55px;
    display: block;
    margin: 0 auto;
}

.content_top_btn_active_3 > .content_top_hbtn_3:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_02.png');
    background-size: 100px;
    background-repeat: no-repeat;
    width: 100px;
    height: 55px;
    display: block;
    margin: 0 auto;
}

.content_top_btn_active_4 > .content_top_hbtn_4:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_03.png');
    background-size: 100px;
    background-repeat: no-repeat;
    width: 100px;
    height: 55px;
    display: block;
    margin: 0 auto;
}

.row .unit-heading {
    margin-left: 0px;
}

.row .e-lesson {
    margin: 35px 0 35px 0;
}

a.e-lesson-btn {
    display: none;
    /*
      background-color: #f57d31;
      color:#FFF;
      text-decoration: none;
      cursor: pointer;
      padding:5px 20px;
      opacity:0.5;
      */
}


/* Class activities page settings*/

.row.ca_emptyrow.activities {
    display: block;
    height: 30px;
    background-image: url("../img/pattern_02.png");
    margin-right: 0px;
}

.row.ca_emptyrow {
    display: none;
}

.ca_header > h4,
.ca_header > h4 > span {
    text-align: center;
    font-size: 22px !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
}

.ca_header > h4:after {
    content: "";
    display: block;
    margin-top: 45px;
    margin-bottom: 45px;
    height: 1px;
    background-color: #cccccc;
    width: 100%;
}

.cid_2:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_01.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 121px;
    height: 67px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cid_3:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_02.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 121px;
    height: 67px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cid_4:before {
    content: '';
    display: block;
    background-image: url('../img/ico_macro_03.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 121px;
    height: 67px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

li > span.a-writing {
    display: block;
}

.panel-heading {
    font-family: 'Oswald', sans-serif !important;
}


/*writing*/

.panel-0,
.panel-Writing {
    background-color: #e8f7f0 !important;
}

.panel-0 > .panel-heading,
.panel-Writing >.panel-heading {
    background-color: #8adab5 !important;
}


/*mathematics*/

.panel-1,
.panel-Mathematics {
    background-color: #e8f3f7 !important;
}

.panel-1 > .panel-heading,
.panel-Mathematics >.panel-heading {
    background-color: #8bc2d6 !important;
}


/*Science*/

.panel-2,
.panel-Science {
    background-color: #e8f7f0 !important;
}

.panel-2 > .panel-heading,
.panel-Science > .panel-heading {
    background-color: #cd8be5 !important;
}


/*Creativity*/

.panel-3,
.panel-Creativity {
    background-color: #fde8f9 !important;
}

.panel-3 > .panel-heading,
.panel-Creativity > .panel-heading {
    background-color: #f38edc !important;
}


/*Workshop*/

.panel-4,
.panel-Workshop {
    background-color: #fde9eb !important;
}

.panel-4 > .panel-heading,
.panel-Workshop > .panel-heading {
    background-color: #f38e9c !important;
}

.panel-Film {
    background-color: #fcf2e8 !important;
}

.panel-Film > .panel-heading {
    background-color: #f2be8e !important;
}


/*Evaluation*/

.panel-5,
.panel-Evaluation {
    background-color: #fef8e8 !important;
}

.panel-5 > .panel-heading,
.panel-Evaluation > .panel-heading {
    background-color: #f3dc8e !important;
}

.panel-body > ul > li > a {
    text-decoration: none;
    color: #000;
    line-height: 1.8;
}

.panel-body > ul > li > a > span {
    font-family: 'Oswald', sans-serif !important;
    font-weight: 300;
}

#ca_results {
    /*border-bottom: #D0D0D0 1px solid;*/
}

.backtounits {
    text-align: center;
    margin-top: 20px;
    padding-top: 35px;
    padding-bottom: 11px;
}

.backtounits a span {
    padding: 8px 25px;
    color: #FFF;
    border-radius: 25px;
    text-decoration: none;
}

.backtounits a {
    text-decoration: none;
}

.goto-units-4 > span {
    background-color: #b1cc47;
}

.goto-units-3 > span {
    background-color: #fcb944;
}

.goto-units-2 > span {
    background-color: #d95b5b;
}

.bottom-line:after {
    content: "";
    display: block;
    width: 75%;
    height: 20px;
    margin-left: 15%;
    border-top: #D0D0D0 1px solid;
}

.panel-default {
    border-color: transparent !important;
}

ul.unitTitle {
    line-height: 2;
    margin-bottom: 50px;
}

ul.unitTitle h5 {
    margin-bottom: 20px;
    font-weight: bold;
    min-height: 70px;
}

ul.unitTitle > li {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.unitTitle > li a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

ul.unitTitle > li a:hover {
    text-decoration: underline;
    color: #262626;
}


/* maps styles*/

.map_header > h4,
.map_header > h4 > span {
    text-align: center;
    font-size: 16px !important;
    padding-bottom: 10px;
    min-height: 55px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 200;
}

.map_col:not(:last-child) {
    display: block;
    border-right: #D0D0D0 1px solid;
}

h5.sectionstart {
    padding-left: 10px;
    cursor: pointer;
}

h5.sectionstart.collapsed:before {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    font-size: 1.1em;
    display: block;
    left: 13px;
}

h5.sectionstart:before {
    font-family: "FontAwesome";
    content: "\f0d7";
    position: absolute;
    font-size: 1.1em;
    display: block;
    left: 13px;
}

.mapunitTitle > li:not(.collapsedli) {
    display: block;
}

ul.mapunitTitle {
    line-height: 2;
    margin-bottom: 50px;
}

ul.mapunitTitle h5 {
    margin-bottom: 20px;
}

ul.mapunitTitle > li {
    padding-left: 10px;
}

ul.mapunitTitle > li a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

li.collapsedli {
    display: none;
}


/* Activities section*/

#pageintro {
    display: block;
    width: 400px;
    margin: 50px auto;
}

a.externalLink {
    color: #666 !important;
    text-decoration: underline;
}

a.externalLink:focus,
a.externalLink:hover {
    color: #333 !important;
    text-decoration: underline;
}

a.internalLink:focus,
a.internalLink:hover {
    color: #333 !important;
}


/* class activities internal page */

h2 > span[class*="a-"] {
    display: none;
}

.ca_content-intro > h3 {
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

.ca_content-intro > h3.age {
    display: block;
    background-color: black;
    font-weight: bold;
    color: white;
    width: 44px;
    height: 44px;
    padding-left: 8px;
    padding-top: 9px;
}

.ca_content-intro:after {
    content: "";
    display: block;
    border-top: 1px solid #ccc;
}

.ca_content-introduction:after,
.ca_activity_summary:after,
.ca_download-material:after,
.ca_step-by-step:after,
.ca_questions:after,
.ca_pedagogical-focus:after {
    content: "";
    display: block;
    border-top: 1px solid #ccc;
}

.ca_content-introduction > h5,
.ca_activity_summary > h5,
.ca_download-material > h5,
.ca_step-by-step > h5,
.ca_questions > h5,
.ca_pedagogical-focus > h5,
.ca_activity-by > h5 {
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    font-size: 1.7em;
    text-align: center;
    padding-bottom: 44px;
    padding-top: 30px;
}

.ca_content-introduction > h5:before,
.ca_activity_summary > h5:before,
.ca_download-material > h5:before,
.ca_step-by-step > h5:before,
.ca_questions > h5:before,
.ca_pedagogical-focus > h5:before,
.ca_activity-by > h5:before {
    display: block;
    content: "";
    width: 90px;
    height: 90px;
    margin: 0 auto 20px auto;
}

.ca_content-introduction > h5:before {
    background: url("../img/ico_act_intro.png");
}

.ca_activity_summary > h5:before {
    background: url("../img/ico_act_summary.png");
}

.ca_download-material > h5:before {
    background: url("../img/ico_act_download.png");
}

.ca_step-by-step > h5:before {
    background: url("../img/ico_act_step.png");
}

.ca_questions > h5:before {
    background: url("../img/ico_act_dilemma.png");
}

.ca_pedagogical-focus > h5:before {
    background: url("../img/ico_act_ped_focus.png");
}

.ca_activity-by > h5:before {
    background: url("../img/ico_act_activities_by.png");
}

.ca_content-introduction > h5:before {
    display: block;
    content: "";
    background: url("../img/ico_act_intro.png");
    width: 90px;
    height: 90px;
    margin: 0 auto 20px auto;
}

.ca_activity_summary {}

.ca_download-material {}

.ca_step-by-step {}

.ca_questions {}

.ca_pedagogical-focus {}

.ca_activity-by {}


/* Glossaries */

.glheader {
    text-align: center;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    font-size: 1.7em;
    display: block;
    margin-bottom: 20px;
}

.row.ca_emptyrow.glossary {
    margin-left: -35px;
    margin-right: -35px;
    display: block;
    height: 100px;
    background-image: url("../img/pattern_02.png");
}

.row.ca_emptyrow.map2 {
    margin-left: -150px;
    margin-right: -150px;
    display: block;
    height: 5px;
    background-image: url("../img/pattern_02.png");
    margin-bottom: 25px;
}

span.glossarysearch {
    text-align: center;
    padding-top: 28px;
    display: block;
}

span.glossarysearch > form > div.row {}

span.glossarysearch > form > div.row > input.searchbox {
    height: 40px;
}

span.glossarysearch > form > div.row > input.searchbtn {
    width: 40px;
    height: 40px;
    border: none;
    background: url("../img/cerca_bt.png");
    margin-left: -3px;
    background-position: -1px -2px
}

.row.glct-menu {
    padding-top: 3em;
    text-align: center;
}

.row.glct-menu > div > ul.list-inline > li {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.row.glct-menu > div > ul.list-inline {
    border-bottom: 1px solid #eee;
}

.entrybox > .row > hr {
    display: none;
}

a.ctmenulink {
    display: block;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 1.2em;
}

a.ctmenulink:hover {
    text-decoration: none;
}

a.ctmenulink.active {
    color: #f57d31;
    border-bottom: 1px solid #f57d31;
    padding-bottom: 12px;
}

section.glossary-entry {
    padding-left: 20px;
    padding-right: 20px;
}


/* print pdf button */

span.pdfbtn {
    background-image: url("../img/pdf.png");
    display: block;
    width: 44px;
    height: 44px;
    margin-right: -35px;
    float: right;
    background-repeat: no-repeat;
    cursor: pointer;
}


/* video tutorial */

.modal-content {
    background-color: rgba(0, 0, 0, .5) !important;
}

#videoModal .modal-content {
    box-shadow: none;
    border: 0;
    background-color: rgba(0, 0, 0, 0) !important;
}

.modal-body {
    padding: 0px !important;
}

.modal-header {
    border-bottom: none !important;
    padding: 7px !important;
}

#videoModal .modal-header {
    border-bottom: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.modal-footer {
    border-top: none !important;
    padding: 5px !important;
}

.openvideo,
.hpbtn {
    cursor: pointer;
}

a.openvideo {
    color: #FFF !important;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: none;
    filter: alpha(opacity=20);
    opacity: 1;
    background-color: #fff !important;
    z-index: 1000000;
    position: absolute;
    left: 96%;
    display: block;
    border-radius: 20px;
    width: 36px;
    height: 36px;
    font-size: 2.3em;
    top: -16px;
    box-shadow: 2px 2px 4px #333;
}

a.dropdown-toggle.ctmenulink {
    color: #000;
    padding: 3px;
    margin-right: 8px;
}

a.dropdown-toggle.ctmenulink > .caret {
    border-top: 5px dashed !important;
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important;
}

a.dropdown-toggle.ctmenulink:hover {
    background-color: #eee;
    border-radius: 2px;
}

.langmenu > button.btn-default {
    overflow: hidden;
}


/* admin menus */

#inst5 {
    display: none;
}

#inst1 {
    display: none;
}


/* highlight the selected activity from autolink in the gotoUnits page */

div.single1 > * > div.main-content > div.mapscontainer > div#ca_results > div.col-lg-3:not(:nth-child(3)) {
    opacity: 0.3;
}

div.single2 > * > div.main-content > div.mapscontainer > div#ca_results > div.col-lg-3:not(:nth-child(4)) {
    opacity: 0.3;
}

div.single3 > * > div.main-content > div.mapscontainer > div#ca_results > div.col-lg-3:not(:nth-child(5)) {
    opacity: 0.3;
}

div.single4 > * > div.main-content > div.mapscontainer > div#ca_results > div.col-lg-3:not(:nth-child(6)) {
    opacity: 0.3;
}


/*category page customization*/

.row .elessonspg {
    margin: 20px 0;
}

.categoryIcn>i {
    color: #91c8f1;
}

select.autosubmit.singleselect {
    border-color: #000;
    background-color: #fff;
    height: 40px;
    text-transform: lowercase;
    padding: 5px;
    margin: 10px 10px;
}

input#coursesearchbox {
    border: 1px solid black;
    margin-left: 10px;
    margin-bottom: 10px;
    height: 40px;
}

input.course-searchbox.inpt {
    height: 40px;
    background-color: #000;
    color: #fff;
    border: none;
    font-size: 14px;
    width: 40px;
}

.row.emptyrow {
    width: 120%;
    background-color: #91c8f1;
    display: block;
    height: 30px;
    margin-left: -35px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.category-icons-page {
    color: #3c3c3c;
}

.category-icons-page>h3 {
    margin-bottom: 20px;
}

a.category-icons-link {
    display: inline-block;
    margin: 15px;
    color: #3c3c3c;
    text-decoration: none;
}

a.category-icons-link:hover {
    color: #91c8f1;
}

.courses.category-browse.category-browse-2 {
    display: none;
}

ul.unlist>li[class^=r]>div.column.c1>a>img {
    display: none;
}

ul.unlist>li[class^=r]>div.column.c1>a {
    display: block;
    min-width: 100px;
    padding-left: 40px;
    height: 40px;
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: -20px -15px;
}

ul.unlist>li[class^=r]>div.column.c1>a[href*='mod/page/view.php'],
ul.unlist>li[class^=r]>div.column.c1>a[href*='forum/index.php'] {
    background: transparent url('../img/forum.png') no-repeat 5px 7px;
    background-size: 27px;
}

ul.unlist>li[class^=r]>div.column.c1>a[href*='course/resources.php'] {
    background: transparent url('../img/resources.png') no-repeat 5px 7px;
    background-size: 27px;
}

ul.unlist>li[class^=r]>div.column.c1>a[href*='mod/scorm/index.php'] {
    background-image: url('../pix/custom_icons/scorm.png');
    display: none !important;
}

ul.section-list>li.section-item {
    padding: 5px!important;
}

.accesshide {
    position: absolute;
    left: -10000px;
    font-size: 1em;
    font-weight: normal;
}

div.block_calendar_month.block .calendar-controls>a.arrow_link.previous,
div.controls>.calendar-controls>a.arrow_link.previous {
    text-align: left;
    width: 12%;
    float: left;
}

div.block_calendar_month.block .calendar-controls>span.current,
div.controls>.calendar-controls>h2.current {
    width: 76%;
    text-align: center;
    display: block;
    float: left;
}

div.block_calendar_month.block .calendar-controls>a.arrow_link.next,
div.controls>.calendar-controls>a.arrow_link.next {
    text-align: right;
    width: 12%;
    float: left;
}

table.minicalendar.calendartable {
    margin: 0 auto;
}

a#calendar_tooltip_1 {
    font-weight: bold;
}

div.maincalendar>div.heightcontainer>div.controls {
    margin-top: 20px;
}

table.calendarmonth.calendartable {
    width: 85%;
    margin: 0 auto;
}

table.calendarmonth.calendartable>tbody>tr>td.day.today {
    font-weight: bold;
}


/* changing moodle icons for scorm that are very ugly*/

div.activityinstance>a>img[src*='scorm'] {
    display: none;
}

div.activityinstance>a[href*='mod/scorm/view.php'] {
    display: block;
    min-width: 100px;
    padding-left: 40px;
    height: 40px;
    padding-top: 10px;
    background: transparent url('../img/lessons.png') no-repeat 5px 7px;
    background-size: 27px;
}

table.generaltable {
    margin: 0 auto;
}

table.generaltable>thead>tr {
    border-bottom: 1px solid #3c3c3c;
}

table.generaltable>tbody>tr>td {
    padding: 10px 10px 2px 11px;
}

table.generaltable>tbody>tr>td>div>p {
    margin-bottom: 0px;
}

table.forumheaderlist {
    margin: 0 auto;
}

table.forumheaderlist>thead>tr {
    border-bottom: 1px solid #3c3c3c;
}

table.forumheaderlist>tbody>tr>td {
    padding: 10px 10px 2px 11px;
}

table.forumheaderlist>tbody>tr>td>div>p {
    margin-bottom: 0px;
}

.forumcal {
    margin-top: 30px;
    /* border-top:  solid 1px #adadad; */
    padding-top: 30px;
}

.uni {
    display: inline-block;
    width: 90px;
    height: 90px;
    background-size: 100% !important;
}

.uni-lessons {
    background: #fff url("../img/lessons.png") top center no-repeat;
}

.uni-resources {
    background: #fff url("../img/resources.png") top center no-repeat;
}

.uni-scorm {
    background: #fff url("../img/report.png") top center no-repeat;
}

.uni-forum {
    background: #fff url("../img/forum.png") top center no-repeat;
}

.uni-forum-en {
    background: #fff url("../img/forum-en.png") top center no-repeat;
}

.uni-calendar {
    background: #fff url("../img/calendar.png") top center no-repeat;
}

#iframeForum {
    border: none !important;
    width: 100% !important;
}

div.block[role="complementary"] > .content > ul,
div.block[role="complementary"] > .content .event,
div.block[role="complementary"] > .content > h3,
div.block[role="complementary"] > .content .footer,
div#sidebar-wrapper-sx div.block[role="complementary"] > .content > .no-overflow {
    padding: 10px !important;
}

.contentContainer a {
    text-transform: capitalize !important;
}

.customsize {
    width: 27px;
    height: 27px;
    display: inline-block;
}

.column.c6 {
    margin: 5px;
}

.column.c6 img {
    margin-right: 8px;
}

.unitscontent .tabtree {
    display: none !important;
}

.hpbg {
    display: block;
    background-color: #fff;
    max-width: 1500px;
    margin: 0 auto;
}

.hpbg a {
    display: inline-block;
    margin: 60px auto 10px auto;
}
#linkx{
	margin: 0;
}

#p_video{
	margin-top: 10px;
}

.hpbg .hpbtn {
    display: block;
    text-decoration: none;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding: 8px 20px;
    background-color: #45a1ce;
    border-radius: 25px;
    color: #fff;
    white-space: pre;
    max-width: 230px;
    margin-top: 10px;
}

.hpbg .hpbtn:focus,
.hpbg .hpbtn:hover {
    background-color: #357696;
}

.hpbg p {
    display: block;
    margin: 20px 0 60px 0;
    padding: 0 20px;
    text-align: justify
}

.bin {
    margin-bottom: 45px !important;
}

.btnContent {
    display: inline-block;
    text-decoration: none;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding: 8px 20px;
    background-color: #45a1ce;
    border-radius: 25px;
    color: #fff;
    white-space: pre;
    min-width: 200px;
    max-width: 230px;
    margin: 8px auto 0 auto !important;
    text-decoration: none !important;
}

.btnContent:focus,
.btnContent:hover {
    background-color: #357696;
    color: #fff;
}

#lessonContent > div.ca_activity-by > h5{
    display: none !important;
}

#lessonContent > div.ca_activity-by > p{
    margin-top: 10px;
}