@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: 74px;
}

.switch {
    position: relative;
    display: inline-block;
    bottom: 4px;
}

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

    font-weight: 700;

    text-transform: uppercase;

}



.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_enter.container.login{
    min-height: 100vh;
    height: auto;

}


.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_nav svg{
    width: 34px;
    margin-left: 10px;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
}

.wc_ead_home_student_nav svg path {
    fill: #3d3d3d;
}
.wc_ead_home_student_nav svg  g path {
    fill: #3d3d3d;
}

.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,
.wc_ead_home_student_nav .menu-link
{

    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;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding-left: 15px;
    transition: all 0.3s ease-in-out;

}





.wc_ead_home_student_nav .menu-link.exit:hover,
.wc_ead_home_student_nav a.exit:hover{

    background: #F45563;

}



.wc_ead_home_student_nav .menu-link.wc_active,
.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_estudos{

    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;

    padding-top: 29px;
    padding-bottom: 11px;
}



.header_login{
    background: #f1f2f6;
    float: inherit!important;
    display: none;
}

.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 svg{
    width: 30px;
    margin-right: 15px;
}


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



.nav_ead_menu a{

    color: #8a8a8a;

    font-size: 0.9em;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: solid 1px transparent;

}
.nav_ead_menu a:hover{
    text-decoration: none;
    border-bottom: solid 1px #ffc000;
}


.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 .wc_ead_home_courses_course_content{
    padding: 0!important;
}
.box_course_custom .wc_ead_home_courses_course_content p{
    display: inline-block;
    margin-top: 0px;
    background: #ffbd00;
    width: 100%;
}

.box_course_custom .icon-heart-broken{background: #ccc!important;}


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

    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: inline;     padding: 1px 14px;

    position: absolute;

    margin-top: -9px;

    margin-left: 16px;}





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


.lista-item-ead{

}

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

}*/

/* Iniciar  / Estudos */

.form_group.flex{
    display: flex;
    /* background-color: red; */
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}


.form_group.flex label{
    width: 49%;

}

.form_estudos label{
    margin-bottom: 0px;
}
.form_estudos input, .form_estudos select{
    margin: 10px 0px;
}

.ie_btn_group{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.ie_btn_group button{
    background: #454449;
    color: #fff;
    width:100%;
    border: none;
    height: 43px;
    cursor: pointer;
}
#saveBtn-manual{
    background: #454449;
    color: #fff;
    width: 100%;
    border: none;
    height: 43px;
    cursor: pointer;
}
.ie_btn_group button:disabled{
    opacity: 0.8;
    cursor: inherit;
}
.ie_btn_group label{
    width: 24%;
    display: flex;
    flex-direction: row;
    cursor: pointer;
}
.ie_btn_group label img{
    width: 20px;

}
.ie_btn_group input[type=button]{
    color: #454449;
    height: 43px;
    width: auto;
    position: relative;
    border: none;
    background: none;
    cursor: pointer;
}
.ie_btn_group input[type=button]::before{
    content: " ";
    position: relative;
    width: 30px;
    height:  30px;
    display: block;
    background-color: #454449;
}
.content_preview{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 55px;
    position: relative;
}
.content_preview:after{
    background: #fff;
    width:calc(100% + 40px);
    height: 35px;
    top: -35px;
    content: " ";
    display:block;
    position: absolute;
}

.content_text{
    display: flex;
    flex-direction: column;
    /* width: 55%; */
}
.content_text h5{
    color: #005656;
    font-size: 1.3em;
    display: flex;
}
.content_text h6{
    font-size: 1.3em;
    color: #5f5e62;
    display: flex;

}
.darkMode {
    margin:  0;
    margin-right: 15px;
    display: flex;
    flex-direction: row;
}
.darkMode span{
    color: #8a8a8a;
    font-size: 0.9em;
}
/* Switch Container */
.switch {
    position: relative;
    display: inline-block;
}
/* Hide the checkbox input (only needed for `:checked` property) */
.switch-input {
    display: none;
}
/* Switch */
.switch-label {
    margin-right: 10px;
    display: block;
    width: 48px;
    height: 24px;
    text-indent: -150%;
    clip: rect(0 0 0 0);
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Switch Rail & Knob */
    /* Switch Rail */
    /* Switch Knob */
    position: relative;
}
.switch-label:before,
.switch-label:after {
    content: "";
    display: block;
    position: absolute;
    cursor: pointer;
}
.switch-label:before {
    width: 100%;
    height: 100%;
    background-color: #dedede;
    border-radius: 9999em;
    -webkit-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}
.switch-label:after {
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
    -webkit-transition: left 0.25s ease;
    transition: left 0.25s ease;
}
/* When input is checked */
.switch-input:checked + .switch-label {
    /* Switch Rail */
    /* Switch Knob */
}
.switch-input:checked + .switch-label:before {
    background-color: #ffbd00;
}
.switch-input:checked + .switch-label:after {
    left: 24px;
}
.header_campus .wc_ead_content{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 0px 25px;
    height: 45px;
    align-items: center;
    justify-content: space-between;
}


.header_campus .wc_ead_content .box.box-content.last{
    width: auto;
    display: flex;
    align-items: center;
}

@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: -5px;

}



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

######## 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%;

    }

}

/* dark mode; */
body.dark-mode select, body.dark-mode input, 
body.dark-mode .container-flex.infoSimulado {
    background-color: #555;
    color: white;
}
body.dark-mode .div_num_class {
    background: #555;
}
body.dark-mode .texto_zoom, body.dark-mode .zoom_menos,
body.dark-mode .zoom_mais, body.dark-mode .tempo_cronometro{
    background-color: #313131;
    color: white;
    font-weight: 500;
}
body.dark-mode .wc_ead_home_student_nav .menu-link,
body.dark-mode .wc_ead_home_student_nav a,
body.dark-mode .wc_ead_home_student_sidebar,
body.dark-mode .wc_ead_home_student_thumb, body.dark-mode ,
body.dark-mode .wc_ead_course_module_class:nth-child(2n+0) {
    background: #313131;
}
body.dark-mode .wc_ead_home_student_nav svg path {
    fill: #fff !important;
}
body.dark-mode .text-center.txt_aviso {
    background-color: #212121 !important;
}
body.dark-mode .wc_ead_course_module_class:hover{
    background: #313131;
}
body.dark-mode .wc_ead_course_module_class a{
    color:white;
}
body.dark-mode .container.wc_ead_notes.darkmode_ead_notes,
body.dark-mode .textdarkmode.text-uppercase.text-center,
body.dark-mode .fc-toolbar.fc-header-toolbar
, body.dark-mode .texto_informacao{
    background-color: #313131 !important;
}




body.dark-mode .material_color, body.dark-mode .span-text,
body.dark-mode .span-darkmode, body.dark-mode .titulo_texto_informacao,
body.dark-mode i.fa.fa-info-circle.info_texto, body.dark-mode span.span_card_body,
body.dark-mode span.text-uppercase.font700, body.dark-mode span, body.dark-mode h1,
body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6, body.dark-mode p,
body.dark-mode b, body.dark-mode i.fa.fa-stop, body.dark-mode i.fa.fa-pause {
    color: white !important;
}


body.dark-mode #customers td, body.dark-mode #customers th{
    background: #212121 !important;
}

body.dark-mode .dark-mode{
    background: #212121 !important;
}
body.dark-mode .box.box-content.last.wc_ead_home_courses,
body.dark-mode .content-desempenho.shadows,
body.dark-mode label, body.dark-mode .card, body.dark-mode table,
body.dark-mode canvas, body.dark-mode .wc_ead_home_courses .form_estudos,
body.dark-mode .content-tab, body.dark-mode .absence_time,body.dark-mode .contents-chart,
body.dark-mode .faq-conteudo, body.dark-mode article.wc_ead_course_course.jwc_ead_restrict{
    color:white !important;
    background: #313131 !important;
}

body.dark-mode .wc_ead_home_student_sidebar,
body.dark-mode .wc_ead_home_student_nav .menu-link,
body.dark-mode .wc_ead_home_student_nav a{
    border-color: #313131;

}
body.dark-mode .header_campus{
    background: #212121;
    box-shadow: 1px 2px 5px #000;
}

body.dark-mode .wc_ead_home_student_nav .menu-link,
body.dark-mode .wc_ead_home_student_nav .menu-link svg circle,
body.dark-mode .wc_ead_home_student_nav a{
    fill: #ffb400;
    /*transition: all 0.3s ease-in-out;*/

}
.wc_ead_home_student_nav .menu-link:hover,
.wc_ead_home_student_nav .menu-link:hover svg circle,
.wc_ead_home_student_nav a:hover{
    fill: #ffb400;
    /*transition: all 0.3s ease-in-out;*/

}
body.dark-mode i.fa.fa-sign-out.fa-x2, body.dark-mode .nav_ead_menu a {
    color: #fff;
}
body.dark-mode .nav_ead_menu li svg circle,
body.dark-mode .nav_ead_menu li svg path{
    fill: #fff;
}
body.dark-mode .wc_ead_home_student_nav .menu-link:hover,
.wc_ead_home_student_nav .menu-link:hover,
body.dark-mode .wc_ead_home_student_nav a:hover,
.wc_ead_home_student_nav a:hover{
    font-weight: 700;
    border-bottom-color:#ffb400 ;
    /*transition: all 0.3s ease-in-out;*/
    border-color: #ffb400;

}

body.dark-mode .wc_ead_home_student_thumb p{
    color: #8e8c8c;
}
body.dark-mode .course_ead_title,
body.dark-mode .wc_ead_home_student_thumb h1,
body.dark-mode .wc_ead_home_student_nav .menu-link,
body.dark-mode .wc_ead_home_student_nav a{
    color: #f1efef;
}


.wc_ead_home_student_nav a:hover svg circle,
.wc_ead_home_student_nav .menu-link:hover svg circle,
.wc_ead_hoe_stumdent_nav .menu-link:hover svg path,
.wc_ead_home_student_nav a:hover svg path{
    fill: #ffb400;
    /*transition: all 0.3s ease-in-out;*/

}
.wc_ead_home_student_nav .menu-link:hover .text::after{
    color: #ffc000 ;
}
.wc_ead_home_student_nav .menu-link .text::after{
    content: '▼';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 0px;
    top: calc(50% - 5px);
    margin-top: -5px;
    /*transition: all 0.3s ease-out;*/
}

.wc_ead_home_student_nav .menu-link .active.text::after{
    content: '▲';
    /*transition: all 0.3s ease-out;*/

}
.wc_ead_home_student_nav .menu-link ul{
    width: 100%;
    margin-bottom: 0;
    visibility: hidden;
    height: 0px;
}
.wc_ead_home_student_nav .menu-link .active.text ~ ul{
    height: auto;
    visibility: visible;
}
.wc_ead_home_student_nav .menu-link .text{
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.wc_ead_home_student_nav .menu-link{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.wc_ead_home_student_nav .menu-link a{
    font-size: 1em;
    padding-left: 35px;
}
.wc_ead_home_student_nav .menu-link:hover{
    border-color: transparent!important;
}


.site.content-title{
    background: red;
}
.login.wc_ead_enter.container{
    background: url(http://www.metodoaprovacaoemconcursos.com.br/_ead/images/bg-form.jpg);
    background: #f1f1f1;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0!important;
    display: flex;
    justify-content: center;
    align-items: center;
}



.login .wc_ead_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0!important;
}
.login .wc_ead_content article{
    margin: 15px 0px;
    background-color: #fff;
    background-image: url(http://www.metodoaprovacaoemconcursos.com.br/_ead/images/bg-pattern-2.png);
    background-size: 190%;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    width: 40%!important;
}
.box2{
    width: 100%;
}
label.disable_label{
    opacity: 0.5;
}
.flex_list_studie{
    display: flex;
}
@media(min-width:990px){
    .box2{
        width: 45%;
    }
}

#toasts {
    min-height: 0;
    position: fixed;
    right: 20px;
    bottom: 10px;
    width: 400px;
}

#toasts .toast {
    background: #f3f3f3;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    color: rgba(0,0,0, .6);
    cursor: default;
    margin-bottom: 20px;
    opacity: 0;
    position: relative;
    padding: 20px;
    transform: translateY(15%);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    width: 100%;
    will-change: opacity, transform;
    z-index: 1100;
}

#toasts .toast.success {
    background: #26d68a;
}

#toasts .toast.warning {
    background: #ffa533;
}

#toasts .toast.info {
    background: #2cbcff;
}

#toasts .toast.error {
    background: #f44336;
}

#toasts .toast.show {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

#toasts .toast.hide {
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 30px;
    transition: all .5s ease-in-out;
}

#toasts .toast .close {
    cursor: pointer;
    font-size: 24px;
    height: 16px;
    margin-top: -10px;
    position: absolute;
    right: 14px;
    top: 50%;
    width: 16px;
    background-color: transparent;
}
.custom-toast {
    display: flex;
    align-items: center;
}

.custom-toast img {
    background-size: 50px 50px;
    height: 50px;
    width: 50px;
}

.custom-toast p {
    font-size: 14px;
    padding: 10px;
}

/* 1. Ensure this sits above everything when visible */
.modalE {
    position: fixed;
    z-index: 10000; /* 1 */
    top: 0;
    left: 0;
    visibility: hidden;
    display: none;
    width: 100%;
    height: 100%;
}

.modalE.is-visible {
    visibility: visible;
    display: inherit;
}

.modalE-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modalE.is-visible .modalE-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.modalE-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 50%;
    width: 32em;
    margin-left: -16em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}

.modalE-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}

.modalE.is-visible .modalE-transition {
    transform: translateY(0);
    opacity: 1;
}

.modalE-header,
.modalE-content {
    padding: 1em;
}

.modalE-header {
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom: 1px solid #e8e8e8;
}

.modalE-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: #aaa;
    background: none;
    border: 0;
}

.modalE-close:hover {
    color: #777;
}

.modalE-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modalE-content > *:first-child {
    margin-top: 0;
}

.modalE-content > *:last-child {
    margin-bottom: 0;
}

.content-inputs{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 15px 5px;
}
.content-inputs div{
    padding: 15px;
    display: flex;
    flex-direction: column;
}
.content-inputs label{
    margin-bottom: 0px;
}
.btn-es{
    cursor: pointer;
}
.modalE-togglee.btn{
    background: #454449;
    color: #fff;
    width: 74%;
    border: none;
    height: 43px;
    cursor: pointer;
}

.content-desempenho{
    /* background: #f2f3f5; */
    padding: 20px 0px;
}

.header-desempenho{
    /* background:red; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.card-desempenho{
    background-color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 10px 20px;
    box-shadow: 0px -1px 8px 1px rgba(212,212,212,1);
    border-radius: 3px;

}
.des-content-numbers{
    width: 65%;
    font-size: 2.4em;
}
.des-content-numbers .number{
    width:50%;
    font-weight: 700;
    font-family: sans-serif;
}
.des-content-numbers i,
.des-content-numbers .number{
    color: currentColor;

}
.total{
    color:#f18721;
}
.corretas{
    color: #20bf87;
}
.erradas{
    color: #ec1733;
}
.des-content-text p{
    margin: 0px;
    line-height: 1;
    color:#8e8c8c;
    font-family: sans-serif;
}
.content-desempenho.shadows{
    /*box-shadow: 0px -1px 8px 1px rgba(212,212,212,1);
     box-shadow: 0px -1px 8px 1px rgba(212,212,212,1); */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-top: 5px;
    background: #fff;
    border-radius: 5px;
}
.sub-header-resul--des{
    padding: 7px 0px;
    border-top: solid 1px rgba(179, 179, 179, 0.16);
    border-bottom: solid 1px rgba(179, 179, 179, 0.16);
}
.sub-header-resul--des p{
    margin-bottom: 0px;
    color: rgba(179, 179, 179, 0.16);
}
.sub-header-resul--des strong{
    color: #000;
    font-weight: 600;
}
.sub-header-resul--des span{
    margin-bottom: 0px;
    color: #ffc100;
}
.header-resul--des{
    background: #fff;
    border-radius: 3px;
    display:flex;
}
.header-resul--des .col-5{
    /* background: red; */
    display: flex;
    align-items: center;
}
.header-resul--des h3{
    font-size: 1em;
    font-weight: 800;
    margin:0 ;
}
.contents-chart{
    display: flex;
    background-color: #fff;
    padding: 20px 5px;
    border-radius: 3px;
}
.contents-chart h4{
    font-size: 0.9em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
form.filterDes{
    display: flex;
    background-color: #fff;
    padding: 5px 0;
    justify-content: space-between;
}
form.filterDes select{
    min-width: 135px;
    font-size: 12px;
    padding: 3px 7px;
}
.fitler_btn{
    padding: 2px 12px;
    display: inline-flex;
    border: none;
    font-size: 14px;
    font-weight: bolder;
    background: #ffc100;
    color: #fff;

}

.tab-content {
    display: none;
    margin-top: 20px;
}
.tab-content.active {
    display: block;
    margin-top: 20px;
}
a.tab{
    padding: 5px 15px;
    background-color: #3d3d3d;
    color: #fff;
    margin-bottom: 25px;
}
a.tab.active{
    background-color: #f9b300;
    color: #fff;
    opacity: 0.8em;

}
a.tab:hover, a.tab:focus{
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}
.btn_cronometro{
    border: none;
    background: transparent;
    font-size: 1.5em;
    color: #005656;
    width: 20px;
    cursor: pointer;

}
.content_btn_cron{
    width: 15%;
    display:flex;
    justify-content: space-evenly;
}

.content-tab{
    margin-top: 35px;
    background-color: #fbfbfb;
    padding: 20px;
}
.content-tab label small{
    color: #f9b300;
    font-size: 0.8;
}

span.plain_time , .absence_time{
    bottom: -2px;
    position: relative;
    margin-left: 5px;
}
@media(max-width:720px){
    .content_preview{
        flex-direction: column;
    }
    .img-card{
        max-width: 40%;
    }
    .ie_btn_group{
        flex-direction: column;
        align-items: center;
    }
}
.content-hours-input{
    display:none;
}
.content-hours-input.active{
    display:flex;
    flex-direction: column;
    padding: 20px;
}
.bg-gray{
    background-color: dimgrey!important;
}
#inc_agr{
    background-color:transparent;
    color: transparent;
    width: 1px;
    height: 1px;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
}
.inc-label{
    margin-bottom: 0px;
    margin-top:10px;
    font-size: 1.5em;
    color: #005656;
}
#pause{
    display: none;
}
#pause.active{
    display: initial;
}
.inc-label.disabled{
    display:none;
}
.input-empty{
    border-color:rgb(226, 25, 25)!important;
}

.trigger_info {
    background: #555 !important;
}


@media(max-width:1030px){
    ul.display-inline-block.nav_ead_menu.header {
        display: none;
    }
    .box-sidebar {
        width: 100%;
    }
    .wc_ead_home_student, .wc_ead_home_courses {
        width: 100%;
        padding: 40px;
        margin-top: 40px;
    }

}
@media(max-width:768px){
    .course_ead_title {
        text-transform: uppercase;
        font-weight: 700;
        color: #444;
        padding: 20px;
        margin-bottom: 25px;
    }
    ul.display-inline-block {
        padding: 20px;
    }
    .wc_ead_home_student, .wc_ead_home_courses {
        width: 100%;
        padding: 0px;
        margin-top: 40px;
    }
}
@media(max-width:600px){
    .mobile_responsive{
        max-width: 100% !important;
        width: 100% !important;
        flex: none !important;
    }
    .wc_ead_home_student, .wc_ead_home_courses {
        width: 100%;
        padding: 32px;
        margin-bottom: 45px;
    }
    ul.display-inline-block {
        padding: 10px;
    }
    .wc_ead_home_courses_course {
        padding: 15px;
        margin-top: 30px;
        background: #fbfbfb;
    }
    span.icones-material.span-darkmode img {
        width: 70px !important;
        position: relative !important;
        right: 27px !important;
        top: 13px!important;
    }
}
button#btn-do-filtro {
    background-color: #ed8523 !important;
    border-color: #ed8523;
}


.wc_ead_home_courses .form_estudos {
    padding: 20px;
    background: #fff;
}
.content-tab {
    margin-top: 35px;
    background-color: #fff;
    padding: 20px;
}

@media(max-width:700px){
    nav#pagination {
        position: relative;
        left: 0%;
    }
}

button#btn-do-filtro {
    border-color: #555 !important;
    background-color:#555 !important;
}
.datarequired{display:none}

.item_224, .item_225, .item_226, .item_227, 
.item_228, .item_229, .item_231, .item_235, .item_252 {
    display: none !important;
}
.btn.btn-del.btn_red {
    position: relative !important;
    right: 4px;
}
.box-mural .box-4 {
background: #fff;
text-align: center;
padding: 25px;
width: 31%;
border: 0px solid;
}
.box-mural .box-4:hover .btn_red {
display: inline!important;
}
.box.box-4 {
    margin-bottom: 5%;
}
article.box.box-3.wc_ead_home_courses_course.box_course_custom {
    margin-bottom: 4%;
}

@media(max-width:800px){
    .login .wc_ead_content article {
        width: 100%!important;
    }
}
@media(max-width:700px){
    .container.col-count3 {
        display: contents;
    }
}

@media(max-width:475px){
    .tagAlert{
        margin-right: 70px;
    }
}
@media(max-width:390px){
    .tagAlert {
        margin-right: 66px;
        margin-top: 42px;
    }
}
@media(max-width:600px){
    .durex {
        font-weight: 700;
        font-size: 2.5em;
        background: transparent;
        width: 100%;
        margin: auto;
        font-family: monospace;
        margin-bottom: 70px;
    }
    .course_ead_title {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 24px;
        color: #444;
        padding: 20px;
        margin-bottom: 25px;
    }
}