/*CAIXAS CONTENT CONTA*/
.login_box{width: 500px; margin: 5% auto; max-width: 100%;}
.cadastro_box{background: #fff; width: 100%;}

.login_box header, .cadastro_box header{padding: 0 20px; margin-bottom: 30px; text-align: center;}
.login_box header h2, .cadastro_box header h2{font-size: 2em; color: #2b1773 !important;}
.login_box header h2 b, .cadastro_box header h2 b{color: #2b1773 !important;}
.login_box .trigger a, .cadastro_box .trigger  a{font-weight: bold; text-decoration: none;}
.login_box .trigger a:hover, .cadastro_box .trigger a:hover{text-decoration: underline;}

/*FORMULÁRIOS CONTA*/
.account_form_fields{padding: 0 40px;}
.cadastro_fields{max-width: 700px; margin: 0 auto; padding: 10px;}

.account_form_fields .legend{display: block; width: 100%; text-transform: uppercase; font-size: 1em; font-weight: bold; margin: 30px 0 10px 0;
    border-bottom: 1px solid #ccc;}
.account_form_actions{padding: 0 0 30px; text-align: center;}
.account_form_actions .btn{font-weight: 600; font-size: 1.2em; text-transform: uppercase; padding: 10px 40px; width: auto;}
.account_form_actions img{display: none; padding-bottom: 20px; height: 45px;}
.account_form_actions a{display: block; width: 100%; margin-top: 15px; font-size: 0.7em; font-weight: bold; color: #555; text-decoration: none;
    text-transform: uppercase;}
.account_form_actions a:hover{text-decoration: underline;}

/*SIDEBAR*/
.workcontrol_account_sidebar{width: 30%; display: inline-block; vertical-align: top;}
.workcontrol_account_sidebar header{padding: 0 0 20px; text-align: center;}
.workcontrol_account_sidebar header h2{font-size: 1em; color: #2b1773 !important;}
.workcontrol_account_sidebar header p{font-size: 1em;}

.workcontrol_account_sidebar_nav{display: block;width: 100%; padding: 10px; background: #fff;}
.workcontrol_account_sidebar_nav li{display: block; width: 100%; border-bottom: 1px solid #e5e5e5;}
.workcontrol_account_sidebar_nav li a{display: block; width: 100%; padding: 10px; text-transform: uppercase; color: #555; font-size: 0.875em;
    font-weight: bold; text-decoration: none;}
.workcontrol_account_sidebar_nav li a:before{content: "▪"; margin-right: 10px;}
.workcontrol_account_sidebar_nav li .active, .workcontrol_account_sidebar_nav li .active:hover{
    background: #e5e5e5; border-color: #e5e5e5; color: #000; cursor: default;
}
.workcontrol_account_sidebar_nav li a:hover{background: #f4f4f4;}

/*BOX GERAL DE CONTEÚDO*/
.account_box{display: inline-block; width: 70%; background: #fff; vertical-align: top;}
.account_box .trigger{font-size: 1em;}
.account_box .trigger a{color: inherit; font-weight: bold;}
.account_box .paginator{text-align: center; margin: 15px 0 0 0;}

.workcontrol_account_view{padding: 0; max-width: 500px; margin: 0 auto;}

.account_form_callback{margin: 0 auto; padding: 10px; width: 500px; max-width: 100%;}

.wc_account_title{font-size: 1.2em; text-transform: uppercase; font-weight: 400; padding-bottom: 5px; margin-bottom: 20px;
    border-bottom: 3px solid #e5e5e5;}
.wc_account_title span{color: #999;}

.wc_spacer{padding: 2px; margin: 30px 0;}

.workcontrol_account_home p{display: inline-block; width: 50%; padding: 10px; border: 1px solid #eee;}
.workcontrol_account_home .tablespan{border: 1px solid #eee; padding: 20px;}
.workcontrol_account_home p b{font-weight: 300; color: #999;}

.wc_account_order{font-size: 0.875em; padding: 15px 0; border-bottom: 1px solid #f2f2f2;}
.wc_account_order p{display: inline-block; width: 30%; color: #888; text-align: center;}
.wc_account_order p:first-of-type{text-align: left;}
.wc_account_order a{color: #000; font-weight: 400; text-decoration: none;}
.wc_account_order a:hover{text-decoration: underline;}

@media (max-width: 62em){
    .account_box, .workcontrol_account_sidebar{width: 100%; padding: 0;}

    .workcontrol_account_sidebar_nav li{display: inline-block; width: 50%;}
}

@media (max-width: 480px){
    .workcontrol_account_home p{width: 100%;}
    .workcontrol_account_home .blocospan{width: 100%; text-align: center;}
    
    .wc_account_order p{width: 50%; padding: 10px 0 0 0;}
    .wc_account_order p:first-of-type{width: 100%; padding: 10px; background: #f2f2f2;}
}
@media (max-width: 768px){
    .campo30{width: 100%;}
}

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

.wc_ead_content{width: 80%; margin: 0 auto; padding: 40px 0;}

/*CURSOS.PHP*/
.progress{position: relative; background: #ccc; padding: 5px;}
.progress_number{color: #fff; display: block; position: relative;}
.progress_bar{background: green; position: absolute; top: 0; left: 0; height: 100%;}

.wc_ead_home_courses_course{font-size: 0.875em; padding: 15px; border: 1px solid #f2f2f2;}
.wc_ead_home_courses_course_thumb{width: 38%; margin-right: 2%;}
.wc_ead_home_courses_course_content{width: 60%; margin-right: 0;}

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

.wc_ead_course_course_header{text-align: center; margin-bottom: 20px;}
.wc_ead_course_course_header img{max-width: 80%;}
.wc_ead_course_course_header h1{margin: 30px 0; font-size: 2em; font-weight: bold;}

.wc_ead_course_course .box{text-align: center; padding: 10px; 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: 7px; font-size: 0.9em;}

.wc_ead_course_module{padding-top: 30px;}
.wc_ead_course_module .module_header{margin: 0 0 20px 0; border-bottom: 1px solid #ccc; line-height: 0;}
.wc_ead_course_module .module_header h1{font-size: 1.6em; font-weight: 500; color: #555; line-height: 1; margin-bottom: 5px;}
.wc_ead_course_module .module_header p{font-size: 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: 15px; margin: 10px 0; background: #fbfbfb; line-height: 1; border-left: 2px solid #ccc;}
.wc_ead_course_module_class.concluido{border-left: 2px solid #00B494 !important; opacity: .5;}
.wc_ead_course_module_class:hover{background: #eee; opacity: 1;}
.wc_ead_course_module_class h1.row{display: block; font-size: 1.1em; vertical-align: middle; text-align: left; font-weight: 300; color: #000; 
    padding: 0; margin: 0;}
.wc_ead_course_module_class .row{display: inline-block; font-size: 0.7em; padding: 0 15px; vertical-align: middle; margin-top: 10px; text-align: center;
    font-weight: 300; color: #555;}
.wc_ead_course_module_class a{color: #000; text-decoration: none; font-weight: 500;}
.wc_ead_course_module_class a:hover{text-decoration: underline;}

/*TAREFA.PHP*/
/*titulo*/
.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;}

/*video*/
.wc_ead_course_task_media{background: #000;}
.wc_ead_course_task_media_play{padding: 0 0.5%; width: 960px; max-width: 90%; margin: 0 auto;}

.wc_ead_course_task_media_nav{width: 960px; max-width: 90%; margin: 30px auto 0 auto; text-align: center;}
.wc_ead_course_task_media_nav .a, .wc_ead_course_task_media_nav a{
    display: inline-block; width: 39%; margin: 0 0.5%; padding: 10px 20px; background: #222; color: #888; font-size: 0.8em; font-weight: 500;
    text-decoration: none; text-transform: uppercase; vertical-align: middle;
}
.wc_ead_course_task_media_nav a:hover{background: #333;}
.wc_ead_course_task_media_nav .a{width: 19%;}
.wc_ead_course_task_media_nav .a.active:hover, .wc_ead_course_task_media_nav .a.check:hover{background: #008068; cursor: pointer;}
.wc_ead_course_task_media_nav .a.active{background: #008068;}

.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_content{background: #f5f5f5;}

/*FÓRUM*/
.wc_ead_course_task_forum_header{margin-bottom: 20px;}
.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;}

.wc_ead_course_task_forum_none{font-size: 1.2em; font-weight: 300; text-align: center;}

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

.wc_ead_course_task_forum_ticket_header{margin-bottom: 15px;}
.wc_ead_course_task_forum_ticket_header h1{font-size: 1em; font-weight: 500;}
.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; padding: 5px; border-radius: 2px; color: #fff;}
.wc_ead_course_task_forum_ticket_header .status.bar_red{background: indianred;}
.wc_ead_course_task_forum_ticket_header .status.bar_blue{background: #888;}
.wc_ead_course_task_forum_ticket_header .status.bar_green{background: yellowgreen;}

.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{padding: 0 20px;}
.wc_ead_course_task_forum_response .wc_ead_course_task_forum_ticket{border: 0; margin-top: 20px; padding: 10px; background: #f2f2f2;}

.wc_ead_course_task_forum_ticket_actions{display: block; width: 100%; text-align: right;}

/*enviar novo ticket*/
.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_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;}

/*modal para responder*/
.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: -25px; top: 0; font-size: 1em;}

.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; background: #f2f2f2;}
.wc_ead_course_task_modal_content header h1{font-size: 1.6em; margin-bottom: 5px;}

/*modal para avaliação*/
.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; 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;}

@media(max-width: 66em){
    .wc_ead_content{width: 94%;}

    .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;}
}
@media (max-width: 550px){
    .wc_ead_home_courses_course_thumb{margin-bottom: 20px;}
    .wc_ead_home_courses_course_thumb, .wc_ead_home_courses_course_content{width: 100%; margin-right: 0;}
    
    .wc_ead_course_course .box{width: 100%; margin: 0;}
}