//colors
$color_gravel_approx: #484848;
$color_mine_shaft_approx: #333;
$color_ironside_gray_approx: #676767;
$color_celeste_approx: #cfcfcf;
$color_silver_approx: #bfbfbf;
$white: #fff;
$color_tuna_approx: #373a3c;
$color_quill_gray_approx: #d4d4d4;
$color_iron_approx: #d8d8d8;
$black_19: rgba(0, 0, 0, 0.19);
$color_picton_blue_approx: #39b3e6;
$color_gray_nurse_approx: #e8e8e8;
$color_tuatara_approx: #353535;
$color_chicago_approx: #5c5c5c;
$color_silver_sand_approx: #c2c2c2;
$color_black_haze_approx: #f6f6f6;
$color_tundora_approx: #444;
$black_20: rgba(0, 0, 0, 0.2);
$black_23: rgba(0, 0, 0, .23);
$color_bahama_blue_approx: #005f92;
$wild_sand: #f4f4f4;
$color_mountain_mist_approx: #909090;
$color_astronaut_blue_approx: #003e5f;
$color_alto_approx: #e0dcdc;
$color_star_dust_approx: #9d9d9d;
$color_pattens_blue_approx: #ddeef8;
$color_botticelli_approx: #cde2ee;
$color_spindle_approx: #b8d3e2;
$color_dove_gray_approx: #717171;
$color_cararra_approx: #ececec;
$color_stack_approx: #8b8b8b;
$color_desert_storm_approx: #f8f8f8;
$concrete: #f2f2f2;
$mercury: #e5e5e5;
$color_lochmara_approx: #007bbe;
$black_65: rgba(0, 0, 0, .65);
$white_26: rgba(255, 255, 255, .26);
$black: #000;
$black_75: rgba(0, 0, 0, .75);
$gallery: #efefef;
$color_silver_chalice_approx: #aeaeae;
$color_mercury_approx: #e6e6e6;
$color_picton_blue_80_approx: rgba(57, 179, 230, 0.8);
$color_picton_blue_50_approx: rgba(57, 179, 230, 0.5);
$color_fuscous_gray_approx: #545454;
$color_valencia_approx: #e14d43;
$color_ghost_approx: #cac9cf;
$light_grey: #d5d5d5;
$footbgimgOverlay: true !default;

//fonts
$font_0: alegreyasansR;
$font_1: alegreyasansM;
$font_2: alegreyasansB;
$font_3: alegreyasansL;
$font_4: alegreyasansI;
$font_5: Arial;
$font_6: Helvetica;
$font_7: sans-serif;
$font_8: FontAwesome;
$font_9: fontawesome;
$fontwww: '/fonts/' !default;

$footbgimg: url([[pix:theme|home/footbgimg]]) !default;
$loginbg: url([[pix:theme|home/loginbg]]) !default;


$slideOverlay_opacity: 0.4 !default;
$sitenewsType: false !default;
$black_40: rgba(0, 0, 0, $slideOverlay_opacity);
$footbgimgStatus: true !default;
$footbgimgOverlay: true !default;


//urls
$url_0: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.eot');
$url_1: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.eot?#iefix');
$url_2: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.woff2');
$url_3: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.woff');
$url_4: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.ttf');
$url_5: url($fontwww+'alegreyasans-regular/alegreyasans-regular-webfont.svg#alegreya_sansregular');
$url_6: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.eot');
$url_7: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.eot?#iefix');
$url_8: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.woff2');
$url_9: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.woff');
$url_10: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.ttf');
$url_11: url($fontwww+'alegreyasans-medium/alegreyasans-medium-webfont.svg#alegreya_sansmedium');
$url_12: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.eot');
$url_13: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.eot?#iefix');
$url_14: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.woff2');
$url_15: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.woff');
$url_16: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.ttf');
$url_17: url($fontwww+'alegreyasans-bold/alegreyasans-bold-webfont.svg#alegreya_sansbold');
$url_18: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.eot');
$url_19: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.eot?#iefix');
$url_20: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.woff2');
$url_21: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.woff');
$url_22: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.ttf');
$url_23: url($fontwww+'alegreyasans-light/alegreyasans-light-webfont.svg#alegreya_sanslight');
$url_24: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.eot');
$url_25: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.eot?#iefix');
$url_26: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.woff2');
$url_27: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.woff');
$url_28: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.ttf');
$url_29: url($fontwww+'alegreyasans-italic/alegreyasans-italic-webfont.svg#alegreya_sansitalic');
$url_30: url([[pix:theme|bg-black-trans23]]);
$url_31: url([[pix:theme|ic-forward-img]]);
$url_32: url([[pix:theme|ic-backward-img]]);
$url_33: url([[pix:theme|bg-pattern02]]);
$url_34: url([[pix:theme|bg-pattern01]]);
$url_35: url([[pix:theme|bg-black-trans65]]);

$content_width: 40%;

//@extend-elements
//original selectors
//h1, h2, h3, h4, h5, h6
%extend_1 {
    font-weight: normal;
    color: $color_mine_shaft_approx;
    text-transform: uppercase;
}

//original selectors
//.btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary.focus:active, .btn-primary.active.focus
%extend_2 {
    color: $color_tuna_approx;
    background: $color_quill_gray_approx;
    border: 0;

}

//original selectors
//.dropdown-menu >li >a:hover, .dropdown-menu >li >a:focus, .dropdown-submenu:hover >a, .dropdown-submenu:focus >a
%extend_3 {
    background: none;
    color: inherit;
    border-color: inherit;
}

//original selectors
//select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
%extend_4 {
    max-width: 252px;
    height: 34px;
    color: $color_chicago_approx;
    line-height: 28px;
    border: 1px solid $color_silver_sand_approx;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

//original selectors
//textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .atto_form textarea.fullwidth, .atto_form input.fullwidth
%extend_5 {
    border: 1px solid $color_silver_sand_approx;
    background-color: $color_black_haze_approx;
    padding: 0 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

//original selectors
//textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus
%extend_6 {
    border-color: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

//original selectors
//button, input.form-submit, input[type="button"], input[type="submit"], input[type="reset"], #notice .singlebutton +.singlebutton input, .submit.buttons input[name="cancel"], .atto_image_urlentrysubmit
%extend_7 {
    font-family: $font_5, $font_6, $font_7;
    color: $color_ironside_gray_approx;
    background: $color_celeste_approx;
    padding: 7px 20px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    filter: none;
}

//original selectors
//button.active, input.form-submit.active, input[type="button"].active, input[type="submit"].active, input[type="reset"].active, button:active, input.form-submit:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active
%extend_8 {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

//original selectors
//input.form-submit, input#id_submitbutton, input#id_submitbutton2, .path-admin .buttons input[type="submit"], td.submit input, input#id_saveanddisplay
%extend_9 {
    color: $white;
    background: inherit;
    border-color: inherit;
    filter: none;
    text-shadow: none;
}


@font-face {
    font-family: $font_0;
    src: $url_0;
    src: $url_1 format('embedded-opentype'), $url_2 format('woff2'), $url_3 format('woff'), $url_4 format('truetype'), $url_5 format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: $font_1;
    src: $url_6;
    src: $url_7 format('embedded-opentype'), $url_8 format('woff2'), $url_9 format('woff'), $url_10 format('truetype'), $url_11 format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: $font_2;
    src: $url_12;
    src: $url_13 format('embedded-opentype'), $url_14 format('woff2'), $url_15 format('woff'), $url_16 format('truetype'), $url_17 format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: $font_3;
    src: $url_18;
    src: $url_19 format('embedded-opentype'), $url_20 format('woff2'), $url_21 format('woff'), $url_22 format('truetype'), $url_23 format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: $font_4;
    src: $url_24;
    src: $url_25 format('embedded-opentype'), $url_26 format('woff2'), $url_27 format('woff'), $url_28 format('truetype'), $url_29 format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: $font_0, $font_1, $font_2, $font_3;
    font-size: 16px;
    padding-top: 0;
    background: $white;
}
h1 {
    @extend %extend_1;
    font-size: 38px;
}
h2 {
    @extend %extend_1;
    font-size: 32px;
}
h3 {
    @extend %extend_1;
    font-size: 28px;
}
h4 {
    @extend %extend_1;
    font-size: 26px;
}
h5 {
    @extend %extend_1;
    font-size: 24px;
}
h6 {
    @extend %extend_1;
    font-size: 18px;
}
a {
    outline: none;
    i.fw.icon:before {
        font-size: 16px;
        vertical-align: middle;
    }
}
.fa {
    font-size: 18px;
}
abbr[title] {
    border-bottom: 0;
}
abbr[data-original-title] {
    border-bottom: 0;
}
input {
    outline: 0 none;
    font-family: $font_0, $font_5, $font_6, $font_7;
    &.form-submit {
        @extend %extend_7;
        @extend %extend_9;
        &:hover {
            background: $color_silver_approx;
            color: $white;
            background: inherit;
        }
        &:focus {
            background: $color_silver_approx;
            outline: 0;
            color: $white;
            background: inherit;
        }
        &:active {
            background: $color_silver_approx;
            @extend %extend_8;
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.active {
            background: $color_silver_approx;
            @extend %extend_8;
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.disabled {
            background: $color_silver_approx;
            color: $white;
            background: inherit;
        }
    }
    &.form-submit[disabled] {
        background: $color_silver_approx;
        color: $white;
        background: inherit;
    }
    &#id_submitbutton {
        @extend %extend_9;
        &:hover {
            color: $white;
            background: inherit;
        }
        &:focus {
            color: $white;
            background: inherit;
        }
        &:active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.disabled {
            color: $white;
            background: inherit;
        }
    }
    &#id_submitbutton2 {
        @extend %extend_9;
        &:hover {
            color: $white;
            background: inherit;
        }
        &:focus {
            color: $white;
            background: inherit;
        }
        &:active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.disabled {
            color: $white;
            background: inherit;
        }
    }
    &#id_saveanddisplay {
        @extend %extend_9;
        &:hover {
            color: $white;
            background: inherit;
        }
        &:focus {
            color: $white;
            background: inherit;
        }
        &:active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.disabled {
            color: $white;
            background: inherit;
        }
    }
    &#id_submitbutton[disabled] {
        color: $white;
        background: inherit;
    }
    &#id_submitbutton2[disabled] {
        color: $white;
        background: inherit;
    }
    &#id_saveanddisplay[disabled] {
        color: $white;
        background: inherit;
    }
    &.fp-btn-choose {
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}
.btn {
    font-family: $font_5, $font_6, $font_7;
    color: $color_ironside_gray_approx;
    background: $color_celeste_approx;
    padding: 7px 20px;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    filter: none;
    &:focus {
        outline: 0 none;
        background: $color_silver_approx;
    }
    &:active {
        background: $color_silver_approx;
        &:focus {
            outline: 0 none;
        }
    }
    &:hover {
        background: $color_silver_approx;
    }
    &.active {
        background: $color_silver_approx;
    }
    &.disabled {
        background: $color_silver_approx;
    }
    .caret {
        margin-left: 5px;
    }
    &.btn-link {
        background: none;
    }
}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.container {
    max-width: 1270px;
}
.btn[disabled] {
    background: $color_silver_approx;
}
.btn-primary {
    color: $white;
    background: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    &:hover {
        color: $white;
        background: inherit;
    }
    &:focus {
        color: $white;
        box-shadow: none !important;
    }
    &:active {
        background: $color_tuatara_approx !important;
        box-shadow: none !important;
        &:hover {
            @extend %extend_2;
        }
        &:focus {
            @extend %extend_2;
            box-shadow: none !important;
            color: $white;
        }
    }
    &.active {
        background: inherit;
        &:hover {
            @extend %extend_2;
        }
        &:focus {
            @extend %extend_2;
        }
        &.focus {
            @extend %extend_2;
        }
    }
    &.disabled {
        background: inherit;
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            box-shadow: none !important;
        }
    }
    &.focus:active {
        @extend %extend_2;
        box-shadow: none !important;
    }
    &:disabled {
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            box-shadow: none !important;
        }
    }
}
.btn-primary[disabled] {
    background: inherit;
}
.btn-secondary {
    &:hover {
        color: $color_tuna_approx;
    }
    &.disabled {
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            background: $color_quill_gray_approx;
            box-shadow: none !important;
        }
        &.focus {
            background: $color_quill_gray_approx;
        }
    }
    &:disabled {
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            background: $color_quill_gray_approx;
            box-shadow: none !important;
        }
    }
    &:active {
        background: $color_silver_approx !important;
        &:hover {
            color: $color_ironside_gray_approx;
            background: $color_silver_approx;
        }
        &:focus {
            box-shadow: none !important;
        }
    }
    &.focus {
        background: $color_silver_approx;
        box-shadow: none !important;
        &:disabled {
            background: $color_quill_gray_approx;
        }
    }
    &:focus {
        box-shadow: none !important;
    }
}
.btn-default {
    &:hover {
        color: $color_tuna_approx;
    }
    &.disabled {
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            background: $color_quill_gray_approx;
        }
        &.focus {
            background: $color_quill_gray_approx;
        }
    }
    &:disabled {
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            background: $color_quill_gray_approx;
        }
    }
    &.focus {
        &:disabled {
            background: $color_quill_gray_approx;
        }
        &:active {
            box-shadow: none !important;
        }
    }
    &:active {
        &:focus {
            box-shadow: none !important;
        }
    }
}
.dir-rtl {
    .editor_atto_toolbar {
        display: inline-block !important;
    }
    legend {
        float: right;
    }
    .form-buttons {
        background: none;
        border-top: 0;
        padding-right: 0;
    }
    #fitem_id_submitbutton {
        background: none;
        border-top: 0;
    }
    #fgroup_id_buttonar {
        background: none;
        border-top: 0;
    }
    input[type="text"] {
        + input[type="button"] {
            margin-right: 5px;
            margin-left: 0;
        }
        + button {
            margin-right: 5px;
            margin-left: 0;
        }
        + input[type="submit"] {
            margin-right: 5px;
            margin-left: 0;
        }
    }
    button {
        margin-right: 5px;
        margin-left: 0;
    }
    input[type="button"] {
        margin-right: 5px;
        margin-left: 0;
    }
    input[type="submit"] {
        margin-right: 5px;
        margin-left: 0;
        &:hover {
            color: $color_tuna_approx;
        }
    }
    input[type="reset"] {
        margin-right: 5px;
        margin-left: 0;
    }
    .homepage-carousel {
        .slide-text {
            text-align: right;
            &.content-topRight {
                left: 80px;
                right: auto;
            }
            &.content-topLeft {
                left: auto;
                right: 80px;
            }
            &.content-bottomRight {
                left: 80px;
                right: auto;
            }
            &.content-bottomLeft {
                left: auto;
                right: 80px;
            }
            &.text-item-content {
                text-align: center;
            }
            &.content-center {
                text-align: center;
                a.btn {
                    float: none;
                }
            }
            &.double-heading-content .heading-content {
                border-left: 0;
                border-right-width: 5px;
            }
        }
        .carousel-inner .carousel-item .carousel-content.content-right {
            left: 80px;
        }
        .left.carousel-control:before {
            content: '\f054';
            font-family: $font_9;
        }
        .right.carousel-control:before {
            content: '\f053';
            font-family: $font_9;
        }
        .camera_fakehover {
            .camera_prev {
                border-radius: 0 30px 30px 0;
                span:before {
                    margin-left: 10px;
                }
            }
            .camera_next {
                border-radius: 30px 0 0 30px;
                span:before {
                    margin-left: 20px;
                }
            }
        }
    }
    .mform {
        .fitem {
            .felement {
                margin-right: 0;
            }
            div.fitemtitle {
                float: none;
                width: 100%;
                text-align: right;
            }
        }
        fieldset.collapsible legend a.fheader {
            padding-right: 25px;
            margin-right: 0;
        }
        .fdescription.required {
            margin-right: 0;
        }
        .fpassword .unmask {
            margin-right: 10px;
            margin-left: 0;
            > label {
                padding-right: 6px;
                padding-left: 0;
            }
        }
    }
    .form-item {
        .form-label {
            width: 100%;
            text-align: right;
            label {
                text-align: right;
            }
        }
        .form-setting {
            margin-right: 0;
            .form-group input[type="checkbox"] {
                margin-right: 7px;
            }
        }
        .form-description {
            margin-right: 0;
        }
    }
    .loginbox {
        h2 {
            text-align: right;
        }
        .signuppanel {
            .subcontent {
                text-align: right;
                ol {
                    padding-right: 34px;
                    padding-left: 14px;
                }
            }
            .signupform {
                text-align: left;
            }
        }
        .loginform {
            .form-label {
                float: none;
                width: 100%;
                text-align: right;
            }
            .form-input {
                margin-right: 0;
            }
        }
        &.twocolumns {
            form#login {
                text-align: right;
            }
            .rememberpass input[type="checkbox"] {
                margin: 0;
                margin-left: 5px;
            }
        }
    }
    .blog_entry {
        .audience {
            padding-right: 4px;
            padding-left: 0;
            text-align: left;
        }
        .tags .officialblogtags a + a {
            margin-right: 2px;
        }
        .commands > a:first-child {
            margin-right: 0;
        }
    }
    .forumpost {
        .options {
            .commands {
                text-align: left;
            }
            .footer {
                text-align: left;
            }
            .link {
                text-align: left;
            }
        }
        .content .attachments {
            text-align: left;
        }
    }
    .comment-list {
        margin-right: 0;
    }
    .comment-message {
        padding: 0 0 0 20px;
        .picture {
            margin-left: 9px;
        }
        .text {
            padding-right: 28px;
        }
    }
    .comment-delete {
        margin: 0;
        left: 5px;
    }
    .addbloglink {
        text-align: left;
    }
    .custom-side-block {
        .childnav {
            padding: 0 20px 0 0;
        }
        .nav {
            > li > a {
                &:after {
                    font-size: 5px;
                    content: "\f0c8";
                    font-family: $font_9;
                    margin-right: 10px;
                    padding-right: 0;
                    padding-left: 9px;
                }
                &:before {
                    content: '';
                }
            }
            > .has-children > a:after {
                font-size: 14px;
                content: "\f0d9";
                margin-right: 10px;
            }
        }
    }
    .custom-listing-01 {
        .titlebar h3 {
            float: none;
        }
        .box .box-content .stat-info span {
            + span {
                margin-right: 10px;
                margin-left: 0;
            }
            i {
                margin-right: 0;
                margin-left: 3px;
            }
        }
    }
    .btn .caret {
        margin-right: 5px;
        margin-left: 0;
    }
    table#form td.submit {
        background: none;
        border-top: 0;
    }
    .path-admin .buttons {
        background: none;
        border-top: 0;
        padding-right: 0;
    }
    .fp-content-center form + div {
        background: none;
        border-top: 0;
    }
    div.backup-section + form {
        background: none;
        border-top: 0;
    }
    input[name="searchwikicontent"] + input[type="submit"] {
        margin-right: 5px;
        margin-left: 0;
    }
    select + input[type="submit"] {
        margin-right: 5px;
        margin-left: 0;
    }
    input[type="password"] + input[type="submit"] {
        margin-right: 5px;
        margin-left: 0;
    }
    input.form-submit {
        margin-right: 5px;
        margin-left: 0;
    }
    #header .header-top {
        .navbar {
            .btn-navbar {
                float: right;
            }
            .nav > li > a i {
                margin-right: 5px;
                margin-left: 0;
            }
            .nav-collapse.active .nav {
                .dropdown-submenu .dropdown-toggle:after {
                    margin-right: 6px;
                    margin-left: 0;
                }
                .dropdown-menu .dropdown-submenu .dropdown-toggle:after {
                    margin-right: 6px;
                    margin-left: 0;
                }
            }
        }
        .dropdown-submenu > a:after {
            content: "\f053";
            margin-right: 0;
            margin-left: -7px;
        }
    }
    #site-header .header-main {
        .navbar .nav > li > a i {
            margin-right: 5px;
            margin-left: 0;
        }
        .dropdown-menu > li > a > img {
            margin: 0 0 0 5px;
        }
    }
    #frontpage-category-names .titlebar h2 {
        &:before {
            margin-right: 0;
            margin-left: 10px;
        }
    }
    .breadcrumb-nav .breadcrumb {
        padding-right: 20px;
    }
    .breadcrumb > li > .divider {
        padding: 0 5px 0 7px;
        &:before {
            content: "\f100";
        }
    }
    .moodle-actionmenu > .menu {
        &:before {
            left: 9px;
        }
        &:after {
            left: 10px;
        }
    }
    .userprofile dl.list {
        dt {
            float: none;
            width: 100%;
            text-align: right;
        }
        dd {
            margin-right: 0;
        }
    }
    .form-label .form-shortname {
        text-align: right;
    }
    input[type="radio"] + label {
        padding-right: .2em;
        padding-left: 0;
    }
    input[type="checkbox"] + label {
        padding-right: .2em;
        padding-left: 0;
    }
    #coursesearch input[type="submit"] {
        right: auto;
        left: -120px;
    }
    .comment-link img {
        margin-left: 3px;
    }
    .comment-area .fd {
        text-align: right;
    }
    .site-custom-search .form-fields {
        padding-right: 15px;
        padding-left: 38px;
        .action-btn {
            right: auto;
            left: 0;
        }
        input[type="submit"] {
            right: auto;
            left: 0;
        }
    }
    .site-custom-blocks .titlebar {
        h3 {
            float: right;
        }
        .btnwrap {
            float: left;
            a {
                float: right;
            }
            button {
                float: right;
                + button {
                    margin-right: 5px;
                    margin-left: 0;
                }
            }
            .previous > .fa {
                &.fa-chevron-left {
                    display: none;
                }
                &.fa-chevron-right {
                    display: inline-block;
                }
            }
            .next > .fa {
                &.fa-chevron-left {
                    display: inline-block;
                }
                &.fa-chevron-right {
                    display: none;
                }
            }
        }
        .theme-filters select {
            margin-right: 15px;
            margin-left: 15px;
        }
    }
    .custom-listing .box .box-content .stat-info span {
        float: right;
        + span {
            float: left;
        }
        i {
            margin-right: 0;
            margin-left: 3px;
        }
    }
    .nz-content .nz-example-content .ddrtl {
        display: block;
    }
    #course-listing .course-listing .listing-actions .dropdown-menu {
        top: 100% !important;
        left: auto !important;
        right: 0;
        transform: none !important;
    }
    .pagenav button {
        &.previous:before {
            content: '\f105';
        }
        &.next:before {
            content: '\f104';
        }
    }
    .frontpage-testimonials .slick-dots li {
        button {
            margin-left: 0;
            margin-right: 10px;
        }
        &:first-child button {
            margin-right: 0;
        }
    }
    #site-footer .footer-address-block {
        .footer-address p {
            padding-left: 0;
            padding-right: 25px;
            i {
                margin-left: 15px;
                margin-right: -25px;
            }
        }
        .footer-phone p {
            i {
                margin-left: 10px;
                margin-right: 0;
            }
        }
        .footer-email p {
            i {
                margin-left: 10px;
                margin-right: 0;
            }
        }
    }
    .block .calendarwrapper {
        overflow: auto;
    }
    .box .search-block h2:before {
        float: right;
    }
}

.btn-large {
    padding: 11px 19px;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

    border-radius: 6px;
}
.btn-small {
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    border-radius: 3px;
}
.btn-mini {
    padding: 0 6px;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.dropdown-menu {
    padding: 0;
    border: 1px solid $color_iron_approx;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 6px 0 $black_19;
    -moz-box-shadow: 0 0 6px 0 $black_19;
    box-shadow: 0 0 6px 0 $black_19;
    margin-top: 6px;
    > li {
        + li {
            border-top: 1px solid $color_gray_nurse_approx;
        }
        > a {
            line-height: 1.73em;
            border: 1px solid $white;
            &:hover {
                @extend %extend_3;
            }
            &:focus {
                @extend %extend_3;
            }
        }
    }
    .dropdown-item {
        &:hover {
            color: $white;
        }
        &:focus {
            color: $white;
        }
    }
}
.dropdown-item {
    &:hover {
        background: $color_picton_blue_approx;
        a {
            color: $white;
        }
    }
    &:focus {
        background: $color_picton_blue_approx;
        a {
            color: $white;
        }
    }
    a img.icon {
        margin-left: 0;
        margin-right: 5px;
    }
}
.dropdown-submenu {
    &:hover > a {
        @extend %extend_3;
        &:after {
            border-left-color: transparent;
        }
    }
    &:focus > a {
        @extend %extend_3;
    }
    > .dropdown-menu {
        margin-top: 0;
        margin-left: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;

        border-radius: 0;
        &:before {
            border: 0;
        }
        &:after {
            border: 0;
        }
    }
    > a:after {
        border-left-color: $color_mine_shaft_approx;
        margin-top: 8px;
    }
}
.custom-select {
    line-height: normal;
}
.bgtrans-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
legend {
    float: left;
    font-weight: bold;
    line-height: 1.28572;
    color: $color_tuatara_approx;
    padding: 0 0 10px;
    border-bottom-color: $color_iron_approx;
    margin-bottom: 26px;
    + div {
        clear: both;
    }
    + * {
        -webkit-margin-top-collapse: separate;
    }
}
button {
    font-family: $font_0, $font_5, $font_6, $font_7;
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        outline: 0;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.disabled {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
select {
    font-family: $font_0, $font_5, $font_6, $font_7;
    @extend %extend_4;
    width: 100%;
    min-width: 200px;
    max-width: 266px;
    line-height: 32px;
    background-color: $color_black_haze_approx;
    border-color: $color_silver_sand_approx;
    &:focus {
        border-color: inherit;
        outline: 0;
    }
}
textarea {
    font-family: $font_0, $font_5, $font_6, $font_7;
    color: $color_chicago_approx;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    border-radius: 0;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
label {
    font-size: 16px;
    color: $color_mine_shaft_approx;
}
a.btn-link[role="button"] {
    vertical-align: top;
}

input[type="text"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="password"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="datetime"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="datetime-local"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="date"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="month"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="time"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="week"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="number"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="email"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="url"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="search"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="tel"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
input[type="color"] {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
.uneditable-input {
    @extend %extend_4;
    @extend %extend_5;
    &:focus {
        @extend %extend_6;
    }
}
.atto_form {
    textarea.fullwidth {
        @extend %extend_5;
    }
    input.fullwidth {
        @extend %extend_5;
    }
    label.sameline {
        margin-right: 0;
    }
}
input[size] {
    max-width: 266px;
    max-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
}
table {
    &#tag-management-list {
        td {
            padding: 5px;
        }
        th {
            padding: 5px;
        }
        select {
            min-width: 200px;
        }
    }
    &.rolecap {
        tr {
            th {
                font-family: $font_2, $font_5, $font_6, $font_7;
                padding: 12px;
            }
            td {
                font-family: $font_2, $font_5, $font_6, $font_7;
                padding: 12px;
            }
            &.header .header {
                color: inherit;
            }
        }
        thead tr th {
            color: $white;
            background: inherit;
            text-transform: uppercase;
        }
    }
    &#form td.submit {
        background: none;
        border-top: 0;
    }
    &#permissions.rolecap {
        margin-top: 20px;
    }
    tr a img.icon {
        width: auto;
        max-width: none;
        height: auto;
    }
}
.form-buttons {
    background: none;
    border-top: 0;
    padding-left: 0;
}
.path-admin {
    .buttons {
        background: none;
        border-top: 0;
        padding-left: 0;
        input[type="submit"] {
            @extend %extend_9;
            &:hover {
                color: $white;
                background: inherit;
            }
            &:focus {
                color: $white;
                background: inherit;
            }
            &:active {
                color: $white;
                background: inherit;
                background-color: inherit;
            }
            &.active {
                color: $white;
                background: inherit;
                background-color: inherit;
            }
            &.disabled {
                color: $white;
                background: inherit;
            }
        }
        input[type="submit"][disabled] {
            color: $white;
            background: inherit;
        }
    }
    .generaltable {
        #existingcell .userselector div input[size] {
            max-width: 150px;
        }
        #potentialcell .userselector div input[size] {
            max-width: 150px;
        }
    }
    .roleassigntable.generaltable {
        font-family: $font_0, $font_5, $font_6, $font_7;
    }
    #capability-overview-form.mform .fitem .felement #capabilitysearchui {
        margin: 5px 0 0;
        label {
            display: block;
        }
        input[type="text"] {
            width: 100%;
            margin-bottom: 10px;
        }
    }
}
#fitem_id_submitbutton {
    background: none;
    border-top: 0;
}
#fgroup_id_buttonar {
    background: none;
    border-top: 0;
}
input[type="button"] {
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        outline: 0;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.disabled {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
input[type="submit"] {
    @extend %extend_7;
    &:hover {
        color: $white;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        outline: 0;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.disabled {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
input[type="reset"] {
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        outline: 0;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
        @extend %extend_8;
    }
    &.disabled {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
.atto_image_urlentrysubmit {
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
button[disabled] {
    color: $color_chicago_approx;
    background: $color_silver_approx;
}
input[type="button"][disabled] {
    color: $color_chicago_approx;
    background: $color_silver_approx;
}
input[type="submit"][disabled] {
    color: $color_chicago_approx;
    background: $color_silver_approx;
}
input[type="reset"][disabled] {
    color: $color_chicago_approx;
    background: $color_silver_approx;
}
#header {
    background: $color_tuatara_approx;
    border-bottom: 0;
    .header-top {
        .popover-region .popover-region-toggle i.icon {
            color: $white;
            font-size: 16px;
            display: block;
        }
        .search-input-wrapper {
            padding: 0;
            > div i.icon {
                color: $white;
                margin-top: 7px;
            }
        }
        a {
            color: $white;
            text-align: left;
            &.dropdown-toggle.nav-link:after {
                content: '\f107';
                font-family: $font_9;
                vertical-align: top;
                border: 0;
            }
        }
        .usermenu {
            margin-right: 20px;
            .avatars .avatar .userpicture {
                margin: 0;
            }
            .login {
                color: $white;
            }
            .dropdown .dropdown-toggle:after {
                border: 0;
                content: '\f107';
                font-family: $font_9;
                margin-top: 5px;
                vertical-align: top;
            }
        }
        .navbar-inner {
            min-height: 32px;
        }
        .navbar {
            .nav {
                > li {
                    > a {
                        font-size: 16px;
                        font-family: $font_0, $font_5, $font_6, $font_7;
                        color: $white;
                        line-height: 1.375;

                        text-shadow: none;
                        i {
                            font-size: 10px;
                            margin-left: 5px;
                            position: relative;
                            top: -2px;
                        }
                        &:focus {
                            background: inherit;
                        }
                        &:hover {
                            background: inherit;
                        }
                    }
                    > .dropdown-menu {
                        &:before {
                            border: 0;
                        }
                        &:after {
                            border: 0;
                        }
                    }
                }
                > .active > a {
                    background: inherit;
                    &:hover {
                        background: inherit;
                    }
                    &:focus {
                        background: inherit;
                    }
                }
                li.dropdown {
                    &.open {
                        > .dropdown-toggle {
                            background: inherit;
                        }
                        &.active > .dropdown-toggle {
                            background: inherit;
                        }
                    }
                    &.active > .dropdown-toggle {
                        background: inherit;
                    }
                }
            }
            .btn-navbar {
                float: left;
                background: 0;
                padding: 10px 0;
                border: 0;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;

                box-shadow: none;
                margin: 0;
                .icon-bar {
                    width: 22px;
                    background: inherit;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;

                    box-shadow: none;
                    + .icon-bar {
                        margin-top: 4px;
                    }
                }
            }
            .nav-collapse.active {
                border-top-color: transparent;
                .nav {
                    .dropdown-submenu {
                        &.open > a {
                            color: $white;
                            background: inherit;
                        }
                        .dropdown-toggle:after {
                            margin-top: 5px;
                            margin-left: 6px;
                        }
                    }
                    .dropdown-menu .dropdown-submenu {
                        &.open > a {
                            color: $white;
                            background: inherit;
                        }
                        .dropdown-toggle:after {
                            margin-top: 5px;
                            margin-left: 6px;
                        }
                    }
                }
            }
        }
        .dropdown-menu {
            min-width: 150px;
            margin: 0;
            background-color: inherit;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            > li > a {
                font-size: 16px;
                font-family: $font_0, $font_5, $font_6, $font_7;
                color: $white;
                line-height: 1.375;
                &:hover {
                    color: $white;
                    background: inherit;
                }
                &:focus {
                    color: $white;
                    background: inherit;
                }
            }
        }
        .dropdown-submenu {
            &:hover > a {
                color: $white;
                background: inherit;
            }
            &:focus > a {
                color: $white;
                background: inherit;
            }
            > a:after {
                content: "\f054";
                font-size: 10px;
                font-family: $font_8;
                border: 0;
                margin-top: 5px;
                margin-right: -7px;
            }
        }
        .popover-region-toggle {
            height: 30px;
            outline: none;
            padding-left: 0;
            padding-right: 0;
        }
        .popover-region-header-actions a {
            color: $color_picton_blue_approx;
            &:hover {
                color: $color_tuatara_approx;
            }
            &:focus {
                color: $color_tuatara_approx;
            }
        }
        .dropdown .dropdown-menu {
            color: $white;
            background: $color_tundora_approx;
            margin-top: 10px;
            top: auto;
            left: 0;
            right: auto;
            padding: 0;
            .dropdown-divider {
                margin: 0;
            }
            a {
                &:hover {
                    color: $white;
                    background: $color_picton_blue_approx;
                }
                &:focus {
                    color: $white;
                    background: $color_picton_blue_approx;
                }
                i {
                    color: $white;
                }
            }
        }
    }
    .navbar-nav button {
        &.btn {
            width: 50px;
            height: 30px;
            padding: 0;
            margin-top: 5px;
            background: none;
            &:hover {
                background: none;
            }
            &:active {
                background: none !important;
            }
            > span {
                width: 27px;
                height: 3px;
                background: $white;
                display: block;
                margin: 5px auto 0;
                &:first-child {
                    margin-top: 0;
                    top: 13px;
                    transition: all 0.5s ease 0s;
                }
                &:last-child {
                    transition: all 0.5s ease 0s;
                }
            }
        }
        &.is-active {
            margin-top: 5px;
            position: relative;
            > span {
                position: absolute;
                top: 8px;
                left: 6px;
                transform: rotate(45deg);
                transition: all 0.5s ease 0s;
                &:last-child {
                    transform: rotate(-45deg);
                    transition: all 0.5s ease 0s;
                }
            }
        }
    }
}
#site-header {
    .navbar {
        margin-bottom: 0;
    }
    .navbar-inner {
        background: none;
        filter: none;
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;

        box-shadow: none;
    }
    .nav-collapse {
        .nav > li > a {
            font-weight: normal;

            border-radius: 0;
        }
        .dropdown-menu a {
            font-weight: normal;

            border-radius: 0;
        }
    }
    .dropdown-menu {
        padding: 5px 0;
        &:before {
            border: 0;
        }
        &:after {
            border: 0;
        }
        > li {
            border: 0;
            > a {
                border: 0;
                &:hover {
                    filter: none;
                }
                &:focus {
                    filter: none;
                }
            }
        }
    }
    .dropdown-submenu {
        &:hover > a {
            filter: none;
        }
        &:focus > a {
            filter: none;
        }
    }
    .header-main {
        background: $color_picton_blue_approx;
        margin-top: 46px;
        .navbar-toggleable-md {
            .dropdown {
                float: left;
            }
            li {
                list-style: none;
                display: inline-block;
            }
        }
        &.theme-main-header {
            background: $white !important;
            .navbar-toggleable-md {
                li {
                    list-style: none;
                }
                a {
                    &:hover {
                        color: $white;
                    }
                    &:focus {
                        color: $white;
                    }
                }
                .dropdown-menu a {
                    color: $white;
                }
            }
        }
        a {
            &.has-logo {
                max-width: 320px;
                padding: 19px 0;
            }
            &.dropdown-item {
                color: $white;
            }
            &.nav-link {
                color: $white;
                font-size: 18px;
                line-height: 26px;
                padding: 40px 20px;
                text-transform: uppercase;
                &:hover {
                    background: $color_tuatara_approx;
                }
                &:focus {
                    background: $color_tuatara_approx;
                }
            }
            &.dropdown-toggle:after {
                content: '\f078';
                font-family: $font_9;
                font-size: 12px;
                border: 0;
                margin-right: 1em;
                vertical-align: top;
            }
        }
        button {
            &.navbar-toggler {
                margin-top: 13px;
                &:hover {
                    background: none;
                }
                &:focus {
                    background: none;
                }
                &:before {
                    content: '\f0c9';
                    font-family: $font_9;
                    color: $white;
                    font-size: 30px;
                }
            }
        }
        .navbar {
            .nav {
                > li {
                    > a {
                        font-size: 18px;
                        font-family: $font_3, $font_5, $font_6, $font_7;
                        color: $white;
                        text-transform: uppercase;

                        text-shadow: none;
                        i {
                            font-size: 14px;
                            margin-left: 5px;
                            position: relative;
                            top: -2px;
                        }
                        &:focus {
                            background: inherit;
                        }
                        &:hover {
                            background: inherit;
                        }
                        .caretup {
                            border-bottom: 8px solid;
                            border-left: 9px solid transparent;
                            border-right: 9px solid transparent;
                            bottom: 0;
                            color: inherit;
                            display: none;
                            height: 0;
                            left: 50%;
                            margin-left: -8px;
                            position: absolute;
                            width: 0;
                        }
                    }
                    > .dropdown-menu {
                        &:before {
                            border: 0;
                        }
                        &:after {
                            border: 0;
                        }
                    }
                }
                > .active > a {
                    background: inherit;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;

                    box-shadow: none;
                    &:hover {
                        background: inherit;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;

                        box-shadow: none;
                    }
                    &:focus {
                        background: inherit;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;

                        box-shadow: none;
                    }
                }
                li.dropdown {
                    &.open {
                        > .dropdown-toggle {
                            background: inherit;
                        }
                        &.active > .dropdown-toggle {
                            background: inherit;
                        }
                    }
                    &.active > .dropdown-toggle {
                        background: inherit;
                    }
                }
            }
            .btn-navbar {
                background: none;
                border: 0;

                border-radius: 0;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;

                box-shadow: none;
                margin: 19px 0;
                .icon-bar {
                    width: 26px;
                    height: 3px;
                    background: $white;

                    text-shadow: none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;

                    box-shadow: none;
                    + .icon-bar {
                        margin-top: 5px;
                    }
                }
            }
            .nav-collapse.active {
                border-top-color: inherit;
            }
        }
        .dropdown-menu {
            background: inherit;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            padding: 0;
            margin: 0;
            top: 100%;
            > li > a {
                font-size: 18px;
                font-family: $font_3, $font_5, $font_6, $font_7;
                color: $white;
                line-height: 1.375;
                padding: 3px 15px;
                > img {
                    margin: 0 5px 0 0;
                    position: relative;
                    top: -1px;
                }
                &:hover {
                    background: inherit;
                }
                &:focus {
                    background: inherit;
                }
            }
        }
        .dropdown-submenu {
            &:hover > a {
                background: inherit;
            }
            &:focus > a {
                background: inherit;
            }
        }
    }
}

@media (min-width: 992px) {
    #site-header .header-main a .dropdown-toggle:after {
        margin-top: 0.3em;
    }
    .dir-rtl {
        #header .header-top {
            .navbar .nav > li + li:after {
                float: right !important;
                width: 1px !important;
                content: " " !important;
                font-size: 16px !important;
                font-family: $font_0, $font_5, $font_6, $font_7 !important;
                color: inherit !important;
                line-height: 32px !important;
                position: relative !important;
                right: -2px !important;
            }
            .dropdown-menu > li > a {
                padding: 2px 10px 2px 20px !important;
            }
        }
        .jumbo-viewall .inner-wrap {
            padding: 0 0 0 360px !important;
            .desc-wrap {
                padding: 0 0 0 120px !important;
            }
            .btn-jumbo {
                right: auto !important;
                left: 78px !important;
            }
        }
    }
    #header .header-top {
        .navbar .nav {
            > li > a {
                float: left !important;
                padding: 5px 10px !important;
            }
            > .dropdown:hover > .dropdown-menu {
                display: block !important;
            }
        }
        .dropdown-menu > li > a {
            padding: 2px 20px 2px 10px !important;
        }
    }
    .dir-ltr #header .header-top .navbar .nav > li + li:before {
        float: left !important;
        width: 1px !important;
        content: " " !important;
        font-size: 16px !important;
        font-family: $font_0, $font_5, $font_6, $font_7 !important;
        color: inherit !important;
        line-height: 32px !important;
        position: relative !important;
        left: -2px !important;
    }
    .jumbo-viewall .inner-wrap {
        padding: 0 360px 0 0 !important;
        .desc-wrap {
            padding: 0 120px 0 0 !important;
        }
        .btn-jumbo {
            right: 78px !important;
        }
    }
    .loginbox.twocolumns {
        .loginpanel {
            width: 41.66666667% !important;
        }
        .signuppanel {
            width: 58.33333333% !important;
        }
    }
    .custom-login-page .form-box {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }
    .site-info {
        video {
            max-width: 100% !important;
        }
        .info-content {
            &.video-visible .info-block {
                min-height: 270px !important;
            }
        }
    }
    #site-header .header-main {
        button.navbar-toggler {
            display: none;
        }
        .navbar-toggleable-md {
            float: right !important;
            display: flex;
            span.nav-item {
                float: left;
                position: relative;
                .dropdown-menu {
                    top: 100%;
                    padding: 0;
                }
            }
        }
        .navbar {
            .brand {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                margin-top: 12px !important;
                margin-bottom: 12px !important;
            }
            .nav {
                > {
                    .active > a {
                        .caretup {
                            display: block !important;
                        }
                        &:hover .caretup {
                            display: block !important;
                        }
                        &:focus .caretup {
                            display: block !important;
                        }
                    }
                    .dropdown:hover > .dropdown-menu {
                        display: block !important;
                    }
                }
                > li > a {
                    line-height: 1.3334 !important;
                    padding: 34px 20px !important;
                    position: relative !important;
                    .caretup {
                        display: none !important;
                    }
                    &:focus .caretup {
                        display: block !important;
                    }
                    &:hover .caretup {
                        display: block !important;
                    }
                }
                li.dropdown {
                    &.open {
                        > .dropdown-toggle .caretup {
                            display: block !important;
                        }
                        &.active > .dropdown-toggle .caretup {
                            display: block !important;
                        }
                    }
                    &.active > .dropdown-toggle .caretup {
                        display: block !important;
                    }
                }
            }
        }
        a.nav-link {
            float: left;
            i {
                display: none;
            }
        }
        .course-link {
            float: left;
            a:after {
                content: '\f078';
                font-family: $font_9;
                font-size: 12px;
                display: inline-block;
                vertical-align: top;
                margin-left: 0.3em;
            }
            .custom-dropdown-menu {
                width: auto;
                min-width: 300px;
                max-width: 100%;
                position: absolute;
                left: auto;
                right: 2%;
                top: 150px;
                z-index: 1000;
                a:after {
                    content: '';
                }
                .cols-wrap {
                    padding: 20px;
                    .cols {
                        max-width: 280px;
                        display: inline-block;
                        margin-right: 15px;
                        vertical-align: top;
                        h6 {
                            color: $white;
                            font-size: 18px;
                            font-weight: bold;
                            border-bottom: 2px solid $white;
                            padding-bottom: 5px;

                        }
                        ul {
                            padding-left: 0;
                        }
                        ul li {
                            color: $white;
                            list-style: none;
                            display: block;
                            a {
                                color: $white;
                                font-size: 18px;
                                line-height: 30px;
                                padding: 0 6px;
                                display: block;
                            }
                            a:before {
                                content: '\f10c';
                                font-family: $font_9;
                                color: $white;
                                font-size: 12px;
                                margin-right: 10px;
                                display: inline-block;
                            }
                            a:after {
                                border: 0;
                            }
                            > a:hover:before {
                                content: '\f111';
                                font-family: $font_9;
                                color: $white;
                                font-size: 12px;
                                margin-right: 10px;
                                display: inline-block;
                            }
                        }
                    }
                }
            }

        }

    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .info-content.video-visible .info-block {
        margin-left: 420px !important;
    }
    .available-block .available-img > a {
        width: 100% !important;
        height: 100px !important;
        display: inline-block !important;
    }
}

@media (max-width: 991px) {
    #site-header .header-main .navbar-toggleable-md {
        .dropdown {
            position: static;
            float: none;
        }
        &:after {
            content: '';
            clear: both;
            display: block;
        }
        li {
            display: block;
        }
    }
    #site-header .nav-collapse .nav {
        padding: 10px 0 !important;
    }
    .header-main button.navbar-toggler.nocontent-navbar {
        display: none;
    }
    .dir-ltr #site-header .nav-collapse {
        .dropdown-menu a {
            padding-left: 25px !important;
        }
        .dropdown-submenu .dropdown-menu a {
            padding-left: 30px !important;
        }
    }
    .dir-rtl #site-header .nav-collapse {
        .dropdown-menu a {
            padding-right: 25px !important;
        }
        .dropdown-submenu .dropdown-menu a {
            padding-right: 30px !important;
        }
    }

    #header .header-top .dropdown-submenu > a:after {
        content: "\f078" !important;
    }
    #site-header .header-main {
        padding: 0 !important;
        button.navbar-toggler {
            /*margin-top: 25px !important;*/
            padding-top: 25px;
            float: right;
        }
        .navbar-toggleable-md {
            text-align: left !important;
            clear: both !important;
            .dropdown-menu {
                -webkit-transform: none !important;
                -moz-transform: none !important;
                -ms-transform: none !important;
                -o-transform: none !important;
                transform: none !important;
            }
        }
        .course-link {
            list-style: none;
        }
        .dropdown-menu {
            width: 100% !important;
            position: static !important;
            a {
                padding: 10px 20px !important;
                display: block !important;
                border-bottom: 0 !important;
            }
        }
        .navbar {
            .brand {
                padding: 0 !important;
                margin: 0 !important;
            }
            .nav-collapse.active {
                margin: 10px 0 0 !important;
            }
        }
        .dropdown-submenu > a:after {
            content: "" !important;
            font-size: 10px !important;
            font-family: $font_8 !important;
            border: 0 !important;
            margin-top: 10px !important;
            margin-left: 5px !important;
            vertical-align: top !important;
        }
        a.nav-link {
            width: 100% !important;
            display: inline-block !important;
            padding: 10px 20px !important;
        }
        a.nav-link i {
            font-size: 14px;
            margin-left: 10px !important;
        }
    }
}

@media (max-width: 767px) {
    .home-page-carousel {
        .carousel-control {
            display: none !important;
        }
        .carousel-inner > .item {
            background-position: 20% center !important;
            > .item-inner {
                padding: 300px 0 0 !important;
                .carousel-content {
                    text-align: center !important;
                    padding: 25px !important;
                    margin: 0 20px 20px !important;
                    > h2 {
                        font-size: 42px !important;
                        line-height: 48px !important;
                    }
                    > p {
                        font-size: 22px !important;
                        line-height: 28px !important;
                    }
                    > .carousel-btn {
                        padding: 10px 0 0 !important;
                    }
                }
            }
        }
    }
    .site-info {
        .info-video {
            text-align: center !important;
            float: none !important;
            video {
                width: 100% !important;
            }
        }
        .info-content > h2 {
            display: block !important;
        }
        .info-block {
            margin-left: 0 !important;
            h2 {
                display: none !important;
            }
        }
        .info-content.video-visible .info-block {
            float: none !important;
            margin-left: 0 !important;
            margin-top: 20px !important;
        }
    }
    #site-footer {
        .footer-main {
            text-align: center;
        }
        .footer-bottom {
            text-align: center !important;
        }
        .footer-links {
            padding-bottom: 20px !important;
        }
        .social-media ul {
            margin: 0 auto !important;
        }
    }
    .available-courses {
        .available-content {
            margin-bottom: 20px !important;
        }
        .available-block {
            .available-img {
                max-width: 220px !important;
                height: auto !important;
                margin: 0 auto !important;
            }
            .title-text {
                max-width: 220px !important;
                margin: 0 auto !important;
                position: static !important;
            }
        }
    }
    #header .header-top {
        .usermenu {
            margin-right: 20px;
        }
        .dropdown .dropdown-menu {
            left: auto !important;
            right: 0 !important;
        }
    }
    .frontpage-testimonials .carousel {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .jumbo-viewall .inner-wrap {
        text-align: center !important;
        .desc-wrap {
            padding: 0 0 10px !important;
        }
        .btn-jumbo {
            padding: 0 20px !important;
        }
    }
    .dir-ltr #page-navbar {
        padding-right: 20px !important;
    }
    .dir-rtl #page-navbar {
        padding-left: 20px !important;
    }
    .custom-listing .box {
        max-width: 245px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        .box-content .title-text {
            text-align: center !important;
        }
    }
    .custom-login-page > .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
    .theme-color-schemes .thumbnail {
        margin: 0 auto !important;
    }
    .mform .form-inline {
        .custom-select {
            min-width: 130px !important;
            max-width: 220px !important;
            margin-top: 10px;
        }
    }
    .my-courses .mycourses-block {
        .available-img {
            max-width: 220px !important;
            margin: 0 auto !important;
            height: auto !important;
        }
        h6 {
            max-width: 220px !important;
            margin: 0 auto !important;
            position: static !important;
        }
    }
}

@media (max-width: 574px) {
    #site-header .header-main a.has-logo {
        max-width: 160px;
        span {
            display: inline-block;
            img {
                width: 100%;
            }
        }
    }
    .userprofile {
        text-align: center !important;
        .userprofilebox .profilepicture {
            float: none !important;
            width: 106px !important;
            margin: 0 auto 10px !important;
        }
        dl.list {
            dt {
                text-align: center !important;
            }
            dd {
                text-align: center !important;
            }
        }
    }
    .navbar .popover-region {
        margin-right: 5px !important;
        &:before {
            border: 0;
        }
    }
    .home-page-carousel .carousel-inner .carousel-item {
        .carousel-content {
            max-width: 400px !important;
            margin: 0 auto !important;
            position: static !important;
            h2 {
                font-size: 32px !important;
            }
            p {
                font-size: 18px !important;
            }
            .carousel-btn a {
                margin-top: 10px !important;
            }
        }
        .item-inner {
            padding-top: 200px !important;
        }
    }
    .dir-rtl .userprofile dl.list {
        dt {
            text-align: center !important;
        }
        dd {
            text-align: center !important;
        }
    }
}

@media (max-width: 480px) {
    .navbar .popover-region .popover-region-container {
        top: 36px !important;
    }
}

.home-page-carousel {
    .carousel {
        margin: 0;
    }
    .carousel-inner {
        > {
            .item {
                background-repeat: no-repeat;
                background-position: center center;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
                > .item-inner .carousel-content {
                    background: $url_30 repeat 0 0;
                    background-color: $black_23;
                    > h2 {
                        font-size: 54px;
                        color: $white;
                        line-height: 54px;
                        text-transform: uppercase;
                        margin: 0;
                    }
                    > p {
                        font-size: 32px;
                        color: $white;
                        line-height: 39px;
                        text-transform: uppercase;
                    }
                    > .carousel-btn {
                        padding: 16px 0 0;
                        > a {
                            font-size: 15px;
                            font-family: $font_2, $font_5, $font_6, $font_7;
                            line-height: 21px;
                            background: $white;
                            padding: 14px 20px;
                            display: inline-block;
                            text-transform: uppercase;
                            &:hover {
                                text-decoration: none;
                            }
                            &:focus {
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
            .carousel-item {
                min-height: 452px;
                background-position: left;
                background-size: cover;
            }
        }
        .carousel-item .carousel-content {
            max-width: 520px;
            background: $black_20;
            padding: 30px;
            position: absolute;
            bottom: 80px;
            &.content-left {
                left: 80px;
                right: 80px;
            }
            &.content-right {
                right: 80px;
            }
            h2 {
                color: $white;
                font-size: 52px;
                text-transform: uppercase;
                text-align: right;
            }
            p {
                color: $white;
                font-size: 32px;
                text-transform: uppercase;
                text-align: right;
            }
            .carousel-btn {
                text-align: right;
                a {
                    font-size: 15px;
                    background: $white;
                    padding: 14px 20px;
                    &:hover {
                        color: $color_tuatara_approx;
                    }
                    &:focus {
                        color: $color_tuatara_approx;
                    }
                }
            }
        }
    }
    .carousel-control {
        width: 34px;
        height: 34px;
        font-size: 16px;
        line-height: 30px;
        background: inherit;
        border: 2px solid $color_bahama_blue_approx;
        border-radius: 0;
        opacity: 1;
        top: 50%;
        i {
            position: relative;
        }
    }
    .carousel-indicators {
        display: none;
    }
    .left.carousel-control {
        left: 20px;
        &:before {
            content: '\f053';
            font-family: $font_9;
        }
    }
    .right.carousel-control {
        right: 20px;
        &:before {
            content: '\f054';
            font-family: $font_9;
        }
    }
}

@media (min-width: 768px) {
    .dir-rtl {
        .home-page-carousel .carousel-inner > .item > .item-inner .carousel-content {
            right: auto !important;
            left: 75px !important;
            text-align: left !important;

        }
        .homepage-carousel .slide-text a.btn {
            float: right;
        }
        .jumbo-viewall .inner-wrap {
            padding: 0 0 0 270px !important;
            .desc-wrap {
                background-image: $url_32 !important;
                background-position: left center !important;
                padding: 0 0 0 95px !important;
            }
            .btn-jumbo {
                right: auto !important;
                left: 0 !important;
            }
        }
        .blog_entry .content {
            margin-right: 47px !important;
        }
    }
    .dir-ltr {
        .home-page-carousel .carousel-inner > .item > .item-inner .carousel-content {
            text-align: right !important;
        }
        .blog_entry .content {
            margin-left: 47px !important;
        }
    }
    .comment-ctrl {
        margin: 20px 0 0 !important;
    }
    .comment-area {
        textarea {
            min-height: 150px !important;
            padding: 15px !important;
        }
        textarea[cols] {
            min-height: 150px !important;
            padding: 15px !important;
        }
    }
    .home-page-carousel .carousel-inner > .item {
        min-height: 492px !important;
        > .item-inner {
            min-height: 492px !important;
            position: relative !important;
            .carousel-content {
                max-width: 420px !important;
                padding: 30px !important;
                position: absolute !important;
                right: 75px !important;
                bottom: 75px !important;
            }
        }
    }
    .jumbo-viewall .inner-wrap {
        padding: 0 270px 0 0 !important;
        position: relative !important;
        .desc-wrap {
            background-image: $url_31 !important;
            background-repeat: no-repeat !important;
            background-position: right center !important;
            padding: 0 95px 0 0 !important;
        }
        .btn-jumbo {
            width: 100% !important;
            max-width: 254px !important;
            position: absolute !important;
            top: 50% !important;
            right: 0 !important;
            margin-top: -28px !important;
        }
    }
    .blog_entry .content > {
        .no-overflow {
            font-size: 18px !important;
            color: $color_gravel_approx !important;
            line-height: 1.77778 !important;
        }
        .mdl-left {
            padding: 20px !important;
        }
    }
    .breadcrumb-button.nonavbar {
        margin-top: 0 !important;
    }
}

@media (min-width: 575px) and (max-width: 767px) {
    .home-page-carousel .carousel-inner .carousel-item .carousel-content {
        max-width: 440px !important;
    }
}

.frontpage-testimonials {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 65px 0;
    position: relative;
    z-index: 0;
    .slide {
        text-align: center;
        .slick-dots {
            margin: 30px 0 0;
            padding: 0;
            display: inline-block;
            li {
                float: left;
                list-style: none;
                button {
                    width: 15px;
                    height: 15px;
                    text-indent: -999em;
                    margin-left: 10px;
                    padding: 0;
                    background: none;
                    border: 1px solid $white;
                    border-radius: 10px;
                }
                &:first-child button {
                    margin-left: 0;
                }
                &.slick-active button {
                    background-color: $white;
                }
            }
        }
    }
    .carousel {
        margin: 0;
        .carousel-indicators {
            bottom: -50px;
            li {
                margin-right: 5px;
            }
        }
    }
    .bgtrans-overlay {
        background: inherit;
    }
    .item-content {
        text-align: center;
        p {
            min-height: 160px;
            font-size: 28px;
            font-family: $font_4, $font_5, $font_6, $font_7;
            color: $white;
            line-height: 1.21429;
            margin: 0;
        }
        .user-info {
            padding: 20px 0 0;
            .thumb {
                max-width: 128px;
                height: 128px;
                border: 3px solid $white;
                -webkit-border-radius: 67px;
                -moz-border-radius: 67px;
                border-radius: 67px;
                margin: 0 auto;
                img {
                    height: 100%;
                    object-fit: cover;
                    -webkit-border-radius: 67px;
                    -moz-border-radius: 67px;
                    border-radius: 67px;
                }
            }
            h6 {
                font-family: $font_2, $font_5, $font_6, $font_7;
                color: $white;
                margin-top: 17px;
                margin-bottom: 0;
            }
        }
    }
}
.site-info {
    background-color: $wild_sand;
    padding: 40px 0 20px;
    .info-video {
        max-width: 550px;
        height: 280px;
        float: left;
        margin: 0 auto;
        iframe {
            max-width: 100%;
            height: 100%;
        }
    }
    h2 {
        color: $color_picton_blue_approx;
        font-size: 38px;
        font-family: $font_3, $font_5, $font_6, $font_7;
        text-align: center;
        margin-bottom: 20px;
        b {
            color: $color_tuatara_approx;
            font-family: $font_2, $font_5, $font_6, $font_7;
            display: inline-block;
        }
    }
    .info-content .info-block h2 {
        display: block;
    }
    .info-content.video-visible {

        .info-block {
            margin-left: 580px;
        }
    }
    .info-block p {
        color: $color_tuatara_approx;
        line-height: 28px;
    }
    &:after {
        content: '';
        display: table;
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-info {
        .info-video {
            max-width: 400px !important;
        }
        .info-content {
            &.video-visible .info-block {
                margin-left: 420px !important;
            }
        }
    }
    .available-courses .available-block .available-img {
        height: auto !important;
    }
    .my-courses .mycourses-block .available-img {
        height: 100px !important;
    }
}

.jumbo-viewall {
    padding: 36px 0;
    border-bottom: 1px solid $color_gray_nurse_approx;
    .inner-wrap {
        h2 {
            font-size: 40px;
            font-family: $font_2, $font_5, $font_6, $font_7;
            margin: 0 0 12px;
            text-transform: none;
        }
        p {
            font-size: 22px;
            line-height: 28px;
            margin: 0;
        }
        .btn-jumbo {
            font-size: 22px;
            color: $white;
            line-height: 56px;
            display: inline-block;

            border-radius: 5px;
            text-align: center;
        }
    }
}
.titlebar {
    overflow: hidden;
}

$overlayCheck: $white;
#site-footer {
    position: relative;
    .footer-links {
        .infoarea {
            p a {
                color: $color_picton_blue_approx;
                &:hover {
                    color: $color_tuatara_approx;
                }
                &:focus {
                    color: $color_tuatara_approx;
                }
            }
        }
    }
    .footer-main {
        @if $footbgimgStatus == true {
            background-image: $footbgimg;
        }
        background-repeat: no-repeat;
        background-position: bottom center;
        padding: 50px 0;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: relative;
        .bgtrans-overlay {
            background: transparent;
            z-index: 0;
        }
        h6 {
            font-family: $font_2, $font_5, $font_6, $font_7;
            color: $white;
        }
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        a:hover {
            text-decoration: none;
        }
        .footer-address-block {
            .footer-address p {
                color: $white;
                padding-left: 25px;
                i {
                    vertical-align: middle;
                    margin-right: 15px;
                    margin-left: -25px;
                }
            }
            .footer-phone p {
                color: $white;
                i {
                    margin-right: 10px;
                }
            }
            .footer-email p {
                color: $white;
                i {
                    margin-right: 10px;
                }
                a {
                    color: $white;
                    display: inline-block;
                }
            }
        }
        .social-media {
            padding: 10px 0 0;
            ul {
                width: 166px;
                li {
                    float: left;
                    width: 68px;
                    height: 68px;
                    border: 3px solid $white;
                    margin: 0 9px 9px 0;
                    &:nth-child(even) {
                        margin-right: 0;
                    }
                    a {
                        color: $white;
                        text-align: center;
                        display: block;
                        i {
                            font-size: 33px;
                            line-height: 68px;
                        }
                    }
                }
            }
            &.footer-small-socials {
                ul {
                    width: auto;
                    display: inline-block;
                    li {
                        width: 50px;
                        height: 50px;
                        margin: 0 10px 10px 0;
                        &:last-child {
                            margin-right: 0;
                        }
                        a {
                            height: 100%;
                            i {
                                font-size: 20px;
                                line-height: 45px;
                            }
                        }
                    }
                }
            }
        }
    }
    .footer-bottom {
        background: transparent;
        padding: 18px 0;
        p {
            font-size: 16px;
            color: $white;
            line-height: 20px;
            padding: 5px 0;
            margin: 0;
            text-align: center;
            a {
                color: $white;
                text-decoration: none;
            }
        }
    }
    .footer-links {
        color: $white;
        .infoarea {
            p a {
                color: $white;
                &:hover {
                    color: $color_tuatara_approx;
                }
                &:focus {
                    color: $color_tuatara_approx;
                }
            }
        }
        ul li a {
            font-size: 16px;
            color: $white;
            line-height: 30px;
            &:hover {
                color: inherit;
            }
            &:focus {
                color: inherit;
            }
        }
    }

}
#page-site-index {
    #site-footer {
        padding: 0;
    }
    &.pagelayout-frontpage #page {
        margin-top: 0;
    }
}
#page-navbar {
    padding: 3px 0;
}
.breadcrumb-nav {
    margin-bottom: 0;
    .breadcrumb {
        background: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;

        border-radius: 0;
        padding: 9px 15px;
    }
}
.dir-ltr {
    .blog_entry {
        .tags .officialblogtags a + a {
            margin-left: 2px;
        }
        .commands > a:first-child {
            margin-left: 0;
        }
    }
    .comment-message {
        .picture {
            margin-right: 9px;
        }
        .text {
            padding-left: 28px;
        }
    }
    .addbloglink {
        text-align: right;
    }
    .breadcrumb-nav .breadcrumb {
        padding-left: 20px;
    }
    .breadcrumb > li > .divider:before {
        content: "\f101";
    }
    .moodle-actionmenu > .menu {
        &:before {
            right: 9px;
        }
        &:after {
            right: 10px;
        }
    }
    .comment-link img {
        margin-right: 3px;
    }
    .site-custom-blocks .titlebar .btnwrap {
        .previous > .fa {
            &.fa-chevron-left {
                display: inline-block;
            }
            &.fa-chevron-right {
                display: none;
            }
        }
        .next > .fa {
            &.fa-chevron-left {
                display: none;
            }
            &.fa-chevron-right {
                display: inline-block;
            }
        }
    }
    .nz-content .nz-example-content .ddltr {
        display: block;
    }
}
.breadcrumb-button {
    margin: 4px 0;
    .singlebutton {
        div {
            margin-bottom: 0;
        }
        input[type="submit"] {
            margin-bottom: 0;
        }
    }
}
.collapsible-actions {
    padding: 10px 0;
    a {
        font-weight: bold;
        font-size: 12px;
        font-family: $font_5, $font_6, $font_7;
        color: $color_gravel_approx;
        &:hover {
            text-decoration: none;
        }
        &:focus {
            text-decoration: none;
        }
    }
}
.mform {
    .form-group abbr + a.btn-link[role="button"] {
        vertical-align: middle;
    }
    .fitem {
        .felement {
            margin-left: 0;
            em {
                vertical-align: middle;
            }
        }
        div.fitemtitle {
            float: none;
            width: 100%;
            padding-top: 0;
            text-align: left !important;
        }
    }
    fieldset.collapsible legend a.fheader {
        padding-left: 25px;
        margin-left: 0;
    }
    .fdescription.required {
        margin-left: 0;
    }
    .fpassword .unmask {
        margin-left: 10px;
        > label {
            font-size: 14px;
            color: $color_tuatara_approx;
            padding-left: 6px;
            margin: 0;
        }
    }
    .fcheckbox input {
        margin-top: -4px;
    }
    .form-inline .custom-select {
        max-width: 300px;
    }
}
.form-item {
    .form-label {
        float: left;
        width: 100%;
        padding-top: 0;
        text-align: left !important;
    }
    .form-setting {
        margin-left: 0;
        .form-group input[type="checkbox"] {
            margin-left: 7px;
        }
        .group > span {
            display: block;
        }
    }
    .form-description {
        margin-left: 0;
    }
    clear: both;
}

@media (max-width: 574px) {
    .form-item .form-setting .form-group .no-overflow {
        overflow: visible;
    }
}

.userprofile {
    .userprofilebox {
        .descriptionbox {
            .description {
                margin: 0 0 10px;
                p {
                    color: $color_mine_shaft_approx;
                    line-height: 18px;
                    margin-bottom: 0;
                }
            }
            .list {
                margin: 0;
                overflow: hidden;
                dt {
                    float: none;
                    width: auto;
                    clear: none;
                }
                dd {
                    margin: 0 0 10px;
                    clear: none;
                }
            }
        }
        .profilepicture a {
            display: block;
        }
    }
    dl.list dd {
        margin-left: 0;
    }
}
.loginbox {
    margin: 15px;
    overflow: visible;
    h2 {
        padding: 0;
        margin: 20px 0 10px;
        text-align: left;
    }
    .subcontent {
        padding: 0;
        margin: 0;
        text-align: center;
    }
    .signuppanel {
        .subcontent {
            text-align: left;
            font-family: $font_5, $font_6, $font_7;
            padding: 10px 0 0;
            ol {
                background: $url_34 repeat 0 0;
                padding: 14px 14px 14px 34px;
                border: 1px solid $color_alto_approx;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;

                border-radius: 5px;
                margin: 16px 0 0;
                li {
                    line-height: 1.71429;
                    a {
                        text-decoration: underline;
                        &:hover {
                            color: inherit;
                            text-decoration: none;
                        }
                        &:focus {
                            color: inherit;
                            text-decoration: none;
                        }
                    }
                }
            }
        }
        .signupform {
            margin: 24px 0 0;
            text-align: right;
            input[type="submit"] {
                margin-bottom: 0;
            }
        }
    }
    .loginsub {
        margin-right: 0;
        margin-left: 0;
    }
    .loginform {
        margin: 0;
        .form-label {
            float: none;
            width: 100%;
            text-align: left;
        }
        .form-input {
            float: none;
            width: 100%;
            input {
                width: 100%;
            }
        }
    }
    input[type="submit"] {
        color: $white;
        background: inherit;
        border-color: inherit;
        margin-left: 0;
        &:hover {
            background: inherit;
            border-color: inherit;
        }
        &:focus {
            background: inherit;
            border-color: inherit;
        }
        &:active {
            background: inherit;
            border-color: inherit;
        }
    }
    &.twocolumns {
        margin: 0;
        .loginpanel {
            padding-right: 20px;
            padding-left: 20px;
            border: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .signuppanel {
            padding-right: 20px;
            padding-left: 20px;
            border: 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .loginsub {
            font-size: 16px;
            .desc {
                padding: 5px 0 20px;
                margin: 0;
            }
            form#login {
                max-width: 266px;
                margin: 0 auto;
                text-align: left;
            }
        }
        .rememberpass {
            padding: 5px 0 15px;
            input[type="checkbox"] {
                margin: 0;
                margin-right: 5px;
                position: relative;
                top: -2px;
            }
            label {
                padding: 0;
                margin: 0;
            }
        }
        .guestsub {
            font-size: 16px;
            background: $url_34 repeat 0 0;
            padding: 20px 20px 10px;
            border: 1px solid $color_alto_approx;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;

            border-radius: 5px;
            .desc {
                padding-bottom: 10px;
                margin: 0;
            }
            #guestlogin {
                padding-bottom: 10px;
                .guestform input[type="submit"] {
                    margin: 0;
                }
            }
        }
    }
    .loginpanel .desc {
        padding: 0;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 5px;
    }
}

@media (min-width: 1200px) {
    .loginbox.twocolumns .guestsub {
        padding-right: 0 !important;
        padding-left: 0 !important;
        clear: both !important;
        overflow: hidden !important;
        .desc {
            float: left !important;
            width: 50% !important;
            padding-right: 20px !important;
            padding-left: 20px !important;
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
            min-height: 38px !important;
            text-align: left !important;
        }
        #guestlogin {
            float: left !important;
            width: 50% !important;
            padding-right: 20px !important;
            padding-left: 20px !important;
            -webkit-box-sizing: border-box !important;
            -moz-box-sizing: border-box !important;
            box-sizing: border-box !important;
            text-align: right !important;
        }
    }
    .dir-rtl .loginbox.twocolumns .guestsub {
        .desc {
            float: right !important;
            text-align: right !important;
        }
        #guestlogin {
            float: right !important;
            text-align: left !important;
        }
    }
}

@media (min-width: 768px) {
    .loginbox {
        &.twocolumns {
            padding: 30px 0 !important;
            .loginpanel {
                float: left !important;
                width: 50% !important;
            }
            .signuppanel {
                float: left !important;
                width: 50% !important;
            }
            .loginsub {
                padding: 20px 0 0 !important;
            }
            .rememberpass {
                padding-bottom: 31px !important;
            }
            .guestsub {
                margin: 30px 0 0 !important;
            }
        }
        .loginform .form-label label {
            padding: 24px 0 7px !important;
            margin: 0 !important;
        }
        .signuppanel .subcontent {
            padding: 36px 0 0 !important;
        }
    }
    .dir-rtl .loginbox.twocolumns {
        .loginpanel {
            float: right !important;
        }
        .signuppanel {
            float: right !important;
        }
    }
}

@media (max-width: 767px) {
    .loginbox.twocolumns .signuppanel {
        padding-top: 20px !important;
    }
}

#coursesearch {
    margin: 10px 30px;
    clear: both;
    overflow: hidden;
    text-align: left;
    .coursesearchbox {
        width: 80%;
        height: 50px;
        padding: 2px 15px;
        background: $white;
        position: relative;
        border: 1px solid $color_quill_gray_approx;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    label {
        display: none;
    }
    input {
        background: none;
        border: 0;
        margin: 0;
    }
    input[type="text"] {
        width: 100%;
        max-width: none;
        max-height: 50px;
        height: 100%;
        font-size: 16px;
        color: $color_star_dust_approx;
        padding: 0;
    }
    input[type="submit"] {
        height: 50px;
        max-height: none;
        font-family: $font_9;
        color: $white;
        font-size: 24px;
        background: $color_picton_blue_approx;
        padding: 0 20px;
        display: block;
        text-transform: capitalize;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        position: absolute;
        top: 0;
        right: -120px;
        cursor: pointer;
        &:hover {
            background-color: $color_tuatara_approx;
        }
    }
}

@media (max-width: 991px) {
    #coursesearch {
        .coursesearchbox {
            width: 84%;
        }
    }
}

@media (max-width: 768px) {
    #coursesearch .coursesearchbox {
        width: 100% !important;
    }
    #coursesearch input[type="submit"] {
        right: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

@media (max-width: 574px) {
    #coursesearch {
        margin-left: 0;
        margin-right: 0;
        input[type="submit"] {
            font-size: 18px;
            padding: 0 15px;
        }
    }
}

.forumpost {
    background: none;
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;

    box-shadow: none;
    .subject {
        font-weight: normal;
        font-size: 18px;
        > a {
            color: $color_tuatara_approx;
            display: inline-block;
            text-transform: uppercase;
            &:hover {
                color: inherit;
            }
            &:focus {
                color: inherit;
            }
        }
    }
    .author {
        font-size: 11px;
        font-family: $font_5, $font_6, $font_7;
        a {
            text-decoration: underline;
        }
    }
    .options {
        .commands {
            margin-top: 15px;
            > a {
                color: $color_mine_shaft_approx;
                display: inline-block;
                margin: 0 5px;
                vertical-align: middle;
                &:hover {
                    color: inherit;
                }
                &:focus {
                    color: inherit;
                }
            }
        }
        .footer {
            padding: 5px 0 0;
            > a {
                color: $color_mine_shaft_approx;
                &:focus {
                    color: inherit;
                }
            }
            > a:hover {
                color: inherit;
            }
        }
    }
    &.starter {
        padding: 20px;
        background: $white;
        margin-top: 15px;
    }
    .header .picture img.userpicture {
        -webkit-border-radius: 18px;
        -moz-border-radius: 18px;

        border-radius: 18px;
    }
    .content .posting {
        font-size: 16px;
        color: $color_gravel_approx;
        line-height: 1.375;
        p {
            margin-bottom: 0;
        }
    }
    .left.picture {
        display: none;
    }
}
.blog_entry {
    .left.picture {
        display: block;
    }
    .content {
        margin: 0;
        > {
            .no-overflow {
                font-size: 16px;
                color: $color_gravel_approx;
                line-height: 1.375;
                padding: 0 0 15px;
                p {
                    margin: 0;
                }
            }
            .mdl-left {
                background: $color_pattens_blue_approx;
                padding: 10px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;

                border-radius: 5px;
                margin: 24px 0 0;
            }
        }
    }
    .audience {
        padding-bottom: 10px;
    }
    .tags {
        font-size: 16px;
        .officialblogtags {
            font-size: 14px;
            a {
                color: $color_mine_shaft_approx;
                display: inline-block;
                &:hover {
                    color: inherit;
                }
                &:focus {
                    color: inherit;
                }
            }
        }
    }
    .commands {
        margin-top: 15px;
        > a {
            color: $color_mine_shaft_approx;
            display: inline-block;
            margin: 0 5px;
            vertical-align: middle;
        }
        a {
            &:hover {
                color: inherit;
            }
            &:focus {
                color: inherit;
            }
        }
    }
}
.comment-link {
    font-size: 16px;
    color: $color_astronaut_blue_approx;
    img {
        margin: 3px 0 0;
        vertical-align: top;
    }
    > span {
        color: $color_tuatara_approx;
        display: inline-block;
        vertical-align: top;
    }
}
.comment-ctrl {
    margin: 10px 0 0;
}
.comment-list {
    font-size: 14px;
    color: $color_astronaut_blue_approx;
    li {
        background: $color_botticelli_approx;
        padding: 5px;
        border: 1px solid $color_spindle_approx;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 0 0 18px;
    }
}
img.userpicture {
    max-width: none;
}
.comment-message {
    padding: 0 20px 0 0;
    .comment-message-meta {
        min-height: 20px;
    }
    .picture {
        width: 18px;
        > a {
            display: inline-block;
        }
        img.userpicture {
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
            margin: 1px 0 0;
            vertical-align: top;
            max-width: 100%;
        }
    }
    .user {
        color: $color_tuatara_approx;
        display: inline-block;
        vertical-align: top;
        > a {
            font-family: $font_2, $font_5, $font_6, $font_7;
            &:hover {
                color: $color_tuatara_approx;
                background: none !important;
            }
            &:focus {
                color: $color_tuatara_approx;
                background: none !important;
            }
        }
    }
    .time {
        color: $color_tuatara_approx;
        display: inline-block;
        vertical-align: top;
    }
    .text {
        padding: 2px 0 0;
    }
}
.comment-delete {
    margin: 0;
    right: 5px;
}
.comment-area {
    padding: 0;
    textarea {
        width: 100%;
        font-size: 16px;
        color: $color_mountain_mist_approx;
        background: $white;
        padding: 10px;
        border-color: $color_spindle_approx;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;

        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    textarea[cols] {
        width: 100%;
        font-size: 16px;
        color: $color_mountain_mist_approx;
        background: $white;
        padding: 10px;
        border-color: $color_spindle_approx;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;

        border-radius: 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .fd {
        text-align: left;
        > a {
            font-size: 14px;
            font-family: $font_5, $font_6, $font_7;
            color: $white;
            background: inherit;
            padding: 9px 18px;
            margin-top: 10px;
            display: inline-block;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;

            border-radius: 5px;
            &:hover {
                color: $white;
                background: $color_bahama_blue_approx;
            }
            &:focus {
                color: $white;
                background: $color_bahama_blue_approx;
            }
        }
    }
}
.paging {
    font-family: $font_5, $font_6, $font_7;
    padding: 10px 0;
    &:empty {
        padding: 0;
    }
    > a {
        display: inline-block;
    }
    > span {
        display: inline-block;
    }
}
.initialbar {
    font-family: $font_5, $font_6, $font_7;
    &.firstinitial {
        padding: 10px 0 3px;
    }
    &.lastinitial {
        padding: 3px 0 10px;
    }
    a {
        display: inline-block;
    }
    strong {
        display: inline-block;
    }
}
.addbloglink {
    padding: 0 0 10px;
    > a {
        font-size: 16px;
        font-family: $font_1, $font_5, $font_6, $font_7;
        color: $white;
        line-height: 1.375;
        background: inherit;
        padding: 6px 12px;
        display: inline-block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;

        border-radius: 3px;
        &:hover {
            color: $white;
            background: inherit;
            text-decoration: none;
            outline: 0 none;
        }
        &:focus {
            color: $white;
            background: inherit;
            text-decoration: none;
            outline: 0 none;
        }
    }
}
#region-main-box  #region-main {
    .pull-left {
        float: none !important;
    }
    .no-overflow {
        > .generaltable {
            margin-bottom: 20px;
            th {
                a {
                    i.icon:before {
                        color: $white;
                    }
                }
                &.header a {
                    color: $white;
                }
            }
            tr td.cell a i {
                margin: 0;
            }
        }
    }
    .card h2 a i.icon {
        width: auto;
        height: auto;
        margin: 0;
    }
}
#page-message-edit {
    .no-overflow > .generaltable {
        margin-bottom: 20px;
    }
    #region-main .mform {
        fieldset {
            margin-bottom: 20px;
        }
        legend {
            padding: 0;
            border-bottom: 0;
            margin-bottom: 6px;
        }
        .mdl-align {
            text-align: left;
            > input[type="submit"] {
                margin: 0 0 10px;
            }
        }
        #providers legend {
            margin-bottom: 12px;
        }
        #messageprocessor_general > div {
            margin: 0 0 5px;
            > label {
                font-size: 14px;
                display: inline-block;
                margin-bottom: 0;
            }
        }
    }
    &.dir-rtl #region-main .mform .mdl-align {
        text-align: right;
    }
}
.userlist {
    .buttons {
        input[type="button"] {
            border: 1px solid $color_celeste_approx;
            margin-bottom: 10px;
        }
        a {
            background: none;
        }
        select {
            max-width: 300px;
            display: block;
            margin: 0 auto;
        }
    }
    table#participants {
        td {
            padding: 12px;
            img {
                height: 100%;
            }
        }
        th {
            padding: 12px;
        }
    }
}

@media (min-width: 575px) {
    .userprofile {
        .userprofilebox {
            .profilepicture {
                float: left !important;
            }
            .descriptionbox {
                padding: 0 0 0 118px !important;
            }
        }
        dl.list {
            dt {
                text-align: left !important;
            }
            dd {
                text-align: left !important;
            }
        }
    }
    .dir-rtl .userprofile {
        .userprofilebox {
            .profilepicture {
                float: right !important;
            }
            .descriptionbox {
                padding: 0 118px 0 0 !important;
            }
        }
        dl.list {
            dt {
                text-align: right !important;
            }
            dd {
                text-align: right !important;
            }
        }
    }
}

@media (max-width: 599px) {
    .userlist table.controls tbody td {
        display: block !important;
        > .singleselect {
            display: block !important;
        }
    }
}

.message {
    .contactselector {
        float: none;
        width: auto;
        margin: 0 0 20px;
        .paging {
            margin: 10px 0 0;
        }
        #message_participants {
            margin-top: 10px;
            tr {
                th {
                    padding: 5px;
                }
                td {
                    padding: 5px;
                }
            }
        }
    }
    .messagearea {
        float: none;
        width: auto;
        min-height: 50px;
        border: 0;
        .messagesend .messagesendbox {
            box-sizing: border-box;
        }
        #personsearch .message_form input[type="text"] {
            min-width: 100px;
        }
    }
}
#course-category-listings {
    input[type="submit"] {
        border: 0;
        padding: 0.5em 1em;
        margin: 5px 0 0 5px;
        vertical-align: bottom;
    }

    .detail-pair .pair-value select {
        max-width: 266px;
    }
    .listitem > div:hover {
        background-color: $white;
    }
}
.path-backup {
    .mform .fitem {
        .fitemtitle {
            width: 100%;
        }
        .felement {
            margin-left: 0;
        }
    }
    #region-main .singlebutton {
        margin: 20px 0 0;
    }
}
#page-admin-mod-glossary-formats {
    #region-main table.generalbox tr td {
        padding: 5px;
        vertical-align: middle;
        > label {
            margin: 0;
        }
        > select {
            margin: 0;
        }
    }
    &.dir-rtl #region-main table.generalbox tr td[align="right"] {
        text-align: left;
    }
}

@media (max-width: 1199px) {
    body #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

#page-admin-setting-messageinbound_mailsettings {
    &.dir-ltr .form-item .form-setting .form-password .unmask {
        margin-left: 10px;
    }
    &.dir-rtl .form-item .form-setting .form-password .unmask {
        margin-right: 10px;
    }
    .form-item .form-setting .form-password .unmask > label {
        font-size: 14px;
    }
}
#page-admin-report-log-index {
    &.dir-ltr #region-main .logselecform div label + select {
        margin-right: 20px;
    }
    &.dir-rtl #region-main .logselecform div label + select {
        margin-left: 20px;
    }
    #region-main .logselecform div {
        input[type="submit"] {
            display: block;
        }
        label + select:after {
            clear: both;
            overflow: hidden;
            display: table;
            content: "";
        }
    }
}
#custom-page {
    padding: 15px 0;
}
.custom-side-block {
    margin: 0 0 20px;
    .cbheader {
        padding: 2px 0;
        h2 {
            font-weight: normal;
            font-size: 20px;
        }
    }
    .nav {
        list-style: none;
        margin: 0;
        > li {
            padding: 2px 0;
            > a {
                font-family: $font_5, $font_6, $font_7;
                color: $color_dove_gray_approx;
                padding: 6px 10px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;

                border-radius: 3px;
                display: block;
                &:hover {
                    color: $white;
                    background: inherit;
                }
                &:focus {
                    color: $white;
                    background: inherit;
                }
                &:before {
                    font-size: 6px;
                    font-family: $font_8;
                    content: "\f0c8";
                    padding-right: 9px;
                    vertical-align: middle;
                }
            }
        }
        > {
            .has-children {
                > a:before {
                    font-size: 14px;
                    content: "\f0da";
                }
                &.expanded > a:before {
                    content: "\f0d7";
                    padding-right: 6px;
                }
            }
            .expanded > a {
                color: $white;
                background: inherit;
            }
        }
        > li[data-expanded="1"] > a:before {
            content: "\f0d7";
        }
    }
    .childnav {
        padding: 0 0 0 20px;
    }
}
.site-custom-search {
    margin: 15px 0 7px;
    .site-custom-search-wrap {
        background: $color_cararra_approx;
        padding: 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;

        border-radius: 5px;
    }
    .form-fields {
        max-width: 298px;
        background: $white;
        padding-top: 4px;
        padding-right: 38px;
        padding-bottom: 4px;
        padding-left: 15px;
        border: 1px solid $color_celeste_approx;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;

        border-radius: 5px;
        margin: 0 auto;
        position: relative;
        input[type="text"] {
            background: none;
            padding: 0;
            border: 0;
            margin: 0;
            width: 100%;
            max-width: none;
            height: 34px;
            font-size: 16px;
            color: $color_star_dust_approx;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;

            border-radius: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;

            box-shadow: none;
            &:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;

                box-shadow: none;
            }
        }
        input[type="submit"] {
            background: none;
            padding: 0;
            border: 0;
            margin: 0;
            width: 38px;
            height: 42px;
            display: block;
            text-indent: -999em;
            text-transform: capitalize;
            position: absolute;
            top: 0;
            right: 0;
        }
        .action-btn {
            width: 38px;
            height: 42px;
            font-size: 16px;
            color: $color_stack_approx;
            line-height: 42px;
            text-align: center;
            position: absolute;
            top: 0;
            right: 0;
        }
    }
}
.custom-listing-01 {
    .box {
        max-width: 252px;
        background: $white;
        border: 1px solid $color_celeste_approx;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;

        border-radius: 5px;
        margin: 0 auto 30px;
        .box-thumb {
            border-bottom: 1px solid $color_celeste_approx;
            > a {
                display: block;
                > img {
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                }
            }
        }
        .box-content {
            padding: 10px 15px 15px;
            .title-text {
                margin: 4px 0 14px;
                a {
                    font-weight: normal;
                    text-transform: none;
                }
            }
            .shortdesc {
                color: $color_gravel_approx;
                line-height: 22px;
                padding: 12px 0;
                margin: 0;
            }
            .stat-info {
                padding: 10px 0 3px;
                span {
                    font-family: $font_5, $font_6, $font_7;
                    color: $color_mountain_mist_approx;
                    padding-bottom: 10px;
                    display: inline-block;
                    + span {
                        margin-left: 10px;
                    }
                    i {
                        font-size: 14px;
                        color: inherit;
                        margin-right: 3px;
                    }
                }
                &.last {
                    padding-bottom: 0;
                    span {
                        padding-bottom: 0;
                    }
                }
                .price-info a {
                    font-size: 18px;
                    font-family: $font_5, $font_6, $font_7;
                    color: $color_lochmara_approx;
                    line-height: 22px;
                    display: block;
                    i {
                        position: relative;
                        top: -2px;
                    }
                }
            }
            hr {
                border-top: 0;
                border-bottom-width: 2px;
                border-bottom-style: dotted;
                border-bottom-color: $mercury;
                margin: 0;
            }
        }
    }
    .titlebar h3 {
        font-family: $font_3, $font_5, $font_6, $font_7;
        text-align: center;
        text-transform: uppercase;
        float: none;
    }
}
.custom-login-page {
    background-image: $loginbg;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    .form-box {
        max-width: 346px;
        background-image: $url_35;
        background-repeat: repeat;
        background-position: 0 0;
        background-color: $black_65;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin: 0 auto;
        .fbox-head {
            background: inherit;
            padding: 10px 0 12px;
            -webkit-border-top-left-radius: 6px;
            -moz-border-top-left-radius: 6px;
            border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            -moz-border-top-right-radius: 6px;
            border-top-right-radius: 6px;
            h2 {
                font-size: 30px;
                color: $white;
                margin: 0;
                text-align: center;
                text-transform: none;
            }
        }
        .fbox-body {
            padding: 14px 30px 12px;
            .form-fields {
                padding: 10px 0;
                label {
                    font-size: 16px;
                    color: $white;
                    line-height: 22px;
                    margin: 0 0 5px;
                }
                input {
                    width: 100%;
                    max-width: none;
                    height: 52px;
                    font-size: 16px;
                    color: $white;
                    padding: 10px 20px;
                    background: $white_26;
                    border: 2px solid $black;
                    border-color: $black_75;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                    margin: 0;
                    &:focus {
                        border-color: transparent;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;

                        box-shadow: none;
                    }
                }
            }
            .support-field {
                font-size: 16px;
                padding: 0 0 20px;
                .checkbox {
                    font-size: 16px;
                    color: $white;
                    input[type="checkbox"] {
                        margin-top: 4px;
                    }
                }
                p {
                    margin: 0;
                    a {
                        color: $white;
                        text-decoration: underline;
                        &:hover {
                            text-decoration: none;
                        }
                        &:focus {
                            text-decoration: none;
                        }
                    }
                }
            }
            .form-action {
                padding: 0 0 18px;
                input[type="submit"] {
                    height: 56px;
                    font-size: 18px;
                    font-family: $font_0, $font_5, $font_6, $font_7;
                    color: $white;
                    line-height: 56px;
                    background: inherit;
                    display: block;
                    padding: 0 30px;
                    border: 0;
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;

                    border-radius: 6px;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;

                    box-shadow: none;
                    margin: 0 auto;
                    text-transform: uppercase;
                    &:hover {
                        background: inherit;
                    }
                    &:focus {
                        background: inherit;
                    }
                    &:active {
                        background: inherit;
                    }
                }
            }
        }
    }
}
.theme-color-schemes {
    .thumbnail {
        max-width: 100px;
        padding: 5px;
        border-color: $gallery;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;

        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;

        box-shadow: none;
        > img {
            margin: 0;
        }
        h6 {
            font-size: 16px;
            font-family: $font_5, $font_6, $font_7;
            margin-bottom: 0;
            text-transform: none;
            text-align: center;
        }
    }
    li {
        list-style: none;
    }
}
.nz-content {
    padding: 30px 0;
    .nz-example-content {
        padding: 7px;
        .nz-btn-examples {
            padding-bottom: 10px;
            .btn {
                margin: 5px 5px 0 0;
            }
        }
        .btn {
            margin: 0;
        }
        .ddltr {
            min-height: 200px;
            display: none;
        }
        .ddrtl {
            min-height: 200px;
            display: none;
        }
        &.nz-btn-examples:last-child {
            margin-bottom: 0;
        }
    }
    .nz-pagehead {
        font-size: 28px;
        margin-bottom: 20px;
    }
    fieldset {
        padding: 13px;
        border: 1px solid $color_silver_chalice_approx;

        border-radius: 5px;
        margin: 20px 0;
    }
    legend {
        width: auto;
        float: none;
        font-weight: normal;
        font-size: 18px;
        color: $color_mountain_mist_approx;
        padding: 0 7px;
        border: 0;
        margin: 0;
        display: inline-block;
    }
}
select[size] {
    height: auto;
}
select[multiple] {
    height: auto;
}
.card {
    h2 a.btn {
        background: none;
    }
    .no-overflow table tr a.btn {
        background: none;
    }
}
.box {
    .search-block {
        padding: 20px 0;
        h2 {
            color: $color_picton_blue_approx;
            text-align: left;
            margin-bottom: 30px;
            &:before {
                content: '\f002';
                font-family: fontawesome;
                color: $color_picton_blue_approx;
                margin-right: 10px;
            }
        }
        form#coursesearch {
            background: $color_ghost_approx;
            padding: 20px;
            margin: 0;
            &.form-inline {
                margin: 0;
            }
            .input-group {
                width: 100%;
                height: 50px;
                padding: 0 30px;
            }
            &.forminline .input-group input.form-control {
                width: 90%;
                height: 50px;
                padding: 0 20px;
                margin-right: 0;
            }
        }
    }
    .no-overflow form fieldset input[type="submit"] {
        margin: 10px 0;
        border: 0;
    }
}

@media (max-width: 574px) {
    .box .search-block h2 {
        text-align: center;
    }
}

.jsenabled {

    .collapsibleregion {
        .collapsibleregioninner .form-check {
            display: block;
        }
    }
    #course-category-listings #course-listing .listitem .drag-handle img {
        margin-bottom: 0.5em;
    }
}

@media (max-width: 575px) {
    .jsenabled .admin_colourpicker {
        display: inline-block;
    }
}

#site-news-forum {
    max-width: 1270px;
    padding: 40px 15px;
    margin-left: auto;
    margin-right: auto;
    h2 {
        color: $color_picton_blue_approx;
        margin-bottom: 30px;
        &:before {
            content: '\f1ea';
            font-family: $font_9;
            margin-right: 10px;
            margin-left: 10px;
        }
    }
    .forumpost.starter {
        padding: 10px;
    }
    .forumpost {
        .subject {
            font-size: 24px;
            font-weight: normal;
        }
        .header + div + div {
            max-width: 500px;
        }
    }
    .forumaddnew {
        display: block;
    }
    .subscribelink {
        margin: 0 20px;
    }
    .forumaddnew {
        margin: 0 20px 20px;
    }
    .forumolddiscuss {
        margin: 20px;
        clear: both;
    }
    .forumpost {
        .attachedimages {
            margin-top: 20px;
            max-width: 500px;
            img {
                width: 100%;
                object-fit: cover;
            }
        }
    }
    .site-block {
        .forumpost .left.picture {
            display: none;
        }
    }
}
@if $sitenewsType == true {
    #site-news-forum {
        .forumpost.starter {
            width: 48%;
            max-height: 600px;
            padding: 370px 30px 20px 20px;
            margin-left: 0;
            margin-top: 0;
            background-color: $white;
            border: 1px solid $color_quill_gray_approx;
            float: left;
            overflow: hidden;
            .attachedimages {
                width: 93%;
                height: 320px;
                max-width: 550px;
                background: url([[pix:theme|no-image]]) no-repeat center / cover;
                margin-right: 20px;
            }
        }
        .forumpost .left.picture {
            display: block;
        }
        .forumpost .side {
            display: none;
        }
        .forumpost.starter .maincontent .attachedimages {
            position: absolute;
            top: 0;
            left: 20px;
            img {
                width: 560px;
                height: 100%;
                object-fit: cover;
                box-shadow: 3px 4px 9px rgba(0, 0, 0, 0.6);
            }
            br {
                display: none;
            }
        }
        .site-block {
            width: 50%;
            max-height: 600px;
            overflow: auto;
            float: right;
            border: 1px solid $color_quill_gray_approx;
            .forumpost .left.picture {
                display: none;
            }
            .forumpost.starter {
                width: 100%;
                height: auto;
                min-height: 180px;
                padding-top: 20px;
                padding-left: 200px;
                border: 0;
                border-bottom: 1px solid $color_quill_gray_approx;
                display: inline-block;
                margin-top: 0;
                margin-bottom: 0;
                .maincontent .attachedimages {
                    width: auto;
                    height: 120px;
                    background: none;
                    img {
                        max-width: 180px;
                        width: 100%;
                        display: block;
                    }
                }
            }
        }
        /*layout-1 end*/

    }

    /*layout-1*/
    .forumpost .posting {
        .attachedimages {
            max-width: 700px;
            img {
                display: block;
            }
        }
    }

    @media (min-width: 992px) {
        .forumpost .maincontent {
            position: static !important;
        }
        #site-news-forum .posting {
            max-height: 110px;
            overflow: hidden;
        }
    }

    @media (max-width: 991px) {
        #site-news-forum {
            .forumpost.starter {
                width: auto !important;
                height: auto !important;
                padding: 20px !important;
                margin-left: 0 !important;
                float: none !important;
                border: 0;
            }
            .site-block {
                width: auto !important;
                max-height: none !important;
                border: 0 !important;
                overflow: visible !important;
                float: none !important;
                .forumpost.starter {
                    padding: 20px !important;
                    width: 100% !important;
                    border: 0 !important;
                    .maincontent .attachedimages img {
                        max-width: none !important;
                        height: auto !important;
                    }
                }
            }
            .forumpost .maincontent .attachedimages {
                max-width: 500px !important;
                height: auto !important;
                position: static !important;
                margin-top: 20px !important;
            }
            .forumpost .left.picture {
                display: block !important;
            }
        }
    }
}

@media (max-width: 574px) {
    #site-news-forum h2 {
        text-align: center;
    }
}
/*layout-1 end*/

#frontpage-course-list {
    position: relative;
    z-index: 0;
    background: none !important;
    .frontpage-enrolled-courses {
        padding: 40px 0 0;
    }
    .available-courses {
        padding: 40px 0 0;
        background: $color_picton_blue_approx;
    }
    > h2 {
        display: none;
    }
    h2 {
        margin-bottom: 30px;
        &:before {
            content: '\f02d';
            font-family: $font_9;
            margin-right: 10px;
        }
    }
}
#frontpage-available-course-list {
    position: relative;
    z-index: 0;
    background: none !important;
    .frontpage-enrolled-courses {
        padding: 40px 0 0;
    }
    .available-courses {
        padding: 40px 0 0;
        background: $color_picton_blue_approx;
    }
    > h2 {
        display: none;
    }
    h2 {
        margin-bottom: 30px;
        &:before {
            content: '\f02d';
            font-family: $font_9;
            margin-right: 10px;
        }
    }
}
#frontpage-category-combo {
    max-width: 1270px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 15px 20px;
    h2 {
        padding: 10px 15px 0 15px;
        &:before {
            content: '\f02d';
            font-family: $font_9;
            margin-right: 10px;
        }
    }
}

@media (max-width: 574px) {
    #frontpage-category-combo h2 {
        text-align: center !important;
    }
}

.path-grade-report-user {
    #graded_users_selector {
        float: none;
    }
    .view_users_selector {
        float: none;
    }
}
.buttons {
    input[type="submit"] {
        background: $color_celeste_approx;
        border: 0;
        padding: 0.5em 1em;
        margin-top: 10px;
        &:hover {
            background: $color_silver_approx;
        }
        &:focus {
            background: $color_silver_approx;
        }
    }
    .singlebutton form button.btn-secondary {
        margin-bottom: 20px;
    }
}


.available-courses {
    .available-block {
        h2 {
            color: $white !important;
            display: inline-block;
        }
        .title-text {
            width: 100%;
            text-align: center;
            overflow-wrap: break-word;
            top: auto;
            bottom: 0;
            background: none;
            padding: 0;
            margin-bottom: 20px;
            position: static;
            a {
                color: $white;
                padding: 10px;
                display: inline-block;
            }
        }
        h3 a {
            font-size: 18px;
        }
        .available-img {
            height: 150px;
            background-color: $white;
            padding: 3px;
            img {
                height: 100%;
                object-fit: cover;
            }
        }
        .slider-nav button {
            background: none;
            &:hover {
                background: $color_tuatara_approx;
            }
        }
    }
}

.my-courses {
    padding-bottom: 20px;
    .mycourses-block {
        h2 {
            display: inline-block;
        }
        h6 {
            width: 100%;
            text-align: center;
            overflow-wrap: break-word;
            padding: 10px;
            margin-bottom: 0;
            a {
                color: $white;
            }
        }
        .available-img {
            height: 160px;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}
.loadmore-btn {
    margin-top: 15px;
    text-align: center;
    button {
        color: $color_fuscous_gray_approx;
        background: none;
        border: 1px solid $color_fuscous_gray_approx;
        &:hover {
            color: $white;
            border: 1px solid $color_fuscous_gray_approx;
            background-color: $color_tuatara_approx;
        }
        &:focus {
            color: $color_fuscous_gray_approx;
            border: 1px solid $color_fuscous_gray_approx;
            background-color: transparent;
        }
        &:active {
            border-color: $color_tuatara_approx;
        }
        &:active:focus {
            color: $color_fuscous_gray_approx;
            border: 1px solid $color_fuscous_gray_approx;
            background-color: transparent;
        }
    }
    button[disabled] {
        border: 0;
    }
}
.list-group-item-action {
    color: $color_picton_blue_approx;
}
.enrolmenticons {
    margin-left: 10px;
}
#homepage-carousel {
    height: 550px;
    margin-bottom: 0 !important;
}
.homepage-carousel {
    .camera_commands {
        display: none;
    }
    .camera_fakehover {
        img {
            margin: 0 !important;
        }
        .camera_prev {
            width: 35px;
            height: 60px;
            line-height: 50px;
            text-align: right;
            background: rgba(57, 179, 230, 0.7);
            border-radius: 30px;
            > span {
                width: auto;
                height: auto;
                background: none;
                &:before {
                    font-family: $font_9;
                    color: $white;
                    vertical-align: middle;
                    font-size: 24px;
                    content: '\f104';
                    margin-right: 18px;
                }
            }
            &:hover {
                background: rgba(53, 53, 53, 0.7);
            }
        }
        .camera_next {
            width: 35px;
            height: 60px;
            line-height: 50px;
            text-align: right;
            background: rgba(57, 179, 230, 0.7);
            border-radius: 30px;
            > span {
                width: auto;
                height: auto;
                background: none;
                &:before {
                    font-family: $font_9;
                    color: $white;
                    vertical-align: middle;
                    font-size: 24px;
                    content: '\f105';
                    margin-right: 8px;
                }
            }
            &:hover {
                background: rgba(53, 53, 53, 0.7);
            }
        }
    }
    .camera_wrap .camera_pag .camera_pag_ul {
        width: 100%;
        text-align: center;
        position: absolute;
        top: auto;
        bottom: 0;
        li {
            background: $white;
        }
    }
    .slide-text {
        a.btn {
            color: $white;
            background: $color_picton_blue_approx;
            border: 0;
            border-radius: 0;
            vertical-align: middle;
            display: inline-block;
            position: relative;
            transform: perspective(1px) translateZ(0);
            transition-duration: 0.5s;
            transition-property: color;
            margin-bottom: 10px;
            &:before {
                content: "";
                background: rgba(0, 0, 0, .5);
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                transform: scaleY(0);
                transform-origin: 50% 0 0;
                transition-duration: 0.5s;
                transition-property: transform;
                transition-timing-function: ease-out;
                z-index: -1;
            }
            &:hover {
                color: $white;
                &:before {
                    transform: scaleY(1);
                    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
                }
            }
        }
        a.btn + a {
            color: $color_tuatara_approx;
            background: $white;
            border: 0;
            &:hover {
                color: $white;
                &:before {
                    background: rgba(53, 53, 53, 1);
                }
            }
        }
        &.text-fill-content {
            h1 {
                background: $white;
            }
        }
        &.text-item-content {
            h1 {
                color: $color_picton_blue_approx;
                font-size: 60px;
                font-weight: bold;
            }
            p {
                color: $color_tuatara_approx;
            }
        }
        &.double-heading-content {
            padding: 0;
            background: none;
            > .heading-content {
                background: rgba(255, 255, 255, 0.5);
                border-left: 5px solid $color_picton_blue_approx;
                padding: 20px 20px 10px 20px;
                margin-bottom: 20px;
                h1 {
                    color: $black;
                    margin-bottom: 10px;
                }
                h2 {
                    color: $black;
                    font-size: 60px;
                    font-weight: bold;
                }
                p {
                    font-size: 24px;
                    color: $black;
                }
            }
        }
    }
}
.slide-text {
    display: none;
}

@media (max-width: 991px) {
    #homepage-carousel {
        min-height: 450px;
    }
    .homepage-carousel {
        .camera_thumbs {
            display: none;
        }
        .slide-text.double-heading-content .heading-content {
            margin-bottom: 10px !important;
            h1 {
                font-size: 30px !important;
                line-height: 30px !important;
            }
            h2 {
                font-size: 40px !important;
            }
        }
        .camera_fakehover .camera_target img {
            height: 100% !important;
            object-fit: cover;
        }
    }
}

@media (max-width: 767px) {
    .homepage-carousel {
        .cameraContent .slide-text {
            max-width: none !important;
            width: 88% !important;
            margin: 70px auto 0 !important;
            h1 {
                font-size: 30px !important;
                line-height: 36px !important;
            }
            &.double-heading-content {
                text-align: center !important;
                position: static;
                .heading-content {
                    width: 100% !important;
                    display: inline-block !important;
                }
                .link-button a {
                    margin-top: 15px;
                }
            }
        }
    }
}

@media (max-width: 600px) {
    .homepage-carousel {
        .slide-text {
            text-align: center !important;
            &.double-heading-content {
                max-width: none !important;
                .heading-content {
                    margin: 0 !important;
                    h1 {
                        font-size: 26px !important;
                    }
                    h2 {
                        font-size: 30px !important;
                    }
                    p {
                        font-size: 16px;
                        margin-bottom: 0;
                    }
                }
                .link-button > a {
                    padding: 10px !important;
                }
            }
        }
        .camera_fakehover .camera_target img {
            height: 100% !important;
            object-fit: cover;
        }
    }
}

@media (max-width: 574px) {
    .homepage-carousel .cameraContent .slide-text.double-heading-content {
        .heading-content {
            padding: 20px !important;
            margin: 15px;
        }
    }
}

@media (max-width: 380px) {
    .homepage-carousel .cameraContent .slide-text.double-heading-content {
        .heading-content {
            padding: 15px !important;
        }
    }
}

.camera_wrap {
    &#homepage-carousel {
        float: none;
    }
    .camera_pag .camera_pag_ul li img {
        width: 109px;
        height: 70px;
        object-fit: cover;
    }
}

.content_overlayer {
    background: $black_40;
}


#backToTop {
    color: $white;
    border: 1px solid $white;
    background: $color_tuatara_approx;
    padding: 10px 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;

    border-radius: 30px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
    &:hover {
        background-color: $color_picton_blue_approx;
    }
}
.imgFake {
    width: 100px !important;
    height: 70px !important;
}
.not-enrolled {
    text-align: center;
}
a:focus {
    outline: 0 none;
}
.open > .btn-primary.dropdown-toggle {
    &:hover {
        color: $color_ironside_gray_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_ironside_gray_approx;
        background: $color_silver_approx;
    }
    &.focus {
        color: $color_ironside_gray_approx;
        background: $color_silver_approx;
    }
}
.fp-viewbar.disabled a {
    &:hover {
        background: $color_silver_approx;
    }
    &:focus {
        background: $color_quill_gray_approx;
    }
    &.focus {
        background: $color_quill_gray_approx;
    }
}
.navbar-light {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-nav .nav-link {
        &:focus {
            color: $color_picton_blue_approx;
        }
        &:hover {
            color: $color_picton_blue_approx;
        }
    }
    .navbar-nav {
        button.btn-secondary {
            &:focus {
                box-shadow: none;
            }
            &:active {
                &:focus {
                    box-shadow: none;
                }
            }
            i.icon {
                display: none;
            }
        }
        .nav-item .dropdown-toggle.nav-link, .nav-item .nav-link {
            color: $white;
            &:focus {
                color: $white;
            }
            &:hover {
                color: $white;
            }
        }
    }
}

@media (max-width: 574px) {
    #header .navbar-nav button.btn {
        margin-right: 0 !important;
    }
    #header .header-top .usermenu {
        margin-right: 0 !important;
    }
}

.btn-link,
.btn[role="button"] {
    background: none;
}
.searchform .btn-link {
    background: none;
}
fieldset legend .btn-link {
    background: none;
}
input[type="file"]:focus {
    border-color: inherit;
    outline: 0;
}
input[type="radio"]:focus {
    border-color: inherit;
    outline: 0;
}
[type="checkbox"],
[type="radio"] {
    margin-right: 5px;
}
input[type="checkbox"]:focus {
    border-color: inherit;
    outline: 0;
}
input.btn-primary.form-submit {
    color: $white;
}
.fp-content-center form + div {
    background: none;
    border-top: 0;
}
.fp-toolbar .btn {
    background: $color_celeste_approx;
}
div.backup-section + form {
    background: none;
    border-top: 0;
}
#notice .singlebutton + .singlebutton input {
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
.submit.buttons input[name="cancel"] {
    @extend %extend_7;
    &:hover {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:focus {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
    &:active {
        color: $color_chicago_approx;
        background: $color_silver_approx;
    }
}
input.form-submit {
    &:hover {
        color: $white;
    }
    &:focus {
        color: $white;
    }
}
td.submit {
    input {
        @extend %extend_9;
        &:hover {
            color: $white;
            background: inherit;
        }
        &:focus {
            color: $white;
            background: inherit;
        }
        &:active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.active {
            color: $white;
            background: inherit;
            background-color: inherit;
        }
        &.disabled {
            color: $white;
            background: inherit;
        }
    }
    input[disabled] {
        color: $white;
        background: inherit;
    }
}
.new-courses-block .info .title-text {
    margin-bottom: 5px;
}
.breadcrumb {
    display: block;
    > li {
        display: inline-block;
        font-family: $font_3, $font_5, $font_6, $font_7;
        color: $color_mountain_mist_approx;

        text-shadow: none;
        > a {
            color: $color_astronaut_blue_approx;
        }
        > .divider {
            padding: 0 7px 0 5px;
            &:before {
                font-family: $font_8;
                color: $color_mountain_mist_approx;
                display: inline-block;
            }
            .arrow.sep {
                display: none;
            }
        }
    }
}
#page-header #page-navbar .breadcrumb-button {
    input[type="text"] {
        width: auto;
        line-height: 20px;
        -webkit-box-sizing: unset;
        -moz-box-sizing: unset;
        box-sizing: unset;
    }
    input[type="submit"] {
        height: auto;
        font-family: $font_5, $font_6, $font_7;
        line-height: 20px;
        padding: 4px 12px;
        text-transform: none;
    }
}
.moodle-actionmenu.show[data-enhanced] .menu {
    text-align: left;
    padding: 3px;
    border-color: $color_iron_approx;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    border-radius: 0;
    -webkit-box-shadow: 0 0 6px 0 $black_19;
    -moz-box-shadow: 0 0 6px 0 $black_19;

    box-shadow: 0 0 6px 0 $black_19;
    > li {
        + li {
            border-top: 1px solid $color_gray_nurse_approx;
        }
        > a {
            line-height: 1.84em;
            border: 1px solid transparent;
        }
    }
    a {
        &:first-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;

            border-radius: 0;
        }
        &:last-child {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;

            border-radius: 0;
        }
        &:hover {
            background: none;
        }
    }
    .iconsmall {
        margin-top: 1px;
        margin-bottom: 1px;
    }
    .smallicon {
        margin-top: 1px;
        margin-bottom: 1px;
    }
}
.form-label .form-shortname {
    font-size: 12px;
    margin-bottom: 3px;
}
#page-mod-forum-search .c1 {
    margin-left: 0;
}
.path-mod-forum .forumheaderlist {
    .discussion {
        .topic {
            vertical-align: middle;
            &.starter {
                vertical-align: middle;
            }
        }
        .discussionsubscription {
            vertical-align: middle;
        }
        .picture {
            vertical-align: middle;
        }
        .author {
            vertical-align: middle;
        }
        .replies {
            vertical-align: middle;
        }
        .lastpost {
            vertical-align: middle;
        }
    }
    thead .header {
        color: $white;
        line-height: 20px;
        padding: 12px;
    }
    tbody .discussion td {
        line-height: 20px;
        padding: 12px;
    }
}
tr.discussion {
    .btn {
        i.icon {
            color: $color_ironside_gray_approx;
        }
    }
}
#tag-search-box form > div > button {
    margin-right: 5px;
    margin-left: 0;
}
.messagesearchresults td {
    padding-top: 5px;
    padding-bottom: 5px;
}
.userselector {
    select {
        max-width: none;
    }
}
#page-admin-roles-allow #region-main .generaltable {
    margin-top: 20px;
}
#addcontrols input {
    min-width: 100px;
}
#removecontrols input {
    min-width: 100px;
}
.generaltable.groupmanagementtable {
    font-family: $font_0, $font_5, $font_6, $font_7;
}
.groupmanagementtable #buttonscell p.arrow_button input {
    min-width: 100px;
    padding: 7px 20px;
    &:last-child {
        margin-top: 10px;
    }
}
.path-admin-mod-lti .mform .fitem .fitemtitle {
    padding-right: 0;
}
#page-admin-auth-manual #region-main #authmenu .box.generalbox {
    margin: 0 0 20px;
}
#page-admin-tool-messageinbound-index .generaltable.messageinboundhandlers thead tr th .handler-function {
    color: $white;
}
#page-admin-comment-index #region-main .commentsreport #comments_delete {
    margin-top: 20px;
}
#page-admin-report-eventlist-index #region-main #report-eventlist-table {
    overflow-x: auto;
}
#page-admin-report-performance-index #region-main #performanceissuereporttable {
    margin-top: 20px;
}
#page-admin-user-profile-index #region-main .profileeditor div {
    &.singleselect {
        margin-bottom: 10px;
    }
    &.singlebutton {
        margin-bottom: 10px;
    }
}
.site-custom-blocks .titlebar {
    padding: 5px 0;
    h3 {
        text-align: left;
        display: inline-block;
    }
    .btnwrap {
        float: right;
        margin: 14px 0;
        a {
            float: left;
            color: $color_mine_shaft_approx;
            line-height: 21px;
            background: $color_desert_storm_approx;
            padding: 5px 10px;
            border: 1px solid $color_celeste_approx;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;

            border-radius: 4px;
            display: block;
            &:hover {
                background: $color_celeste_approx;
                border-color: $color_silver_approx;
                text-decoration: none;
                outline: 0 none;
            }
            &:focus {
                background: $color_celeste_approx;
                border-color: $color_silver_approx;
                text-decoration: none;
                outline: 0 none;
            }
            > i {
                vertical-align: middle;
            }
        }
        button {
            float: left;
            color: $color_mine_shaft_approx;
            line-height: 15px;
            background: $color_desert_storm_approx;
            margin: 0 0 30px 10px;
            border: 1px solid $color_celeste_approx;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;

            border-radius: 4px;
            display: block;
            + button {
                margin-left: 5px;
            }
            &:before {
                content: '';
            }
            &:hover {
                background: $color_celeste_approx;
                border-color: $color_silver_approx;
                text-decoration: none;
                outline: 0 none;
            }
            &:focus {
                background: $color_celeste_approx;
                border-color: $color_silver_approx;
                text-decoration: none;
                outline: 0 none;
            }
            > i {
                vertical-align: middle;
            }
        }
    }
    .theme-filters {
        padding: 18px 0 37px;
        text-align: center;
        form {
            margin: 0;
        }
        select {
            max-width: 165px;
            height: 49px;
            font-size: 18px;
            font-family: $font_3, $font_5, $font_6, $font_7;
            line-height: 49px;
            margin-right: 15px;
        }
    }
    p {
        font-size: 18px;
        font-family: $font_3, $font_5, $font_6, $font_7;
        line-height: 24px;
        margin: 0;
        display: inline-block;
    }
}
.custom-listing .box {
    background: $white;
    padding: 6px;
    border-width: 0 1px;
    border-style: none solid;
    border-color: transparent $concrete;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 0 $black_20;
    -moz-box-shadow: 0 2px 0 0 $black_20;

    box-shadow: 0 2px 0 0 $black_20;
    margin: 0 0 20px;
    .box-thumb {
        max-width: 233px;
        margin: 0 auto;
        a {
            display: block;
        }
    }
    .box-content {
        padding: 0 10px;
        .stat-info {
            padding: 10px 0 3px;
            span {
                float: left;
                font-size: 16px;
                line-height: 1.375;
                padding-bottom: 10px;
                display: block;
                + span {
                    float: right;
                }
                i {
                    font-size: 14px;
                    color: inherit;
                    margin-right: 3px;
                }
            }
        }
        hr {
            border-top: 0;
            border-bottom-color: $mercury;
            margin: 0 -5px;
        }
        .more-link {
            padding: 9px 0 7px;
            a {
                font-size: 16px;
                font-family: $font_2, $font_5, $font_6, $font_7;
                color: $color_mine_shaft_approx;
                line-height: 1.375;
                text-transform: uppercase;
                display: inline-block;
                i {
                    margin-left: 5px;
                }
            }
        }
        .title-text a {
            font-weight: normal;
            font-size: 16px;
            font-family: $font_3, $font_5, $font_6, $font_7;
            color: $color_mine_shaft_approx;
            line-height: 1.5625;
            text-transform: none;
        }
    }
}
.nz-example-content .dropdown-menu > li > a {
    color: $white;
    background: $color_tuatara_approx;
    padding: 10px 15px;
    display: block;
    &:hover {
        color: $white;
        background: $color_picton_blue_approx;
    }
    &:focus {
        color: $white;
        background: $color_picton_blue_approx;
    }
}
.text-nowrap a.btn {
    background: none;
}
.form-group {
    .filemanager .filemanager-toolbar a.btn {
        background: $color_mercury_approx;
        border-color: $color_silver_chalice_approx;
        &:hover {
            background: $color_quill_gray_approx;
        }
        &:focus {
            background: $color_quill_gray_approx;
        }
        &:active {
            background: $color_quill_gray_approx;
        }
    }
}
.form-inline .form-check-label {
    padding-left: 1.25em;
    .form-group {
        display: block;
    }
}

@media (max-width: 767px) {
    .form-inline .form-check-label {
        margin-left: 0;
    }
}

.path-grade-report-grader #region-main {
    width: 100%;
}
.form-autocomplete-suggestions li:hover {
    color: $white;
    background: $color_picton_blue_approx;
}
#installform fieldset select {
    background-image: none;
}
#uninstallform fieldset select {
    background-image: none;
}
.block-region .block .card-body {
    padding: 0;
    border: 1px solid $gallery;
    .card-title {
        color: $white;
        font-size: 20px;
        font-weight: normal;
        padding: 10px;
        background: $color_picton_blue_approx;
    }
    .card-text {
        padding: 20px;
        padding-top: 0;
    }
}
.calendar-event-panel .yui3-overlay-content {
    margin: 0;
}
#course-listing .course-listing .listing-actions .dropdown-menu {
    left: 0 !important;
    right: auto;
    top: 100% !important;
    transform: none !important;
}
#emoticonsetting tbody tr td img.icon {
    max-width: none;
}
.block_course_overview .coursebox {
    padding: 15px;
    border-width: 1px;
}
.path-my .coursebox {
    padding: 15px;
}

@media (min-width: 768px) {
    .slick-initialized .slick-slide {
        display: flex !important;
    }
}

.slick-slide .available-img img {
    display: inline-block;
}
.action-menu {
    .menubar .dropdown-menu .dropdown-item .dropdown-item {
        &:hover {
            i.icon {
                color: $white;
            }
        }
        a {
            &:hover i.icon {
                color: $white;
            }
        }
        &:focus {
            i.icon {
                color: $white;
            }
        }
        a {
            &:focus i.icon {
                color: $white;
            }
        }
    }
}
.block {
    .card-title {
        display: block !important;
    }
    .minicalendar {
        max-width: none;
        td.today a {
            color: $white;
            background: $color_tuatara_approx;
        }
        th {
            color: $white;
        }
    }
    .block-controls.header {
        background: none;
        position: absolute;
        top: 5px;
        right: 5px;
        .action-menu-item {
            margin-left: 5px;
        }
    }
    .header {
        margin-top: 5px;
        margin-right: 5px;
    }
    .card-body .action-menu {
        .dropdown .dropdown-menu a {
            > i.icon {
                margin-left: 0;
                margin-right: 0.5em;
            }
        }
    }
    .block-controls {
        .dropdown-toggle {
            margin: 0 5px;
            &:after {
                color: $white;
            }
        }
        i.icon {
            color: $white;
            margin: 0;
        }
        .dropdown-item i.icon {
            color: $color_mine_shaft_approx;
        }
    }
    .block-cards {
        a.coursename {
            width: 100%;
            padding: 10px;
            margin: 0 !important;
        }
        .progress {
            border-radius: 5px;
        }
    }
}
.editor_atto_menu .dropdown-menu > li > a {
    display: block;
}
.editor_atto_toolbar {
    display: inline-block !important;
}
.filter .atto_equation_library li a {
    &:hover {
        background: none;
    }
    &:focus {
        background: none;
    }
}
.navbar-static-top .dropdown .dropdown-menu {
    margin-top: 10px;
    top: auto;
}
.alert.alert-error {
    color: $color_valencia_approx;
}
.course_category_tree .category > .info {
    background: inherit;
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 9px 0;
}
.course_category_tree .category > .info > .categoryname {
    font-weight: normal;
    font-size: 16px;
    font-family: alegreyasansB, Arial, Helvetica, sans-serif;
    color: $white;
    line-height: 22px;
    background-image: none;
    padding: 13px 18px;
    margin: 0;
    text-transform: none;
}
.dir-rtl .course_category_tree .category > .info > .categoryname {
    background-image: none;
}
.course_category_tree .category.with_children > .info > .categoryname {
    background-image: none;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image: none;
}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname {
    background-image: none;
}
.course_category_tree .category > .info > .categoryname > a {
    color: $white;
    display: inline-block;
}
.course_category_tree .category > .info > .categoryname > a:before {
    content: "";
    background-image: url([[pix:theme|sprite-img]]);
    background-repeat: no-repeat;
    background-position: 0 -46px;
    padding: 0 0 0 28px;
}
.dir-rtl .course_category_tree .category > .info > .categoryname > a:before {
    background-position: right -142px;
    padding: 0 28px 0 0;
}
.course_category_tree .category.with_children > .info > .categoryname > a:before {
    background-position: 0 -187px;
}
.dir-rtl .course_category_tree .category.with_children > .info > .categoryname > a:before {
    background-position: right -187px;
}
.course_category_tree .category.with_children.collapsed > .info > .categoryname > a:before {
    background-position: 0 2px;
}
.dir-rtl .course_category_tree .category.with_children.collapsed > .info > .categoryname > a:before {
    background-position: right -94px;
}
.coursebox {
    padding: 13px 15px;
    border-style: solid;
    border-color: $light_grey;
    margin: 9px 0;
}
.coursebox.collapsed {
    margin-bottom: 9px;
}
.courses .coursebox.collapsed {
    padding: 13px 15px;
    border-color: $light_grey;
}
.courses .coursebox.even,
.courses .coursebox:hover {
    background: none;
}
.coursebox > .info {
    padding: 0 20px 0 0;
    position: relative;
}
.dir-rtl .coursebox > .info {
    padding: 0 0 0 20px;
}
.coursebox > .info > h3.coursename {
    line-height: 20px;
    margin: 0;
    margin-bottom: 15px;
    text-transform: none;
}
.coursebox > .info > .coursename {
    margin: 0;
}
.dir-rtl .coursebox > .info > .coursename {
    float: none;
}
.coursebox > .info > .coursename a {
    font-size: 16px;
    font-family: alegreyasansB, Arial, Helvetica, sans-serif;
    color: inherit;
    background: none;
    padding: 0;
}
.dir-rtl .coursebox > .info > .coursename a {
    padding: 0;
}
.coursebox > .info > .coursename a:before {
    float: left;
    font-family: $font_9;
    content: "\f078";
    padding: 0 10px 0 0;
}
.coursebox.collapsed > .info > .coursename a:before {
    content: "\f054";
}
.dir-rtl .coursebox > .info > .coursename a:before {
    float: right;
    padding: 0 0 0 10px;
}
.dir-rtl .coursebox.collapsed > .info > .coursename a:before {
    content: "\f053";
}
.coursebox .moreinfo {
    float: none;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.dir-rtl .coursebox .moreinfo {
    float: none;
    left: 0;
    right: auto;
}
.coursebox .content {
    min-height: 110px;
    margin: 6px 0 0;
    position: relative;
}
.coursebox .content .summary {
    margin-left: 65px;
}
.coursebox .content .summary p {
    font-size: 18px;
    line-height: 24px;
    color: $color_gravel_approx;
    margin: 0;
}
.coursebox .content .teachers {
    padding-top: 5px;
}
.coursebox .content .teachers li {
    font-family: alegreyasansM, Arial, Helvetica, sans-serif;
    color: $color_stack_approx;
    line-height: 24px;
}
.coursebox .content .teachers li a {
    color: inherit;
}
.coursebox .content .teachers,
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.dir-rtl .coursebox .content .teachers,
.dir-rtl .coursebox .content .courseimage,
.dir-rtl .coursebox .content .coursefile {
    float: none;
    width: auto;
    margin: 0;
    clear: none;
}
.coursebox .content .courseimage,
.coursebox .content .coursefile,
.dir-rtl .coursebox .content .courseimage,
.dir-rtl .coursebox .content .coursefile {
    position: absolute;
    top: 8px;
}
.coursebox .content .summary,
.coursebox .content .coursecat {
    float: none;
    min-height: 110px;
    width: auto;
    margin: 0;
}

@media (min-width: 768px) {
    .coursebox .content .summary,
    .coursebox .content .coursecat {
        padding: 0 0 0 120px !important;
    }
    .dir-rtl .coursebox .content .summary,
    .dir-rtl .coursebox .content .coursecat {
        padding: 0 120px 0 0 !important;
    }
    .coursebox .content .teachers {
        padding-left: 120px !important;
    }
    .dir-rtl .coursebox .content .teachers {
        padding-right: 120px !important;
        padding-left: 0 !important;
    }
}

@media (min-width: 575px) {
    .coursebox .content .courseimage,
    .coursebox .content .coursefile {
        left: 0 !important;
    }
    .dir-rtl .coursebox .content .courseimage,
    .dir-rtl .coursebox .content .coursefile {
        right: 0 !important;
        left: auto !important;
    }
    .coursebox .content .summary,
    .coursebox .content .coursecat {
        padding: 0 0 0 110px !important;
    }
    .dir-rtl .coursebox .content .summary,
    .dir-rtl .coursebox .content .coursecat {
        padding: 0 110px 0 0 !important;
    }
    .coursebox .content .teachers {
        padding-left: 110px !important;
    }
    .coursebox .content.no-image .summary {
        padding-left: 0!important;
    }
    .dir-rtl .coursebox .content .teachers {
        padding-right: 110px !important;
        padding-left: 0 !important;
    }
}

@media (max-width: 574px) {
    #coursesearch .coursesearchbox {
        width: 100% !important;
    }
    .coursebox .content {
        padding: 120px 0 0 !important;
    }
    .coursebox .content .courseimage,
    .coursebox .content .coursefile,
    .dir-rtl .coursebox .content .courseimage,
    .dir-rtl .coursebox .content .coursefile {
        height: 100px !important;
        left: 50% !important;
        margin-left: -50px !important;
    }
    .coursebox .content .courseimage img {
        height: 100% !important;
    }
    .coursebox .content.no-image {
        padding-top: 0!important;
    }
}

.moodle-dialogue-confirm .confirmation-dialogue input {
    padding-left: 15px;
    padding-right: 15px;
}
.section .activity .activityinstance > a {
    text-indent: 0;
}
.box .modal-footer button.btn {
    vertical-align: top;
}
table.quizreviewsummary th.cell {
    color: $white;
    background-color: $color_picton_blue_approx;
}
#region-main.has-blocks {
    div > .no-overflow {
        width: 100%;
    }
    .block.block_myoverview .block-myoverview .dropdown .dropdown-menu .dropdown-item {
        i.icon {
            color: $color_tuatara_approx;
            margin-right: 5px;
        }
        &:hover i.icon {
            color: $white;
        }
    }
}
.custom_save {
    color: $white;
    display: inline-block;
    left: auto;
    position: fixed;
    right: 25%;
    top: auto;
    bottom: 20px;
}
.custom_save span {
    display: none;
}
.camera_thumbs_cont ul li.cameracurrent > img {
    border-color: $color_picton_blue_approx;
}
.close {
    &:hover {
        background: none;
    }
    &:focus {
        background: none;
    }
}
#adminsettings .enlightlite-toggle-head {
    h3 {
        padding: 0 15px;
        border: 1px solid $mercury;
        cursor: pointer;
        float: left;
        .toggle-icon {
            float: right;
            i {
                color: $color_picton_blue_approx;
            }
        }
    }
}

@media (max-width: 575px) {
    .d-inline-block {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .path-grade-report-grader .gradeparent .floater.sideonly {
        display: block;
    }
}

@media (max-width: 574px) {
    #frontpage-course-list h2 {
        text-align: center;
    }
    #frontpage-available-course-list h2 {
        text-align: center;
    }
}

#frontpage-category-names {
    padding: 40px 0;
    position: relative;
    z-index: 0;
    > h2 {
        display: none;
    }
    h2 {
        color: $white;
        margin-bottom: 30px;
        &:before {
            content: '\f0ca';
            font-family: $font_9;
            margin-right: 10px;
        }
    }
    .course_category_tree {
        .collapsible-actions {
            display: none;
            a {
                color: $white;
            }
        }
        .content .subcategories {
            text-align: center;
            .category {
                display: inline-block;
                margin: 0 15px;
                .info {
                    border: 1px solid $white;
                    &:hover {
                        background: $white;
                        .categoryname {
                            a {
                                color: $color_picton_blue_approx;
                            }
                            span {
                                color: $color_picton_blue_approx;
                            }
                        }
                    }
                    .categoryname {
                        font-family: $font_0, Arial, Helvetica, sans-serif;
                        a {
                            font-size: 18px;
                            color: $white;
                            &:before {
                                background: none;
                                padding: 0;
                            }
                        }
                        .numberofcourse {
                            color: $white;
                            font-size: 18px;
                            margin: 0 2px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 574px) {
    #frontpage-category-names h2 {
        text-align: center !important;
    }
}

.pagenav {
    text-align: center;
    margin: 0 0 30px;
    float: right;
    button {
        width: 35px;
        height: 35px;
        text-align: center;
        border: 1px solid $white;
        border-radius: 20px;
        padding: 0;
        margin: 0 5px;
        &:before {
            color: $white;
            font-family: $font_9;
            font-size: 22px;
        }
        &.previous:before {
            content: '\f104';
        }
        &.next:before {
            content: '\f105';
        }
    }
}
.skip-block {
    max-width: 1270px;
    margin: 0 auto;
}
.skip-block-to {
    max-width: 1270px;
    margin: 0 auto;
}
.enlightlite-frontpage {
    .buttons {
        max-width: 1270px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }
    .sitetopic {
        max-width: 1270px;
        padding-left: 15px;
        padding-right: 15px;
        margin: 0 auto;
    }
}

@media (max-width: 574px) {
    .singlebutton + .singlebutton {
        margin-top: 10px;
    }
}

@media (max-width: 574px) {
    .pagenav {
        float: none;
    }
    .available-courses .available-block h2 {
        text-align: center;
        display: block;
    }
    .my-courses .mycourses-block h2 {
        text-align: center;
        display: block;
    }
    .userselector div input.btn {
        margin-top: 10px;
    }
    .site-custom-blocks .titlebar .theme-filters select {
        float: left;
        margin-bottom: 10px;
    }
}

.child-toggle {
    padding: 0 20px;
}
.generaltable thead th {
    color: $white;
}
#frontpage-course-list.frontpageblock-default {
    background: none;
    h2 {
        color: $color_picton_blue_approx;
        &:before {
            color: $color_picton_blue_approx;
        }
    }
    &.frontpage-mycourse-list {
        background: none;
        h2 {
            color: $color_picton_blue_approx;
            &:before {
                color: $color_picton_blue_approx;
            }
        }
    }
}
#frontpage-available-course-list.frontpageblock-default {
    background: none;
    h2 {
        color: $color_picton_blue_approx;
        &:before {
            color: $color_picton_blue_approx;
        }
    }
}
#frontpage-category-names.frontpageblock-default {
    background: none;
    h2 {
        color: $color_picton_blue_approx;
        &:before {
            color: $color_picton_blue_approx;
        }

    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="password"] {
        font-size: 24px;
        font-weight: bold;
        &::-webkit-input-placeholder {
            font-size: 16px;
            font-weight: normal;
        }
    }
}

.theme_loader {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 80px;
    position: fixed;
    top: 0;
    z-index: 1030;
    img {
        margin-top: 40px;
    }
    .loader-img {
        max-width: 70px;
        margin-top: 70px;
    }
}
.theme_loader {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 80px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    img {
        margin-top: 40px;
    }
    .loader-img {
        max-width: 70px;
        margin-top: 70px;
    }
}

.pagelayout-frontpage {
    #site-header .header-main.theme-main-header {
        border-bottom: 0;
    }
}
table#listdirectories td a i.icon {
    margin: 0;
}

@media (max-width: 991px) {
    .camerarelative.content_overlayer {
        height: 100% !important;
    }
    .search-areas-actions > div form button {
        margin-bottom: 10px;
    }
}

.tag_cloud ul.inline-list li a {
    font-size: 18px;
}
.quickediticon i {
    font-size: 16px;
}
.messaging-area-container .messaging-area .contacts-area {
    height: auto;
    .tabs {
        height: auto;
    }
}

@media (max-width: 991px) {
    .messaging-area-container .messaging-area {
        height: 507px;
    }
}

.block_tree {
    .tree_item:hover {
        color: $white;
    }
    p {
        &:hover a {
            color: $white;
        }
        a:hover {
            color: $white;
        }
        &.active_tree_node a {
            color: $white;
        }
    }
}
.site-custom-blocks .titlebar .btnwrap button {
    &.previous > i.fa-chevron-right {
        display: none;
    }
    &.next > i.fa-chevron-left {
        display: none;
    }
}
.dir-rtl .site-custom-blocks .titlebar .btnwrap button {
    &.previous > i.fa-chevron-left {
        display: none;
    }
    &.next > i.fa-chevron-right {
        display: none;
    }
    &.previous > i.fa-chevron-right {
        display: block;
    }
    &.next > i.fa-chevron-left {
        display: block;
    }
}

/* Frontpage css */

@media (min-width: 768px) {
    body.pagelayout-frontpage.drawer-open-left {
        margin-left: 0;
    }
}

body.pagelayout-frontpage .navdrawer-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 1;
    top: 0;
}
body.pagelayout-frontpage .load-content {
    display: none;
}
#page {
    #page-header {
        display: block;
        .card {
            display: block;
            .page-header-image img {
                width: auto;
            }
        }
    }
}
.pagelayout-login {
    #page {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0;
        background: $color_tuatara_approx;
    }
    #region-main .card {
        border: 0;
        padding: 1.25rem;
        margin-bottom: 20px;
        form {
            h3 {
                color: $color_picton_blue_approx;
                font-size: 20px;
                margin-bottom: 20px;
            }
            input {
                border: 0;
                margin-bottom: 10px;
                &::placeholder {
                    opacity: 0;
                }
                &:focus {
                    background: $color_black_haze_approx;
                }
            }
        }
    }
    #site-footer {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .pagelayout-login #region-main .card.card-block form .btn-block {
        width: auto;
    }
}
.pagelayout-frontpage #page #page-header {
    display: none;
}
#page-mod-quiz-attempt .submitbtns {
    text-align: right;
    .mod_quiz-next-nav {
        float: none;
    }
}
.block-region .block .card-block.course-info-container {
    padding: 1.25rem;
    border: 0;
}

.userlist .initialbar .pagination .page-item {
    &.active .page-link {
        color: $white;
        background-color: $color_picton_blue_approx;
        border-color: $color_picton_blue_approx;
        &:hover {
            color: $white;
        }
    }
    .page-link {
        color: $color_picton_blue_approx;
    }
}
#courses-view-in-progress .pagination .page-item .page-link:focus {
    box-shadow: none;
}
.moodle-dialogue-base button.closebutton,
button.closebutton {
    &:active {
        background: none;
    }
}
.dir-rtl .progress-chart-container .no-progress .icon {
    left: 70%;
}
.calendarwrapper {
    overflow: auto;
}
@media (max-width: 574px) {
    .page-context-header {
        .page-header-headings h1 {
            font-size: 20px;
        }
        .page-header-image {
            max-width: 80px;
            img {
                width: 100%;
                height: auto;
            }
        }
    }
    #page .card .card-body .d-flex .d-flex {
        display: block !important;
    }
}

.block_myoverview {
    .content-centred .nav.nav-pills .nav-item .nav-link.active {
        background-color: $color_picton_blue_approx;
    }
    .paged-content-page-container {
        margin-top: 10px;
    }
}
.tab-content .tab-pane .list-group .list-group-item a.btn {
    color: $color_mine_shaft_approx !important;
    text-decoration: none;
    &:hover {
        color: $color_mine_shaft_approx !important;
        text-decoration: none;
    }
}
#course-category-listings {
    .menubar .action-menu-trigger .dropdown .dropdown-toggle i.icon {
        margin: 0;
    }
    #category-listing .course-count {
        margin: 0;
        i.icon {
            margin-left: 5px;
        }
    }
    .item-actions {
        margin: 0;
    }
}
.context-header-settings-menu .dropdown-toggle > .icon,
#region-main-settings-menu .dropdown-toggle > .icon {
    margin: 0;
}
.search-block {
    margin-bottom: 50px;
}
#page-course-management {
    #coursesearch {
        margin: 0;
        .coursesearchbox {
            width: auto;
            height: auto;
            padding: 0;
            border: 0;
            border-radius: 0;
            display: block;
        }
        .input-group {
            padding: 0;
            input[type="text"] {
                min-height: 50px;
                height: 100%;
                border: 1px solid $color_quill_gray_approx;
                padding-left: 10px;
                padding-right: 70px;
            }
            .input-group-btn {
                position: absolute;
                right: 0;
                z-index: 10;
                .btn {
                    height: 50px;
                    border-radius: 0;
                }
            }
        }
    }
}
.list-group-item {
    &.active {
        background-color: $color_picton_blue_approx;
        border-color: $color_picton_blue_approx;
        &:hover {
            background-color: $color_picton_blue_approx;
            border-color: $color_picton_blue_approx;
        }
    }
}
.card-deck .card {
    .card-body.course-info-container {
        padding: 1.25rem;
    }
}
.block_online_users .content .list li.listentry .user .userpicture {
    width: auto;
}
.fdate_time_selector {
    display: block !important;
}
@media (min-width: 768px) {
    .slick-initialized .slick-slide {
        display: flex;
    }
}
@media (max-width: 574px) {
    .card-deck .card {
        width: 100%;
        flex-basis: auto;
    }
}
@media (max-width: 574px) {
    #coursecat-management .list-unstyled .float-right {
        .item-actions {
            display: inline-block!important;
            .action-menu-item {
                display: inline-block;
            }
            .action-menu-trigger {
                display: inline-block;
            }
        }
        span {
            display: inline-block;
        }
    }
}
#page-grade-report-history-index .fdate_selector .fitem .custom-select {
    min-width: auto!important;
}
#page-grade-report-history-index .fdate_selector .visibleifjs {
    margin-top: 17px;
}
#page-grade-report-history-index .fdate_selector label.form-check {
    margin-top: 15px;
}
@media (max-width: 767px) {
    #page-grade-report-history-index .fdate_selector .fitem .custom-select {
        max-width: 100%;
        min-width: auto;
    }
}
.path-mod-assign [data-region="grading-navigation-panel"] h4 {
    line-height: 25px;
}
#header .header-top {
    .popover-region-container {
        .content-item-body p {
            color: $color_mine_shaft_approx;
        }
        .content-item-container {
             .context-link {
                .notification-message {
                    color: $color_mine_shaft_approx;
                }
             }
             .view-more {
                color: $color_mine_shaft_approx;
             }
        }
    }
}
.path-mod-chat img.userpicture {
    max-width: 100%;
}
.yui-skin-sam .path-mod-chat-gui_ajax.yui-layout #chat-userlist #users-list img {
    max-width: 100%;
}


/*moodle-3.6*/

#page-wrapper {
    height: auto;
    margin-bottom: 0;
}

.btn-group {
    .dropdown-menu {
        .dropdown-item {
            &.active {
                background: $color_picton_blue_approx;
            }
            &:hover {
                color: $white;
                background: $color_picton_blue_approx;
            }
            &:focus {
                color: $white;
                background: $color_picton_blue_approx;
            }
            &:active {
                color: $white;
                background: $color_picton_blue_approx;
            }
        }
    }
}
.btn.btn-outline-secondary.dropdown-toggle {
    &:hover {
        color: $white;
        background: $color_picton_blue_approx;
    }
    &:focus {
        color: $white;
        background: $color_picton_blue_approx;
        box-shadow: none;
        &:active {
            color: $white;
            box-shadow: none;
        }
    }
    &:active {
        color: $white;
        background: $color_picton_blue_approx;
    }
}
button.close, .moodle-dialogue-base button.closebutton {
    &:hover {
        background: none;
    }
    &:focus {
        background: none;
    }
}
.pagination {
    .page-item {
        .page-link {
            &:focus {
                box-shadow: none;
            }
            i.icon {
                line-height: 24px;
            }
        }
    }
}
.activity-navigation {
    a.btn.btn-link {
        color: $color_picton_blue_approx;
        &:hover {
            color: $color_picton_blue_approx;
        }
    }
}
.block-timeline {
    .dropdown-menu {
        .dropdown-item {
            &.active {
                background: $color_picton_blue_approx;
            }
        }
    }
}
.block-region .block .card-body .block-myoverview {
    .card-title {
        padding: 0;
        background: none;
        border: 0;
        margin-right: 0 !important;
        a {
            font-size: 16px;
            color: $color_picton_blue_approx;
        }
        .dropdown-menu > li > a {
            &:hover {
                color: $color_picton_blue_approx;
            }
            &:focus {
                color: $color_picton_blue_approx;
            }
            &:active {
                color: $color_picton_blue_approx;
                background: none;
            }
            &.active {
                background: $color_picton_blue_approx;
                &:hover {
                    color: $white;
                }
            }
        }
    }
}
#header .usermenu a.dropdown-toggle {
    padding: 0;
}
#site-header .header-main .message-app {
    .header-container {
        .input-group .input-group-prepend {
            .input-group-text {
                padding-right: 15px !important;
            }
        }
        .badge {
            background-color: $color_picton_blue_approx !important;
        }
    }
    .body-container {
        .view-overview-body {
            .section {
                .badge {
                    background-color: $color_picton_blue_approx !important;
                }
                .btn {
                    &:focus {
                        color: $color_picton_blue_approx;
                    }
                }
            }
        }
        .nav {
            .nav-item {
                a.nav-link {
                    padding: 10px;
                    background: $color_tuatara_approx;
                    &:hover {
                        background: $color_picton_blue_approx;
                    }
                    &:focus {
                        background: $color_picton_blue_approx;
                    }
                    &.active.show {
                        background: $color_picton_blue_approx;
                    }
                }
            }
        }
        .custom-control.custom-radio {
            .custom-control-input:checked~.custom-control-label {
                &:before {
                    background-color: $color_picton_blue_approx;
                }
            }
            .custom-control-input:active~.custom-control-label {
                &:before {
                    background-color: rgba(57, 179, 230,.25);
                }
            }
            .custom-control-input:checked:focus~.custom-control-label {
                &:before {
                    background-color: $color_picton_blue_approx;
                    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(57, 179, 230,.25);
                }
            }
        }
        .switch {
            input:checked + label {
                &:before {
                    background-color: $color_picton_blue_approx;
                }
            }
            input:focus + label {
                &:before {
                    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(57, 179, 230,.25);
                }
            }
            input:checked:focus + label {
                &:before {
                    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(57, 179, 230,.25);
                }
            }
        }
    }
}
.message-app {
    .body-container {
        .nav-pills .nav-link {
            &.active {
                background-color: $color_picton_blue_approx;
            }
        }
    }
}
.block-region .block {
    &.card .card-body {
        padding: 0 !important;
    }
}
#region-main {
    &.has-blocks {
        .dashboard-card-deck .dashboard-card {
            .card-body {
                .card-title {
                    width: 100%;
                    color: $color_picton_blue_approx;
                    border: 0;
                    margin-right: 0 !important;
                    a.coursename {
                        color: $white;
                    }
                }
            }
        }
        .block-myoverview {
            .dashboard-card-deck .dashboard-card {
                .card-body {
                    border: 0;
                    padding: 10px !important;
                    .card-title {
                        a.coursename {
                            color: initial;
                        }
                    }
                }
            }
        }
    }
}
.block_globalsearch .searchform {
    input.form-control {
        max-width: none;
    }
}
#page-login-index {
    #header .navbar-nav button.btn {
        display: none;
    }
    .card .card-block {
        .potentialidplist {
            .potentialidp {
                display: inline-block;
                margin: 10px 10px 10px 0;
                width: 100%;
                &:last-child {
                    margin-right: 0;
                }
                a {
                    padding: 10px;
                    display: inline-block;
                }
            }
        }
    }
}

/*Moodle-3.7*/

.block_recentlyaccessedcourses .paging-bar-container {
    margin-top: 0;
    .pagination {
        .page-item {
            .page-link {
                color: $color_picton_blue_approx;
            }
        }
    }
}
#recipientform,
.langimport {
    select {
        max-width: 100%;
    }
}