/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28.06.2017, 20:13:45
    Author     : Dmitrij Nedeljkovic
*/



html    {    background-color: #212122!important;}

.curs_setting_btn span {
    display:none;
}
#region-main-settings-menu .curs_setting_btn {
    background-color: #39a6f2 !important;
    border: 0px !important;
    font-weight: 500 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 6px;
    top: 5px;
    position: relative;
}
#region-main-settings-menu .curs_setting_btn span {
    display:inherit;
}
#region-main-settings-menu .curs_setting_btn img {
    display:none;
}
.coursestats_tab .levelsicon_all b {
    color: black!important;
    font-weight: bold;
    padding: 1px 7px !important;
    border-radius: 3px;
    font-weight: normal !important;
}
.coursestats_tab .levelsicon1 b {
    background-color: white;
}
.coursestats_tab .levelsicon2 b {
    background-color: white;
}
.coursestats_tab .levelsicon3 b {
    background-color: white;
}
.coursestats_tab .levelsicon4 b {
    background-color: white;
}
.coursestats_tab .levelsicon5 b {
    background-color: white;
}

#fitem_id_defaultgroupingid .editor_atto_wrap{
    width: 73%;
    left: 26%;
}

.mform .fitem #id_role_8{
    height: 200px;
}

.btn_section_course_mov {
    display: none;
}
#section-0 .btn_section_course_mov{
    padding-bottom: 60px;
    display: block;
}
#section_course_tab2{
    display:none;
}
.btn_section_course_mov #btn1, #btn2, #btn3 {
    height: 40px;
    margin-right: 20px;
    width: 200px;
    padding: 4px 5px 5px 5px;
    text-align: center;
    font-size: 20px;
    float: left;
    margin-right: 12px;
}

.btn_section_course_mov .active_btn{
    background: #ffffff !important;
    border: 2px solid #39a6f2;
    color: #39a6f2 !important;
}
.navbar .popover-region.collapsed .popover-region-container {
    transition: height 0s, opacity 0ms 0s, visibility 0ms 0s !important;
}

#region-main-settings-menu .listing-actions a {
    background-color: #39a6f2 !important;
    border: 0px !important;
    font-weight: 500 !important;
    color: white !important;
    font-size: 16px !important;
    padding: 6px 12px;
    border-radius: 0px !important;
}

.wdm-course-img-info_lk{
    padding-right: 90px!important;
    background-image: url(/play-button2.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 50px!important;
    background-position: 97% 7%!important;	
    color: #ffffff !important;
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -10px!important;
    margin-top: -10px!important;
    background: rgba(0, 0, 0, .3);
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-image: none;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    opacity: 0;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 10px;
}

.wdm-course-img-info_lk:hover{
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);

}

#spoiler2 {
    height: 30px;
    float: left;
    position: absolute;
    right: 18%;
}
#smiley_mod {
    position: relative;
    left: 100px;
}
.smile_open{
    width: 25px;
    margin-top: -5px!important;
}

#section_course_tab3{
    display:none;
}

body .btn_section_course_mov #btn1, body .btn_section_course_mov #btn2, body .btn_section_course_mov #btn3{
    border-radius: 0px !important;
    height: 50px !important;
    border-left: 1px solid white;
    border-right: 1px solid white;
    color: black !important;
    border-top: 3px solid white;
    margin-right: 0px !important;
    cursor: pointer;
}

.btn_section_course_mov #btn1, .btn_section_course_mov #btn2, .btn_section_course_mov #btn3 {
    font-size: 18px !important;
    width: auto !important;
    padding-left: 15px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    padding-right: 15px !important;
}

#fitem_id_numsections, #fitem_id_updatecourseformat{
    display:none;
}





.userenrolment .col_enrol .enrolment {
    float: right !important;
    width: 60px;

}


.userenrolment .col_enrol .enrolment span {
    display: none !important;
}

.userenrolment .col_role2 .unassignrolelink{
    display: none !important;
}

.col_lastcourseaccess a{
    color:#000 !important;
}
.col_userdetails span {
    margin-left: 75px;
}

.userenrolment thead .col_role {
    width: 25%;
}
.userenrolment thead .col_role2 {
    width: 200px;
}
.userenrolment thead .col_enrol{
    width: 0px;
}

.userenrolment .col_enrol.lastcol a > img{
    opacity: 1 !important;
}

.userenrolment .userinforow {
    text-transform: uppercase;
}

.userenrolment .subfield {
    margin-top: 15px;
}

.userenrolment .col_userdetails .subfield_picture img{
    position: relative;
    bottom: 8px;
    margin-right: 30px;
}

.userenrolment .userinforow td {
    vertical-align: middle;
}
#region-main-settings-menu .singlebutton input[type="submit"]{
    padding: 6px 12px !important;
    margin-top: 0px!important;
}

html #region-main-settings-menu a.curs_setting_btn { padding: 7px 12px !important; margin-top: -1px!important;}


.sidebar-menu > li {
    min-width: 250px !important;
}

.no_show_class{
    display:none;
}
#course-category-listings .course-detail{
    min-height: 90px !important;
}

@media (min-width: 1200px) and (max-width: 1600px){

#course-category-listings.columns-3 #course-detail {
    margin-top: 0px !important;
}
}