@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');



/***********************************

############ DEFAULT EAD ###########

***********************************/



.wc_ead_content{

    /*   width: 80%; */

    width: 95%;

    margin: 0 auto;

    padding: 40px 0;

    padding-top: 0;

}



.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;

    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{

    width: 8%;

    font-size: 2em;

    line-height: 1;

    color: #000;

    opacity: 0.5;

    text-align: center;

}



.wc_ead_alert_text{

    width: 84%;

    padding: 0 20px;

}



.wc_ead_alert_title{

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 5px;

    line-height: 1;

}



.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;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    cursor: pointer;

}



.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;

}



/*TOOLTIP*/

.wc_tooltip {

    position: relative;

    z-index: 50;

}



.wc_tooltip span:after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    width: 0;

    height: 0;

    margin-left: -12px;

    border-top: 8px solid #000000;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

}



.wc_tooltip span {

    position: absolute;

    bottom: 100%;

    margin-bottom: 10px;

    left: 50%;

    margin-left: -56px;

    padding: 10px 5px;

    z-index: 99;

    display: block;

    width: 120px;

    background: #000;

    text-align: center;

    display: none;

    font-size: 0.75rem;

    text-shadow: 1px 1px #000;

    font-weight: 500;

    border-radius: 4px;

    text-transform: capitalize;

    color: #FFF !important;

}



.wc_tooltip:hover span {

    display: block;

}



/*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: 14px;

}



.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: 1px solid #ccc;

    background: #fff !important;

    box-shadow: inset -1px 2px 4px rgba(179, 179, 179, 0.16);

    padding-left: 59px;

}



.icon-input{

    background: #eee;

    padding: 12px;

    position: absolute;

    margin-top: 11px;

    height: 42px;

    line-height: 19px;

    color: #555;

    font-size: 1em!important;

    border: 1px solid #ccc;

    border-bottom: 0;

    border-top: 0;

    width: 42px;

}



.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-weight: 300;  

    margin-right: 10px;

    color: #f9b300;

    text-decoration: none;

}



.wc_ead_login_recover:hover{

    text-decoration: underline;

}



.wc_ead_enter .btn{

    text-transform: uppercase;

    font-size: 1em;

    background-color: #4e4d4a;

    width: 100%;

    border-radius: 0;

    font-weight: 100;

    padding: 9px;

    text-shadow: inherit;

}



.wc_ead_login{

    box-shadow: 0 0 3px 0 #ccc;

    padding: 30px;

}



.wc_ead_login_single{

    /*    display: block;

        width: 600px;

        max-width: 100%;

        margin: 1% auto;*/



    display: block;

    width: 600px;

    max-width: 100%;

    margin: 1% auto;

    margin-bottom: 120px;

    margin-left: 24%;

    padding: 29px;

    margin-top: 112px;

    background: #efefef

}



.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;

    margin-top: 33px;

}



.wc_ead_home_header h1{

    line-height: 1;

    font-size: 1.4em;

    font-weight: bold;

}



.wc_ead_home_header p{

    display: inline-block;

    padding-bottom: 10px;

    border-bottom: 4px solid #ccc;

    font-size: 0.8em;

    font-weight: 300;

    text-transform: uppercase;

    margin-bottom: 0;

}



.wc_ead_home_student{

    display: inline-block;

    width: 25%;

    vertical-align: top;

    background: #eee;

    /*    margin-top: 90px;*/

    margin-top: 15px;

}

.wc_ead_home_student_nav img{
    margin-right: 5px;
    margin-left: 10px;
}


.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;*/

    border-bottom: 1px solid #f1f2f6;

    font-size: 0.8em;

    font-weight: 500;

    cursor: pointer;

    color: #555;

    text-decoration: none;

}



.wc_ead_home_student_nav a:hover{

    background: #ffb400;

    color: #fff;

}



.wc_ead_home_student_nav a.exit:hover{

    background: #F45563;

}



.wc_ead_home_student_nav a.wc_active{

    background: #ffc100;

    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*/

.font700{font-weight: 700!important;}

.colorBlack{color: #000;}



.wc_ead_studend_orders{

    padding: 15px;

    border-bottom: 1px solid #f5f5f5;

}



.wc_ead_studend_orders h1.row{

    width: 40%;

    text-align: center;

}



.wc_ead_studend_orders:nth-child(2n+0){

    border-bottom: 1px solid #f5f5f5;

}



.wc_ead_studend_orders .row{

    font-weight: 300;

    display: inline-block;

    font-size: 0.875em;

    vertical-align: middle;

    width: 20%;

    text-align: center;

}



.wc_ead_studend_orders .row b{

    font-weight: 500;

}



.wc_ead_studend_orders .row_pay span{

    display: inline-block;

    margin-right: 5px;

}



/*CURSOS*/



.course_ead_title{

    text-transform: uppercase;

    font-weight: 700;

    color: #444;

    margin-bottom: 25px;

}



.wc_ead_classes_wrap{

    border: 1px solid #eee;

}



.wc_ead_home_courses{

    display: inline-block;

    width: 75%;

    vertical-align: top;

    padding-left: 40px;

    /*    margin-top: 90px;*/

    margin-top: 28px;

}



.wc_ead_home_courses_course{

    padding: 15px;

    background: #fbfbfb;

}



.wc_ead_home_courses_course_thumb{

    position: relative;

    padding: 10px;

    float: left;

    padding-bottom: 20px;

    border: 1px solid #eae9e9;

}



.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;

    display: block;

}



.wc_ead_home_courses_certifications{

    display: block;

    width: 100%;

    padding: 10px;

    text-align: center;

    font-size: 0.8em;

    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;

}



.wc_ead_home_courses form{

    padding: 20px;

    background: #fbfbfb;

}



.wc_ead_home_courses form select,

.wc_ead_home_courses form input{

    font-size: 0.875em;

    font-weight: 300;

    border: 1px solid #e8e7e7;

    /*    margin-bottom: 20px;*/

    border-radius: 3px;

}



.wc_ead_home_courses form span{

    font-size: 0.875em;

    font-weight: 500;

    color: #333;

    display: block;

    margin-bottom: 5px;

}



.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;*/

    background: #fff;

    margin-top: -44px;

}



.wc_ead_course_course_header{

    text-align: center;

    margin-bottom: 20px;

    padding-top: 77px;

}



.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;

    border-bottom: 1px solid #eee;

    color: #555;

}



.wc_ead_course_course .box{

    text-align: center;

    padding: 20px 10px;

    background: #616161;

    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{

    background: #cccccc;

    padding: 3px;

}



.wc_ead_course_course .box .progress{

    margin-top: 9px;

    text-align: left;

}



.wc_ead_course_course .progress_bar{

    padding: 0px 9px;

    vertical-align: top;

    display: inline-block;

    background: #ffb400;

}



.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: 30px;

}



.wc_ead_course_module .module_header{

    padding-bottom: 9px;

    margin: 0 0 20px 0;

    border-bottom: 1px solid #eee;

    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: 0.8em;

    color: #888;

    line-height: 1.2;

}



.wc_ead_course_module .module_header span{

    font-size: 0.4em;

}



.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: 14px 15px 15px 15px;

    /*background: #fbfbfb;*/

    line-height: 1;

    border-bottom: 1px solid #eee;

}



.wc_ead_course_module_class.active{

    background: #444 !important;

    /*    padding-top: 23px; */

    color: #fff;

}



.wc_ead_course_module_class.active:hover{

    background: #444 !important;

}



.wc_ead_course_module_class.active *{

    color: #fff;

}



.wc_ead_course_module_class:nth-child(2n+0){

    background: #fff;

    border-bottom: 1px solid #eee;

}



.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: 20%;

    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;

}



.icon-red{color: red; font-size: 0.9em;}

.icon-green{color: #81cc2a;}



/*TAREFA.PHP*/

.wc_ead_course_task{

    margin-top: 29px;

}



.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;*/

    padding: 15px;

    border: 1px solid #f1f2f6;

    padding-top: 31px;

    border-radius: 5px;

}



.wc_ead_course_task_media_play{

    /*    padding: 0 0.5%;

        width: 960px;

        max-width: 90%;

        margin: 0 auto;*/



    /*    width: 960px;

        max-width: 90%;*/

}



.wc_ead_course_task_media_nav{

    width: 100%;

    max-width: 100%;

    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: 34%;

    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;

    border: 1px solid #f1f2f6;

    border-radius: 3px;

}

.wc_ead_course_task_media_nav .icon-arrow-right{background: #333; color: #fff; }



.wc_ead_course_task_media_nav a:hover{

    background: #333;

    color: #fff;

}



.wc_ead_course_task_media_nav .a{

    width: 27%;

}



.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;

}



.box_bar{margin-left: 13%;}



.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: #ffb400;

    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{

    margin-bottom: 40px;

    border-bottom: 1px solid #eee;

}



.wc_ead_course_task_forum_header h1{

    font-size: 1.8em;

    font-weight: bold;

    color: #555;

}



.wc_ead_course_task_forum_header p{

    font-size: 0.8em;

    font-weight: 300;

    text-transform: uppercase;

    display: inline-block;

    padding-bottom: 10px;

    border-bottom: 4px solid #eee;

}



.wc_ead_course_task_forum_none{

    font-size: 1.2em;

    font-weight: 300;

    color: #ccc;

    text-align: center;

}



.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: 30px;

    padding: 20px;

    background: #fff;

}



.wc_ead_course_task_forum_ticket_actions{

    display: block;

    width: 100%;

    text-align: right;

}



.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;

}



/***********************************

######## CUSTOM STYLES #########

***********************************/



p{margin-bottom: 0;}



.header_campus {

    padding: 20px 0;

    margin-bottom: -86px;

    position: relative;

    border-top: 2px solid #969696;

    box-shadow: 1px 2px 5px #ccc;

    background: #fff;

}



.header_login{background: #f1f2f6;}

.header_login .content{

    padding: 15px 0;

    padding-bottom: 27px;

}

.header_login h2{

    text-align: center;

    font-weight: 800;

    font-size: 3em;

    color: #333;

}





.nav_ead_menu{

    float: right;

    margin-top: -34px;

    margin-right: 30px;

}



.nav_ead_menu li{ margin-right: 24px;}



.nav_ead_menu a{

    color: #8a8a8a;

    font-size: 0.9em;

}



.form_ead_custom{

    background: #fff!important;

}



.form_ead_custom input{ border: 1px solid #b5b2b2!important;}



.form_ead_custom button{

    padding: 16px 26px;

    float: right;

    background: #ffc100;

    border: 0;

    font-weight: 600;

    color: #4a4b4c;

    font-size: 1em;

    border-radius: 3px;

}



.form-icon{

    float: right;

    margin-top: -29px;

    position: relative;  

}

.form-icon i{

    font-size: 1.2em;

    color: #ccc;

    margin-right: 13px;

    border-left: 1px solid #ddd;

    padding-left: 15px;

}



.btn_gray_campus{

    background: #444;

    padding: 16px 40px;

    border: 0;

    border-radius: 3px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 0px;

    font-family: 'Open Sans';

    font-size: 0.9em;

    cursor: pointer;

}



.box_course_custom h1{

    font-size: 0.9em;

    font-weight: 600;

    /*    text-align: center;*/

    background: #444;

    padding: 15px;

}



.box_course_custom a{color: #fff;}



.header_campus .logo{margin-top: -14px;}



.wc_ead_home_student_sidebar{border: 1px solid #f1f2f6;}



.wc_ead_home_courses_course_thumb .box-sidebar{width: 50%;}

.wc_ead_home_courses_course_thumb .box-content{width: 46%;}

.wc_ead_home_courses_course_thumb .box-content p{margin-top: 18px;}



.wc_ead_course_task p{

    margin-top: 35px;

    background: #ebeff3;

    padding: 7px 22px;

    border-radius: 7px;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 0.9em;

    margin-bottom: 29px;

}



.ead_breadcrumb{

    font-size: 0.85em;

    color: #8e8c8c;

}



.title-area-aluno{

    text-transform: uppercase;

    font-weight: 700;

    font-size: 1.7em;

    margin-left: 17px;

    color: #444;

}



.trigger_info{

    background: #e3a628;

    padding: 15px;

    margin-top: 30px;

    margin-bottom: 34px;

    color: #fff;

}



.tarefas .box_side{

    width: 61%;

}



.tarefas .box_bar{

    width: 39%;

    margin-left: 0;

}



.tarefas .wc_ead_course_task_content_sidebar header h1{

    font-size: 1.5em;

}



.wc_ead_course_task_media_play .box-content{

    width: 66%;

}

.wc_ead_course_task_media_play .box-sidebar{

    width: 30%;

}

.wc_ead_notes h3{ margin-bottom: 7px;}



.wc_ead_course_task_media_play .wc_ead_notes{

    background: #fbfbfb;

    padding: 5px 15px;

    margin-top: 25px;

}





.course_media_title{

    margin-top: -14px;

    text-align: center;

    border-bottom: 1px solid #f1f2f6;

    padding-bottom: 8px;

    font-weight: 600;

}



.wc_ead_course_task_forum_none{display: none;}





.class_actions .box-3, .class_actions .box-5{

    border: 1px solid #f5f5f5;

    text-align: center;

    padding: 20px;

    border-radius: 2px;

    min-height: 151px;

}



.image-user-container{

    border: 1px solid #e8e7e7;

    padding: 15px;

    margin-bottom: 33px;

    border-radius: 5px

}



.user-data-title{

    font-weight: 400;

    font-size: 1.5em;

    margin-bottom: 21px;

}



.col-count3{

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    -webkit-column-gap: 30px;

    -moz-column-gap: 30px;

    column-gap: 30px;

}



.wc_ead_content.jwc_ead_restrict {

    width: 100%;

}





.datarequired{

    background: #fb9595;

    padding: 8px;

    border: 1px solid #ec6a6a;

    color: #800b0b;

    border-radius: 5px;

    width: 98%;

    margin-bottom: 27px;

    line-height: 29px;

    font-size: 0.9em;

}



.flat-text1 {

    line-height: 1;

    margin: 0;

    color: #fff;   

    font-family: open sans;

    overflow: hidden;

    text-shadow: 0px 0px #393939,1px 1px #393939,2px 2px #393939,3px 3px #393939,4px 4px #393939,5px 5px #393939,6px 6px #393939,7px 7px #393939,8px 8px #393939,9px 9px #393939,10px 10px #393939,11px 11px #393939,12px 12px #393939,13px 13px #393939,14px 14px #393939,15px 15px #393939,16px 16px #393939,17px 17px #393939,18px 18px #393939,19px 19px #393939,20px 20px #393939,21px 21px #393939,22px 22px #393939,23px 23px #393939,24px 24px #393939,25px 25px #393939,26px 26px #393939,27px 27px #393939,28px 28px #393939,29px 29px #393939,30px 30px #393939,31px 31px #393939,32px 32px #393939,33px 33px #393939,34px 34px #393939,35px 35px #393939,36px 36px #393939,37px 37px #393939,38px 38px #393939,39px 39px #393939,40px 40px #393939,41px 41px #393939,42px 42px #393939,43px 43px #393939,44px 44px #393939,45px 45px #393939,46px 46px #393939,47px 47px #393939,48px 48px #393939,49px 49px #393939,50px 50px #393939,51px 51px #393939,52px 52px #393939,53px 53px #393939,54px 54px #393939,55px 55px #393939,56px 56px #393939,57px 57px #393939,58px 58px #393939,59px 59px #393939,60px 60px #393939,61px 61px #393939,62px 62px #393939,63px 63px #393939,64px 64px #393939,65px 65px #393939,66px 66px #393939,67px 67px #393939,68px 68px #393939,69px 69px #393939,70px 70px #393939,71px 71px #393939,72px 72px #393939,73px 73px #393939,74px 74px #393939,75px 75px #393939,76px 76px #393939,77px 77px #393939,78px 78px #393939,79px 79px #393939,80px 80px #393939,81px 81px #393939,82px 82px #393939,83px 83px #393939,84px 84px #393939,85px 85px #393939,86px 86px #393939,87px 87px #393939,88px 88px #393939,89px 89px #393939,90px 90px #393939,91px 91px #393939,92px 92px #393939,93px 93px #393939,94px 94px #393939,95px 95px #393939,96px 96px #393939,97px 97px #393939,98px 98px #393939,99px 99px #393939,100px 100px #393939,101px 101px #393939,102px 102px #393939,103px 103px #393939,104px 104px #393939,105px 105px #393939,106px 106px #393939,107px 107px #393939,108px 108px #393939,109px 109px #393939,110px 110px #393939,111px 111px #393939,112px 112px #393939,113px 113px #393939,114px 114px #393939,115px 115px #393939,116px 116px #393939,117px 117px #393939,118px 118px #393939,119px 119px #393939,120px 120px #393939,121px 121px #393939,122px 122px #393939,123px 123px #393939,124px 124px #393939,125px 125px #393939,126px 126px #393939,127px 127px #393939,128px 128px #393939,129px 129px #393939,130px 130px #393939,131px 131px #393939,132px 132px #393939,133px 133px #393939,134px 134px #393939,135px 135px #393939,136px 136px #393939,137px 137px #393939,138px 138px #393939,139px 139px #393939,140px 140px #393939,141px 141px #393939,142px 142px #393939,143px 143px #393939,144px 144px #393939,145px 145px #393939,146px 146px #393939,147px 147px #393939,148px 148px #393939,149px 149px #393939,150px 150px #393939,151px 151px #393939,152px 152px #393939,153px 153px #393939,154px 154px #393939,155px 155px #393939,156px 156px #393939,157px 157px #393939,158px 158px #393939,159px 159px #393939,160px 160px #393939,161px 161px #393939,162px 162px #393939,163px 163px #393939,164px 164px #393939,165px 165px #393939,166px 166px #393939,167px 167px #393939,168px 168px #393939,169px 169px #393939,170px 170px #393939,171px 171px #393939,172px 172px #393939,173px 173px #393939,174px 174px #393939,175px 175px #393939,176px 176px #393939,177px 177px #393939,178px 178px #393939,179px 179px #393939,180px 180px #393939,181px 181px #393939,182px 182px #393939,183px 183px #393939,184px 184px #393939,185px 185px #393939,186px 186px #393939,187px 187px #393939,188px 188px #393939,189px 189px #393939,190px 190px #393939,191px 191px #393939,192px 192px #393939,193px 193px #393939,194px 194px #393939,195px 195px #393939,196px 196px #393939,197px 197px #393939,198px 198px #393939,199px 199px #393939,200px 200px #393939;

}





/* CUSTOM FORM ERRORS */



label.error{

    display: inline-block;

    background: #e4bab7;

    padding: 4px;

    font-size: 0.85em;

    color: #ce3809;

    border-radius: 3px;

}



label.error:after{

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    margin-left: -158px;

    border-bottom: 8px solid #e4bab7;

    border-right: 8px solid transparent;

    border-left: 8px solid transparent;

    margin-top: -12px;

}



.form-group input.error {

    border: 1px solid #e4bab7;

}







/*INVENTÁRIO*/

.wrap-table-inventario{

    border: 1px solid #dedede;

    display: flex;

    flex-wrap: wrap;

    align-content: flex-start;

}



.wrap-table-title:nth-of-type(1) {

    width: 25%;

}

.wrap-table-inventario .box-3:nth-of-type(4) {

    width: 15%;

    border-left: 1px solid #dedede;

}

.wrap-table-inventario .box-3:nth-of-type(1){width: 25%;}



.wrap-table-inventario .box-3{ margin-right: 0; width: 30%;}

.wrap-table-inventario .box-3:nth-of-type(2){border-left: 1px solid #dedede; border-right: 1px solid #dedede;}



.wrap-table-inventario form{background: transparent; padding: 0;}

.wrap-table-inventario input{margin-bottom: 0!important; margin-top: 0; border:0!important;}



.wrap-table-title:nth-of-type(2){border-left: 1px solid #dedede; border-right: 1px solid #dedede;}

.wrap-table-title:nth-of-type(4) { width: 15%; border-left: 1px solid #dedede;}

.wrap-table-title{

    border-bottom: 1px solid #dedede;

    padding: 5px 15px;

    text-align: center;

    margin-right: 0;

    width: 30%;

}







/* LIST */



.dynamic-li{

    line-height: 24px;

}

/*.dynamic-li li:hover {

    background: #ececec;

}*/

.dynamic_title{

    float: left;

    width: 43%;

    margin-right: 1%;

}



.dynamic_title_main{

    float: left;

    width: 43%;

    margin-right: 2%;

}



.inventario form{

    padding: 0!important;

}



.inventario li{margin-bottom: 15px;}



.inventario .btn-new {

    margin-top: 11px;

    padding: 12px 15px!important;

    background: #737373;

}



.inventario ul{margin-left: 0;}



.inventario .good{

    display: block;

    width: 43%;

    background: #f1f1f1;

    float: left;

    margin-right: 1%;

    padding: 7px 15px;

}



.inventario .bad{

    display: block;

    width: 43%;

    background: #bdbcbc;

    float: left;

    margin-right: 1%;

    padding: 7px 15px;



}



.remove{

    color: #fff;

    padding: 2px 9px;

    font-size: 0.8em;

    border-radius: 3px;

    background: #F44336;

    text-decoration: none;

    margin-left: 11px;

    cursor: pointer;

}



/*TINYMCE*/

.mce-statusbar .mce-container-body{display: none!important;}

.text_editor{border: 1px solid #d3d3d3!important;}

.mce-tinymce{margin-bottom: 10px;}





/* MODAL QUADRO*/

/*.interior {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}*/



.modal-window, .modal-edit {

    position: fixed;

    background-color: rgba(255, 255, 255, 0.85);

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 999;

    pointer-events: none;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

    opacity: 0;

}





/*.modal-window:target {

    opacity: 1;

    pointer-events: auto;

}*/



.open-modal>div{ pointer-events: auto;}

.modal-window>div, .modal-edit>div {

    width: 400px;

    position: relative;

    margin: 2% auto;

    padding: 2rem;

    background: #fff;

    color: #444;



}



.modal-window header, .modal-edit header {

    font-weight: bold;

}



.modal-close {

    color: #aaa;

    line-height: 50px;

    font-size: 80%;

    position: absolute;

    right: 0;

    text-align: center;

    top: 0;

    width: 70px;

    text-decoration: none;

    cursor: pointer;

}



.modal-close:hover {

    color: #000;

}



.close-modal{display: none; opacity: 0;}

.open-modal{display: block; opacity: 1;}







/* MURAL */



.durex{

    font-weight: 700;

    font-size: 2.5em;

    background: #e2dcdcad;

    width: 50%;

    margin: auto;

    font-family: cursive;

    margin-bottom: 70px;

}







.borda-esquerda, .borda-direita, .borda-topo, .borda-baixo {

    position: absolute;

}

.box-mural{

    float: left;

    width: 100%;

    background: url(images/quadro.jpg);

    position: relative;

    margin-bottom: 30px;

    min-height: 250px;

    border: 2px solid;

}

.box-mural p{

    font-family: cursive;

    font-size: 1.2em;

    margin-top: 15px;

    margin-bottom: 15px;

}

.box-mural .box-4 .btn_red{display: none;     padding: 1px 14px;

                           position: absolute;

                           margin-top: -9px;

                           margin-left: 16px;}

.box-mural .box-4:hover .btn_red {

    display: inline!important;

}



.box-mural .box-4{

    background: #fff;

    text-align: center;

    padding: 25px;

    width: 31%;

    border: 3px solid;

}

.box-mural .box-box-mural {

    float: left;

    padding: 80px 60px;

    width: 100%;

}

.borda-topo {

    height: 49px;

    width: 100%;

    top: 0;

    /*    background: url(../../../assets/img/mural/border-top.png);*/

    /*    background-color: #008068;*/

}

.borda-esquerda {

    height: 100%;

    width: 35px;

    /*    background: url(../../../assets/img/mural/border-vertical.png);*/

    z-index: 1;

    /*    border-top: 2px solid #000000;

        border-bottom: 2px solid #000000;*/

}

.borda-direita {

    height: 100%;

    width: 35px;

    right: 0;

    top: 0;

    /*    background: url(../../../assets/img/mural/border-vertical.png);

        z-index: 1;

        border-top: 2px solid #000000;

        border-bottom: 2px solid #000000;*/

}

.borda-baixo {

    height: 39px;

    /*    background: red;*/

    width: 100%;

    bottom: 0;

    /*    background: url(../../../assets/img/mural/border-bottom.png);*/

}



/* ALUNO */



.curso-info h3{

    background: #fbfbfb;

    padding: 22px;   

}



.curso-info-header{

    margin-top: 35px;

    background: #fbfbfb;

    border: 1px solid #f1efef; 

    /*    margin-bottom: 25px;*/

}



/**

 * Tabs

 */

.curso-info .tabs {

    display: flex;

    flex-wrap: wrap; 

}

.curso-info .tabs label {

    order: 1; 

    display: block;

    padding: 1rem 2rem;

    margin-right: 0.2rem;

    cursor: pointer;

    background: #ffffff;

    font-weight: bold;

    transition: background ease 0.2s;

    width: 19%;

    text-align: center;

    margin-bottom: 0;

    font-size: 0.9em;

}



.curso-info .tabs label img{display: block; margin: auto; width: 34px; margin-bottom: 8px;}

.curso-info .tabs .tab {

    order: 99; 

    flex-grow: 1;

    width: 100%;

    display: none;

    padding: 1rem;

    background: #fff;

    border-top: 1px solid #f1efef;

}

.curso-info .tabs input[type="radio"] {

    display: none;

}

.curso-info .tabs input[type="radio"]:checked + label {

    /*    background: #ffc100;*/

    border-bottom: 3px solid #ffc100;

}

.curso-info .tabs input[type="radio"]:checked + label + .tab {

    display: block;

}

.curso-info .tab-title{

    font-size: 1.4em;

    font-weight: 600;

    margin-bottom: 25px;

    padding-top: 25px;

}



.curso-info .tab-item-aula{

    padding: 5px 11px;

    border-bottom: 1px solid #ececec;

}



.curso-info .tab-item-aula:hover{background: #ececec;}



.curso-info .tab-item-aula h4{font-size: 0.9em;}



.row14{width: 14%!important;}

.row32{width: 32%!important}



.aviso{ border: 1px solid #f3f0f0; padding: 12px 24px; border-top: 4px solid #f3f0f0; border-radius: 3px;}

.aviso h4 .span-title{

    font-weight: 600;

    font-size: 0.85em;

    text-transform: uppercase;

    color: #555;

}

.aviso .panel{font-size: 0.9em; margin-top: 10px;}

.aviso .novo{

    font-size: 0.6em;

    background: #ffc100;

    padding: 1px 7px;

    border-radius: 4px;

    color: #fff;

}





/* AVISO / CRONOGRAMA */

.lista-item-ead label{

    width: 100%!important;

    padding: 0!important;

    margin-top: 25px;   

    margin-bottom: 0;

}



.lista-item-ead .faq-titulo::before {

    content: "\f107";

    font-family: 'FontAwesome';

    float: right; 

    /*    background: #ccc;  */

    padding: 3px 13px;

    font-size: 1.3em;

    font-weight: 500;

}



.faq-titulo .span-date{

    width: 20%;

    display: block;

    float: left;  

    font-size: 0.9em;

    padding-left: 30px;

    line-height: 39px;

}

.faq-titulo .span-text{

    display: block;

    width: 74%;

    float: left;  

    font-size: 0.9em;

    line-height: 39px;

    padding-left: 11px;

    font-weight: 600;

}

.faq-titulo{

    border: 1px solid #f1f1f1;

    display: flow-root;

}







.lista-item-ead span{

    color: #000;

    text-decoration: none;

    font-weight: 500;

}



.tagAlert{

    position: absolute;

    right: 0;

    margin-right: 152px;

    background: #ffc100;

    color: #fff!important;

    font-size: 0.85em;

    padding: 0px 10px;

    margin-top: 12px;

    border-radius: 3px;

}

.courseAlert{

    border-radius: 26px;

    height: 23px;

    width: 23px;

    background: #ffc100!important;

    padding-top: 3px!important;

    padding-left: 0!important;

    padding-right: 0!important;

}



.sonar{

    background: #ffc100;

    width: 8px;

    height: 8px;

    animation: pulse 2s infinite;

    position: relative;

    display: inline-block;

    border-radius: 50px;

    margin-right: 9px;

}



.page-alertas h2{

    display: inherit;

}

.page-alertas .span-text{

    font-size: 0.6em;

}

.page-alertas .span-date{

    font-size: 0.4em;

}

.page-alertas .tagAlert{font-size: 0.7em;}

.page-alertas .faq-titulo .span-text{

    width: auto;

}



@-webkit-keyframes pulse {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(225,193, 0, 0.4);

    }

    70% {

        -webkit-box-shadow: 0 0 0 10px rgba(225,193, 0, 0);

    }

    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(225,193, 0, 0);

    }

}

@keyframes pulse {

    0% {

        -moz-box-shadow: 0 0 0 0 rgba(225,193, 0, 0.4);

        box-shadow: 0 0 0 0 rgba(225,193, 0, 0.4);

    }

    70% {

        -moz-box-shadow: 0 0 0 10px rgba(225,193, 0, 0);

        box-shadow: 0 0 0 10px rgba(225,193, 0, 0);

    }

    100% {

        -moz-box-shadow: 0 0 0 0 rgba(225,193, 0, 0);

        box-shadow: 0 0 0 0 rgba(225,193, 0, 0);

    }

}





/* MODAL GLOBAL */

.modalDialog {

    position: fixed;

    font-family: Arial, Helvetica, sans-serif;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba(0, 0, 0, 0.8);

    z-index: 99999;

    opacity:0;

    -webkit-transition: opacity 400ms ease-in;

    -moz-transition: opacity 400ms ease-in;

    transition: opacity 400ms ease-in;

    pointer-events: none;

}

.modalDialog:target {

    opacity:1;

    pointer-events: auto;

}

.modalDialog > div {

    width: 400px;

    position: relative;

    margin: 10% auto;

    /*    padding: 5px 20px 13px 20px;*/

    border-radius: 5px;

    background: #fff;

}

.modalHeader{

    border-bottom: 1px solid #f3ecec;

    padding: 3px 18px;

}

.modalHeader h2{

    font-size: 1.55em;

    font-weight: 400;

}

.modalContent h3{

    font-size: 1.25em;

    margin-bottom: 9px;

}

.modalHeader img{

    width: 26px;

    margin-top: -3px;

}

.modalContent{

    padding: 18px;

}

.closeBtn {

    background: #ffffff;

    color: #aba9a9;

    line-height: 25px;

    position: absolute;

    right: 14px;

    text-align: center;

    top: 11px;

    width: 24px;

    text-decoration: none;

    text-shadow: inherit;

}

.btn-note {

    border: 1px solid #dad8d8;

    padding: 7px 15px;

    display: block;

    text-align: center;

    color: #333;

    font-size: 0.9em;

    font-weight: 600;

    font-family: 'Open Sans';

    margin-bottom: 11px;

    border-radius: 4px;

}

.btn-note:hover{

    color: #333;

    text-decoration: none;

    background: #f7f7f7;

}

/*.close:hover {

    background: #00d9ff;

}*/





@media (max-width: 45em) {

    .curso-info .tabs .tab,

    .curso-info .tabs label {

        order: initial;

    }

    .curso-info .tabs label {

        width: 100%;

        margin-right: 0;

        margin-top: 0.2rem;

    }

}



/*NEW CUSTOM CODES */



.btn_all_classes{

    float: right;

    font-size: 0.4em;

    background: #333;

    color: #fff;

    padding: 5px 15px;

    border-radius: 3px;

    margin-top: 13px;

}



.btn_all_classes a{color: #fff; font-weight: 400;}



.autor-image{

    width: 52px;

    float: left;

    margin-right: 9px;

    margin-bottom: 15px;

    margin-top: 6px;

}



.alerta-info{

    padding-left: 11px; 

    font-size: 0.95em;

    float: left;

}



.colorAlert{

    background: #f44336;

    border-radius: 102px;

    width: 18px;

    height: 18px;

    display: inline-block;

    color: #fff;

    padding: 1px;

    font-size: 0.7em;

    position: absolute;

    margin-top: -8px;

    margin-left: -15px;

}



/***********************************

######## MEDIA QUERIES EAD #########

***********************************/

@media(max-width: 66em){

    .wc_ead_content{

        width: 94%;

    }



    .wc_ead_home_student,

    .wc_ead_home_courses{

        width: 100%;

        padding: 0;

        margin-top: 40px;

    }



    .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 .htmlchars{

        font-size: 0.9em!important;

    }



    .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;

    }

}



@media(max-width: 48em){

    .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){

    .wc_ead_course_task_forum_ticket_thumb{

        display: none;

    }



    .wc_ead_course_task_forum_ticket_content{

        width: 100%;

    }

}