/*
// Tema Campus licenciado para:
// Geraldo Cândido Fernandes de Castro - tandundem@gmail.com
// https://pro.workcontrol.com.br/?p=8318
// Este tema está sujeito as aplicações do artigo Art. 184 do Código Penal - Decreto Lei 2848/40.
// Não compartilhe com terceiros, usar somente em dominios em que o id 8318 licenciado WORKCONTROL esteja no license.txt.
// Tema exclusivo para o ID 8318
*/
/***********************************
############ BOX MODEL #############
***********************************/
.box{
    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
    padding: 10px;
}

.box > header{
    padding: 10px;
    border-top: 5px solid #EBEBEB;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.box > header h1{
    font-size: 1em;
    font-weight: 600;
}

.box > header .a{
    text-transform: uppercase;
    color: #00B494;
    text-decoration: none;
    font-size: 0.8em;
    margin-top: 4px;
}

.box > header .a:hover{
    text-decoration: underline;
}

.box25{width: 25%;}
.box30{width: 30%;}
.box33{width: 33.333333333%;}
.box50{width: 50%;}
.box70{width: 70%;}
.box100{width: 100%;}

.box_content{
    padding: 15px;
    font-weight: 300;
    background: #fff;
    font-size: 1em;
}

.box_actions{
    font-size: 0.8em;
    text-align: center;
    background: #fbfbfb;
    padding: 15px 0;
}

.box_actions .btn{
    margin: 0 4px !Important;
}

.header_blue{background: #0E96E5 !important; border-color: #096397 !important; color: #fff;}
.header_green{background: #00B494 !important; border-color: #008068 !important; color: #fff;}
.header_yellow{background: #FABB3D !important; border-color: #EEA306 !important; color: #fff;}
.header_red{background: #FF524F !important; border-color: #C63D3A !important; color: #fff;}
/***********************************
############ DEFAULT EAD ###########
***********************************/
.btn_cta_green {
    font-size: 0.93em!important;
}
.wc_ead_content {
    width: 100%;
    margin: 0 auto;
    padding: 40px 15px;
}

.wc_ead_header_center{
    text-align: center;
    border: 0;
    margin-bottom: 30px;
    color: #555;
}

.wc_ead_header_center h1{
    font-size: 2em;
    font-weight: 300;
}

.wc_ead_header_center p{
    text-transform: uppercase;
    font-size: 0.8em;
}

/*UPLOAD*/
.wc_ead_upload{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}

.wc_ead_upload_progress{
    display: block;
    font-size: 3em;
    margin: auto;
    color: #fff;
    text-shadow: 1px 1px #000;
}

.wc_ead_load{
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    text-align: center;
    color: #fff;
    z-index: 999;
}

.wc_ead_load_content{
    display: inline-block;
    margin: auto;
}

.wc_ead_load_content_msg{
    font-size: 0.8em;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
    margin-top: 15px;
}

/*ALERT MENSAGES*/

.wc_ead_alert{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    display: none;
    z-index: 99;
}

.wc_ead_alert a{
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.wc_ead_alert a:hover{
    text-decoration: underline;
}

.wc_ead_alert_box{
    display: block;
    width: 600px;
    max-width: 90%;
    margin: auto;
    background: #555;
    color: #fff;
    padding: 20px;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 4px 0 #000;
}

.wc_ead_alert_box.green{background: #008068;}
.wc_ead_alert_box.blue{background: #096397;}
.wc_ead_alert_box.yellow{background: #E7A049;}
.wc_ead_alert_box.red{background: #C54550;}

.wc_ead_alert_close,
.wc_ead_alert_text,
.wc_ead_alert_icon{
    display: inline-block;
    vertical-align: middle;
}

.wc_ead_alert_icon{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 4em;
}

.wc_ead_alert_text{
    width: 84%;
    padding: 0 20px;
}
.wc_ead_alert_text p.renovar{
    margin: 20px 0;
}

.wc_ead_alert_title{
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.2);
}

.wc_ead_alert_content{
    font-size: 0.875em;
    font-weight: 300;
}

.wc_ead_alert_close{
    width: 8%;
    text-align: center;
}

.wc_ead_alert_close span {
    line-height: 1;
    background: rgba(0,0,0,0.3);
    padding: 9px 10px 7px 10px;
    font-size: 0.75em;
    font-weight: 500;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 6px;
    cursor: pointer;
    opacity: .5;
}

.wc_ead_alert_close span:hover{
    background: rgba(0,0,0,0.5);
}

/*MODAL IN INDEX.PHP*/
.wc_ead_modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 999;
}

.wc_ead_modal_box{
    display: block;
    width: 560px;
    max-width: 90%;
    margin: auto;
    background: #fff;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 5px 0 #000;
}

.wc_ead_modal_box b{
    font-weight: bold;
    color: #000;
}

.wc_ead_modal_content > a{
    color: #111;
    font-weight: bold;
    text-decoration: none;
}

.wc_ead_modal_content > a:hover{
    text-decoration: underline;
}

.wc_ead_modal_close{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #C54550;
    color: #fff;
    padding: 7px 10px;
    font-size: 0.75em;
    font-weight: 500;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #fff;
    text-shadow: 1px 1px 1px darkred;
    cursor: pointer;
}

.wc_ead_modal_close:hover{
    background: #F45563;
}

.wc_ead_modal_title{
    padding: 20px;
    background: #eee;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    line-height: 1;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.wc_ead_modal_title.green{
    background: #008068;
    color: #fff;
}

.wc_ead_modal_title.blue{
    background: #096397;
    color: #fff;
}

.wc_ead_modal_title.yellow{
    background: #FAAD50;
    color: #fff;
}

.wc_ead_modal_title.red{
    background: #C54550;
    color: #fff;
}

.wc_ead_modal_content{
    padding: 30px;
}

.wc_ead_modal_content p{
    font-size: 1em;
    font-weight: 500;
    color: #333;
    margin-top: 20px;
}

.wc_ead_modal_content p:first-child{
    margin-top: 0;
}

.wc_ead_modal_help{
    padding: 15px;
    background: #fbfbfb;
    border-top: 1px solid #f5f5f5;
    text-align: center;
    font-size: 0.75em;
    color: #ccc;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.wc_ead_modal_help a{
    color: #333;
    font-weight: 500;
    text-decoration: none;
}

.wc_ead_modal_help a:hover{
    text-decoration: underline;
}

/*LOGIN.PHP*/
.wc_ead_enter header{
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    line-height: 1;
    color: #555;
}

.wc_ead_enter header h1{
    font-size: 1.6em;
    font-weight: 500;
}

.wc_ead_enter header p{
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 300;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
}

.wc_ead_enter label{
    display: block;
    margin-bottom: 20px;
}

.wc_ead_enter label span{
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}

.wc_ead_enter input{
    font-size: 1em;
    font-weight: 300;
    border: 2px solid #ccc;
    background: #fff !important;
}

.wc_ead_enter select{
    border: 2px solid #ccc;
}

.wc_ead_enter_actions{
    display: block;
    text-align: right;
}

.wc_ead_enter_actions img{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-left: 10px;
    display: none;
}

.wc_ead_login_recover{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.7em;
    font-weight: 300;
    text-transform: uppercase;
    margin-right: 10px;
    color: #555;
    text-decoration: none;
}

.wc_ead_login_recover:hover{
    text-decoration: underline;
}

.wc_ead_enter .btn{
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    padding: 10px 20px;
}

.wc_ead_login{
    padding: 0 30px;
}

.wc_ead_login_single{
    display: block;
    width: 600px;
    max-width: 100%;
    margin: 1% auto;
}

.wc_ead_register{
    padding: 30px;
    background: #fbfbfb;
    box-shadow: 0 0 3px 0 #ccc;
}

/*EAD HOME.PHP*/

.wc_ead_home_header{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    color: #555;
}
.wc_ead_home_header a{
    text-decoration: none;
}
.wc_ead_home_header li{
    float: left;
}
.wc_ead_home_header li {
    padding: 5px 0.7em;
    border-right: 1px solid #ccc;
    text-transform: uppercase;
    background-image: linear-gradient(to bottom, transparent 50%, #eee 50%, #eee 95%, #ddd 95%);
    background-size: 100% 200%;
    background-position: top center;
    transition: all .25s ease-in-out;
}
.wc_ead_home_header li:hover {
    background-position: bottom center;
}
.wc_ead_home_header h1 {
    line-height: 1;
    font-size: 1.2em;
    font-weight: bold;
}

.wc_ead_home_header p{
    display: inline-block;
    padding-bottom: 10px;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
}
.wc_ead_home_header_login, .wc_ead_home_header_addr {
    display: block;
    width: 100%;
    color: #555;
    margin-top: 25px;
    margin-bottom: 15px;
}
.wc_ead_home_header_info {
    display: flex;
    width: 100%;
    padding-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    border-bottom: 1px solid #ccc;
    color: #555;
}
.wc_ead_home_student{
    display: inline-block;
    width: 25%;
    vertical-align: top;
    background: #eee;
}

.wc_ead_home_student_thumb{
    padding: 30px;
    background: #fbfbfb;
    text-align: center;
    line-height: 1;
}

.wc_ead_home_student_thumb img{
    border: 5px solid #fff;
    margin-bottom: 10px;
}

.wc_ead_home_student_thumb h1{
    font-size: 1.2em;
    font-weight: 500;
}

.wc_ead_home_student_thumb p{
    font-size: 0.875em;
    font-weight: 300;
}

.wc_ead_home_student_content{
    padding: 20px;
}

.wc_ead_home_student_nav{
    display: block;
    width: 100%;
    list-style: none;
}

.wc_ead_home_student_nav a{
    display: block;
    padding: 10px;
    background: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 500;
    cursor: pointer;
    color: #555;
    text-decoration: none;
}

.wc_ead_home_student_nav a:hover{
    background: #00B494;
    color: #fff;
}

.wc_ead_home_student_nav a.exit:hover{
    background: #F45563;
}

.wc_ead_home_student_nav a.wc_active{
    background: #008068;
    color: #fff;
}

.wc_ead_home_help{
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #555;
}

.wc_ead_home_help a{
    color: #333;
    text-decoration: none;
}

.wc_ead_home_help a:hover{
    text-decoration: underline;
}

.wc_ead_win{
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}

.wc_ead_win_default{
    display: none;
}

.wc_ead_win_box{
    display: block;
    width: 500px;
    max-width: 90%;
    margin: auto;
    background: #fff;

}

.wc_ead_win_box_content{
    padding: 20px 20px 30px 20px;
}

.wc_ead_win_box_content .title{
    font-size: 2em;
    line-height: 1;
    margin: 0;
}

.wc_ead_win_box_content p{
    margin: 20px 0;
}

.wc_ead_win_image{
    background: #00B494;
    color: #fff;
    text-align: center;
    display: block;
    text-align: center;
    font-size: 6em;
    padding: 40px 0;
    text-shadow: 1px 1px #000;
}

/*ORDERS*/
.wc_ead_studend_orders{
    padding: 30px;
    background: #f5f5f5;
}

.wc_ead_studend_orders h1.row{
    width: 40%;
    text-align: left;
}

.wc_ead_studend_orders:nth-child(2n+0){
    background: #fbfbfb;
}

.wc_ead_studend_orders .row{
    font-weight: 300;
    display: inline-block;
    font-size: 0.875em;
    vertical-align: middle;
    width: 20%;
    text-align: right;
}

.wc_ead_studend_orders .row b{
    font-weight: 500;
}

.wc_ead_studend_orders .row_pay span{
    display: inline-block;
    margin-right: 5px;
}

/*CURSOS*/

.wc_ead_home_courses{
    display: inline-block;
    width: 75%;
    vertical-align: top;
    padding-left: 40px;
}

.wc_ead_home_courses_course{
    padding: 15px;
    background: #fbfbfb;
}

.wc_ead_home_courses_course_thumb{
    position: relative;
}

.wc_ead_home_courses_course_bonus{
    position: absolute;
    right: 12px;
    top: 10px;
    color: #eee;
    text-shadow: 1px 1px 0 #000;
    cursor: pointer;
    text-decoration: none;
}

.wc_ead_home_courses_course_bonus:hover{
    color: #fff;
}

.wc_ead_home_courses_course_renew{
    top: 40px;
    text-decoration: none;
}

.wc_ead_home_courses_course_content{
    text-align: center;
    padding: 15px;
}

.wc_ead_home_courses_course_content h1{
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0;
}

.wc_ead_home_courses_course_content h1 a{
    color: #000;
    text-decoration: none;
}

.wc_ead_home_courses_course_content h1 a:hover{
    text-decoration: underline;
}

.wc_ead_home_courses_course_content p{
    font-size: 0.8em;
    color: #555;
    padding: 5px;
    background: #fff;
    border-bottom: 1px solid #fbfbfb;
}

.wc_ead_home_courses_certifications {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
    font-size: 1.1em;
    background: #eee;
    color: #ccc;
}

.wc_ead_home_courses_certifications_true{
    background: #2c7fba;
    color: #fff;
    cursor: pointer;
}

.wc_ead_home_courses_certifications_true:hover{
    background: #379ce5;
}

.wc_ead_home_courses_certifications_print{
    color: #fff;
    background: #008068;
    cursor: pointer;
    text-decoration: none;
}

.wc_ead_home_courses_certifications_print:hover{
    background: #00B494;
}
.student_gerent_certification .print {
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: none;
    color: #999;
    padding: 10px 15px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
}
.student_gerent_certification .print:hover {
    background: #0090C3;
    color: #fff;
}
.wc_ead_home_courses form{
    padding: 20px;
    background: #fbfbfb;
}

.wc_ead_home_courses form select, .wc_ead_home_courses form input {
    font-size: 1.0em;
    font-weight: 300;
    border: 2px solid #dfdfdf;
    margin-bottom: 15px;
    color: #8c8b8b;
    border-radius: 5px;
    padding: 10px;
}
.wc_ead_home_courses.perfil {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.box_user{    
    display: inline-block;
    vertical-align: top;
}

.wc_ead_home_courses form span {
    font-size: 1.0em;
    font-weight: 500;
    color: #8c8b8b;
    display: block;
    margin-bottom: 5px;
    margin-left: 5px;
    text-align: left;
}

.wc_ead_home_courses form h2{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0 20px 0;
    padding-bottom: 10px;
    color: #ccc;
    border-bottom: 1px dotted #ccc;
}

.wc_ead_home_courses form .form_actions{
    vertical-align: middle;
    text-align: right;
}

.wc_ead_home_courses form .btn{
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 20px;
}

.wc_ead_home_courses form .form_actions img{
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-left: 10px;
    display: none;
}

/*CURSO.PHP*/
.wc_ead_course_course{
    background: #f5f5f5;
    border-bottom: 1px solid #eee;
}

.wc_ead_course_course_header{
    text-align: center;
    margin-bottom: 20px;
}

.wc_ead_course_course_header img{
    width: 260px;
    max-width: 80%;
    padding: 20px;
    background: #fff;
}

.wc_ead_course_course_header h1{
    margin: 20px 0 10px 0;
    font-size: 2em;
    font-weight: bold;
}

.wc_ead_course_course .box{
    text-align: center;
    padding: 20px 10px;
    background: #096397;
    color: #fff;
    vertical-align: middle;
    margin-bottom: 0 !important;
}

.wc_ead_course_course .box .icon{
    display: inline-block;
    font-size: 2em;
}

.wc_ead_course_course .box .title{
    font-size: 0.65em;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
}

.wc_ead_course_course .box p{
    margin-top: 7px;
    margin-bottom: 8px;
    font-size: 0.9em;
}
.progress-bar_course {
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 8px 20px 15px;
    width: 100%;
    z-index: 10;
}
.progress-bar_course .bar-data {
    display: block;
    position: relative;
    width: 100%;
    font-size: .875em;
    margin-bottom: 25px;
    margin-top: 10px;
    text-transform: lowercase;
    font-variant: small-caps;
    font-weight: 400;
    color: #fff;
}
.bar-data .bar-title {
    text-align: right;
    float: right;
}
.bar-data .bar-value {
    float: left;
}
.progress-bar_course .bar-line {
    width: 90%;
    height: 5px;
    position: absolute;
    background: #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.progress-bar_course .bar-fill {
    height: 100%;
    display: block;
    z-index: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: width 400ms ease-out 100ms;
    -moz-transition: width 400ms ease-out 100ms;
    transition: width 400ms ease-out 100ms;
}
.wc_ead_course_course .box .progress{
    margin-top: 9px;
    text-align: left;
}

.wc_ead_course_course .progress_bar{
    padding: 5px;
    vertical-align: top;
}

.wc_ead_course_course .box a{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.wc_ead_course_course .box a:hover{
    text-decoration: underline;
}

.wc_ead_course_module{
    padding-top: 5px;
}

.wc_ead_course_module .module_header{
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    line-height: 0;
}

.wc_ead_course_module .module_header h1{
    font-size: 1.6em;
    font-weight: 500;
    color: #555;
    line-height: 1;
    margin-bottom: 5px;
}

.wc_ead_course_module .module_header p{
    font-size: 1.0em;
    color: #888;
    line-height: 1.2;
}

.wc_ead_course_module .module_header span{
    font-size: 0.5em;
}

.wc_ead_course_module_bar{
    display: inline-block;
    width: 40%;
    background: #ccc;
    height: 5px;
    margin-top: 15px;
}

.wc_ead_course_module_class {
    display: block;
    width: 100%;
    padding: 1px 15px 1px 15px;
    background: #fbfbfb;
    line-height: 1;
}

.wc_ead_course_module_class.active{
    background: #00B494 !important;
}

.wc_ead_course_module_class.active:hover{
    background: #008068 !important;
}

.wc_ead_course_module_class.active *{
    color: #fff;
}

.wc_ead_course_module_class:nth-child(2n+0){
    background: #f5f5f5;
}

.wc_ead_course_module_class:hover{
    background: #eee;
}

.wc_ead_course_module_class h1.row{
    display: inline-block;
    width: 40%;
    font-size: 0.875em;
    vertical-align: middle;
    text-align: left;
    font-weight: 300;
    color: #000;
    border: none;
}

.wc_ead_course_module_class .row{
    display: inline-block;
    width: 12%;
    font-size: 0.8em;
    vertical-align: middle;
    text-align: center;
    border-left: 1px dotted #ccc;
    font-weight: 300;
    color: #555;
}

.wc_ead_course_module_class a{
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.wc_ead_course_module_class a:hover{
    text-decoration: underline;
}

/*TAREFA.PHP*/

.wc_ead_course_task header{
    border-bottom: 1px solid #ccc;
}

.wc_ead_course_task header h1{
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 5px;
}

.wc_ead_course_task header .course{
    display: inline-block;
    border-bottom: 4px solid #ccc;
    padding-bottom: 10px;
}

.wc_ead_course_task header .course span{
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
    color: #888;
}

.wc_ead_course_task header .course a{
    display: inline-block;
    vertical-align: middle;
    color: #555;
    font-size: 0.8em;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
}

.wc_ead_course_task header .course a:hover{
    color: #000;
    text-decoration: underline;
}

.wc_ead_course_task_media{
    background: #000;
}

.wc_ead_course_task_media_play{
    padding: 0 0.5%;
    width: 960px;
    max-width: 90%;
    margin: 0 auto;
}

.wc_ead_course_task_media_nav{
    width: 960px;
    max-width: 90%;
    margin: 30px auto 0 auto;
    text-align: center;
}

.wc_ead_course_task_media_nav .a,
.wc_ead_course_task_media_nav a{
    display: inline-block;
    width: 39%;
    margin: 0 0.5%;
    padding: 10px 20px;
    background: #222;
    color: #888;
    font-size: 0.8em;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

.wc_ead_course_task_media_nav a:hover{
    background: #333;
    color: #fff;
}

.wc_ead_course_task_media_nav .a{
    width: 19%;
}

.wc_ead_course_task_media_nav .a.active:hover,
.wc_ead_course_task_media_nav .a.check:hover{
    background: #008068;
    color: #fff;
    cursor: pointer;
}

.wc_ead_course_task_media_nav .a.active{
    background: #008068;
    color: #ccc;
}

.wc_ead_course_task_media_play .task{
    text-align: right;
    margin-bottom: 20px;
    font-weight: bold;
}

.wc_ead_course_task_media_play .task span{
    font-size: 0.7em;
    color: #555;
    display: inline-block;
    margin-left: 10px;
}

.wc_ead_course_task_media_download{
    display: block;
    text-align: center;
}

.wc_ead_course_task_media_download a{
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    background: #222;

    color: #888;
    font-weight: bold;
    text-decoration: none;
}

.wc_ead_course_task_media_download a:hover{
    background: #333;
}

.wc_ead_course_task_content{
    background: #f5f5f5;
}

.wc_ead_course_task_content_content footer{
    margin-top: 30px;
    background: #fbfbfb;
    padding: 0.5%;
}

.wc_ead_course_task_content_content footer a{
    display: inline-block;
    width: 49%;
    margin: 0.5%;
    padding: 10px;
    background: #eee;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #555;
}

.wc_ead_course_task_content_content footer a:hover{
    background: #ddd;
}

.wc_ead_course_task_content_sidebar{
    background: #fff;
    padding: 20px;
}

.wc_ead_course_task_content_sidebar .course_cover{
    width: 100%;
}

.wc_ead_course_task_content_sidebar header{
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.wc_ead_course_task_content_sidebar header h1{
    display: inline-block;
    margin: 20px 0 0 0;
    padding-bottom: 10px;
    color: #555;
    font-weight: bold;
    border-bottom: 4px solid #ccc;
}

.wc_ead_course_task_content_sidebar_links a{
    display: block;
    width: 100%;
    padding: 10px;
    background: #eee;
    border-bottom: 1px solid #fff;
    font-size: 0.8em;
    text-decoration: none;
    color: #555;
}

.wc_ead_course_task_content_sidebar_links a:hover{
    background: #ddd;
}

.wc_ead_course_task_content_sidebar_links a.active{
    background: #008068;
    color: #fff;
}

.wc_ead_course_task_media_nav_bar{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.wc_ead_course_task_media_nav_bar .a.active,
.wc_ead_course_task_media_nav_bar .a,
.wc_ead_course_task_media_nav_bar a{
    width: 100%;
    margin: 0;
    background: #222;
}

.wc_ead_course_task_media_nav_bar .a:hover{
    background: #333 !important;
}

/*FÓRUM*/
.wc_ead_course_task_forum_header h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #555;
    margin: 0;
}

.wc_ead_course_task_forum_header p{
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 10px;
}
.plus2 .wc_ead_course_task_forum_header p {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 10px;
    color: #e78d0d;
}
.minus2 .wc_ead_course_task_forum_header p {
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 10px;
    color: #FF5722;
}

.wc_ead_course_task_forum_none {
    font-size: 1.2em;
    text-align: center;
    color: #a4baba;
    font-weight: bold;
    margin: 20px;
}

.wc_ead_course_task_forum_ticket{
    display: block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #eee;
}

.wc_ead_course_task_forum_ticket:last-child{
    margin-bottom: 0;
}

.wc_ead_course_task_forum_ticket_thumb{
    display: inline-block;
    width: 15%;
    padding-right: 30px;
    vertical-align: top;
}

.wc_ead_course_task_forum_ticket_thumb img{
    padding: 5px;
    background: #eee;
}

.wc_ead_course_task_forum_ticket_thumb.admin .thumb{
    background: #00B494;
}

.wc_ead_course_task_forum_ticket_content{
    display: inline-block;
    width: 85%;
    padding: 20px;
    background: #fbfbfb;
    vertical-align: top;
}

.wc_ead_course_task_forum_ticket_header{
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.wc_ead_course_task_forum_ticket_header h1{
    font-size: 1em;
    font-weight: 500;
    color: #333;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #eee;
}

.wc_ead_course_task_forum_ticket_header span{
    display: inline-block;
    vertical-align: top;
}

.wc_ead_course_task_forum_ticket_header .user{
    font-weight: bold;
}

.wc_ead_course_task_forum_ticket_header .status{
    font-size: 0.7em;
    margin-left: 10px;
}

.wc_ead_course_task_forum_ticket_content .htmlchars{
    padding: 0;
}

.wc_ead_course_task_forum_ticket_line{
    padding: 2px;
    margin-top: 20px;
    background: #fff;
}

.wc_ead_course_task_forum_response .wc_ead_course_task_forum_ticket{
    margin: 0;
    border: 0;
    margin-top: 10px;
    padding: 10px 20px 0 20px;
    background: #fff;
}

.wc_ead_course_task_forum_ticket_actions{
    display: block;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.wc_ead_course_task_forum_ticket_new header{
    margin-bottom: 20px;
}

.wc_ead_course_task_forum_ticket_new header h1{
    font-size: 1.8em;
    font-weight: bold;
    color: #555;
}

.wc_ead_course_task_forum_ticket_new header p{
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
}

.wc_ead_course_task_forum_ticket_actions span{
    display: inline-block;
    margin-top: 20px;
    margin-left: 10px;
}

.wc_ead_course_task_forum_ticket_new .text_editor{
    padding: 0 8px;
    background: #F5F5F5;
}

.wc_ead_course_task_forum_ticket_new .form_actions{
    /*display: block;*/
    width: 100%;
    margin-top: 20px;
    text-align: right;
}

.wc_ead_course_task_forum_ticket_new .form_actions img{
    width: 25px;
    display: none;
}

.wc_ead_student_task_ticket_closed{
    padding: 30px;
    background: #fbfbfb;
}

.wc_ead_student_task_ticket_closed h3{
    font-size: 2em;
    font-weight: 500;
}

.wc_ead_student_task_ticket_closed p{
    margin-top: 20px;
}

.wc_ead_student_task_ticket_closed a{
    color: #008068;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.wc_ead_student_task_ticket_closed_icon{
    font-size: 8em;
    text-shadow: 0 8px #fff;
}

.wc_ead_student_task_ticket_closed a:hover{
    color: #00B494;
}

.wc_ead_course_task_modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}

.wc_ead_course_task_modal_content{
    position: relative;
    width: 640px;
    max-width: 90%;
    background: #fff;
    margin: auto;
}

.wc_ead_course_task_modal_content_close{
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 0.8em;
}

.wc_ead_course_task_modal_content_icon{
    font-size: 3em;
}

.wc_ead_course_task_modal_content header{
    line-height: 1;
    text-align: center;
    padding: 30px 10px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.wc_ead_course_task_modal_content .review{
    background: #096397;
}

.wc_ead_course_task_modal_content .reply{
    background: #008068;
}

.wc_ead_course_task_modal_content header h1{
    font-size: 1.6em;
    margin-bottom: 5px;
}

.wc_ead_course_task_modal_content_desc{
    padding: 20px;
}

.wc_ead_course_task_modal_content_desc label{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wc_ead_course_task_modal_content_desc label .span{
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 8px;
}

.wc_ead_course_task_modal_content_desc label select,
.wc_ead_course_task_modal_content_desc label textarea{
    resize: none;
    border: 2px solid #ccc;
    background-color: #fff;
    font-size: 1em;
}

.wc_ead_course_task_modal_content_desc .form_actions{
    text-align: right;
}

.wc_ead_course_task_modal_content_desc .form_actions img{
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-top: -2px;
    display: none;
}


/*CERTIFICATION*/
.wc_ead_certificate{
    width: 3508px;
    position: relative;
    left: 0;
    top: 0;
    background: #fff;
}

.wc_ead_certificate_name{
    position: absolute;
    left: 1100px;
    top: 850px;
    font-size: 160px;
    font-weight: bold;
    line-height: 0;
    text-transform: uppercase;
}

.wc_ead_certificate_course{
    position: absolute;
    left: 1100px;
    top: 1420px;
    font-size: 105px;
    font-weight: bold;
    line-height: 0;
    text-transform: uppercase;
}

.wc_ead_certificate_document{
    position: absolute;
    left: 1100px;
    top: 1650px;
    font-size: 80px;
    font-weight: bold;
    line-height: 0;
    text-transform: uppercase;
    color: #555;
}

.wc_ead_certificate_workload{
    position: absolute;
    left: 1100px;
    top: 1750px;
    font-size: 80px;
    font-weight: bold;
    line-height: 0;
    text-transform: uppercase;
    color: #555;
}

.wc_ead_certificate_validate{
    position: absolute;
    left: 1000px;
    width: 2508px;
    bottom: 0;
    font-size: 30px;
    font-weight: bold;
    line-height: 0;
    text-transform: uppercase;
    color: #555;
    text-align: center;
    padding: 70px 0;
    color: #ccc;
}


.wc_ead_certificate_overload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: #000;
}

.wc_ead_certificate_overload_box{
    display: block;
    color: #fff;
    text-align: center;
    margin: auto;
}

.wc_ead_certificate_overload_box p{
    font-size: 1em;
    font-weight: 500;
    margin-top: 15px;
    text-transform: uppercase;
}

/*new theme*/
.bg_default, .dash_header_view figure:before, .dash_header_view figure:after {
    background: #2e4051 !important;
}
.dash_nav {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 60px;
    overflow: hidden;
    -webkit-transition: width .09s linear;
    transition: width .09s linear;
    -webkit-transform: translateZ(0) scale(1,1);
    z-index: 9999;
}
.dash_nav:hover {
    width: 200px;
}
.nav:first-child {
    padding-top: 1.0em;
}

ul {
    list-style: none;
}
.nav_items {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    border-bottom: 0px solid #4285f4;
    box-shadow: 0px 1px 9px -5px #dadadb;
}
.menu_parent {
    position: relative;
}
.menu_parent img {
    width: 55px;
    padding: 2px;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.sub_menu {
    visibility: hidden;
    width: 240px;
    line-height: 1.6;
    opacity: 0;
    position: absolute;
    top: 55px;
    right: 0;
    padding: 8px 15px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.5);
    transform: translateY(-2em);
    transition: all .3s ease-in-out 0s,visibility 0s linear .3s,z-index 0s linear .01s;
}

.sub_menu:before{
    position:absolute;
    top:-5px;
    width:12px;
    height:12px;
    content:'';
    box-shadow:3px 3px 4px rgba(0,0,0,.1);
    -webkit-transform:rotate(225deg);
    transform:rotate(225deg);
    background:#fff;
    border-bottom:0;
    border-right:0;
    right:21px;
}

.sub_menu a{
    position:relative;
    display:block;
    text-align:left;
    margin:8px 0;
}
.sub_menu li a:hover {
    color: #606f89;
    font-weight: bold;
}
.menu_parent:focus .sub_menu, .menu_parent:focus-within .sub_menu, .menu_parent:hover .sub_menu{
    visibility:visible;
    opacity:1;
    z-index:99;
    transform:translateY(0%);
    transition-delay:0s,0s,0.3s;
}
.nav_items a {
    position: relative;
    display: inline-block!important;
    padding-left: 10px;
    transition: all .3s ease;
    margin-right: 10px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 100;
    font-size: 1em;
}
.nav_items a i {
    float: left;
    font-size: 2.4em;
}
.nav_items span {
    position: relative;
    display: flex;
    top: 15px;
    left: 5px;
    font-weight: bold;
}
.nav>li>a:focus, .nav>li>a:hover {
    color: #212121;
}
.nav_items a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease;
    z-index: -10;
}
/*tarefa*/
.dash_main {
    flex: 1;
    position: relative;
    padding: 25px 25px 5px 25px;
    background: #dee1e3;
}
.dash_main .header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    margin: -25px -25px 25px -25px;
    background-color: #fff;
    padding: 0 25px;
}
.dash_search {
    position: absolute;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 8;
    padding: 20px 25px;
}
.close_search {
    position: absolute;
    right: 20px;
    padding: 8px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}
.dash_search form {
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
}
.bg_ead_novo{
    background-color: #FFFFFF !important;
    color:#999C9E!important;
}
.dash_search form input {
    position: relative;
    width: 86%;
    height: 45px;
    padding-right: 40px;
    font-size: 1em;
    color: #242424;
    border: 1px solid transparent;
    background-color: #E7EAEC !important;
    border-radius: 4px;
    overflow: hidden;
}
.dash_search form button {
    position: absolute;
    padding: 0 20px;
    height: 45px;
    right: 20px;
    color: #fff;
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 0 4px 4px 0;
}
.header_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 25px;
    margin: -25px -25px 25px -25px;
    box-shadow: 0 0 10px rgba(17,17,17,0.35);
    background: #e7eaec;
    color: #999;
}
.header_section h1 {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 32px;
}
.header_section a {
    color: #637395;
    text-decoration: none;
}
.wc_ead_home_header h1 {
    color: #8c8b8b;
    margin: 10px 0px 10px 0px;
}
.flex_dash.jwc_ead_restrict a {
    color: #fff;
    text-decoration: none;
}

/*alinhar depois*/


/**/
.wc_tooltip {
    display: inline-block;
/*    vertical-align: top;    */
    z-index: 1;
    font-size: 1.0em;
}
.dash_thumb .wc_tooltip {
    display: inline-block;
    vertical-align: top;
    position: absolute!important;
    z-index: 1;
    font-size: 1.2em;
}
.wc_tooltip span {
    font-size: 0.7em;
    line-height: 17px;
}
.dash_previous_next a{
    text-decoration: none;
}
.dash_previous_next .icon {
    font-size: 2em;
    flex-basis: 10%;
}
.dash_previous_next .icon_left {
    padding-right: 10px;
}
.dash_previous_next .icon_right {
    padding-left: 10px;
}
.flex_dash_task {
    position: relative;
    display: block;
    margin: -25px;
}
.dash_course_task {
    display: block;
}
.flex_dash_task header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px 25px 25px;
    text-transform: lowercase;
    font-size: 1.5em;
    font-variant: small-caps;
    color: white;
}
.dash_course_task header ul li {
    flex-grow: 1;
}
.flex_dash_task header ul a {
    color:#999C9E!important;
    text-decoration: none;
}
.dash_course_task header ul li:nth-child(2) {
    flex-grow: 2;
    text-align: right;
}
.dash_course_task span {
    margin-left: 18px;
    font-size: 0.7em;
}
.dash_course_task i {
    font-size: 1.0em;
    margin-right: 1px;
}
.dash_previous_next {
    padding-right: 0 !important;
}
.bg{
    background: black;
    border-bottom: 1px solid #444;
}
.dash_previous_next {
    margin-top: -10px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    padding: 0 25px;
    background-color: #000;
    /* border-bottom: 1px solid #444; */
}
.dash_previous_next .dash_button:first-child {
    border-right: 1px solid #444;
/*    padding-left: 50px;*/
}
.dash_previous_next .dash_button:nth-child(2) {
    justify-content: flex-end;
    padding-right: 50px;
    padding-left: 20px;
    display: flex;
    align-items: center;
    flex-basis: 50%;
    color: #777777;
    text-decoration: none;
    font-size: 0.8em;
    padding: 20px;
}
.dash_previous_next .dash_button {
    position: relative;
    display: flex;
    align-items: center;
    flex-basis: 50%;
    height: 65px;
    color: #777;
    font-size: .9em;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}

.dash_previous_next .dash_button span b {
    display: block;
}
.dash_previous_next .dash_button:hover {
    color: #fff;
}
.dash_check {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 20%;
    text-align: center;
    margin-left: 20px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 0.8em;
    text-transform: lowercase;
    font-variant: small-caps;
    border-left: 1px solid #444;
    background-color: #1f9e43;
    color: #fff;
}
.jwc_ead_task {
    background-color: #1f9e43;
}
.dash_embed {
    position: relative;
    width: 100%;
    margin: auto;
    background-color: #000;
}
.dash_embed .embed-container {
    position: relative;
    padding-bottom: 50.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.dash_buttons_default {
    position: relative;
    width: 100%;
    border-top: 5px solid #000;
    border-bottom: 1px solid #dedfe0;
    background-color: #fff;
}
.dash_buttons_default .content {
    text-align: center;
}
.dash_buttons_content {
    width: 92%!important;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    padding: 10px!important;
}
.dash_view_class_content.htmlchars h5 {
    display: block;
    font-size: 2.0em;
    font-weight: bold;
    margin-bottom: 33px;
}
.dash_view_class_content.htmlchars {
    padding: 40px 60px 10px 60px;
}
.content {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0px;
}
.menu_doubts {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
}
.menu_doubts li.notUnderline {
    border-color: #dee1e3;
}
.menu_doubts li {
    position: relative;
    margin-left: 2px;
    padding: 10px;
    text-transform: lowercase;
    font-variant: small-caps;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}
.menu_doubts li:hover {

}
.annotation_button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
}
.annotation_button li:hover {
    border-bottom: 4px solid transparent;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    background: #FFC107;
}
.annotation_button li {
    background: rgb(255, 153, 7);
    color: #ffffff;
    position: relative;
    margin-left: 0px;
    padding: 0 14px;
    height: 42px;
    line-height: 44px;
    text-transform: lowercase;
    font-variant: small-caps;
    cursor: pointer;
    border-bottom: 4px solid transparent;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    border-radius: 5px;
}
.menu_doubts li.wc_ead_mysupport{
        background: #00B494;
}
.menu_doubts li.wc_ead_allsupport{
        background: #3366cc;
}
.menu_doubts .btn_green {
    background: #00B494!important;
}
.menu_doubts .btn_blue {
    background: #3366cc!important;
}
.menu_doubts li.underline {
    border-color: #7bad54;
    color: #7bad54;
}
.dash_comment {
    position: relative;
    list-style: none;
    max-width: 960px;
    width: 100%;
    margin: 60px auto;
    padding: 0 25px;
}
.wc_ead_course_task_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}
.wc_ead_course_task_modal_content {
    position: relative;
    width: 640px;
    max-width: 90%;
    background: #dedede;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.05), 0 0 5px 2px rgba(0,0,0,0.20);
}
.wc_ead_course_task_modal_content_close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -20px;
    top: -20px;
    font-size: .8em;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}.wc_ead_course_task_modal_content_desc {
    padding: 30px 20px;
}
.wc_ead_course_task_modal_content_desc {
    padding: 30px 20px;
}
.wc_ead_course_task_modal_content_desc label {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.wc_ead_course_task_modal_content_desc label .span {
    display: block;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.wc_ead_course_task_modal_content_desc label select, .wc_ead_course_task_modal_content_desc label textarea {
    resize: none;
    border: 2px solid #ccc;
    background-color: #fff;
    font-size: 1em;
}
.wc_ead_course_task_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99;
}
.wc_ead_course_task_modal_content {
    position: relative;
    width: 640px;
    max-width: 90%;
    background: #dedede;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.05), 0 0 5px 2px rgba(0,0,0,0.20);
}
.wc_ead_course_task_modal_content_close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -20px;
    top: -20px;
    font-size: .8em;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.wc_ead_course_task_modal_content_desc label {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.wc_ead_course_task_modal_content_desc label .span {
    display: block;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}
.wc_ead_course_task_modal_content_desc label select, .wc_ead_course_task_modal_content_desc label textarea {
    resize: none;
    border: 2px solid #ccc;
    background-color: #fff;
    font-size: 1em;
}
.dash_comment textarea {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: .9375em;
    line-height: 1.43;
    color: #29303b;
    resize: none;
    background-color: #fff;
    border: 1px solid #cacbcc!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
}
.wc_ead_course_task_modal_content_desc .form_actions {
    justify-content: flex-end;
}
.form_actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dash_comment .form_actions button {
    position: relative;
    display: flex;
    height: 42px;
    min-width: 220px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    border: 1px solid #d1343a;
    background-color: #d1343a;
    border-radius: 3px;
    cursor: pointer;
}
.load_form {
    position: absolute;
    display: none;
    right: 10px;
    height: 28px;
    width: 28px;
    animation: rotate .8s infinite linear;
    border: 4px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
}
.dash_comments.user_comment {
    color: #808080;
}
.dash_comments {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 10px 20px 0 20px;
    background-color: #eee;
    border: 1px dashed #808080;
    border-radius: 4px;
}
.dash_comments.author_comment {
    color: #60686d;
    max-width: 860px;
    margin-left: auto;
    justify-content: flex-end;
}
.dash_comments .status {
    position: absolute;
    top: -12px;
    right: 5%;
    text-transform: lowercase;
    z-index: 1;
}
.dash_comments .box_date_annotation {
    position: absolute;
    top: -12px;
    right: 5%;
    z-index: 1;
}
.dash_comments .info_comment {
    text-align: center;
}
.dash_comments .title_annotation {
    width: 70%;
    text-align: left;
}
.dash_comments .title_annotation .info_title {
    display: block;
    text-decoration: none;
    color: #656c71;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0 3px 0;
}
.dash_comments .info_comment .info_name {
    display: block;
    text-decoration: none;
    color: #656c71;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 0 3px 0;
}
.info_comment .info_data {
    display: block;
    font-size: 11px;
}
.dash_comments.user_comment .avatar_comment {
    padding: 10px 18px 0 3px;
}

.dash_comments.user_comment .avatar_comment img {
    float: right;
}
.dash_comments .avatar_comment img {
    display: block;
    border-radius: 50%;
}
.dash_question_action {
    position: relative;
    display: flex;
    bottom: -10px;
    right: 5%;
    z-index: 2;
    font-size: 1.2em;
    float: right;
}
.dash_question_action .dash_btn_item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border: 1px solid #808080;
    border-radius: 3px;
    color: #808080;
    margin-left: 2px;
    padding: 0 8px;
    font-size: .8em;
    height: 30px;
    cursor: pointer;
}
.dash_comments p {
    line-height: 1.5;
    padding: 18px 0;
    position: relative;
    word-wrap: break-word;
}
.dash_comment .support_task {
    display: block;
    position: relative;
    padding: 30px;
    margin: 30px 0 50px 0;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 8px 15px rgba(0,0,0,0.05), 0 0 5px 2px rgba(0,0,0,0.20);
}
.dash_comment textarea {
    display: block;
    width: 100%;
    padding: 12px;
    font-size: .9375em;
    line-height: 1.43;
    color: #29303b;
    resize: none;
    background-color: #fff;
    border: 1px solid #cacbcc!important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
}
.form_actions {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dash_comment .form_actions .reset {
    border-color: #007791;
    background-color: transparent;
    color: #007791;
}
.dash_comment .form_actions button {
    position: relative;
    display: flex;
    height: 42px;
    min-width: 220px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    border: 1px solid #d1343a;
    background-color: #d1343a;
    border-radius: 3px;
    cursor: pointer;
}
.dash_comment .form_actions button {
    position: relative;
    display: flex;
    height: 42px;
    min-width: 220px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 1px;
    border: 1px solid #d1343a;
    background-color: #d1343a;
    border-radius: 3px;
    cursor: pointer;
}
.dash_box_download {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 480px;
    height: 100%;
    background: rgba(255,255,255,0.9);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: -5px 0 5px -5px #333;
    overflow: auto;
    z-index: 99;
}
.dash_box_download header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    background-color: #f2f3f5;
    border-bottom: 1px solid #ccc;
    text-align: center;
    text-transform: uppercase;
}
.dash_box_download button {
    position: absolute;
    left: 30px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    color: #d1343a;
    background-color: transparent;
    border: 1px solid #d1343a;
    border-radius: 50%;
}
.dash_folder_content {
    position: relative;
    padding: 30px;
}
.dash_folder_content .folder_title {
    display: block;
    margin-bottom: 12px;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1.3em;
}
.dash_folder_content small {
    display: block;
    font-size: .75em;
    padding-bottom: 20px;
}
.flex_dash {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-right: -10px;
    margin-left: -10px;
}

.flex_dash .item {
    flex-basis: calc(25% - 20px);
    position: relative;
    /*margin: 10px 10px 40px 10px;*/
    border: 1px solid #bbb;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(232,255,255,.5);
    /*overflow: hidden;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.item .expirado {
    text-align: center;
    background: #F45563;
    padding: 20px;
    color: #fff;
    font-size: 1.1em;
}
.item .expirando {
    text-align: center;
    background: #ed7814;
    padding: 10px;
    color: #fff;
    font-size: 1.1em;
    width: 100%;
}
.item .expirando span{
    font-size: 0.7em
}
.item .course_bonus {
    text-align: center;
    background: #498845;
    padding: 20px;
    color: #fff;
    font-size: 1.1em;
    width: 100%;
}
.item .assinatura {
    text-align: center;
    background: #498845;
    padding: 20px;
    color: #fff;
    font-size: 1.1em;
    width: 100%;
}
.item .certification_pending {
    text-align: center;
    background: #607D8B;
    padding: 20px;
    color: #fff;
    font-size: 1.1em;
    width: 100%;
}
.item .certification_pending span{
    font-size: 0.7em
}
.flex_dash .item:last-child {
    margin-right: 0;
}
.item .dash_thumb {
    position: relative;
    /*overflow: hidden;*/
}
.dash_print_bonus {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
}
.figure .src_components {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    background-size: auto auto;
    background-size: 20%;
    -webkit-transition: .36s ease-out;
    -moz-transition: .36s ease-out;
    transition: .36s ease-out;
    -o-transition: .36s ease-out;
}
.dash_thumb .figure {
    display: block;
    position: relative;
}
.dash_thumb:hover .src_components {
    background-color: rgba(0,0,0,0.3);
    transition-duration: .3s;
}
.dash_details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 95px;
    padding: 0 15px;
    text-align: center;
    color: #333;
}
.dash_details h1 {
    display: block;
    font-size: 1.1em;
    text-transform: lowercase;
    font-variant: small-caps;
    letter-spacing: 2px;
    margin: 0 0 10px 0;
    font-weight: bold;
}
.dash_info {
    display: flex;
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    color: #9898a6;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
}
.dash_card {
    -webkit-box-flex: 2;
    flex-grow: 2;
    height: 100%;
    text-align: center;
    text-transform: lowercase;
    border-right: 1px solid #bbb;
}
.dash_card:nth-child(3) {
    border-right: 0;
}
.dash_info a {
    color: #9898a6;
}
.dash_info a {
    color: #9898a6;
}
.dash_hide {
    position: absolute;
    top: 100%;
    color: #fff!important;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.dash_info:hover>.dash_hide {
    top: 0;
}
.dash_mobile {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    color: #333;
    text-align: center;
    width: 60px;
    height: 80px;
    line-height: 80px;
    cursor: pointer;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    filter: alpha(opacity=80);
    opacity: .8;
    -moz-opacity: .8;
    -webkit-opacity: .8;
    z-index: 10;
}
.support {
    display: flex;
    width: 415px;
    position: fixed;
    z-index: 98;
    right: 0;
    top: 15%;
    padding: 12px;
    margin-right: -10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    animation: anime .2s 0s 1 both;
    -webkit-animation: anime .2s 0s 1 both;
    -webkit-user-select: none;
    box-shadow: 0 0 20px -3px rgba(0,0,0,.45), 0 8px 6px -6px rgba(0,0,0,.8);
    background-image: url(images/suport.svg);
    background-color: #4285f4;
    background-repeat: no-repeat;
    background-position: 5px 14px;
}


.support:hover{
    -webkit-animation-iteration-count:1;
    -webkit-animation:animeover .2s 0s 1 both;
    animation:animeover .2s 0s 1 both;
}
@keyframes animeover{from{margin-right:-360px}to{margin-right:-160px}}
@-webkit-keyframes animeover{from{margin-right:-360px}to{margin-right:-160px}}
@keyframes anime{from{margin-right:-200px}to{margin-right:-360px}}
@-webkit-keyframes anime{from{margin-right:-200px}to{margin-right:-360px}}
.support_text {
    padding-left: 60px;
    text-align: center;
    color: #fff;
    text-decoration:none;
    display: inline-block
}
.support_text p:nth-child(2) {
    font-size: .9375em;
}
.flex_dash .item:last-child {
    margin-right: 0;
}

/*modal*/
.wc_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 201;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: all 0.3s linear;
}
.wc_modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    z-index: 99;
    top: -100%;
}

.wc_modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.wc_modal-header {
    padding: 15px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.support_close {
    float: right;
    height: 30px;
    width: 30px;
    line-height: 20px;
    padding: 2px;
    border: solid 1px #999;
    margin: 0;
    font-size: 1.6em;
    text-align: center;
    background-clip: content-box;
    background-color: rgb(216, 216, 216);
    border-radius: 50%;
    cursor: pointer;
}
.support_close:hover {
    border-color: #cf2020;
    background-color: #cf2020;
    color: #fff;
}
.wc_modal span.icon-cross {
    font-size: 0.59em;
    color: #6e6d6d;
    margin: 5px 0px 0px 5px;
}
.wc_modal span.icon-cross:hover {
    color: #fff;
}
.modal-title {
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 0 15px 0;
}
.wc_modal-header {
    padding: 15px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.support_modal {
    position: relative;
    margin: 20px 25px;
}
.dash_scale {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 0.1;
    font-weight: 400;
    font-size: 0.9375em;
    margin: 8px 0 8px 0;
}
.dash_scale li {
    position: relative;
    width: 29px;
    height: 29px;
    background-color: transparent;
    padding: 0px;
}
.dash_scale input[type=radio] {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0;
    margin: 0px;
    padding: 0px;
}
.dash_scale label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: rgb(70, 70, 70);
    cursor: pointer;
    padding: 2px;
    background-color: transparent;
    border: 1px solid rgb(70, 70, 70);
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.dash_scale li:nth-child(-n+2) input[type=radio]:checked + label, .dash_scale li:nth-child(-n+2) label:hover {
    background: rgb(220,20,60);
    border-color: rgb(220,20,60);
    background-clip: content-box;
    color: #fff;
}
.dash_scale li:nth-child(n+3):nth-child(-n+4) input[type=radio]:checked + label, .dash_scale li:nth-child(n+3):nth-child(-n+4) label:hover {
    background: rgb(255,140,0);
    border-color: rgb(255,140,0);
    color: #fff;
    background-clip: content-box;
}
.dash_scale li:nth-child(n+5):nth-child(-n+6) input[type=radio]:checked + label, .dash_scale li:nth-child(n+5):nth-child(-n+6) label:hover {
    background: rgb(34,139,34);
    border-color: rgb(34,139,34);
    background-clip: content-box;
    color: #fff;
}
.dash_legend {
    display: inline-block;
    margin-bottom: 15px;
    line-height: 1.5;
    width: 100%;
    color: rgb(70, 70, 70);
}
.dash_legend span {
    font-size: 0.8125em;
}
.dash_legend span:nth-child(2) {
    float: right;
}
.support_modal textarea {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    font-size: 1em;
    border-radius: 3px;
    color: #4b5561;
    resize: none;
    margin-bottom: 35px;
    background-color: #e2e4e6;
    border: 1px solid #cdd2d4;
}
.support_modal img {
    position: absolute;
    display: none;
    width: 52px;
    height: 52px;
    right: -13px;
    bottom: -23px;
    border-radius: 50%;
    background-color: #e2e4e6;
    border: 4px solid #e2e4e6;
    z-index: 10;
}
.btn_support {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35%;
    height: 50px;
    font-size: 0.9em;
    color: #fff;
    border-radius: 3%;
    border: 1px solid transparent;
    cursor: pointer;
    outline: 0 none;
    float: right;
    margin-bottom: 20px;
}
@media (min-width: 48em){
.wc_modal-dialog {
    width: 600px;
    margin: 30px auto;
}
.wc_modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
}
@media (min-width: 62em){
.wc_modal-lg {
    width: 700px;
}
}
/**/
.dash_header_view {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    position: relative;
    margin: -25px -25px 25px;
    overflow: hidden;
    background-color: #2e4051 !important
}
.dash_header_img {
    flex: 53%;
}

.dash_aside {
    position: relative;
    flex: 1 1 47%;
    max-height: 450px;
    color: #fff;
}
.dash_header_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-left: 80px;
}
.dash_header_info h1 {
    display: block;
    font-size: 1.1em;
    font-weight: 900;
    letter-spacing: 1px;
    text-shadow: 3px 3px 0 rgba(0,0,0,.15);
    text-transform: uppercase;
    word-break: break-all;
    color: #fff;
    margin: 0;
}
.dash_header_info ul {
    text-align: left;
}
.dash_header_info li {
    position: relative;
    line-height: 2;
    font-weight: bold;
}
.dash_header_info i {
    font-size: 1.4em;
    margin-right: 10px;
}
.dash_header_info li:nth-child(4) {
    margin-top: 30px;
}
.dash_header_info li a:last-child {
    display: inline-block;
    height: 50px;
    padding: 0 28px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    line-height: 46px;
    text-align: center;
    z-index: 2;
    font-size: 1.0em;
    text-decoration: none;
}
.dash_header_info li a:last-child {
    display: inline-block;
    height: 50px;
    padding: 0 28px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    line-height: 46px;
    text-align: center;
    z-index: 2;
    font-size: 1.0em;
    text-decoration: none;
}
.dash_header_info li a:hover {
    color: #fff;
    border: 2px solid #d0d0d0;
    background: #a1a1a1;
    text-decoration: none;
}
.progress {
    display: block;
    width: 30%!important;
    background: #333;
}
.wc_ead_course_module_class{
    display: block;
    background: #f9f9f9;
    opacity: .7;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
}
.wc_ead_course_module_class.list a:hover{
    text-decoration: none;
}
.dash_view_course_module_class_link {
    display: flex;
    flex-wrap: nowrap;
    text-decoration: none;
    padding: 15px;
}
.dash_view_course_module_class_row.title {
    flex-basis: 40%;
    text-align: left;
}
.dash_view_course_module_class_row {
    flex-basis: 20%;
    text-align: center;
    font-size: .8em;
    font-weight: 100;
    color: #555;
    font-family: sans-serif;
    letter-spacing: 0.1em;
}


@media (max-width: 62.5em){
.flex_dash, .chargeback_container {
    flex-direction: column;
}
}

@media (max-width: 87.5em){
.flex_dash .item {
    flex-basis: calc(33.33% - 20px);
}
}
@media (max-width: 81.25em){
.flex_dash .item {
    flex-basis: calc(50% - 20px);
}
}
@media (max-width: 63.75em){
.dash_header_img {
    flex: 100%;
}
.dash_header_info {
    padding: 30px 20px;
    align-items: center;
    text-align: center;
}
.progress {
    display: block;
    width: 100%!important;
    background: #333;
}
}
@media (max-width: 52.5em){
.flex_dash_task header ul {
    flex-direction: column;
    min-height: 85px;
}
}
@media (max-width: 40em){
.dash_view_course_module_class_row.title {
    flex-basis: 100%;
}
p.dash_view_course_module_class_row {
    display: none;
}
.dash_previous_next .dash_button span span {
    display: none;
}
.form_actions {
    flex-direction: column;
    width: 100%;
}
.dash_comment .form_actions button {
    margin-bottom: 10px;
}
.dash_comment .form_actions .reset {
    order: 1;
}
.flex_dash_task header ul a {
    font-size: 0.7em;
}
}
@media (max-width: 34.375em){
.dash_nav {
    margin-left: -60px;
}
.dash_main {
    margin-left: 0;
}
.dash_search form {
    margin-left: 50px;
}
.close_search {
    right: 8px;
}
.header_section {
    flex-direction: column;
    text-align: center;
}
.dash_mobile, .dash_nav footer {
    display: block;
}
}
@media (max-width: 29.6875em){
.flex_dash_task span {
    margin-left: 0;
}
}
@media (max-width: 26.875em){
.bar-line, .dash_title:before, .dash_header_img {
    display: none;
}
}
.dash_aside .wc_tooltip_balloon {   
     padding: 0px;    
}
.jwc_allsupport .htmlchars.annotation{
    padding: 0 30px 0 0;
}
.jwc_allsupport .htmlchars, .jwc_mysupport .htmlchars{
    padding: 0 30px;
    text-align: left;
}
.jwc_allsupport .htmlchars p, .jwc_mysupport .htmlchars p{
    margin-bottom: 0px;
}
/*
----------------------------------------------------
Tela de login
----------------------------------------------------
*/
.form-panel {
    padding: 60px calc(5% + 60px) 60px 60px;
    box-sizing: border-box;
}
.form-header {
    margin: 0 0 40px;
}
.form-header h1 {
    padding: 4px 0;
    color: #4285F4;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}
.form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}
.form-group label {
    display: block;
    margin: 0 0 10px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.form-group input {
    outline: none;
    display: block;
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 20px;
    color: rgba(0, 0, 0, 0.6);
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    transition: 0.3s ease;
}
.form-group button {
    outline: none;
    background: #4285F4;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    text-transform: uppercase;
    cursor: pointer;
}
.form {
    z-index: 15;
    position: relative;
    background: #FFFFFF;
    width: 600px;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.74);
    box-sizing: border-box;
    margin: 60px auto 10px;
    overflow: hidden;
}
.form-toggle {
    z-index: 10;
    position: absolute;
    top: 60px;
    right: 60px;
    background: #FFFFFF;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(0, -25%) scale(0);
    transform: translate(0, -25%) scale(0);
    opacity: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}
.form-toggle:before, .form-toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 4px;
    background: #4285F4;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.form-toggle:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.form-toggle:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.form-toggle.visible {
    -webkit-transform: translate(0, -25%) scale(1);
    transform: translate(0, -25%) scale(1);
    opacity: 1;
}
.form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}
.form-group:last-child {
    margin: 0;
}
.form-group label {
    display: block;
    margin: 0 0 10px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .2em;
}
.two .form-group label {
    color: #FFFFFF;
}
.form-group input {
    outline: none;
    display: block;
    background: rgb(245, 245, 245);
    width: 100%;
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 20px;
    color: rgba(0, 0, 0, 0.6);
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    transition: 0.3s ease;
}
.form-group input:focus {
    color: rgba(0, 0, 0, 0.8);
}
.two .form-group input {
    color: #000000;
}
.two .form-group input:focus {
    color: #000000;
}
.form-group button {
    outline: none;
    background: #4285F4;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 12px 20px;
    color: #FFFFFF;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    text-transform: uppercase;
    cursor: pointer;
}
.two .form-group button {
    background: #FFFFFF;
    color: #4285F4;
}
.form-group .form-remember {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}
.form-group .form-remember input[type='checkbox'] {
    display: inline-block;
    width: auto;
    margin: 0 10px 0 0;
}
.form-group .form-recovery {
    color: #4285F4;
    font-size: 12px;
    text-decoration: none;
}
.form-panel {
    padding: 60px calc(5% + 60px) 60px 60px;
    box-sizing: border-box;
}
.form-panel.one:before {
    content: '';
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}
.form-panel.one.hidden:before {
    display: block;
    opacity: 1;
    visibility: visible;
}
.form-panel.two {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 95%;
    background: #4285F4;
    width: 100%;
    min-height: 100%;
    padding: 10px calc(10% + 60px) 40px 60px;
    transition: 0.3s ease;
    cursor: pointer;
}
.form-panel.two:before, .form-panel.two:after {
    content: '';
    display: block;
    position: absolute;
    top: 60px;
    left: 1.5%;
    background: rgba(255, 255, 255, 0.2);
    height: 30px;
    width: 2px;
    transition: 0.3s ease;
}
.form-panel.two:after {
    left: 3%;
}
.form-panel.two:hover {
    left: 93%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.form-panel.two:hover:before, .form-panel.two:hover:after {
    opacity: 0;
}
.form-panel.two.active {
    left: 0%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: default;
}
.form-panel.two.active:before, .form-panel.two.active:after {
    opacity: 0;
}
.form-header {
    margin: 0 0 25px;
}
.form-header h1 {
    padding: 4px 0;
    color: #4285F4;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.two .form-header h1 {
    position: relative;
    z-index: 40;
    color: #FFFFFF;
}
.login_link {
    font-size: 0.9em;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
    padding-top: 20px;
}
.login_link a{
    text-decoration: none;
    color: #4285f4;
    font-weight: 600;
}
.login_link a:hover{
    color: #616161;
}
@media(max-width: 468px){
    .form{
        width: 100%;
    }
    .form-panel{
        padding: 60px calc(1% + 30px) 60px 20px;
    }
    .form-panel.two{
        padding: 0px calc(1% + 50px) 60px 20px;
    }
    .form-toggle {
    position: absolute;
    top: 20px;
    right: 5px;
}
.form-header h1 {
    font-size: 16px;
}
}
.realtime_search {
    display: none;
    width: 90%;
    position: absolute;
    top: 46px;
    margin-left: 16px;
    padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);
    -ms-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);
    -o-box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);
    box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.5);
    z-index: 99;
}
.realtime_search ul {
    max-height: 370px;
    overflow-y: auto;
}
.realtime_search ul::-webkit-scrollbar {
    width: 7px;
    background-color: #ffffff;
}

.realtime_search ul::-webkit-scrollbar-thumb {
     background-color: transparent; 
     -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
   border-radius: 5px; 
}

.real_time_s {
    max-height: 300px;
    overflow-y: auto;
}
.real_time_s li {
    list-style: none;
    display: block;
    padding: 0;
    clear: both;
}

.realtime_search li a {
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    padding: 10px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    color: #505f6c;
}
.realtime_search li.text_type {
    background: #a6c0d2;
    padding: 10px;
    margin: 10px;
    color: #494949;
    width: 95%;
}

.real_time_s li a {
    background: #f1f1f1;
    float: left;
    width: 95%;
    margin: 4px 0 4px 10px;
}
.realtime_search li a:hover {
    background-color: #b6b6b6;
}
.realtime_search li a img {
    width: 50px;
    margin-right: 20px;
}
.real_time_s li a span b {
    display: block;
}
/*ANNOTATIONS*/
.annotation{
    margin-bottom: 30px;
}
.questions-panel-base--content--3oHbD {
    left: 21px;
    padding: 15px 15px 40px 15px;
    background-color: #f0f0f0;
    width: 92%;
    margin: 0 auto;
}
.text_annotation {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #7a7878;
}
.question-editor--title-editor--2n8ko {
    margin-top: 10px;
    margin-bottom: 15px;
}
.input-sm, .form-group-sm .form-control, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 1.287;
    border-radius: 2px;
}
.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.43;
    color: #29303B;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CACBCC;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color ease-in-out .08s,box-shadow ease-in-out .08s;
}
.question-editor--buttons--1NiZo {
    margin-top: 15px;
}
.btn-toolbar {
    margin-left: -5px;
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-left: 5px;
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn_grenn {
    color: #FFF;
    background-color: #6a9f6c;
    border: 1px solid transparent;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px;
}

.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
    margin-left: 5px;
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}
.btn-tertiary {
    color: #007791;
    background-color: #e39c34;
    border: 1px solid transparent;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 6px 10px;
    font-size: 15px;
    line-height: 1.35135;
    border-radius: 2px;
}
.btn_coment {
    display: inline-block;
    cursor: pointer;
    padding: 7px 12px;
    margin-top: 2px;
    font-size: 0.9em;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
    border: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px #555;
}
.questions-panel-base--content--3oHbD .btn{
    float: left;
    margin-right: 20px;
}

#containerTopo{ 
        margin-bottom: 50px;
        margin-top: 35px;
	width:100%; 
	color:#FFFFFF;
	/*border-bottom:4px solid #cba4cd;*/
}
#topo {
    display: none;
    width: 100%;
    /* height: 375px; */
    margin: 0 auto;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 50px;
}
.minus2{
    /* margin-top: -25px; */
}    
#icone2{
    /* position: absolute; */
    /* margin-top: -26px; */
    /* height: 24px; */
    /*background-color: #fbf5e9;*/
    /* width: 62%; */
    cursor: pointer;
}
.plus2 H4, .minus2 h4{
    width: 95%;
    padding-left: 30px;
    color: #b38ba4;
    text-align: center;
    font-size: 1.6em;
    margin-top: -6px;
    font-weight: bold;
}
/*.plus2{ background:url('./plus2.png') no-repeat; }
.minus2{ background:url('./minus2.gif') no-repeat; }*/
.float{ float:left }
.clear{ clear:both }
#menu{ height: 80px; background-color:#003399; }
.jw_annotation embed, .jw_annotation video, .jw_annotation iframe, .jw_annotation iframe[style] {
    max-width: 100%;
    height: 100px!important;
}
.jwc_js_annotation_edit h3{
    
}
/*ANOTAÇÔES DO VIDEO*/
.fix-nav-menu {
     position:fixed;
}
.stop-nav-menu {
    display: none;
}
.wc_ead_home_courses_course_bonus.wc_tooltip .wc_tooltip_balloon{
    margin-left: -180px;
    margin-bottom: 20px;
}
.wc_ead_home_courses_course_bonus.wc_tooltip .wc_tooltip_balloon::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 86%;
    margin-left: 0px;
    width: 0;
    height: 0;
    border-top: 8px solid #9d0606;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

/***********************************
######## MEDIA QUERIES EAD #########
***********************************/
@media(max-width: 66em){

    .wc_ead_content {
        width: 100%;
    }
    .wc_ead_home_student,
    .wc_ead_home_courses{
        width: 100%;
        padding: 0;
    }

    .wc_ead_home_student{
        margin: 0;
    }

    .wc_ead_course_module_class h1.row{
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .wc_ead_course_module_class .row{
        width: 50%;
        text-align: center;
        border: none;
    }

    .wc_ead_course_module_class .views{
        display: none;
    }

    .wc_ead_course_task_media_nav .a,
    .wc_ead_course_task_media_nav a{
        width: 100%;
    }

    .wc_ead_course_task_content_content{
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .wc_ead_course_task_content_content footer a{
        width: 99%;
    }

    .wc_ead_course_task_content_sidebar{
        width: 100%;
    }

    .wc_ead_course_task_content_sidebar .course_cover{
        display: none;
    }
    .dash_view_class_content.htmlchars h5 {
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    margin-bottom: 10px;
}
.dash_view_class_content.htmlchars {
    padding: 10px 60px 10px 60px;
    text-align: center;
}
.dash_comment {
    margin: 0;
}
.course_certification_text {
    padding: 20px 10px!important;
}
}

@media(max-width: 48em){
    .texto-button{
        display:none;
    }
    .wc_ead_studend_orders h1.row,
    .wc_ead_studend_orders .row{
        width: 100%;
        text-align: center;
        border-bottom: 1px dotted #ccc;
        padding: 10px;
    }
}

@media(max-width: 44em){
.box70 {
    width: 100%;
}
.box30 {
    display: none;
}
    .wc_ead_course_task_forum_ticket_thumb{
        display: none;
    }

    .wc_ead_course_task_forum_ticket_content{
        width: 100%;
    }
}
.wc_alert {
    display: inline-block;
    text-align: center;
    float: right;
    font-weight: 600;
    padding: 3px 8px;
    font-size: 0.7em !important;
    vertical-align: middle;
    color: #fff;
    cursor: inherit;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-shadow: 1px 1px 0 #777;
}

/***********************************
############################# WC EAD
***********************************/

.wc_ead_dashteach{
    text-align: center;
    font-size: 0.875em !important;
    color: #888 !important;
    line-height: 0.975;
}

.wc_ead_dashteach_count{
    font-size: 5.3em;
    display: block;
}

.wc_ead_dashstatus{
    font-size: 2em !important;
    text-align: center;
    font-weight: bold;
    color: #008068;
}

.wc_ead_dashstatus span{
    display: block;
    font-size: 0.4em;
    font-weight: 300;
    padding: 8px;
    background: #004838;
    color: #fff;
    margin-top: 11px;
    margin-bottom: -10px;
    line-height: 1.7em;
}

.wc_ead_dashstudent{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashstudent img{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.wc_ead_dashstudent h1,
.wc_ead_dashstudent p{
    display: inline-block;
    vertical-align: middle;
    width: 25%;
    text-align: right;
    font-size: 0.8em;
    font-weight: 500;
    padding: 0 20px;
}

.wc_ead_dashstudent h1{
    font-size: 1em;
    width: 40%;
    text-align: left;
}

.wc_ead_dashstudent h1 span{
    display: block;
    font-size: 0.7em;
    color: #888;
}

.wc_ead_dashsign{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashsign:last-of-type{
    padding-bottom: 5px;
}

.wc_ead_dashsign h1{
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    font-size: 1em;
    text-align: center;
    color: #fff;
}

.wc_ead_dashsign h1 a{
    color: #fff !important;
    padding: 14px 0;
}

.wc_ead_dashsign a{
    text-decoration: none;
    color: #008068;
}

.wc_ead_dashsign a:hover{
    color: #00A887;
}

.wc_ead_dashsign p{
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    font-size: 0.8em;
    padding: 0 15px;
}

.wc_ead_dashsign a,
.wc_ead_dashsign span{
    display: block;
    font-size: 1.2em;
}

.wc_ead_coursecover{
    position: relative;
}

.wc_ead_course:hover .wc_ead_course_segment{
    display: block;
}

.wc_ead_course_segment{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 6px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: 500;
    display: none;
}

.wc_ead_course_certification{
    position: absolute;
    top: 10px;
    right: 10px;
    text-shadow: 1px 1px #000;
    color: #fff;
    opacity: 0.7;
}

.wc_ead_course_delete:hover{
    background: #FF524F;
}

.wc_ead_course h1{
    font-size: 1.1em;
    font-weight: 500;
}

.wc_ead_course h1 a{
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #008068;
    border-bottom: 3px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.wc_ead_course h1 a:hover{
    text-decoration: underline;
}

.wc_ead_courseactions{
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center;
    background: #fbfbfb;
}

.wc_ead_course .btn{
    font-weight: 500;
    font-size: 0.875em;
    margin: 0;

}

.wc_ead_course h1 span{
    display: block;
    text-transform: uppercase;
    color: #888;
    font-size: 0.7em;
}

.wc_ead_courseauthor{
    position: absolute;
    right: 20px;
    bottom: -20px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px;
    background: #008068;
    border: 2px solid #fff;
}

.wc_ead_coursestats{
    display: block;
    width: 100%;
    margin: 10px 0;
}

.wc_ead_course.inactive .wc_ead_courseauthor{
    background-color: #FABB3D;
}

.wc_ead_coursestats span{
    display: inline-block;
    width: 50%;
    padding: 5px;
    border: 1px solid #fff;
    background: #fbfbfb;
    text-align: center;
    font-size: 0.8em;
}

.course_gerent_modules header{
    padding: 10px 20px;
}

.course_gerent_modules header h1{
    float: left;
    margin-top: 5px;
}

.course_gerent_modules header a{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.course_gerent_module{
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #fbfbfb;
}

.course_gerent_module:nth-child(2n+0){
    background: #fff;
}

.course_gerent_module .row_title{
    font-size: 1.1em;
    color: #333;
    font-weight: 300;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.course_gerent_module .row{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    text-align: right;
}

.course_gerent_module .row:last-child{
    width: 20%;
}

.course_gerent_module .row span{
    font-size: 0.7em;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    background: #eee;
    margin-left: 5px;
}

.course_gerent_module .row .btn{
    margin-left: 5px !Important;
}

.course_gerent_students img{
    display: inline-block;
    width: 20%;
}

.course_gerent_thumb img{
    width: 100%;
}

.course_gerent_thumb h1{
    font-size: 1.3em;
    font-weight: 300;
    margin: 10px 0 10px 0;
}

.course_gerent_classes{
    margin-bottom: 20px;
}

.course_gerent_class{
    margin: 0;
    background: #fff;
}

.course_gerent_class:nth-child(2n+0){
    background: #eee;
}

.course_gerent_class .row{
    display: inline-block;
    width: 12%;
    text-align: center;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 300;
    padding: 15px;
}

.course_gerent_class .row_title{
    display: inline-block;
    width: 32%;
    text-align: left;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 500;
    padding: 15px;
}

.course_gerent_class .actions{
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: middle;
    padding: 15px;
}

.course_gerent_class .btn{
    margin: 0 3px !important;
}

.course_gerent_class .row a{
    color: #008B6F;
    font-weight: 500;
    text-decoration: none;
}

.course_gerent_class .row a:hover{
    color: #00B494;
}

.course_gerent_class_download{
    display: block;
    width: 100%;
    margin: 10px 0 30px;
    text-transform: uppercase;
}

.course_sigle_download{
    display: block;
    background: #eee;
}

.course_sigle_download a{
    color: #008B6F;
    text-decoration: none;
    font-weight: 400;
}

.course_sigle_download a:hover{
    text-decoration: underline;
}

.course_sigle_download_title{
    font-weight: bold;
    color: #ccc;
    background: #F3F3F3;
    padding: 20px 0;
}

.course_sigle_download_title .row{
    font-weight: bold !Important;
    font-size: 0.8em;
}

.course_sigle_download:nth-child(2n+0){
    background: #fff;
}

.course_sigle_download .row{
    display: inline-block;
    width: 25%;
    padding: 15px;
    vertical-align: middle;
    font-size: 0.875em;
    font-weight: 300;
}

.course_sigle_download .row.title{
    width: 50%;
    text-align: left;
    font-weight: 500;
}

.course_sigle_download .row .btn{
    width: 100%;
}

.course_sigle_download .row.views{
    text-align: right;
}

.course_sigle_download .row.views .bar{
    padding: 7px 14px;
}

.course_sigle_download .a{
    font-weight: bold;
    text-decoration: none;
    color: #008068;
}

.course_sigle_download .a:hover{
    color: #00B594;
}

.course_single_download_file h3{
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.course_single_download_file p{
    font-size: 0.6rem;
    font-weight: 300;
    text-transform: uppercase;
}

.course_segment h1{
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.course_segment h1 b{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 5px solid #ccc;
    font-weight: 500;
}

.course_segment h1 a{
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px 10px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    color: #000;
    text-decoration: none;
}

.course_segment h1 a:hover{
    background: #008B6F;
    color: #fff;
}

.course_segment p{
    margin: 10px 0 20px 0;
}

.student_content_look{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 0.7em;
}

.student_content_look a{
    display: inline-block;
    color: #888;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px dashed #888;
}

.student_content_look a:hover{
    color: #008B6F;
    border-color: #008B6F;
}

.students_gerent .box_conf_menu a{
    font-size: 1em;
    padding: 15px;
}

.students_gerent_title{
    font-size: 1.8em;
    font-weight: normal;
    color: #555;
    margin-bottom: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.students_gerent_title span{
    padding-bottom: 9px;
    border-bottom: 5px solid #ccc;
}

.students_gerent_subtitle{
    font-size: 1em;
    text-transform: uppercase;
    color: #555;
    margin: 30px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #eee;
}

.students_gerent_course{
    position: relative;
}

.students_gerent_course_bonus{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff !important;
    text-shadow: 1px 1px #000;
    font-size: 0.8em;
    opacity: 0.7;
}

.students_gerent_course_content{
    font-size: 0.8em;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    border-bottom: 0;
}

.students_gerent_course_content h1{
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_content p{
    font-size: 0.8em;
    font-weight: 500;
    color: #555;
    text-transform: uppercase;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_actions{
    display: block;
    padding: 15px;
    font-size: 0.8em;
    text-align: center;
    background: #fbfbfb;
    border: 1px solid #eee;
    border-top: 0;
}

.students_gerent_course_actions .btn{
    margin: 0 3px !important;
}

.students_gerent_validation{
    width: 500px;
    max-width: 100%;
    margin: 30px auto 0 auto;
}

.students_gerent_validation .btn,
.students_gerent_validation input{
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

.student_gerent_home_left{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.student_gerent_home_alert{
    font-size: 0.875rem;
}

.student_gerent_home_data p span{
    font-weight: bold;
    display: inline-block;
    width: 38%;
    padding-right: 10px;
    text-align: right;
    color: #888;
}

.student_gerent_home_data a {
    text-decoration: none;
    font-weight: bold;
    color: #00A887;
}

.student_gerent_home_data a:hover {
    text-decoration: underline;
}

.student_gerent_home_anotations{
    display: inline-block;
    width: 50%;
    padding-left: 20px;
    vertical-align: top;
}

.student_gerent_home_anotations_act{
    padding: 20px;
    background: #fbfbfb;
}

.student_gerent_home_anotation{
    margin-bottom: 20px;
    background: #eee;
    position: relative;
}

.student_gerent_home_anotation_content{
    font-size: 0.9em;
    padding: 25px;
    word-wrap: break-word;
}

.student_gerent_home_anotation_content p{
    margin-top: 15px;
}

.student_gerent_home_anotation_remove{
    position: absolute;
    right: -5px;
    top: -10px;
    padding: 3px 0;
    cursor: pointer;
}

.student_gerent_home_anotation_remove:hover{
    color: #C54550;
}

.student_gerent_orders{
    padding: 15px;
    background: #f5f5f5;
}

.student_gerent_orders h1.row{
    width: 40%;
    text-align: left;
}

.student_gerent_orders:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders:hover{
    background: #fff;
}

.student_gerent_orders .row{
    font-weight: 300;
    display: inline-block;
    font-size: 0.875em;
    vertical-align: middle;
    width: 20%;
    text-align: right;
}

.student_gerent_orders .row b{
    font-weight: 500;
}

.student_gerent_orders .row_pay span{
    display: inline-block;
    margin-right: 5px;
}

.student_gerent_orders_detail{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    display: none;
}

.student_gerent_orders_detail_content{
    padding: 10px 20px;
    background: #fff;
    width: 600px;
    max-width: 90%;
    margin: auto;
    position: relative;
}

.student_gerent_orders_detail_content a{
    text-decoration: none;
    color: #008B6F;
    font-weight: 500;
}

.student_gerent_orders_detail_content a:hover{
    color: #008068;
    text-decoration: underline;
}

.student_gerent_orders_detail_content_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

.student_gerent_orders_detail_content .title{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 10px;
}

.student_gerent_orders_detail_content .item{
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 300;
}

.student_gerent_orders_detail_content .item:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders_detail_content .item b{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-weight: 500;
}

.student_gerent_orders_detail_content .item span{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.student_gerent_orders_detail_content .close{
    padding-top: 20px;
    text-align: right;
}

.student_gerent_certification{
    text-align: center;
}

.student_gerent_certification img{
    border: 3px double #ccc;
}

.student_gerent_certification_info{
    padding: 10px;
    color: #333;
}

.students_course_view_module{
    display: block;
    width: 100%;
}

.students_course_view_module > h1{
    font-size: 1.1em;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

.students_course_view_module > h1 span{
    display: inline-block;
    font-size: 0.6em;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: middle;
}

.students_course_view_module .icon:before{
    margin-right: 3px;
}

.students_course_view_module > h1 b{
    font-weight: 500;
}

.students_course_view_class{
    display: block;
    width: 100%;
    background: #fbfbfb;
    padding: 10px 15px;
}

.students_course_view_class:nth-child(2n+0){
    background: #f3f3f3;
}


.students_course_view_class h1.row{
    width: 25%;
    text-align: left;
    font-weight: 500;
}

.students_course_view_class h1 a{
    color: #000;
    text-decoration: none;
}

.students_course_view_class h1 a:hover{
    text-decoration: underline;
}

.students_course_view_class .row{
    font-size: 0.875em;
    font-weight: 300;
    display: inline-block;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.students_course_view_student_class h1.row{
    font-size: 1em;
    width: 28%;
    padding: 0;
}

.students_course_view_student_class .row{
    width: 18%;
    padding: 0 10px;
}

.students_course_view_student_class .last{
    padding-right: 0;
}

.wc_actions{
    text-align: right;
}

/*SUPPORT*/
.ead_support_single{
    display: block;
    background: #fbfbfb;
    font-size: 0.9em;
}

.ead_support_single h1.row{
    width: 28%;
    font-weight: 500;
    text-align: left;
}

.ead_support_single .a{
    text-decoration: none;
    color: #000;
}

.ead_support_single .a:hover{
    text-decoration: underline;
}

.ead_support_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 18%;
    color: #555;
    padding: 15px;
}

.ead_support_single .row span{
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
}

.ead_support_single span.review{
    display: inline;
}

.ead_support_single .btn_support{
    text-align: right;
}

.ead_support_single .btn_support .btn{
    width: 80%;
}

.ead_support_single:nth-of-type(2n+0){
    background: #fff;
}

/*RESPONSE*/

.ead_support_response a{
    color: #008068;
    font-weight: 500;
    text-decoration: none;
}

.ead_support_response a:hover{
    text-decoration: underline;
}

.ead_support_response_content{
    display: inline-block;
    vertical-align: top;
    width: 85%;
    padding: 30px;
    background: #fbfbfb;
}

.ead_support_response_content_header{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.ead_support_response_content_header h1{
    font-size: 1.3em;
    font-weight: 500;
}

.ead_support_response_content_header .status{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.5em;
    margin-top: -4px;
    text-transform: uppercase;
    margin-left: 10px;
}

.ead_support_response_content_header p{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
    text-transform: uppercase;
    font-size: 0.8em;
}

.ead_support_response_content_header p span{
    display: inline-block;
    margin: 0 5px !important;
    color: #ccc;
}

.ead_support_response_content .htmlchars{
    font-size: 1.1em;
}

.ead_support_response_actions{
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
}

.ead_support_response_actions .btn{
    margin-right: 8px;
}

.ead_support_response_review{
    margin-top: 30px;
    padding: 20px;
    background: #e1ece8;
}

.ead_support_response_review p{
    margin-top: 20px;
}

/*SUB*/
.ead_support_response .ead_support_response{
    padding: 20px;
    background: #fff;
    margin-top: 30px;
}

/*MODAL*/
.ead_support_response_edit_modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.ead_support_response_edit_modal form{
    margin: auto;
    max-width: 90%;
    position: relative;
    background: #fff;
    padding: 20px;
}

.ead_support_response_edit_modal form p{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #fbfbfb;
}

.ead_support_response_edit_modal_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

/*EAD ORDERS*/
.wc_ead_orders_order{
    padding: 15px;
    background: #fbfbfb;
}

.wc_ead_orders_order:nth-of-type(2n+0){
    background: #fff;
}

.wc_ead_orders_order .row{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    font-size: 1em;
    font-weight: 500;
    color: #555;
}

.wc_ead_orders_order .row .a{
    color: #000;
    text-decoration: none;
}

.wc_ead_orders_order .row .a:hover{
    text-decoration: underline;
}

.wc_ead_orders_order h1.row{
    display: inline-block;
    vertical-align: middle;
}

.wc_ead_orders_order .row span{
    display: block;
    font-size: 0.8em;
    font-weight: 300;
}

.wc_ead_orders_order .row .btn{
    display: inline-block;
    width: 65%;
}

.wc_ead_orders_order .row a.btn{
    width: 30%;
    margin-left: 5% !important;
}

/*ODER DETAIL*/
.wc_ead_order_detail p{
    padding: 10px;
    background: #fbfbfb;
    color: #555;
}

.wc_ead_order_detail p a{
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.wc_ead_order_detail p a:hover{
    text-decoration: underline;
}

.wc_ead_order_detail p:nth-last-of-type(2n+0){
    background: #fff;
}

.wc_ead_order_detail p b{
    font-weight: 500;
    padding-right: 5px;
}

.wc_ead_order_single_enroll{
    padding: 5px;
    background: #e1f3e8;
}

.wc_ead_order_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    padding: 10px;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
}

.wc_ead_order_single h1.row{
    width: 34%;
    text-align: left;
}

.wc_ead_order_single .row span{
    display: block;
    font-size: 0.8em;
    color: #555;
}

.wc_ead_order_single_bonus{
    padding: 5px;
    background: #fbfbfb;
}

.wc_ead_order_single_bonus:nth-of-type(2n+0){
    background: #fefefe;
}

/*EAD REPORT*/
.wc_ead_chart_control{
    display: block;
    width: 100%;
    padding: 10px 20px 20px 20px;
}

.wc_ead_chart_range{
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.wc_ead_chart_range .form_load{
    vertical-align: middle;
    margin-top: 2px;
    width: 20px;
    margin-left: 10px;
    display: none;
}

.wc_ead_chart_range_picker{
    display: inline-block;
    background: #fff;
}

.wc_ead_chart_range_picker span{
    display: inline-block;
    background: #eee;
    padding: 6px 10px;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.wc_ead_chart_range_picker input{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    border-color: #eee;
    font-size: 0.8em;
    padding: 5px;
    text-align: center;
    margin-right: 8px;
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.wc_ead_chart_range .btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.wc_ead_chart_change{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: right;
}

.wc_ead_reports_boxes{
    margin: 20px 0;
    padding: 5px 0;
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total{
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total span{
    display: block;
    width: 100%;
    text-align: center;
}

.wc_ead_reports_total p{
    font-size: 2.4em;
    font-weight: bold;
    color: #555;
    margin: 0;
    line-height: 1;
}

.wc_ead_reports_single{
    padding: 15px;
    background: #fff;
}

.wc_ead_reports_single .row{
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    width: 25%;
    text-align: center;
}

.wc_ead_reports_single:nth-of-type(2n+0){
    background: #fbfbfb;
}

.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active{
    background: #008068;
    color: #fff;
}

.licence_box{
    width: 600px;
    max-width: 100%;
    margin: 30px auto;
    padding: 30px 50px;
    background: #fff;
    text-align: center;
    word-wrap: break-word;
}

.licence_box p{
    margin-top: 20px;
    font-size: 0.9rem;
}

.licence_box a{
    color: #008B6F;
    text-decoration: none;
}

.licence_box a:hover{
    color: #00A887;
    text-decoration: underline;
}

.licence_box .title{
    font-weight: bold;
    font-size: 1.1rem;
}

.licence_box .key{
    font-size: 0.8em;
}

.licence_box .auth{
    font-size: 5em;
}

.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active{
    background: #008068;
    color: #fff;
}

.wc_domain_license{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    background: rgba(244, 85, 99, 0.5);
    padding: 10px 12px;
    color: #fff;
    cursor: pointer;
    display: none;
}

.wc_domain_license:hover{
    background: #C63D3A;
}

.wc_domain_license_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
}

.wc_domain_license_box_content{
    width: 600px;
    max-width: 90%;
    margin: auto;
    padding: 40px;
    background: #fff;
    text-align: center;
}

.wc_domain_license_box_content span{
    font-size: 3em;
}

.wc_domain_license_box_content p{
    margin-top: 20px;
}


/* Notificações */
.trigger_notify_box{
    position: fixed;
    top: 120px;
    right: 0;
    width: 420px;
    max-width: 90%;
    padding-top: 15px;
    padding-right: 15px;
    z-index: 1000;
}

.trigger_notify_timer{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4%;
    background: rgba(0,0,0,0.5);
}

.trigger_notify{
    position: relative;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.2em;
    overflow: hidden;
    margin-bottom: 15px;
}
.trigger_notify_blue {
    background-color: #0096f5;
    color: #FFF;
}
.trigger_notify_red {
    background-color: #e32e3a;
    color: #FFF;
}
.trigger_notify_green {
    background-color: forestgreen;
    color: #FFF;
}
.trigger_notify_orange {
    background-color: #f48621;
    color: #FFF;
}



/***********************************
############## PANEL ###############
***********************************/

/*PANEL HEADER*/
.panel_header{
    padding: 15px;
    background: #FFF;
    padding-bottom: 8px;
    border-bottom: 1px solid #CCC;
}

.panel_header h1, .panel_header h2, .panel_header h3, .panel_header h4, .panel_header h5, .panel_header h6, .panel_header p{color: #555;} 
.panel_header h4, .panel_header h5, .panel_header h6{margin: 8px 0;}

.panel_header > h2 {
    font-size: 1.8em;
    font-weight: normal;
}

.panel_header > p{
    font-size: 1em;
    color: #000;
    font-weight: 300;
    margin: 6px 0;
}

.panel_header mark{
    padding: 2px 6px;
}

.panel_header > p.subtitle{
    margin-left: 40px;
}

.panel_header > ul{
    list-style: initial;
    margin: 30px;
    font-size: 1em;
    color: #555;
}

.panel_header > ol{
    margin: 30px;
    font-size: 1em;
    color: #555;
}

.panel_header > span{
    float: right;
    margin-top: 4px;
}

/* PANEL HEADER DEFAULT WHITE */
.panel_header.default{background: #FFF !important; border-top: 5px solid #EBEBEB !important; border-bottom: 1px solid #EEE !important; color: #555;}
.panel_header.default > h2{font-size: 1em; font-weight: 600; color: #333; padding-bottom: 5px;}
.panel_header.default > span{position: relative; right: 0; top: -10px;}

/* PANEL HEADER SUCCESS GREEN */
.panel_header.success{background: #00B494 !important; border-top: 5px solid #008068 !important; border-bottom: 1px solid #008068 !important; color: #FFF;}
.panel_header.success > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.success > span{position: relative; right: 0; top: -10px;}

/* PANEL HEADER ALERT YELLOW */
.panel_header.alert{background: #FABB3D !important; border-top: 5px solid #EEA306 !important; border-bottom: 1px solid #EEA306 !important; color: #FFF;}
.panel_header.alert > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.alert > span{position: relative; right: 0; top: -10px;}

/* PANEL HEADER INFO BLUE */
.panel_header.info{background: #0E96E5 !important; border-top: 5px solid #096397 !important; border-bottom: 1px solid #096397 !important; color: #FFF;}
.panel_header.info > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.info > span{position: relative; right: 0; top: -10px;}

/* PANEL HEADER WARNING RED */
.panel_header.warning{background: #FF524F !important; border-top: 5px solid #C63D3A !important; border-bottom: 1px solid #C63D3A !important; color: #FFF;}
.panel_header.warning > h2{font-size: 1em; font-weight: 600; color: #FFF; padding-bottom: 5px;}
.panel_header.warning > span{position: relative; right: 0; top: -10px;}

/*PANEL*/
.panel{
    padding: 15px;
    font-weight: 300;
    background: #fff;
    font-size: 1em;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p{color: #555;}
.panel h4, .panel h5, .panel h6{margin: 8px 0;}

.panel h2{
    font-size: 1.8em;
    font-weight: normal;
}

.panel > p{
    font-size: 1em;
    color: #000;
    font-weight: 300;
    margin: 10px 0;
}

.panel mark{
    padding: 2px 6px;
}

.panel > ul{
    list-style: initial;
    margin: 30px;
    font-size: 1em;
    color: #555;
}

.panel > ol{
    margin: 30px;
    font-size: 1em;
    color: #555;
}

.panel > span{
    float: right;
    position: relative;
    right: 0;
    top: -3px;
}

/*PANEL FOOTER*/
.panel_footer{
    padding: 15px;
    border-top: 1px solid #CCC;
    color: #555;
    font-size: 0.75em;
    text-align: right;
    font-weight: 300;
    background: #FFF;
}

.panel_footer_external{
    padding: 15px 0;
    border-top: 1px solid #CCC;
    color: #555;
    font-size: 0.75em;
    text-align: right;
    font-weight: 300;
}

.panel_footer > span, .panel_footer_external > span {
    float: right;
    position: relative;
    top: -3px;
    right: 0;
    padding-left: 10px;
}

/***********************************
############ DASHBOARD #############
***********************************/
.dashboard_main{
    width: 100%;
    height: 100%;
    background: #f3f3f3;
}

.dashboard{
    float: left;
    width: 100%;
}

.dashboard_fix{
    margin-left: 240px;
}

.dashboard_nav{
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 100%;
    min-height: 100%;
    background: #2E4051;
}

.dashboard_nav_normalize{
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 240px;
    background: #2E4051;
    z-index: -1;
}

.dashboard_nav_admin{
    padding: 20px;
    background: #1A242E;
    text-align: center;
    color: #ccc;
}

.dashboard_nav_admin_thumb{
    padding: 3px;
    border: 1px solid #fff;
    margin-bottom: 10px;
}

.dashboard_nav_admin a{
    color: #ccc;
    text-decoration: none;
}

.dashboard_nav_admin a:hover{
    color: #fff;
    text-decoration: underline;
}

.dashboard_nav_menu{
    float: left;
    width: 100%;
    font-size: 1em;
    font-weight: 600;
    background: #2E4051;
    padding-bottom: 10px;
}

.dashboard_nav_menu_li{
    float: left;
    width: 100%;
    position: relative;
}

.dashboard_nav_menu_li > a{
    float: left;
    width: 100%;
    color: #ccc;
    text-decoration: none;
    padding: 12px 25px;
    border-top: 1px solid #263644;
}

.dashboard_nav_menu_li:hover,
.dashboard_nav_menu_li a:hover,
.dashboard_nav_menu_active > a{
    background-color: #263644;
    color: #fff;
}

.dashboard_nav_menu_active > a:after{
    content: "«";
    float: right;
}

.dashboard_nav_menu_sub{
    display: none;
    float: left;
    width: 100%;
    left: 100%;
    position: absolute;
    background: #263644;
    z-index: 97;
}

.dashboard_nav_menu_sub.top{
    bottom: 0;
}

.dashboard_nav_menu_li:hover .dashboard_nav_menu_sub{
    display: block;
}

.dashboard_nav_menu_sub_li,
.dashboard_nav_menu_sub_li a{
    float: left;
    width: 100%;
    color: #ccc;
    text-decoration: none;
    color: #ccc;
    font-weight: 400;
}

.dashboard_nav_menu_sub_li a{
    padding: 10px;
}

.dashboard_nav_menu_active .dashboard_nav_menu_sub{
    display: block;
    position: relative;
    left: 0;
}

.dashboard_nav_menu_active .dashboard_nav_menu_sub_li a{
    padding: 10px 15px 10px 35px;
    background: #1A242E;
    border-top: 1px dotted #263644;
}


.dashboard_sidebar{
    float: left;
    width: 100%;
    padding: 20px 25px;
    font-size: 1em;
    color: #555;
}

.dashboard_sidebar_right{
    text-align: right;
}

.dashboard_header{
    float: left;
    width: 100%;
    background: #fff;
    padding: 20px 25px;
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    color: #555;
}

.dashboard_header_title{
    display: inline-block;
}

.dashboard_header h1{
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 5px;
}

.dashboard_header_breadcrumbs{
    font-size: 1em;
}

.dashboard_header_breadcrumbs .crumb{
    margin: 0 5px;
    display: inline-block;
}

.dashboard_header_breadcrumbs a{
    font-weight: 600;
    color: #555;
    text-decoration: none;
}

.dashboard_header_breadcrumbs a:hover{
    text-decoration: underline;
}

.dashboard_header_search{
    float: right;
    width: auto;
    max-width: 100%;
    text-align: right;
    width: 350px;
    margin-top: 15px;
}

.dashboard_header_search input{
    margin-right: 10px;
    width: 70%;
    padding: 5px;
}

.dashboard_header_search .btn{
    display: inline-block;
}

.dashboard_content.perfil{
    float: left;
    width: 100%;

}

/*TRIGGER*/

.trigger_red{
    border: solid #FAAD50;
    background-color: #b31a1a!important;
}

.trigger_green {
    background-color: #38A072!important;
    border: solid #116540;
}

.trigger_red_alert {
    background-color: #d60000!important;
    border: solid #ffb20e;
}

.trigger_yellow {
    background-color: #FAAD50!important;
    border: solid #ca4d24;
}

.trigger_notify {
    margin-top: 15px;
    padding: 20px;
    background: #333;
    font-size: 0.8em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    color: #fff;
    position: relative;
    cursor: pointer;
}

.trigger_notify_box {
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 5px;
    padding-right: 15px;
    width: 320px;
    max-width: 90%;
    z-index: 99;
}

.ajax_close_msg_tkt {
    position: absolute;
    right: -3px;
    top: 4px;
    font-size: 0.9em;
    color: #fff;
    cursor: pointer;
}

.ajax_close_msg_tkt.icon-cross:hover {
    content: "\ea0f";
    color: #5d0a50;
    cursor: pointer;
}

.trigger_notify_time{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: rgba(0,0,0,0.5);
}

/***********************************
####### MODEL HOME DASHBOARD #######
***********************************/

/*MODEL HOME1, HOME2, HOME3, HOME4*/
.dashboard_onlinenow p{
    font-size: 2.2em;
    text-align: center;
    margin-bottom: 7px;
}

.dashboard_onlinenow a{
    text-align: center;
    padding: 10px;
    font-size: 0.8em;
    text-decoration: none;
    display: block;
    background: #eee;
    color: #008068;
    font-weight: 400;
}

.dashboard_onlinenow a:hover{
    background: #00B494;
    color: #fff;
}

.dashboard_stats p{
    display: inline-block;
    width: 33%;
    text-align: center;
    vertical-align: top;
    font-size: 1.3em;
    margin: 5px 0;
}

.dashboard_stats span{
    display: block;
    font-size: 0.6em;
}

.dashboard_stats h3{
    display: block;
    margin-top: 10px;
    padding: 10px;
    background: #eee;
    text-align: center;
    color: #888;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
}

.dashboard_onlinenow b,
.dashboard_stats b{font-weight: 300;}

.dashboard_mostviews article {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.dashboard_mostviews article img{
    float: left;
    width: 30%;
    border-radius: 0 0 20px 0;
    -moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    box-shadow: 1px 1px 1px 1px #ccc;
}

.dashboard_mostviews article a{
    color: #096397;
    text-decoration: none;
}

.dashboard_mostviews article a:hover{
    text-decoration: underline;
}

.dashboard_mostviews article .info{
    padding-left: 20px;
    float: right;
    width: 70%;
}

.dashboard_mostviews article h1{
    margin-top: 5px;
    font-size: 1em;
    font-weight: 400;
}

.dashboard_comments article{
    float: left;
    width: 100%;
    margin: 13px 0;
}

.dashboard_comments article .thumb{
    float: left;
    width: 20%;
    padding-right: 20px;
}

.dashboard_comments article img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.dashboard_comments article .comment{
    padding-top: 5px;
    float: right;
    width: 80%;
}

.dashboard_comments article h1{
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 6px;
    color: #888;
}

.dashboard_comments article h1 a{
    font-size: 1.2em;
}

.dashboard_comments article p{
    color: #888;
}

.dashboard_comments article a{
    color: #008068;
    text-decoration: none;
}

.dashboard_comments article a:hover{
    text-decoration: underline;
}

.dashboard_comments .pending a{
    color: #CC8D41;
}

.dashboard_search article{
    display: block;
    width: 100%;
}

.dashboard_search article:nth-of-type(2n+0){
    background: #eee;
}

.dashboard_search article p,
.dashboard_search article h1{
    font-size: 0.9em;
    display: inline-block;
    width: 20%;
    margin-right: -4px;
    padding: 10px;
    vertical-align: middle;
    font-weight: 400;
    text-align: center;
}

.dashboard_search article h1{
    text-align: left;
}

.dashboard_search article a{
    color: #CC8D41;
    text-decoration: none;
}

.dashboard_search article a:hover{
    text-decoration: underline;
}

.dashboard_searchnowlink{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #eee;
    color: #CC8D41;
    font-weight: 600;
    text-decoration: none;
    margin-top: 15px;
}

.dashboard_searchnowlink:hover{
    text-decoration: underline;
}

.dashboard_orders .order{
    padding: 16px 0;
    border-bottom: 1px solid #f2f2f2;
}

.dashboard_orders a{
    font-weight: bold;
    color: #008068;
    text-decoration: none;
}

.dashboard_orders a:hover{
    text-decoration: underline;
}

.dashboard_orders .order span{
    display: inline-block;
    width: 26.666666667%;
    text-align: center;
    font-weight: 400;
}

.dashboard_orders .order span:first-of-type{
    text-align: left;
    width: 20%;
}

.dashboard_users .box_conf_menu a{
    font-size: 1em;
    padding: 15px;
}

.box_conf_menu{
    background: #fff;
}

.box_conf_menu a{
    font-size: 1em;
    padding: 10px !important;
}

/***********************************
############ ONLINE NOW ############
***********************************/

.single_onlinenow{
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
}

.single_onlinenow p{
    display: inline-block;
    margin-right: -4px;
    vertical-align: middle;
    width: 14%;
    font-size: 1em;
}

.single_onlinenow p:first-child{
    width: 8%;
}

.single_onlinenow p:last-child{
    width: 50%;
}

.single_onlinenow:nth-of-type(2n+0){
    background: #eee;
}

.single_onlinenow a{
    color: #00B494;
    text-decoration: none;
    font-weight: 600;
}

.single_onlinenow a:hover{
    text-decoration: underline;
}

/***********************************
####### MODAL INSERT UPLOAD ########
***********************************/
.workcontrol_imageupload{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 20px;
    z-index: 98;
    box-shadow: 0 0 3px 0 #000;
    background: rgba(0,0,0,0.5);
}
.workcontrol_filesupload{
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 max-width: 100%;
 height: 100%;
 padding: 20px;
 z-index: 98;
 box-shadow: 0 0 3px 0 #000;
 background: rgba(0,0,0,0.5);
}
div.mce-fullscreen{z-index: 97;}

.workcontrol_imageupload_content{
    margin: 5% auto;
    max-width: 100%;
    overflow: auto;
    background: #fff;
    width: 500px;
}

.workcontrol_imageupload_actions{
    padding: 20px;
    background: #fff;
}

.workcontrol_imageupload input{
    margin: 0 0 15px 0;
}

/***********************************
############ PAGINATOR #############
***********************************/
.paginator{
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    text-align: center;
}

.paginator li{
    display: inline;
    margin: 0 5px;
}

.paginator .active,
.paginator li a{
    padding: 5px 10px;
    background: #0E96E5;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-shadow: 1px 1px #22526A;
    font-size: 1em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.paginator li a:hover{
    background: #096397;
}

.paginator .active{
    background: #00B494;
    text-shadow: 1px 1px #008068;
}

/***********************************
########### POST SINGLE ############
***********************************/
.post_single_cover{
    position: relative;
}

.post_single_status{
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 0.7em;
    text-transform: uppercase;
}

.post_single_status span{
    margin-right: 2px !Important;
}

.post_single_status span:last-child{
    margin-right: 0 !Important;
}

.post_single_cat{
    font-size: 0.6em;
    color: #555;
    text-transform: uppercase;
    display: inline-block;
}

.post_single_tag{
    position: absolute;
    left: 10px;
    bottom: 10px;
}

.post_single_cat span{
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
}
.post_single_like{
    font-size: 0.6em;
    color: #f55463;
    text-transform: uppercase;
    display: inline-block;
    float: right;
}
.post_single_like span{
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
}
.post_single_tag a{
    display: inline-block;
    margin-top: 10px;
    font-size: 0.6em;
    color: #555;
    text-decoration: none;
    line-height: 1;
    padding: 5px 8px;
    background: rgba(255,255,255,0.9);
    text-transform: uppercase;
}

.post_single_tag a:hover{
    background: #008068;
    color: #fff;
}

.post_single_cat a{
    color: #555;
    text-decoration: none;
}

.post_single_cat a:hover{
    text-decoration: underline;
}

.post_single_status .btn{
    cursor: default;
}

.post_single_content{
    padding: 15px;
    background: #fff;
}

.post_single_actions{
    padding: 15px 5px;
    background: #fbfbfb;
    text-align: center;
    font-size: 0.8em;
}

.post_single .title{
    font-weight: 400;
    padding-bottom: 10px;
    font-size: 1em;
    line-height: 1.4em;
}

.post_single .title a{
    color: #000;
    text-decoration: none;
}

.post_single .title a:hover{
    text-decoration: underline;
}

.post_single a{
    margin-right: 5px !important;
}

.post_create_categories{
    padding: 15px 15px;
    background: #fbfbfb;
}

.post_create_ses{
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 15px 0 5px 0;
    color: #ccc;
}

.post_create_ses:after{
    content: ":"
}

.post_create_cat{
    padding: 0 5px;
    border-top: 3px solid #fbfbfb;
    background: #eee;
    font-size: 1em;
}

.post_create_cat input{
    margin-top: -1px;
}

.post_create_cat label{
    width: 100%;
}

.post_create_cover{
    position: relative;
}

.post_create_cover .upload_progress{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px;
    max-width: 100%;
    font-size: 0.9em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background: #00B594;
}

/***********************************
########### PAGE SINGLE ############
***********************************/
.page_single h1{
    font-size: 1.2em;
    margin-bottom: 10px;
}

.page_single h1 a{
    color: #008068;
    text-decoration: none;
}

.page_single h1 a:hover{
    text-decoration: underline;
}

.page_single .box_content{
    padding: 20px;
}

.page_single .title{

}

.page_single_action{
    font-size: 0.8em;
    padding: 15px;
    background: #fbfbfb;
    text-align: center;
}

.page_single_action .btn_blue{
    margin-right: 5px;
}

/***********************************
############ CATEGORIAS ############
***********************************/
.single_category header,
.single_category .box_content{
    padding: 20px;
}

.single_category_actions{
    font-size: 1em;
}

.single_category_actions .btn{
    margin-right: 5px !important;
}

.single_category header h1{
    font-size: 1.5em;
    font-weight: 300;
}

.single_category header .tagline{
    font-size: 0.8em;
    margin: 10px 0 20px 0;
    color: #555;
}

.single_category_sub{
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

.single_category_sub h1{
    font-size: 1.3em;
    font-weight: 300;
}

.single_category_sub .tagline{
    font-size: 0.8em;
    margin: 10px 0 20px 0;
    color: #555;
}

/***********************************
############ PRODUTOS ##############
***********************************/
.single_pdt_thumb{
    position: relative;
}

.single_pdt_thumb header{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px;
    background: rgba(0,128,104,0.8);
    color: #fff;
}

.single_pdt img{
    border-top: 3px solid #00B494;
}

.single_pdt.inactive img{
    border-color: #C54550;
}

.single_pdt.inactive header{
    background: rgba(197,68,78,0.8);
}

.single_pdt.outsale img{
    border-color: #CC8D41;
}

.single_pdt.outsale header{
    background: rgba(214,141,57,0.8);
}

.single_pdt h1{
    line-height: 1.1;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000;
}

.single_pdt h1 a{
    color: #eee;
    text-decoration: none;
}

.single_pdt h1 a:hover{
    color: #fff;
}

.single_pdt .tagline{
    font-size: 1.2em;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000;
}

.single_pdt .offer{
    font-size: 0.6em;
    font-weight: 300;
    display: block;
    margin-bottom: -2px;
}

.single_pdt strike{
    color: #ccc;
    font-weight: 600;
}

.single_pdt .btn{
    font-size: 0.8em;
}

.single_pdt_info{
    display: block;
    margin: 0 0 10px 0;
}

.single_pdt_info p{
    font-size: 0.7em;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 5px;
    border-bottom: 2px solid #fff;
}

.single_pdt_info a{
    color: #00B494;
    text-decoration: none;
}

.single_pdt_info a:hover{
    color: #008068;
}

.single_pdt_actions{
    padding: 15px;
    text-align: center;
    background: #fbfbfb;
    font-size: 1em;
}

.single_pdt_actions .btn_blue{
    margin-right: 5px;
}

.single_pdt_form .label .btn{
    width: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 14px;
}

.pdt_images{
    padding: 2.5% 0 0 0;
    max-height: 136px;
    overflow: auto;
}

.pdt_images img{
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    background: #f5f5f5;
    cursor: pointer;
}

.pdt_images img:nth-of-type(5n+0){
    margin-right: 0;
}

.workcontrol_pdt_size{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.workcontrol_pdt_size p{
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: left;
}

.workcontrol_pdt_size form{
    display: block;
    width: 600px;
    max-width: 90%;
    margin: 7% auto;
    padding: 30px 20px;
    background: #fff;
    text-align: center;
    position: relative;
}

.workcontrol_pdt_size form .inputs{
    max-height: 380px;
    overflow: auto;
}

.workcontrol_pdt_size form .inputs .trigger{
    margin: 0 0 10px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-transform: uppercase;
}

.workcontrol_pdt_size_close{
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 6px 12px;
    font-weight: bold;
    border: 3px solid #fff;
    background: #b26f6f;
    color: #fff;
    width: auto;
    border-radius: 50%;
    cursor: pointer;
}

.workcontrol_pdt_size_close:hover{
    background: #cf7171;
}

.workcontrol_pdt_size form label{
    display: block;
    width: 100%;
    margin-bottom: 3px;
    padding: 10px;
    background: #eee;
}

.workcontrol_pdt_size .form_load{
    display: none;
    vertical-align: middle;
    margin-top: 15px;
    margin-left: 10px;
}

.workcontrol_pdt_size form span,
.workcontrol_pdt_size form input{
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.workcontrol_pdt_size form span{
    font-size: 1em;
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

.workcontrol_pdt_size form span b{
    font-weight: 600;
    color: #555;
    font-size: 0.9em;
}

.workcontrol_pdt_size form .size{
    text-align: right;
}

.workcontrol_pdt_size form .cart{
    text-align: left;
}

.workcontrol_pdt_size form input{
    width: 44%;
    padding: 5px 0;
    margin: 0 3%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.workcontrol_pdt_size form .btn{
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
    margin-top: 15px;
}

.product_category .btn{
    font-size: 0.7em;
}

.product_category header{
    padding: 20px;
}

.product_category header h1{
    font-size: 1.5em;
    font-weight: 300;
    margin-right: 10px;
    display: inline-block;
}

.product_category header h1 span{
    font-size: 0.5em;
    text-transform: uppercase;
    color: #555;
}

.product_subcategory{
    padding: 20px;
    background: #fff;
    border-bottom: 1px dotted #ccc;
}

.product_subcategory h1{
    font-size: 1em;
    font-weight: 300;
    margin-right: 10px;
    display: inline-block;
}

.product_subcategory h1 span{
    font-size: 0.6em;
    color: #555;
    text-transform: uppercase;
}

.product_brand h1{
    font-size: 1.5em;
    font-weight: 300;
    color: #333;
    display: inline-block;
    margin-right: 10px;
}

.product_brand h1 span{
    font-size: 0.5em;
    text-transform: uppercase;
}

.product_brand .btn{
    font-size: 0.7em;
}

.product_coupon .box_content{
    border-top: 5px solid #ccc;
}

.product_coupon.active .box_content{
    border-top: 5px solid #00B594;
}

.product_coupon header{
    display: block;
    margin-bottom: 20px;
}

.product_coupon header h1{
    padding: 20px 0;
    background: #f2f2f2;
    font-weight: 300;
    color: #00B594;
    font-size: 2em;
    text-align: center;
    line-height: 1;
    margin-bottom: 10px;
}

.product_coupon header h1 span{
    display: block;
    font-size: 1em;
    font-weight: bold;
    color: #888;
}

.product_coupon p{
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #f2f2f2;
}


/***********************************
############# PEDIDOS ##############
***********************************/
.single_order{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.single_order .order{
    text-decoration: none;
    color: #00B494;
}

.single_order .see{
    text-decoration: none;
    color: #0E96E5;
}

.single_order a{
    color: #0E96E5;
}

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

.single_order .box_content{
    float: left;
    width: 100%;
    padding: 10px;

}

.single_order:nth-child(2n+0) .box_content{
    background: #EBEBEB;
}

.single_order:nth-child(2n+0){
    background: #EBEBEB !important;
}


.single_order .coll{
    display: inline-block;
    min-width: 100px;
    width: 16%;
    padding: 10px;
    vertical-align: top;
    margin-right: -4px;
    text-align: center;
}

.single_order .coll_r{
    width: 10%;
}

.single_order .coll b{
    color: #555;
}

/***********************************
############ COMMENTS ##############
***********************************/

.single_comment{
    float: left;
    width: 100%;
}

.single_comment .comm_thumb{
    float: left;
    width: 10%;
    padding-right: 20px;
}

.single_comment .comm_thumb img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.single_comment .comm_content{
    float: right;
    width: 90%;
    padding: 20px;
    background: #fff;
    border-top: 3px solid #00B494;
}

.single_comment.pending .comm_content{
    border-top: 3px solid #CC8D41;
}

.single_comment .htmlchars{
    display: block;
    margin: 20px 0;
}

.single_comment a{
    text-decoration: none;
}

.single_comment a:hover{
    text-decoration: underline;
}

.single_comment .comm_actions a{
    margin: 0 5px;
}

.single_comment .comm_actions span{
    margin: 0 5px;
}

.single_comment header h1{
    font-size: 1.4em;
    font-weight: 600;
}

.single_comment header h1 a{
    color: #008068;
}

.single_comment header p{
    font-size: 1em;
}

.single_comment header p a{
    color: #C54550;
}

.single_comment .comm_actions{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #999;
}

.single_response{
    border-top: 1px dotted #ccc;
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 20px;
}

.single_response .comm_content{
    border-top: none !important;
    padding: 0;
}

.comm_likes{
    display: block;
    width: 100%;
    background: #e1ece8;
    padding: 10px;
    font-size: 1em;
    text-transform: uppercase;
    color: #555;
    margin-top: 15px;
}

.comm_likes:before{
    color: #C54550;
}

.comm_likes a{
    color: #555;
}

.single_comment form{
    margin: 20px 0 0 0;
    display: none;
}

.single_comment form button,
.single_comment form span,
.single_comment form img{
    float: right;
    margin-top: 10px;
}

.single_comment form img{
    margin-top: 13px;
}

.single_comment form span{
    margin-right: 15px;
}

.single_comment.ajax_response{
    display: none;
}

/***********************************
############ USUÁRIOS ##############
***********************************/
.single_user .box_content{
    padding: 25px;
}

.single_user h1{
    font-size: 1.3em;
    font-weight: 300;
}

.single_user img{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    margin-bottom: 15px;
    max-width: 70%;
}

.single_user .nivel{
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #888;
}

.single_user .info{
    font-size: 1em;
}

.single_user_actions{
    background: #fbfbfb;
    padding: 15px 0;
    margin: 0;
}

.single_user_addr,
.single_user_order{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.single_user_addr:last-of-type,
.single_user_order:last-of-type{
    border: none;
    margin: 0;
    padding: 0;
}

.single_user_addr h1,
.single_user_order h1{
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 6px;
}

.single_user_addr p,
.single_user_order p{
    font-size: 1em;
    color: #555;
}

.single_user_addr_actions{
    font-size: 0.7em;
    margin-top: 10px;
}

.single_user_addr_actions .btn{
    display: inline-block;
    margin-right: 5px !important;
}

.single_user_order a{
    color: #008068;
    margin-top: 8px;
    display: block;
    font-weight: 500;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
}

.single_user_order a:hover{
    text-decoration: underline;
}

.wc_nfe span,
.wc_nfe a{
    text-decoration: none;
    color: #008068;
    font-weight: 400;
}

.wc_nfe a:hover{
    text-decoration: underline;
}

.wc_nfe span{
    color: #666;
    display: inline-block;
}

.single_order_userdata{
    display: block;
    padding: 5px 10px;
    background: #f5f5f5;
    margin-bottom: 3px;
}

.single_order_userdata a{
    color: #00B494;
    float: right;
    text-decoration: none;
    padding: 3px;
    background: #fff;
}

.single_order_userdata a:hover{
    color: #008068;
}

.single_order_items{
    display: block;
    width: 100%;
    background: #fbfbfb;
}

.single_order_items_item{
    display: block;
    padding: 10px;
    border-bottom: 1px dotted #ccc;
}

.single_order_items_item p{
    display: inline-block;
    width: 25%;
    margin-right: -4px;
    text-align: right;
}

.single_order_items_item p:first-child{
    width: 50%;
    text-align: left;
}

.single_order_items_item a{
    color: #008068;
    font-weight: 400;
    text-decoration: none;
}

.single_order_items_item a:hover{
    text-decoration: underline;
}

.single_order_items_item.total{
    background: #ccc;
    font-size: 1em;
}

.single_order_traking a{
    color: #008068;
    text-decoration: none;
    font-weight: 400;
}

.single_order_traking a:hover{
    text-decoration: underline;
}

/***********************************
############### SLIDE ##############
***********************************/

.slide_single h1 a{
    color: #00B494;
    font-size: 1.3em;
    text-decoration: none;
}

.slide_single h1 a:hover{
    text-decoration: underline;
}


/***********************************
########################## ORDER APP
***********************************/

.wc_createorder_result{
    display: block;
    width: 100%;
}

.wc_createorder_result .trigger{
    display: block;
    width: 100%;
    margin: 0;
}

.wc_createorder_user{
    display: block;
    width: 100%;
}

.wc_createorder_user label{
    cursor: pointer;
}

.wc_createorder_user li{
    display: block;
    width: 100%;
    font-size: 0.9em;
    padding: 10px 5px;
    cursor: pointer;
}

.wc_createorder_user li b{
    font-weight: 400;
    color: #888;
}


.wc_createorder_user li:hover{
    background: #eee;
}

.wc_createorder_user li p,
.wc_createorder_user li input{
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.wc_createorder_user li input{
    width: 10%;
}

.wc_ordercreate_name_pdt{
    display: none;
}

.wc_order_create_item{
    width: 100%;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid #ccc;
}

.wc_order_create_item img{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
}

.wc_order_create_item header{
    display: inline-block;
    width: 60%;
    padding: 0 5%;
    vertical-align: middle;
}

.wc_order_create_item h1{
    font-weight: 400;
    font-size: 1em;
    margin-bottom: 10px;
}

.wc_order_create_item h1 span{
    display: inline-block;
    padding: 3px;
    border: 1px solid #eee;
    font-size: 0.8em;
}

.wc_order_create_item header p{
    font-size: 1.2em;
    font-weight: 400;
    vertical-align: middle;
}

.wc_order_create_item header p span{
    color: #E4564B;
    font-weight: 300;
    font-size: 0.7em;
    text-transform: uppercase;
}

.wc_order_create_item .add{
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

.wc_order_create_item .add select{
    display: inline-block;
    width: 50%;
    padding: 5px 10px;
    font-weight: 400;
    border-right: 0;
}

.wc_order_create_item .add .btn{
    width: 50%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.wc_ordercreate_itemcart{
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
    font-size: 1em;
}

.wc_ordercreate_itemcart:last-of-type{
    border-bottom: 5px solid #ccc;
}

.wc_ordercreate_itemcart h1{
    display: inline-block;
    width: 56%;
    padding-right: 1%;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1em;
}

.wc_ordercreate_itemcart h1 span{
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.6em;
    width: auto;
    padding: 3px 5px;
    border: 1px solid #ccc;
    color: #ccc;
}

.wc_ordercreate_itemcart .col{
    display: inline-block;
    width: 16%;
    text-align: center;
    vertical-align: middle;
}

.wc_ordercreate_itemcart .col:last-of-type{
    width: 12%;
    text-align: right;
    font-weight: bold;
}

.wc_ordercreate_totalcart{
    display: block;
    width: 100%;
    text-align: right;
    font-weight: 400;
    font-size: 1.1em;
    background: #fbfbfb;
    padding: 15px;
}

.wc_ordercreate_totalcart p{
    display: inline-block;
    width: 33%;
    vertical-align: middle;
}

.wc_orderapp_finish{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.wc_orderapp_finish_content{
    display: block;
    margin: 50px auto 0 auto;
    width: 600px;
    max-width: 90%;
    background: #fff;
    position: relative;
}

.wc_orderapp_finish_content .title{
    padding: 15px;
    background: #008B6F;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #004838;
}

.wc_orderapp_finish_content .box{
    display: block;
    width: 100%;
    padding: 20px 20px 30px 20px;
}

.wc_orderapp_finish_content .subtitle{
    font-size: 1.1em;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    margin-bottom: 20px;
}

.wc_orderapp_finish_content .subtitle span{
    border-bottom: 5px solid #ccc;
}

.wc_orderapp_finish_content .wc_shipment_calculate{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wc_orderapp_finish_content .wc_shipment_calculate li{
    display: block;
    width: 100%;
    padding: 5px 10px 8px 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

.wc_orderapp_finish_content .wc_shipment_calculate li:last-of-type{
    border-bottom: 1px solid #ccc;
}

.wc_orderapp_finish_content .wc_shipment_calculate li label{
    display: block;
    cursor: pointer;
}

.wc_orderapp_finish_content .wc_shipment_calculate li input,
.wc_orderapp_finish_content .wc_shipment_calculate li span{
    display: inline;
    width: auto;
    vertical-align: middle;
}

.wc_orderapp_finish_content .wc_shipment_calculate li span{
    font-size: 0.8em;
    text-transform: uppercase;
}

.wc_orderapp_finish_content .wc_shipment_calculate li input{
    margin-right: 10px;
}

.wc_order_create_shipment{
    margin-bottom: 20px;
}

.wc_order_create_finishcart{
    padding: 20px;
    background: #fbfbfb;
    margin-bottom: 20px;
    font-size: 0.8em;
    text-transform: uppercase;
}

.wc_order_create_finishcart p{
    display: inline-block;
    width: 32%;
    text-align: center;
}

.wc_order_create_success{
    text-align: center;
    font-size: 1.2em;
    color: #008B6F;
    font-weight: bold;
}

.wc_order_create_success span{
    display: inline-block;
    font-size: 1.5em;
    padding: 18px 30px;
    background: #008B6F;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 20px 0 10px 0;
}

.wc_order_create_success_links{
    text-align: center;
    padding: 20px 20px 0 20px;
}

.wc_order_create_success_links a{
    display: inline-block;
    color: #00A887;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 10px;
    border: 1px solid #00A887;
    margin-bottom: 20px;
    width: 100%;
    text-decoration: none;
}

.wc_order_create_success_links span{
    display: inline-block;
    color: #888;
    font-weight: 400;
    text-transform: none;
    font-size: 0.8em;
    padding: 10px;
    border: 1px solid #888;
    margin-bottom: 20px;
    width: 100%;
}

.wc_order_create_success_links a:hover{
    background: #00A887;
    color: #fff;
}

.wc_order_create_success_info{
    font-size: 0.8em;
    text-transform: uppercase;
    color: #ccc;
    margin-top: 20px;
}

/***********************************
########################### WC CODES
***********************************/

.codes_loaded{
    display: block;
    padding: 30px 10px;
    background: #008068;
    color: #fff;
    margin-bottom: 20px;
    font-size: 0.7em;
}

.codes_loaded span{
    display: block;
    font-size: 3em;
}

.wc_codes_create{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
    display: none;
}

.wc_codes_create_form{
    width: 540px;
    padding: 30px;
    background: #fff;
    max-width: 90%;
    margin: 5% auto 0 auto;
}

.wc_codes_create_form_title{
    font-size: 1.5em;
    font-weight: 300;
    color: #ccc;
    margin-bottom: 20px;
}

.wc_codes_create_form label{
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wc_codes_create_form label span{
    display: block;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #888;
}

.wc_codes_create_form input,
.wc_codes_create_form textarea{
    padding: 10px;
    font-size: 1em;
    font-weight: 300;
}

.wc_codes_create_form textarea{
    font-size: 0.7em;
}

.wc_codes_create_form_actions{
    text-align: right;
}

.wc_codes_create_form_actions .btn_green{
    margin-left: 10px;
}

/***********************************
########################## WC CUSTOM
***********************************/

.custom_app h2,
.custom_app p{
    margin-bottom: 15px;
}

.custom_app ol{
    margin: 0 0 20px 30px;
}



/***********************************
############################# WC EAD
***********************************/

.wc_ead_dashteach{
    text-align: center;
    font-size: 1em !important;
    color: #888 !important;
    line-height: 0.975;
}

.wc_ead_dashteach_count{
    font-size: 5.3em;
    display: block;
}

.wc_ead_dashstatus{
    font-size: 2em !important;
    text-align: center;
    font-weight: bold;
    color: #008068;
}

.wc_ead_dashstatus span{
    display: block;
    font-size: 0.4em;
    font-weight: 300;
    padding: 8px;
    background: #004838;
    color: #fff;
    margin-top: 11px;
    margin-bottom: -10px;
    line-height: 1.7em;
}

.wc_ead_dashstudent{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashstudent img{
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.wc_ead_dashstudent h1,
.wc_ead_dashstudent p{
    display: inline-block;
    vertical-align: middle;
    width: 30%;
    text-align: right;
    font-size: 0.8em;
    font-weight: 500;
    padding: 0 20px;
}

.wc_ead_dashstudent h1{
    font-size: 1em;
    width: 40%;
    text-align: left;
}

.wc_ead_dashstudent h1 span{
    display: block;
    font-size: 0.7em;
    color: #888;
}

.wc_ead_dashsign{
    display: block;
    width: 100%;
    padding: 10px 0;
}

.wc_ead_dashsign:last-of-type{
    padding-bottom: 5px;
}

.wc_ead_dashsign h1{
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    font-size: 1em;
    text-align: center;
    color: #fff;
}

.wc_ead_dashsign h1 a{
    color: #fff !important;
    padding: 14px 0;
}

.wc_ead_dashsign a{
    text-decoration: none;
    color: #008068;
}

.wc_ead_dashsign a:hover{
    color: #00A887;
}

.wc_ead_dashsign p{
    display: inline-block;
    vertical-align: middle;
    width: 36%;
    font-size: 0.8em;
    padding: 0 15px;
}

.wc_ead_dashsign a,
.wc_ead_dashsign span{
    display: block;
    font-size: 1.2em;
}

.wc_ead_coursecover{
    position: relative;
}

.wc_ead_course:hover .wc_ead_course_segment{
    display: block;
}

.wc_ead_course_segment{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 3px 6px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 0.5em;
    text-transform: uppercase;
    font-weight: 500;
    display: none;
}

.wc_ead_course_certification{
    position: absolute;
    top: 10px;
    right: 10px;
    text-shadow: 1px 1px #000;
    color: #fff;
    opacity: 0.7;
}

.wc_ead_course_delete:hover{
    background: #FF524F;
}

.wc_ead_course h1{
    font-size: 1.1em;
    font-weight: 500;
}

.wc_ead_course h1 a{
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #008068;
    border-bottom: 3px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.wc_ead_course h1 a:hover{
    text-decoration: underline;
}

.wc_ead_courseactions{
    padding: 15px;
    display: block;
    width: 100%;
    text-align: center;
    background: #fbfbfb;
}

.wc_ead_course .btn{
    font-weight: 500;
    font-size: 1em;
    margin: 0;

}

.wc_ead_course h1 span{
    display: block;
    text-transform: uppercase;
    color: #888;
    font-size: 0.7em;
}

.wc_ead_courseauthor{
    position: absolute;
    right: 20px;
    bottom: -20px;
    width: 50px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px;
    background: #008068;
    border: 2px solid #fff;
}

.wc_ead_coursestats{
    display: block;
    width: 100%;
    margin: 10px 0;
}

.wc_ead_course.inactive .wc_ead_courseauthor{
    background-color: #FABB3D;
}

.wc_ead_coursestats span{
    display: inline-block;
    width: 50%;
    padding: 5px;
    border: 1px solid #fff;
    background: #fbfbfb;
    text-align: center;
    font-size: 0.8em;
}

.course_gerent_modules header{
    padding: 10px 20px;
}

.course_gerent_modules header h1{
    float: left;
    margin-top: 5px;
}

.course_gerent_modules header a{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.course_gerent_module{
    display: block;
    width: 100%;
    padding: 10px 15px;
    background: #fbfbfb;
}

.course_gerent_module:nth-child(2n+0){
    background: #fff;
}

.course_gerent_module .row_title{
    font-size: 1.1em;
    color: #333;
    font-weight: 300;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.course_gerent_module .row{
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    text-align: right;
}

.course_gerent_module .row:last-child{
    width: 20%;
}

.course_gerent_module .row span{
    font-size: 0.7em;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    background: #eee;
    margin-left: 5px;
}

.course_gerent_module .row .btn{
    margin-left: 5px !Important;
}

.course_gerent_students img{
    display: inline-block;
    width: 20%;
}

.course_gerent_thumb img{
    width: 100%;
}

.course_gerent_thumb h1{
    font-size: 1.3em;
    font-weight: 300;
    margin: 10px 0 10px 0;
}

.course_gerent_classes{
    margin-bottom: 20px;
}

.course_gerent_class{
    margin: 0;
    background: #fff;
}

.course_gerent_class:nth-child(2n+0){
    background: #eee;
}

.course_gerent_class .row{
    display: inline-block;
    width: 12%;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 300;
    padding: 15px;
}

.course_gerent_class .row_title{
    display: inline-block;
    width: 32%;
    text-align: left;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 500;
    padding: 15px;
}

.course_gerent_class .actions{
    display: inline-block;
    width: 20%;
    text-align: right;
    vertical-align: middle;
    padding: 15px;
}

.course_gerent_class .btn{
    margin: 0 3px !important;
}

.course_gerent_class .row a{
    color: #008B6F;
    font-weight: 500;
    text-decoration: none;
}

.course_gerent_class .row a:hover{
    color: #00B494;
}

.course_gerent_class_download{
    display: block;
    width: 100%;
    margin: 10px 0 30px;
    text-transform: uppercase;
}

.course_sigle_download{
    display: block;
    background: #eee;
}

.course_sigle_download a{
    color: #008B6F;
    text-decoration: none;
    font-weight: 400;
}

.course_sigle_download a:hover{
    text-decoration: underline;
}

.course_sigle_download_title{
    font-weight: bold;
    color: #ccc;
    background: #F3F3F3;
    padding: 20px 0;
}

.course_sigle_download_title .row{
    font-weight: bold !Important;
    font-size: 0.8em;
}

.course_sigle_download:nth-child(2n+0){
    background: #fff;
}

.course_sigle_download .row{
    display: inline-block;
    width: 25%;
    padding: 15px;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 300;
}

.course_sigle_download .row.title{
    width: 50%;
    text-align: left;
    font-weight: 500;
}

.course_sigle_download .row .btn{
    width: 100%;
}

.course_sigle_download .row.views{
    text-align: right;
}

.course_sigle_download .row.views .bar{
    padding: 7px 14px;
}

.course_sigle_download .a{
    font-weight: bold;
    text-decoration: none;
    color: #008068;
}

.course_sigle_download .a:hover{
    color: #00B594;
}

.course_single_download_file h3{
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 10px;
}

.course_single_download_file p{
    font-size: 0.6rem;
    font-weight: 300;
    text-transform: uppercase;
}

.course_segment h1{
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}

.course_segment h1 b{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 5px solid #ccc;
    font-weight: 500;
}

.course_segment h1 a{
    font-size: 0.6em;
    text-transform: uppercase;
    font-weight: 300;
    padding: 3px 10px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #eee;
    color: #000;
    text-decoration: none;
}

.course_segment h1 a:hover{
    background: #008B6F;
    color: #fff;
}

.course_segment p{
    margin: 10px 0 20px 0;
}

.student_content_look{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 0.7em;
}

.student_content_look a{
    display: inline-block;
    color: #888;
    text-decoration: none;
    padding: 10px 15px;
    border: 1px dashed #888;
}

.student_content_look a:hover{
    color: #008B6F;
    border-color: #008B6F;
}

.students_gerent .box_conf_menu a{
    font-size: 1em;
    padding: 15px;
}

.students_gerent_title{
    font-size: 1.8em;
    font-weight: normal;
    color: #555;
    margin-bottom: 30px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}

.students_gerent_title span{
    padding-bottom: 9px;
    border-bottom: 5px solid #ccc;
}

.students_gerent_subtitle{
    font-size: 1em;
    text-transform: uppercase;
    color: #555;
    margin: 30px 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px dotted #eee;
}

.students_gerent_course{
    position: relative;
}

.students_gerent_course_bonus{
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff !important;
    text-shadow: 1px 1px #000;
    font-size: 0.8em;
    opacity: 0.7;
}

.students_gerent_course_content{
    font-size: 0.8em;
    padding: 10px;
    text-align: center;
    border: 1px solid #eee;
    border-bottom: 0;
}

.students_gerent_course_content h1{
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_content p{
    font-size: 0.8em;
    font-weight: 500;
    color: #555;
    text-transform: uppercase;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.students_gerent_course_actions{
    display: block;
    padding: 15px;
    font-size: 0.8em;
    text-align: center;
    background: #fbfbfb;
    border: 1px solid #eee;
    border-top: 0;
}

.students_gerent_course_actions .btn{
    margin: 0 3px !important;
}

.students_gerent_validation{
    width: 500px;
    max-width: 100%;
    margin: 30px auto 0 auto;
}

.students_gerent_validation .btn,
.students_gerent_validation input{
    display: block;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 15px;
}

.student_gerent_home_left{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.student_gerent_home_alert{
    font-size: 0.875rem;
}

.student_gerent_home_data p span{
    font-weight: bold;
    display: inline-block;
    width: 38%;
    padding-right: 10px;
    text-align: right;
    color: #888;
}

.student_gerent_home_data a {
    text-decoration: none;
    font-weight: bold;
    color: #00A887;
}

.student_gerent_home_data a:hover {
    text-decoration: underline;
}

.student_gerent_home_anotations{
    display: inline-block;
    width: 50%;
    padding-left: 20px;
    vertical-align: top;
}

.student_gerent_home_anotations_act{
    padding: 20px;
    background: #fbfbfb;
}

.student_gerent_home_anotation{
    margin-bottom: 20px;
    background: #eee;
    position: relative;
}

.student_gerent_home_anotation_content{
    font-size: 0.9em;
    padding: 25px;
    word-wrap: break-word;
}

.student_gerent_home_anotation_content p{
    margin-top: 15px;
}

.student_gerent_home_anotation_remove{
    position: absolute;
    right: -5px;
    top: -10px;
    padding: 3px 0;
    cursor: pointer;
}

.student_gerent_home_anotation_remove:hover{
    color: #C54550;
}

.student_gerent_orders{
    padding: 15px;
    background: #f5f5f5;
}

.student_gerent_orders h1.row{
    width: 40%;
    text-align: left;
}

.student_gerent_orders:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders:hover{
    background: #fff;
}

.student_gerent_orders .row{
    font-weight: 300;
    display: inline-block;
    font-size: 1em;
    vertical-align: middle;
    width: 20%;
    text-align: right;
}

.student_gerent_orders .row b{
    font-weight: 500;
}

.student_gerent_orders .row_pay span{
    display: inline-block;
    margin-right: 5px;
}

.student_gerent_orders_detail{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    display: none;
}

.student_gerent_orders_detail_content{
    padding: 10px 20px;
    background: #fff;
    width: 600px;
    max-width: 90%;
    margin: auto;
    position: relative;
}

.student_gerent_orders_detail_content a{
    text-decoration: none;
    color: #008B6F;
    font-weight: 500;
}

.student_gerent_orders_detail_content a:hover{
    color: #008068;
    text-decoration: underline;
}

.student_gerent_orders_detail_content_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

.student_gerent_orders_detail_content .title{
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 10px;
}

.student_gerent_orders_detail_content .item{
    display: block;
    width: 100%;
    padding: 10px;
    font-weight: 300;
}

.student_gerent_orders_detail_content .item:nth-child(2n+0){
    background: #fbfbfb;
}

.student_gerent_orders_detail_content .item b{
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-weight: 500;
}

.student_gerent_orders_detail_content .item span{
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.student_gerent_orders_detail_content .close{
    padding-top: 20px;
    text-align: right;
}

.student_gerent_certification {
    text-align: center;
    padding: 0 0 30px 0;
    background: #f1f1f1;
}

.student_gerent_certification img{
    border: 3px double #ccc;
}

.student_gerent_certification_info{
    padding: 10px;
    color: #333;
}

.student_gerent_certification h1{
    font-size: 0.8em;
    border-bottom: 1px solid #eee;
}

.student_gerent_certification p{
    text-transform: uppercase;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.students_course_view_module{
    display: block;
    width: 100%;
}

.students_course_view_module > h1{
    font-size: 1.1em;
    font-weight: 500;
    margin: 20px 0 10px 0;
}

.students_course_view_module > h1 span{
    display: inline-block;
    font-size: 0.6em;
    text-transform: uppercase;
    margin-left: 10px;
    vertical-align: middle;
}

.students_course_view_module .icon:before{
    margin-right: 3px;
}

.students_course_view_module > h1 b{
    font-weight: 500;
}

.students_course_view_class{
    display: block;
    width: 100%;
    background: #fbfbfb;
    padding: 10px 15px;
}

.students_course_view_class:nth-child(2n+0){
    background: #f3f3f3;
}


.students_course_view_class h1.row{
    width: 25%;
    text-align: left;
    font-weight: 500;
}

.students_course_view_class h1 a{
    color: #000;
    text-decoration: none;
}

.students_course_view_class h1 a:hover{
    text-decoration: underline;
}

.students_course_view_class .row{
    font-size: 1em;
    font-weight: 300;
    display: inline-block;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

.students_course_view_student_class h1.row{
    font-size: 1em;
    width: 28%;
    padding: 0;
}

.students_course_view_student_class .row{
    width: 18%;
    padding: 0 10px;
}

.students_course_view_student_class .last{
    padding-right: 0;
}

.wc_actions{
    text-align: right;
}

/*SUPPORT*/
.ead_support_single{
    display: block;
    background: #fbfbfb;
    font-size: 0.9em;
}

.ead_support_single h1.row{
    width: 40%;
    font-weight: 500;
    text-align: left;
}

.ead_support_single .a{
    text-decoration: none;
    color: #000;
}

.ead_support_single .a:hover{
    text-decoration: underline;
}

.ead_support_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    color: #555;
    padding: 15px;
}

.ead_support_single .row span{
    display: block;
    font-size: 0.7em;
    text-transform: uppercase;
}

.ead_support_single span.review{
    display: inline;
}

.ead_support_single .btn_support{
    text-align: right;
}

.ead_support_single .btn_support .btn{
    width: 80%;
}

.ead_support_single:nth-of-type(2n+0){
    background: #fff;
}

/*RESPONSE*/
.ead_support_response .htmlchars {
    display: block;
    width: 100%;
    padding: 0px 20px;
}
.ead_support_response a{
    color: #008068;
    font-weight: 500;
    text-decoration: none;
}

.ead_support_response a:hover{
    text-decoration: underline;
}
.ead_support_response_avatar {
    display: inline-block;
    vertical-align: top;
    width: 8%;
    padding-right: 10px;
}
.ead_support_response_content{
    display: inline-block;
    vertical-align: top;
    width: 85%;
    padding: 10px 30px;
    background: #fbfbfb;
}

.ead_support_response_content_header{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.ead_support_response_content_header h1{
    font-size: 1.0em;
    font-weight: 500;
}

.ead_support_response_content_header .status{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.5em;
    margin-top: -4px;
    text-transform: uppercase;
    margin-left: 10px;
}

.ead_support_response_content_header p{
    display: inline-block;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
    text-transform: uppercase;
    font-size: 0.8em;
}

.ead_support_response_content_header p span{
    display: inline-block;
    margin: 0 5px !important;
    color: #ccc;
}

.ead_support_response_content .htmlchars{
    font-size: 1.1em;
}

.ead_support_response_actions{
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
}

.ead_support_response_actions .btn{
    margin-right: 8px;
}

.ead_support_response_review{
    margin-top: 30px;
    padding: 20px;
    background: #e1ece8;
}

.ead_support_response_review h1{
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
}
.ead_support_response_review span {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 500;
    color: #FF9800;
}

.ead_support_response_review span .stars {
    color: #FF9800;
    font-size: 1.6em;
}

.ead_support_response_review p{
    margin-top: 20px;
}

/*SUB*/
.ead_support_response .ead_support_response{
    padding: 20px;
    background: #fff;
    margin-top: 30px;
}

.ead_support_response .ead_support_response header h1{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
}

/*MODAL*/
.ead_support_response_edit_modal{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 98;
}

.ead_support_response_edit_modal form{
    width: 50%;
    margin: auto;
    max-width: 90%;
    position: relative;
    background: #fff;
    padding: 20px;
}

.ead_support_response_edit_modal form p{
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
    text-shadow: 1px 1px 0 #fbfbfb;
}

.ead_support_response_edit_modal_close{
    position: absolute;
    right: -10px;
    top: -10px;
}

/*EAD ORDERS*/
.wc_ead_orders_order{
    padding: 15px;
    background: #fbfbfb;
}

.wc_ead_orders_order:nth-of-type(2n+0){
    background: #fff;
}

.wc_ead_orders_order .row{
    display: inline-block;
    vertical-align: middle;
    width: 19%;
    font-size: 1em;
    font-weight: 500;
    color: #555;
}

.wc_ead_orders_order .row .a{
    color: #000;
    text-decoration: none;
}

.wc_ead_orders_order .row .a:hover{
    text-decoration: underline;
}

.wc_ead_orders_order h1.row{
    display: inline-block;
    vertical-align: middle;
}

.wc_ead_orders_order .row span{
    display: block;
    font-size: 0.8em;
    font-weight: 300;
}

.wc_ead_orders_order .row .btn{
    display: inline-block;
    width: 65%;
}

.wc_ead_orders_order .row a.btn{
    width: 30%;
    margin-left: 5% !important;
}

/*ODER DETAIL*/
.wc_ead_order_detail p{
    padding: 10px;
    background: #fbfbfb;
    color: #555;
}

.wc_ead_order_detail p a{
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

.wc_ead_order_detail p a:hover{
    text-decoration: underline;
}

.wc_ead_order_detail p:nth-last-of-type(2n+0){
    background: #fff;
}

.wc_ead_order_detail p b{
    font-weight: 500;
    padding-right: 5px;
}

.wc_ead_order_single_enroll{
    padding: 5px;
    background: #e1f3e8;
}

.wc_ead_order_single .row{
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    padding: 10px;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
}

.wc_ead_order_single h1.row{
    width: 34%;
    text-align: left;
}

.wc_ead_order_single .row span{
    display: block;
    font-size: 0.8em;
    color: #555;
}

.wc_ead_order_single_bonus{
    padding: 5px;
    background: #fbfbfb;
}

.wc_ead_order_single_bonus:nth-of-type(2n+0){
    background: #fefefe;
}

/*EAD REPORT*/
.wc_ead_chart_control{
    display: block;
    width: 100%;
    padding: 10px 20px 20px 20px;
}

.wc_ead_chart_range{
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.wc_ead_chart_range .form_load{
    vertical-align: middle;
    margin-top: 2px;
    width: 20px;
    margin-left: 10px;
    display: none;
}

.wc_ead_chart_range_picker{
    display: inline-block;
    background: #fff;
}

.wc_ead_chart_range_picker span{
    display: inline-block;
    background: #eee;
    padding: 6px 10px;
    vertical-align: middle;
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.wc_ead_chart_range_picker input{
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    border-color: #eee;
    font-size: 0.8em;
    padding: 5px;
    text-align: center;
    margin-right: 8px;
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.wc_ead_chart_range .btn{
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8em;
}

.wc_ead_chart_change{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    text-align: right;
}

.wc_ead_reports_boxes{
    margin: 20px 0;
    padding: 5px 0;
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total{
    background: #eee;
    text-align: center;
}

.wc_ead_reports_total span{
    display: block;
    width: 100%;
    text-align: center;
}

.wc_ead_reports_total p{
    font-size: 2.4em;
    font-weight: bold;
    color: #555;
    margin: 0;
    line-height: 1;
}

.wc_ead_reports_single{
    padding: 15px;
    background: #fff;
}

.wc_ead_reports_single .row{
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
    width: 25%;
    text-align: center;
}

.wc_ead_reports_single:nth-of-type(2n+0){
    background: #fbfbfb;
}

.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active{
    background: #008068;
    color: #fff;
}

.licence_box{
    width: 600px;
    max-width: 100%;
    margin: 30px auto;
    padding: 30px 50px;
    background: #fff;
    text-align: center;
    word-wrap: break-word;
}

.licence_box p{
    margin-top: 20px;
    font-size: 0.9rem;
}

.licence_box a{
    color: #008B6F;
    text-decoration: none;
}

.licence_box a:hover{
    color: #00A887;
    text-decoration: underline;
}

.licence_box .title{
    font-weight: bold;
    font-size: 1.1rem;
}

.licence_box .key{
    font-size: 0.8em;
}

.licence_box .auth{
    font-size: 5em;
}

.sample_tab_nav{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.sample_tab_nav a{
    display: inline-block;
    padding: 10px 20px;
    background: #eee;
    color: #333;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    margin: 0 8px;
    margin-bottom: 10px;
}

.sample_tab_nav a:hover{
    background: #00A887;
    color: #fff;
}

.sample_tab_nav .wc_active{
    background: #008068;
    color: #fff;
}

.wc_domain_license{
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    background: rgba(244, 85, 99, 0.5);
    padding: 10px 12px;
    color: #fff;
    cursor: pointer;
}

.wc_domain_license:hover{
    background: #C63D3A;
}

.wc_domain_license_box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
}

.wc_domain_license_box_content{
    width: 600px;
    max-width: 90%;
    margin: auto;
    padding: 40px;
    background: #fff;
    text-align: center;
}

.wc_domain_license_box_content span{
    font-size: 3em;
}

.wc_domain_license_box_content p{
    margin-top: 20px;
}
/*DASHBOARD*/
.box_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 10px;
}
/*DASH ACTIVITIES*/
.dash_view_activities {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.dash_view_activities_title {
    color: #888;
    font-weight: 100;
    font-size: 1em;
    margin: 1.5%;
}

.dash_view_activities_favorites {
    flex-basis: 70%;
}

.dash_view_activities_favorites_notfound {
    margin: 1.5%;
    color: #999;
    font-size: 0.875em;
}

.dash_view_activities_favorites_notfound p {
    margin: 20px 0;
}

.dash_view_activities_favorites_notfound a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dash_view_activities_favorites_notfound a:hover {
    text-decoration: underline;
}

.dash_view_activities_favorites_content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.dash_view_activities_favorites_content_course {
    flex-basis: calc(33.33% - 20px);
    background: #4A88DA;
    text-align: center;
    margin: 10px;
    padding: 5px;
}

.dash_view_activities_favorites_content_course:hover{
    box-shadow: 0 4px 6px 0 rgba(32,33,36,0.28);
}

.dash_view_activities_favorites_content_course_thumb {
    position: relative;
}

.dash_view_activities_favorites_content_course_thumb_percent {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 0.8em;
    padding: 5px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition-duration: 0.2s;
}

.dash_view_course_shortcut {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 0.8em;
    padding: 5px 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    transition-duration: 0.2s;
}
.dash_view_course_shortcut.true:hover {
    background: #D43E41;
}
.radius {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.dash_view_activities_favorites_content_course_content {
    padding: 5px;
}

.dash_view_activities_favorites_content_course_content h3 {
    font-size: 0.8em;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    margin-bottom: 10px;
}

.dash_view_activities_favorites_content_course_content p {
    font-size: 0.6em;
    text-transform: uppercase;
    color: #fff;
}

.dash_view_activities_favorites_content_course_content a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.dash_view_activities_favorites_notfound {
    margin: 1.5%;
    color: #999;
    font-size: 0.875em;
}

.dash_view_activities_favorites_notfound p {
    margin: 20px 0;
}

.dash_view_activities_favorites_notfound a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

.dash_view_activities_favorites_notfound a:hover {
    text-decoration: underline;
}

@media (max-width: 30em) {
    .dash_view_activities_favorites_content_course {
        flex-basis: 100%;
        margin: 30px 0 0 0;
    }
}

/*MY ACTIVITIES*/
.dash_view_activities_newclasses {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
}

.dash_view_activities_newclasses_title {
    flex-basis: 100%;
    color: #888;
    font-weight: 100;
    font-size: 1em;
    margin: 1.5%;
}

.dash_view_activities_newclasses article {
    flex-basis: 47%;
    margin: 1.5%;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    font-size: 0.8em;
}

.dash_view_activities_newclasses article div {
    flex-basis: 20%;
}

.dash_view_activities_newclasses article p {
    flex-basis: 80%;
    padding-left: 15px;
}

.dash_view_activities_newclasses article p a {
    text-decoration: none;
    color: #999;
}

.dash_view_activities_newclasses article p a:hover {
    text-decoration: underline;
}

/*ACTIVITIES SIDEBAR*/
.dash_view_activities_sidebar {
    flex-basis: calc(30% - 20px);
    margin-left: 20px;
}

.dash_view_activities_sidebar_widget {
    border: 1px solid #E8EAEC;
    background: #fafafa;
    border-bottom: 5px solid #E8EAEC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(50,50,90,.1);
}

.dash_view_activities_sidebar_widget_skillset {
    background: #eee;
    margin-bottom: 5px;
    font-size: 0.9em;
    /*text-transform: uppercase;*/
    color: #fbfbfb;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.dash_view_activities_sidebar_widget_skillset:last-of-type {
    margin-bottom: 0;
}

.dash_view_activities_sidebar_widget_skillset span {
    display: inline-block;
    padding: 6px 10px;
    white-space: nowrap;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.2);
    /*text-shadow: 1px 1px 0 rgba(0,0,0,0.4);*/
}

.dash_view_activities_sidebar_widget_rapid {
    padding: 15px;
}

.dash_view_activities_sidebar_widget_rapid img {
    opacity: 0.8;
    cursor: pointer;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.dash_view_activities_sidebar_widget_rapid img:hover {
    opacity: 1;
}

.dash_view_activities_sidebar_widget:last-child {
    margin-bottom: 0;
}

.dash_view_activities_sidebar_widget_title {
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E8EAEC;
}

.dash_view_activities_sidebar_widget_content {
    font-size: 0.8em;
    color: #888;
}

.dash_view_activities_sidebar_widget_content_notfound {
    padding: 30px;
    text-align: center;
    color: #ccc;
}

/*ACTIVITIES SIDEBAR :: BLOGS*/
.dash_view_activities_sidebar_blogs_article {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.dash_view_activities_sidebar_blogs_article:last-of-type {
    margin: 0;
}

.dash_view_activities_sidebar_blogs_article div {
    flex-basis: 20%;
}

.dash_view_activities_sidebar_blogs_article h4 {
    flex-basis: 80%;
    padding-left: 15px;
    font-weight: 600;
    font-size: 0.9em;
}

.dash_view_activities_sidebar_blogs_article a {
    color: #999;
    text-decoration: none;
}

.dash_view_activities_sidebar_blogs_article a:hover {
    text-decoration: underline;
}

.dash_view_class_folder {
    display: none;
    position: fixed;
    right: -700px;
    top: 0;
    width: 700px;
    max-width: 100%;
    height: 100%;
    background: #fff;
    z-index: 50;
    padding: 5% 5% 50px;
    overflow: auto
}
.dash_view_class_folder_close {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 700px;
    max-width: 100%;
    text-align: center;
    padding: 15px;
    z-index: 51;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    background: #d94452;
}
.dash_view_class_folder_close:hover {
    background: #000000;
    color: #fff
}
.dash_view_class_folder_title {
    font-size: 1.2em;
    font-weight: 100
}
.dash_view_class_folder_subtitle {
    font-size: .7em;
    color: #999;
    margin: 15px 0 5px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}
.dash_view_class_folder_content {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}
.dash_view_class_folder_content_m {
    margin: 20px 1.5% 10px;
    font-size: .7em;
    color: #ccc
}
.dash_view_class_folder_content_f {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap
}
.dash_view_class_folder_content_fi {
    padding: 1px;
    flex-basis: 23%;
    margin: 1%;
    font-size: .7em;
    text-align: center;
    padding: 15px;
    background: #fbfbfb;
    color: #888;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    text-decoration: none
}
.dash_view_class_folder_content_fi:hover {
    background: #4fc0e8;
    color: #fff
}
.dash_view_class_folder_content_fi span {
    flex-basis: 100%;
    display: block;
    font-size: 2em
}
.dash_view_class_folder_content_fi.look,
.dash_view_class_folder_content_fi.lock:hover {
    opacity: .2;
    background: #eee;
    color: #888
}


@media (max-width: 66em) {
    .dash_view_activities_favorites {
        flex-basis: 100%;
    }

    .dash_view_activities_sidebar {
        flex-basis: 100%;
        margin: 30px 0 0 0;
    }

    .dash_view_activities_sidebar {
        display: flex;
        flex-wrap: wrap;
    }

    .dash_view_activities_sidebar_widget {
        flex-basis: 46%;
        margin: 2%;
    }
}

@media (max-width: 46em) {
    .dash_view_activities_favorites_content_course {
        flex-basis: 100%;
    }

    .dash_view_activities_newclasses article {
        flex-basis: 100%;
    }
}

@media (max-width: 40em) {
    .dash_view_activities_sidebar_widget {
        flex-basis: 100%;
        margin: 0 0 30px 0;
    }
}

@media (max-width: 30em) {
    .dash_view_activities_favorites_content_course {
        flex-basis: 100%;
        margin: 30px 0 0 0;
    }

    .dash_view_activities_newclasses article {
        flex-basis: 100%;
        margin: 20px 0 0 0;
    }
}

/*BOOKS*/

.dash_view_desc_info {
    flex-basis: 80%;
}

.dash_view_desc_info p {
    max-width: 720px;
}
.dash_view_desc_icon {
    padding-right: 20px;
    font-size: 3em;
    margin: 0 !important;
    line-height: 1;
    color: #999;
}

.dash_view_books {
    display: flex;
    flex-wrap: wrap;
}

.dash_view_books_item {
    flex-basis: calc(50% - 20px);
    background: #FFFFFF;
    margin: 10px;
    padding: 20px;
    color: #555555;
    display: flex;
    align-items: flex-start;
}

.dash_view_books_item .btn_green {
    display: inline-block;
    width: auto;
    padding: 10px 20px;
}

.dash_view_books_item .cover {
    flex-basis: 30%;
}

.dash_view_books_item .info {
    flex-basis: 70%;
    padding-left: 30px;
}

.dash_view_books_item .info h2 {
    font-size: 1.5em;
    margin: 15px 0 5px 0;
    font-weight: 300;
    line-height: 1;
}

.dash_view_books_item .info .category{
    font-size: 0.7em;
    text-transform: uppercase;
    color: #CCCCCC;
}

.dash_view_books_item .info .author{
    color: #888888;
    font-size: 0.875em;
}

.dash_view_books_item .info .info-text {
    margin: 0 0 25px 0;
    font-size: 0.875em;
    font-weight: 300;
}

.dash_view_books_item .info .info-text p {
    margin-top: 15px;
}

@media (max-width: 52em) {
    .dash_view_books_item{
        flex-basis: 100%;
        margin: 0 0 30px 0;
    }
}
/*FIM DASHBOARD*/
@media (max-width: 80em) {
    .dashboard_fix {
    margin-left: 0px;
}
.dashboard_nav, .dashboard_nav_normalize {
    left: -240px;
}
}
@media (max-width: 75em){
.box25 {
    width: 30%;
}
}
@media (max-width: 52em){
.box25 {
    width: 50%;
}
}
@media (max-width: 42em){
.box25 {
    width: 100%;
}
}