@charset "utf-8";
/* CSS Document */

.delete-link,.delete-media{
    cursor: pointer;
}

.sect_left li.current a{
    color: #B3B3B3;
}

.imgdivcorse img {
    height: 154px !important;
}

.well{
    background-color: rgba(255, 255, 255, 0.4) !important;
}
ol.breadcrumb{
    margin-left: 0 !important;   
}

.payment-section{
    margin-top:1%;
}

.payment-section h4.panel-title a {
    color: white !important;
}

.divhidn{
    display: none;
}
.sect_left li a {
    text-decoration: none;
}
.sect_left li a:hover {
    text-decoration: none;
}
body{
    font-size: 13px;
}

.xdsoft_timepicker, .xdsoft_datepicker{
    display: block !important;
}

.project-submit-btn:hover{
    color: #fff !important;
}

.assignmentor, .btn_small{
    display: block;
    margin-top: 5px;
    background: #286090;
    color: #fafcfb;
    padding: 2px 6px;
    border: 1px solid #F3F3F3;
    width: 120px;
    border-radius: 4px !important;
    text-align: center;
}
.control-group {    
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.pd_right{}

.rdbSurvey, .show_students #chkAllSt, .show_students #unchkAllSt {
    margin-left: 15px !important;
    position: relative;
    top: -3px;
    margin-right: 8px !important;
}
.coursereportpage .dddiv select{
    height: 26px;
    margin-top: 3px;
}
.view_mentor a {
    position: relative;
    top: 35px;
    background: #286090;
    color: #fafcfb;
    padding: 3px 6px;   
    text-align: center;
}
.work_detail {
    border: 1px solid #ddd;
    margin-bottom: 7px;
    padding: 6px;
}
.work_detail h5{
    font-weight: 600 !important;
    margin-bottom: 20px;
    display: block;
}
.work_detail h5 span{
    border: 1px solid #E6E3E3;
    padding: 5px 10px;
    margin-left: 5px;
    background: #DCDCDC;
    color: #777575;
}

.mycourse-alert{
    margin-top: 10px;
    width: 80%;
    margin-left: 13px;
}

.filter-list:hover{
    /* text-decoration: none;*/
}

a.remove-pl-badge{
    text-decoration: line-through !important;
}

span.pl-badge{
    cursor:pointer;
}


ul.nav.nav-tabs.tabstop{
    margin-top: 25px;
}


.divlik{
    margin-left: 5px;
}
.ui-accordion-content{
    height: auto !important;
}

.divlik a{
    color: #0F97B9 !important;
    margin-bottom: 8px;
    display: block;
}
.grouplist .list-group-item label{
    font-weight: 600;
    display: block;
    float: left;
    width: 200px;
}
.grouplist .list-group-item span{

}

.btn_small:hover, .btn_small:focus, .btn_small:visited, .assignmentor:hover, .assignmentor:focus,.assignmentor:visited, 
.view_mentor a:hover, .view_mentor a:focus, .view_mentor a:visited {
    text-decoration: none;
    background: #286090;
    color: #fafcfb;
}


.project-submit-btn{
    background: #ff7659;
    color: #fff;
    border-radius: 0 !important;
}

.surveyfields{
    background: #fff;
    padding: 15px;
    margin: 20px 0;
}

input.disabled, input:disabled, select.disabled, select:disabled, textarea.disabled, textarea:disabled{
    background: rgba(226, 225, 205, 0.54);
    cursor: not-allowed !important;
}

.project-submit-btn::before{
    border: 0 !important;
}
.arrow_box:before{

    margin-left: -16px;
    top: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";   
    position: absolute;
    pointer-events: none;

    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;	
    border-top: 20px solid #CDCDCD;
}
.btnclospop{
    top: 4px !important;
    position: absolute !important;
    right: 4px;
    cursor: pointer;
}
.linksumitted {
    background: url('images/tick.png') no-repeat 2px !important;
    background-color: #ddd !important;
    color: #7B7B7B !important;
    width: 90px !important;
    padding-left: 27px !important;
}

.tabcustom{
    margin-bottom: 0 !important;
}
.block_txt.projlnk {    
    word-break: break-all;
}
.linksumitted:hover {
    background: url('images/close.png') no-repeat -1px !important;
    background-color: #7B7B7B !important;
    color: #fff !important;
}

.lblchksettings {
    top: -4px;
    position: relative;
    left: -2px;
}

table.table.table-bordered.tbluserdv {
    margin-top: 15px;
}
.remove_project_ctn{
    /* position: absolute;*/
    bottom: 2px;
}



.submittedproj{
    opacity: 0.5;
}

.arrow_box {

    position: absolute;
    background: #EFEFEF;
    border: 1px solid #CCCCCC;
    padding: 23px 25px 23px 23px;
    border-radius: 2px;
    width: 600px;
    right: 65px;
    box-shadow: 0px 2px 3px 2px rgb(204, 204, 204);
    display: none;
    z-index: 100;
}



.top_header{width:100%; display:inline-block; vertical-align:top; background:#333;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.profile_pic{ width:35px; height:35px; border-radius:50%; margin-right:7px;}
.top_header .navbar-default .navbar-nav > li > a{ line-height: 58px !important; padding-bottom: 0;padding-top: 0;}
.dropdown:not([data-animation]) .dropdown-menu { display: block; transform: scale(0);}
.dropdown .dropdown-menu:not([data-animation]){ transform-origin: right top 0;}
.dropdown.open .dropdown-menu:not([data-animation]) {transform: scale(1);}



@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?mc965m');
    src:    url('../fonts/icomoon.eot?mc965m#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?mc965m') format('truetype'),
        url('../fonts/icomoon.woff?mc965m') format('woff'),
        url('../fonts/icomoon.svg?mc965m#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ic_card_travel_black_24px:before {
    content: "\e915";
}
.icon-ic_chat_bubble_outline_black_24px:before {
    content: "\e900";
}
.icon-ic_home_black_24px:before {
    content: "\e901";
}
.icon-ic_school_black_24px:before {
    content: "\e902";
}
.icon-ic_visibility_black_24px:before {
    content: "\e903";
}
.icon-book:before {
    content: "\e904";
}
.icon-book-1:before {
    content: "\e905";
}
.icon-book-2:before {
    content: "\e906";
}
.icon-icon-109:before {
    content: "\e907";
}
.icon-scales:before {
    content: "\e908";
}
.icon-screen:before {
    content: "\e909";
}
.icon-technology:before {
    content: "\e90a";
}
.icon-technology-1:before {
    content: "\e90b";
}
.icon-three:before {
    content: "\e90c";
}
.icon-time:before {
    content: "\e90d";
}
.icon-ic_error_outline_black_24px:before {
    content: "\e90e";
}
.icon-ic_group_add_black_24px:before {
    content: "\e90f";
}
.icon-ic_import_contacts_black_24px:before {
    content: "\e910";
}
.icon-ic_perm_identity_black_24px:before {
    content: "\e911";
}
.icon-ic_personal_video_black_24px:before {
    content: "\e912";
}
.icon-ic_power_settings_new_black_24px:before {
    content: "\e913";
}
.icon-ic_query_builder_black_24px:before {
    content: "\e914";
}


.simplemsg{
    text-align: center;
    margin-top: 100px;
}

.frontlessonpage .arrow_box{
    left: 250px;
}

.bkwhite{
    background:#fff;
    padding-left:0px !important;
}

.description, .resource{
    min-height: 300px !important;        
    padding-top: 15px;   
    margin-bottom:10px;
    overflow: auto;
    background: #fff;
}


.tr-fixsidebar{
    width:20% !important;
}

.innerdata{
    background: #fff;
}

.tr-navtabs{
    border: none !important;
}

.tr-exercise-below{
    /*width: 63% !important;*/
    background: #fff !important;
}

.training-cr-tabs{
    background: #fff;
    /*width: 95%;*/
}

.reportarea{
    min-height: 300px;
}
.row.toprow {
    padding: 30px 0px;
}

.staticform {
    position: relative;
    bottom: -8px;
    background: #F3F3F3;
    color: #545454;
    padding: 18px 10px 10px 10px;
    z-index: 99999;
    box-shadow: -1px 0px 5px 2px rgba(57, 60, 61, 0.2);
    border: 1px solid #EFEFEF;
    border-radius: 5px !important;
}

.margin_top_10{
    margin-top: 10px !important;
}

#mentorform label.error ,#userform label.error{    
    font-weight: 600 !important;
}
.msgsml{
    font-size: 12px !important;
    font-style: italic;
}
.lblfind {
    padding: 0;
    margin-left: 20px;
    font-weight: 600 !important;
    width: 110px !important;
    margin-right: 0 !important;
}

.table .progress_inner{
    float: none;
}

.detailprogress h4.up_title{
    display: inherit;
    font-size: 16px;
    color: #FF7659;
    font-weight: 600;
}

.table .progress_inner .bar-progress{
    width: 100%;
}
.table .progress_inner .bar_info span{
    font-weight: 700;
}

.table .progress_inner .bar_info .perint{
    font-weight: 700;
}
.nocourseselected {
    text-align: center;
    position: relative;
    top: 150px;
    font-weight: 600;
    font-style: italic;
    font-size: 30px;
    opacity: 0.5;
}

.sublinksstudents h6{
    border-top: 1px solid #ddd;
    padding-top: 7px;
    font-size: 13px;
}
.sublinksstudents{
    margin-top: 10px;
}
/*new css start here*/
.main-title{font-size: 2em;
            line-height: 1.14286em;
            margin: 0;
            padding: 0 0 0.42857em; }
.sect_left{
    width:100%; 
    display:inline-block;
}	
.sect_left li{
    list-style:none; text-align:center;
}
.sect_left li a{color:#3E3E3E; font-size:14px; padding:15px 0; display:block;}	
.sect_left li a span{display:block; font-size: 13px;}	
.sect_left li a i{font-size:30px;}	
.video_out img{width:100%;}
.video_out iframe{padding:0;}
.video_out iframe{width:100%}
.col-sm-1.left_pd{padding:0;}

.right_txt{ 
    color: #393c3d;
    line-height: 1.7142em;
    margin: 0;
    padding: 0 0 1.7142em;
    text-align: justify; margin-top:20px;
}
.mg_top{
    margin-top:20px;
}

.mg_top h2{
    font-size: 2em;
    line-height: 1.14286em;
    margin: 0;
    padding: 0 0 0.42857em;
}
.help_links li{
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 10px;
    width: 100%;
}

.help_links li a{font-size:14px;}	
.help_links li a:hover{color: #ff7659;}	
.col-sm-3.pd_right {
    padding-right: 0;
}


/*new css end here*/

.divattended{
    padding: 4px 5px;
    background: #fff;
    box-shadow: 0px 1px 2px 1px rgba(57, 60, 61, 0.3);
    margin-top: 5px;
}
.divattended div{
    font-weight: 600;
}

.divattended label{
    margin-right: 10px;
}
.divattended input[type=radio]{
    position: relative;
    top: -3px;
}

.assigntosel span h5{
    display: inline-block;
    float: left;
}

.assigntosel .mentordd{
    margin: 5px 0 0px 20px;
    float: left;
}

.assigntosel .assignselected{
    margin-left: 15px;
    margin-top: 3px;
}
.loadergif{
    text-align: center;
}
.loadergif img{
    width: 100px;
    height: 100px;
}

.divattended .alert{
    margin: 5px 0px 0px;
}
.mentor_info {
    font-size: 15px;
    font-weight: 600;
}


.mentorcallform.col-lg-8 {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.mentorcalla:hover, .mentorcalla{
    color: #ff7659 !important   ;
    cursor: text !important;
    text-decoration: none !important;
}

.perint{
    font-weight: 500;
}
.markeddiv .sub_btn.markresource{
    background: url('images/tick.png') no-repeat 2px;
    background-color: #ddd;
    color: #7B7B7B;
    width: 102px;
    padding-left: 27px;
}

.markeddiv .markresource:hover{
    background: url('images/close.png') no-repeat -1px;
    color: #fff !important;
    background-color: #7B7B7B;        
}
.desccontent{
    margin-top: 15px; min-height: 50px;
}
.templatemain{
    min-height: 500px;
    line-height: 1.5;
}

.listli{
    border: 1px solid #ddd;
    padding: 5px 8px;
    margin: 0 0 5px 0;
    background: #E8E8E8;   
    font-weight: 600;
    cursor: move;
}


.markeddiv{
    opacity: 0.5;
}

.allcourses .panel-body{
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

.h2main, .h2main a, .h4main a, .h4main{
    color: #838a8c;
}


div.infospan{
    font-weight: 600;
}
div.infospan div{
    margin: 0 0 2px 0;
}
.main-section{ width:100%; display:inline-block; vertical-align:top; margin:10px 0;}
.sidebar-left{
    /*position:fixed; */
    margin-top: 50px; 
    /*overflow-y: auto;
    max-height: 500px; 
    width: 260px;*/
}

.sidebar-left ul{margin-bottom:0; margin-right:2.5713em;}
.sidebar-left ul li
{
    display: inline-block;
    list-style: none;
    width: 100%;   
    border-left: 0.2857em solid #ecf0f1;
    padding: 5px 10px;

}
.fixleftcoltop_left_admin,.fixrightcoltop_right_admin{margin-top: 35px;    padding-bottom: 6px;}

.fixleftcoltop_without_admin,.fixrightcoltop_without_admin{margin-top: 15px;padding-bottom: 6px;}

.fixrightcoltop .resources_out,.fixrightcoltop .tme_out{margin-top: 0 !important;}
.fixedSidebar {position:fixed; top:0; margin-top: 9%;}
.sidebar-left ul li a{ color:#838a8c; font-weight:700; text-transform:uppercase; padding:8px 0; display:block; line-height:1.14286em;}
.sidebar-left ul li a:hover{ color:#ff7659; text-decoration:none;}
.active{ border-left-color: #ff7659 !important; text-decoration:none;}
.active a{
    color: #0073aa !important;
    text-decoration: none;
}
.module a{
    text-decoration: none !important;
}
.subheader li{
    cursor: pointer;
}
.content_header{width:100%; display:inline-block; vertical-align:top; padding:20px 0;}

.sidebar-left ul li:hover {
    border-left-color: #ff7659; 
}

.content_header h2{font-size: 2em;
                   line-height: 1.14286em;
                   padding: 0 0 0.42857em; margin:0; clear: none;
}

.fixed_header  .container{
    padding-right: 0;
}
.content_info{float:left;}

.submittedfiles .filesdiv{
    width: 22%;
    padding: 10px;
    float:left;
}

#subPrjModal{
    top:15% !important;
}
.myPrjheadline{
    font-size: 15px;
}
#tbllinks tr{
    border-bottom:none;
}

div#alreadyfoundfiles{
    padding: 3px 1px 5px 21px;
}

#subPrjModal .mybtnprj{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4; 
}

.content_info h5 {
    padding-top: 0.375em; font-size: 1.14286em;
    line-height: 1.25em; margin:0;
}
.info_inner {
    margin-bottom: 0.3em;
}
.info_pic {
    display: inline-block;
    float: none;
    margin-right: 0.2em;
    position: relative;
    top: 7px;
}

.info_pic img {
    border-radius: 50%;
    display: block;
    max-width: 100%;filter: grayscale(100%);
    margin-right: 0.42855em;
}
.fade_txt {
    color: #8d8d85;
}
/*.chosen-container-multi, .chosen-container-multi li.search-field, .chosen-container-multi li.search-field input[type=text]{
    width: 100% !important;
}*/

ul.nav.nav-tabs.tabstop {    
    margin-top: 25px;
    color: #fff;
    width: 100%;
    border-bottom: 1px solid #333;
}


#enable_permission {
    position: relative;
    top: 3px;
}

.font-cls li {
    font-size: 14px;
    font-weight: 500;
}
.give-bkg {
    background: #dedede !important;
    border: 0 !important;
}
.panel-primary > .panel-heading {
    background-color: #333 !important;
    border-color: #fff !important;
    color: #fff !important;
    font-size: 14px;
}

ul.nav.nav-tabs.tabstop a {
    color: #333;
    margin-right: 0;
    font-size: 16px;
}
.panel-primary {
    border-color: #adadad !important;
}
/* for table*/
.price-tb tr td:first-child {
    text-align: left;
}

.price-tb tr td {
    text-align: center;
}
.glyphicon-remove::before {
    color: #9C2C2C;
    font-size: 15px;
    font-weight: 500;
}

.glyphicon-ok::before {
    color: #86AF51;
    font-size: 15px;
    font-weight: 500;
}
.cnt-link {
    font-size: 17px !important;
}

/*End*/
.resources_out , .tme_out {
    color: #838a8c;
    font-size: 1.28571em;
    line-height: 1em;
    margin-top:10px;
    text-align: right;
}

.resources_out i , .tme_out i {
    position: relative;
    top: 1px;
}

.share_out{float: right;
           margin-top: 14px;
           text-align:right;}

.share_out a{color:#838a8c; font-size:13px; margin-left:10px;font-weight:600;}
.share_out a:hover{color: #ff7659; text-decoration:none; }	 

.content_main{

    background: #F9F9F9 none repeat scroll 0 0;
    box-shadow: 0px 1px 3px 1px rgba(57, 60, 61, 0.3);
    padding: 0;
    display: inline-block;
    width: 100%;
}


.progress_outer {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0.14285em solid rgba(141, 141, 133, 0.15);
    padding: 1.5714em 1.4285em 0.5em; display:inline-block; width:100%;
}	
.progress_outer h5 {
    color: #ff7659;
    float: left;
    padding: 0.75em 0; text-transform: uppercase;  font-weight: 700; font-size: 1.14286em;
    line-height: 1.25em;
}
.progress_inner {
    float: right;
}


.bar-progress {
    background: rgba(57, 60, 61, 0.15) none repeat scroll 0 0;
    border-radius: 0.5714em;
    height: 0.8571em;
    margin: 0.42855em 0;
    position: relative;  
    width: 18.571em;
}
.bar_info span{ 
    display: block;
    line-height: 1.42857em;
    text-align: center;
}

.first_block{width:100%; display:inline-block; vertical-align:top;  margin-bottom: 0;counter-increment: chapter;
             counter-reset: subchapter; }
.first_block header{  position:relative;padding-bottom: 0.5em; display:block;}
.block_time{ color: #838a8c;
             float: right;
             font-size: 1.28571em;
             line-height: 1.33333em;
             margin-top: 1.55556em;
             z-index:1; position:relative;}

.first_block h2::before {
    color: #8d8d85;
    content: counter(chapter, decimal);
    left: 0;
    position: absolute;
    text-align: right;
    width: 0.85714em;
}

.first_block h2 {
    border-bottom: 2px solid #b3b3b3;
    color: #838a8c;
    margin-bottom: 0.5em;
    position: relative;
    padding:0.71429em 0  0.71429em 1.1em; margin-top:0; clear: none;
}

.descrp_main{ padding: 10px 0 0 30px;}
.descrp_main p{ margin: 0 0 10px;
                padding: 0;
                text-align: justify; color:#393c3d; line-height:1.7142em;}

.sub_block{ counter-increment: subchapter;
            margin-bottom: 0.8571em;
            padding: 0 0 0 30px;}	

.sub_block header {
    border-bottom: 1px solid rgba(141, 141, 133, 0.15);
}	


.sub_block h4::before {
    color: #8d8d85;
    content:counter(chapter, decimal) "." counter(subchapter, decimal) " " " ";
    font-weight: 400;
    left: 0;
    position: static;
}
.sub_block h4 {
    padding-left: 0;
    position: relative;
    font-weight: 700; font-size: 1.28571em;
    line-height: 1.33333em; margin:0; padding:0.77778em 0 0.55556em 0; clear: none;
}

.sub_block .block_time{ margin-top: 0.777em;  }

.block_resources {
    padding-bottom: 1.07143em;
    position: relative;
    transition: opacity 0.7s cubic-bezier(1, 0.01, 0.55, 1) 0s; width:100%; display:inline-block; vertical-align:top;
}




.submit_buttons a::after, .submit_buttons a::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    content: "";
    display: none;
    height: 0;
    padding: 0;
    position: inherit;
    width: 0;
}
.sub_btn::before {
    border: 0.14286em solid #d3d5d5;
    border-radius: 0.2857em;
    color: #2e9fff;
    content: "";
    font-family: sr;
    height: 1.71429em;
    left: 0;
    line-height: 1;
    padding: 0.14286em;
    position: absolute;
    text-align: center;
    top: 0.21429em;
    transition: background 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, border-color 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    width: 1.71429em;
    z-index: 99;
}


.block_resources .sub_btn {
    border-color: #fbb847;
    font-size: 0.85714em;
    line-height: 20px;
    margin-right: 0;
    padding-left: 2em;
    position: absolute;
    right: 0;
    top: 16px; z-index:99;
}

.submit_buttons .sub_btn {
    background: #ff7659 none repeat scroll 0 0;
    border: 1px solid rgba(141, 141, 133, 0.15);
    color: #fff;
    margin-right: 0.5714em;
    padding: 0.35714em;
    transition: padding-right 0.15s ease-in 0s;
    text-decoration: none;
    width: 102px;
    text-align: center;
}



.block_main {
    padding: 1.1428em 0 0.5714em;
    position: relative; width:100%; display:inline-block;
}

.block_left {
    cursor: pointer;
    float: left;
    margin-top: -1%;
    width: 10%;
}
.block_left i {
    background: #ecf0f1 none repeat scroll 0 0;
    border-radius: 50%;
    color: #abafb1;
    display: block;
    font-size: 2em;
    height: 1.71429em;
    line-height: 1;
    margin: 0;
    padding: 0.35714em 0;
    text-align: center;
    width: 1.71429em;
}

.block_info {
    float: left;
    padding: 0;
    width: 71%;
}

.sub-block_time {
    float: right;
    margin-left: 10px;
}

.block_txt{
    color: #FF7659;
    font-size: 1.14286em;
    font-weight: 700;
    line-height: 1.5em;
    padding-bottom: 0.75em;
}

.block_txt a {
    color: #ff7659;
}
.block_txt a:hover{color:#838a8c; text-decoration:none;}

.full_descrp {

    padding-bottom: 0;
    text-align: justify;
}

.more_ifo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none;
    color: #ff7659;
    outline: 0 none;
    text-decoration: underline;
    padding: 0 5px !important;
}
.subheader{margin-right:0;}
.subheader a {padding:0 !important; text-decoration: none !important;}
.subheader a .sub_point {
    float: left;
    margin-bottom: 1px;
    margin-right: 5px;
    margin-top: 1px; font-weight:normal; text-transform:none; font-size:12px;
}
.point_title {
    display: block;
    margin-left: 23px;font-weight:normal; text-transform:none; font-size:13px;
}

.fixed_header{width:100%; left: 0;
              right: 0; display:inline-block; vertical-align:top; background:#fff; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); padding:5px 0;}
.head_title{width:100%; display:inline-block; vertical-align:top;}
.head_title h3{margin:0;}
.head_title span{color: #8d8d85;}
.fixed_header .progress_inner{

    position: absolute;
    /*top: 4px;
    right: 175px;*/
}

.fixed_header .bar-progress {
    margin: 0;
}

.contaninerinner{
    margin: 20px 20px 0 0;
}
.wpeditor .wp-editor-area, .wpeditor iframe{
    height: 300px !important; width: 99% !important;

}
.largeinofinfo > p{
    /*    padding: 0;
        display: inline;*/
}

/*.frontlessonpage div.description.clscomman ul, .frontlessonpage div.description.clscomman ol{   
    list-style: inherit !important;
    margin:  inherit !important;
    padding:  inherit !important;
    padding-left:  15px !important;
}*/

.actiontd span.glyphicon{
    font-size: 15px;
}
.atitle:hover{
    color: #fff;
}

.container.site{
    padding-top: 50px;   
}
.atitle{
    color: #fff !important;
    text-decoration: none;
}
.bar_info .bar-progress div{
    background: #ff7659;
    left: 1px;
    position: relative;
    height: 10px;
    border-radius: 0.5714em;
}
.largeinofinfo{
    display: none;
    margin-bottom: 15px;
}
.smallinfo {
    margin-bottom: 15px;
}
.messdv.alert {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999;
    left: 0;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    /*    font-size: 16px;*/
}
.table tr th{
    cursor: pointer;
}
.bread_crumb li{
    display: inline-block;
}
label.error{
    color: red;
}
.contaninerinner > h4{
    font-weight: 600;
}
.bread_crumb{
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0;
}
.acttd div a{
    margin-left: 5px;
}
.projexer{
    margin-bottom: 10px;
    overflow: hidden;
}
.acttd div{
    margin-top: 8px;
}

.contaninerinner .pull-right a{
    margin: 2px 2px 0 0;
}
form#addprojectexce {
    margin-top: 15px;
}

.table td, .table th {
    font-size: 13px !important;
}

#data_calls .alert {
    margin-bottom: 0;
    padding: 5px;
    width: 90px;
    border-radius: 0;
}
.movelistli{
    border: 1px solid #ddd;
    padding: 5px 8px;
    margin: 0 0 5px 0;
    background: #E8E8E8;
    font-weight: 600;
}
.movelistli .chmove{
    margin-right: 10px;
    position: relative;
    top: -2px;

}

.lowerpanel > h4{
    font-size: 16px;
    font-weight: 600 !important;
}
.homeallpage{
    /*margin-top: 35px;*/
}
.btncours{
    position: absolute;
    right: 60px;
}
.progressallinner .bar-progress{
    width: 100%;
}

.progressallinner .bar_info span{
    text-align: left;
}

.progressallinner{
    margin-top:28px;
}

.lowerpanel{
    padding: 7px 10px;
}
.borderdvcourse{
    margin-bottom: 15px;
    background: #fff;
    padding:5px; 
    height: 310px;
    max-height: 425px;   
    box-shadow: 0px 0px 2px 0px rgb(35, 40, 45);
    border-bottom: 3px solid #222222;
    /*border: 1px solid #e8e8e8;  */

}
.h4tagfront{
    margin-bottom: 15px; 
}
.btnurriculum,.paidbtnurriculum{
    position: absolute;
    top: 23%;
    left: 28%;
}
.paypal_image{
    height:69px;
}
.lblpayment{
    display: inline;
}
.authorizeImage{
    height:82px;
    width: 44%;
}
.stripe-btn-css{
    margin-top:3%;
}
.paymentModel{
    height:260px;
}

.btnurriculum a, .paidbtnurriculum a{

    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000;
}

.imgdivcorse img{
    width: 100%; height: 100%;

}
.imgdivcorse {
    background: rgba(255, 139, 89, 0.51);
    overflow: hidden;

}

h1, h2, h3, h4, h5, h6{
    font-weight: 500 !important;
}

.firstwell{
    /*#hashKeyt$$PBfgsZap1n#jaAQylKIuNmwAtr05%4YTs*/
    padding-top: 10px !important;
}
.firstwell h4{
    overflow: hidden;
}
.videospace{
    border-right: 1px solid #ddd;
}

.pd_right.thumb_main, .thumright{
    height:200px;    
    width: 290px;
    overflow: hidden;
}
.uploadedimg img {

    max-width: 150px;
    max-height: 100px;
    margin-top: 10px;
}

.pd_right.thumb_main img, .thumright img{
    height:100%;width:100%;margin-left: -52px;
}
.fixed_header .content_header{
    padding: 0;
}

.fixed_header .h2main{
    padding: 0;
    font-size: 20px;
}
.fixed_header h5{
    margin: 8px 0 0 0;
    font-size: 13px;
}

.fixed_header .content_info h5{
    margin: 0;
}

.bread_crumb ul{
    margin: 0;
}

body.processing:before{
    background: rgba(0, 0, 0, 0.55) url('loading.gif') no-repeat 50% 50%;
    top: 0;
    left: 0;
    position: fixed;
    content: "";
    z-index: 100000000000000;    
    height: 100%;
    width: 100%;      
} 
body.processing {    
    position: relative;    
}

.fixed_header .share_out{
    margin-top: 6px;
}

.fixed_header .resources_out, .fixed_header .tme_out{
    /*margin-top: 8px; */
    font-size: 15px;
}


.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-badge, .icon-bag, .icon-ban, .icon-bar-chart, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camcorder, .icon-camera, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emoticon-smile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-eye, .icon-eyeglasses, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-microphone, .icon-mouse, .icon-moustache, .icon-music-tone, .icon-music-tone-alt, .icon-note, .icon-notebook, .icon-paper-clip, .icon-paper-plane, .icon-pencil, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-pointer, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-users, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench{
    font-family: Simple-Line-Icons !important;
}
input[type=text],input[type=number],select {
    height: 31px;    
}
.imgtd img{
    max-width: 150px;
    max-height: 100px;
}
.buttonres {    
    height: 25px;
    display: inline-block;
    margin-top: 25px;        
}

.respage:before{
    left: 120px;
}

.respage{
    left: 30px;
}
.notesdiv{
    padding: 10px 35px !important;
}
.docsdiv{

}
.helpdiv{
    margin-top: 10px;
}
.colrights{
    /*margin-left: 20px;*/
}

.docsdiv, .helpdiv{
    padding: 8px 10px;
}

.myleftclass{
    width:62% !important;
}

.docsdiv, .notesdiv, .helpdiv{
    /*border-radius: 8px;*/
    /*margin-left: -10px;*/
    /* border-left: 1px solid #333333;*/
    background: #fff none repeat scroll 0 0;
    /* box-shadow: 0px 0px 1px 0px rgba(57, 60, 61, 0.3);*/
}











html {
    font-size: 87.5%;
}
html .mceContentBody {
    max-width: 625px;
}
body {
    /*	color: #444;
            font-family: "Open Sans", Helvetica, Arial, sans-serif;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.42857143;
            text-rendering: optimizeLegibility;
            vertical-align: baseline;*/
}


/* =Headings
-------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.846153846;
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
h1 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.5;
}
h2 {
    font-size: 18px;
    font-size: 1.285714286rem;
    line-height: 1.6;
}
h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
}
h4 {
    font-size: 14px;
    font-size: 1rem;
}
h5 {
    font-size: 13px;
    font-size: 0.928571429rem;
}
h6 {
    font-size: 12px;
    font-size: 0.857142857rem;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem;
}


/* =Text elements
-------------------------------------------------------------- */

.texteditor p {
    line-height: 1.714285714;
    margin: 0 0 10px;
    padding: 0;

}
.texteditor ul,
.texteditor ol {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
    padding: 0;
}
.texteditor ul {
    list-style: disc outside;
}
.texteditor ol {
    list-style: decimal outside;
}
.texteditor ul ul,
.texteditor ol ol,
.texteditor ul ol,
.texteditor ol ul {
    margin-bottom: 0;
}
.texteditor li {
    margin: 0 0 0 24px;
    margin: 0 0 0 1.714285714rem;
}
.texteditor dl {
    margin: 0 24px;
    margin: 0 1.714285714rem;
}
.texteditor dt {
    font-weight: bold;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.texteditor dd {
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}
.texteditor strong {
    font-weight: bold;
}
.texteditor cite,
.texteditor em,
i {
    font-style: italic;
}
.texteditor cite {
    border: none;
}
.texteditor big {
    font-size: 128.571429%;
}
.texteditor .mceContentBody blockquote {
    font-style: italic !important;
    font-weight: normal;
    margin: 0;
    padding: 24px;
    padding: 1.714285714rem;
}
.texteditor pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem;
}
.texteditor code,
.texteditor kbd,
.texteditor samp,
.texteditor var {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
}
.texteditor abbr,
.texteditor acronym,
.texteditor dfn {
    border-bottom: 1px dotted #666;
    cursor: help;
}
.texteditor address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}
.texteditor del {
    color: #333;
}
.texteditor ins {
    background: #fff9c0;
    border: none;
    color: #333;
    text-decoration: none;
}
.texteditor sup,
.texteditor sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.texteditor sup {
    top: -0.5em;
}
.texteditor sub {
    bottom: -0.25em;
}
.texteditor input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: 0.428571429rem;
}
.texteditor textarea {
    border: 1px solid #d5d2ca;
    border-radius: 3px;
    font-family: inherit;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: 0.714285714rem;
    width: 96%;
}


/* =Links
-------------------------------------------------------------- */

.texteditor a,
.texteditor a em,
.texteditor a strong {
    color: #21759b;
    outline: none;
}
.texteditor a:focus,
.texteditor a:active,
.texteditor a:hover {
    color: #0f3647;
}


/* =Alignment
-------------------------------------------------------------- */

.texteditor .alignleft {
    display: inline;
    float: left;
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.texteditor .alignright {
    display: inline;
    float: right;
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.texteditor .aligncenter {
    clear: both;
    display: block;
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}


/* =Tables
-------------------------------------------------------------- */

.texteditor table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    width: 100%;
}
.texteditor tr th {
    color: #636363;
    font-size: 11px;
    font-size: 0.785714286rem;
    font-weight: bold;
    line-height: 2.181818182;
    text-align: left;
    text-transform: uppercase;
}
.texteditor td {
    border-top: 1px solid #ededed !important;
    color: #757575;
    font-size: inherit;
    font-weight: normal;
    padding: 6px 10px 6px 0;
    text-align: left;
}


/* =Images
-------------------------------------------------------------- */

.texteditor img,
.texteditor .editor-attachment {
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    max-width: 100%;
}
.texteditor img.size-full {
    width: auto/9; /* Prevent stretching of full-size images in IE8 */
}
.texteditor img[class*="wp-image-"] {
    height: auto;
    max-width: 100%;
}
.texteditor img[class*="align"],
.texteditor img[class*="wp-image-"],
.texteditor img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.texteditor img.mceWPnextpage {
    border-radius: 0;
    box-shadow: none;
}
.texteditor img.wp-smiley {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.texteditor .wp-caption {
    background: transparent;
    border: none;
    margin: 0;
    padding: 4px;
    text-align: left;
}
.texteditor .wp-caption-dt {
    margin: 0;
}
.texteditor .wp-caption .wp-caption-text,
.texteditor .wp-caption-dd {
    color: #757575;
    font-style: italic;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.71429rem;
}














@media (min-width:768px) and (max-width:1279px) {
    .sidebar-left ul{ margin-right: 0;  width: 78%;}
    .sidebar-left ul li a{font-size: 12px;}
    .content_header h2{font-size:22px;}	
    .resources_out, .tme_out{font-size:13px;}
    .info_inner > span { font-size: 13px !important;}
    .info_pic{margin-right:0;}
    .info_pic img{margin-right:0;}
    .first_block h2{font-size:22px;}
    .block_time{  margin-top: 0.556em;}
    .descrp_main p{font-size:12px;}
    .sub_block h4{font-size:14px;}
    .block_time , .full_descrp{font-size:12px;}
    .sub_block .block_time { margin-top: 16px;}
    .descrp_main{padding-left:15px;}
    .block_info{width:68%;}
    .block_left{width:8%; margin:0;}
    .block_left i{font-size: 15px;
                  height: 30px;
                  line-height: 1.1; width:30px;}
    .block_txt{font-size:13px;}
    .sub-block_time{font-size:12px;}
}


@media (min-width:220px) and (max-width:767px) {
    .content_header h2{font-size: 18px;}
    .share_out{float:none;}	
    .resources_out, .tme_out{width:100%; display:inline-block; font-size:12px;}
    .share_out , .content_info{float:none;}
    .info_inner > span{font-size:12px !important;}
    .info_pic img{margin-right:0;}
    .info_inner{margin-bottom:0;}
    .block_time{font-size:12px; margin-top:14px;}
    .progress_outer h5{margin:0; font-size:13px;}
    .bar-progress{height: 0.4571em; width: 6.571em;}
    .first_block h2{font-size:16px;}
    .descrp_main{padding-left:10px;}
    .descrp_main p{font-size:12px;}
    .sub_block{padding-left:0;}
    .sub_block h4{font-size:14px; padding-top:6px;}
    .block_left{width:100%;}
    .block_info{width:100%;}
    .block_txt , .full_descrp{font-size:12px;}
    .submit_buttons .sub_btn{margin-right:0;}
    .sidebar-left{position:relative;}
    .sidebar-left ul li a{font-size:12px;}

}


/*custom css code*/
ol.load-st-ol{list-style:none;}
ol.load-st-ol li{
    float: left;
    margin-left: 16px;
    width: 250px;
}
.submittedfiles a{font-size:12px;}

.submittedfiles {
    margin-top:10px;
}

.san-define{
    background: #fff none repeat scroll 0 0;
    border-bottom: 0.14285em solid rgba(141, 141, 133, 0.15);
    padding: 0.5714em 1.4285em 0.5em;
}

.uploadCourseImage img{
    height: 100px;
    width:100px;
    padding:10px;
}

.san-define h3 a:hover{
    text-decoration:none;
}
.showbtnstyle{margin-top:5px;}
/*../ends*/

.maintrainingclass ul.nav-tabs{    margin: 0;}

#training-ui-container  ol.breadcrumb {
    background: #333;
}

#training-ui-container ol.breadcrumb li a {
    color: #fff;
}

#training-ui-container ol.breadcrumb > .active {
    color: #c4c7c3;
}

#training-ui-container{
    background: rgba(128, 128, 128, 0.11);
    padding: 14px;
}

.innerpanel img {
    height: 146px;
    width: 100%;
}

.row.myleftpad {
    /* margin-left: 7%;*/
}

.author-box-intro {
    margin-top: 0;

}
.author-box{
    box-shadow: 1px 1px 1px 0px rgba(82, 76, 76, 0.4);
}

a.author-social-link.small {
    margin-left: 5px;
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
    .center-block {
        margin: 0 auto;
    }
    .author-box {
        text-align: center;
    }
    .author-social-links {
        text-align: center;
        display: block;
        margin-top: 10.5px;
        /*  position: absolute;
            right: 20px;
            top: -20px;
        */
    }
}

.mydetails-crumb{
    width:100% !important;
}

.about-author-image{
    height: 50%;
    /*width: 59%;*/
    /*border-radius: 44% !important;*/
}
.free-cont{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
}

.taghover{
    cursor: pointer;
}

.author-row{
    margin-top: 20px;
}

#share-buttons img {
    width: 24px;
    border: 0;
    display: inline;
}

.rtr-no-data{
    width:95% !important;
}

.list-group-item{
    border: none !important;
}
.list-group-item-success{
    background-color: transparent !important;
}
.list-group-item-success:hover{
    background-color: #dff0d8 !important;
}

.training-cat h4#titleCour{
    margin-left: 15px;
    margin-top: 20px;
}

.training-cat .cr-subcat{
    margin-left: 10px;
    font-size: 12px;
    font-weight: 100;
}

.mytab-course{
    margin-top:24px;
}

.my-course-div{
    /*width: 30% !important;*/
}

.notfound{
    width:88% !important;
}

.edit-category-info,.edit-subcategory-info{
    position: relative;
    left:10px;
    cursor: pointer;
}

/*************08-05-2018***************/

.editImg {
    position: absolute;
    left: 97px;
    top: 33px;
   
}

.editImg a{
     font-size: 20px;
     color: #9e9696;
}
.author-row{
    margin-top:40px;
    float: left;
    width: 100%;
}

.tr-author{
    margin-top: 68px;
    border: 1px solid rgba(128, 128, 128, 0.27);
    background: #fff;
    padding: 10px;
}
.tr-author .userImage {
    padding: 0;
}
.about-author-image {
    height: 50%;    
}

.bs-modal-open {
  overflow: hidden;
}

.bs-modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.bs-modal-open {
  @extend .modal-open;
}