@import url('https://fonts.googleapis.com/css2?family=Signika:wght@300;400;600;700&family=Work+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;1,900&display=swap');
:root {
    --primary-color: rgb(50 100 255 / .9);
    --primary-color-hover: rgb(50 100 255);
    --success-color: rgb(25 234 168 / .9);
    --success-color-hover: rgb(25 234 168);
    --secondary-color: rgb(238 90 36 / .9);
    --secondary-color-hover: rgb(238 90 36);
    --header-color: rgb(15 23 42);
    --background-color: rgb(30 41 59);
    --alternative-color: rgb(93 51 237 / .9);
    --alternative-color-hover: rgb(93 51 237)

}
html {
    font-family: 'Signika', sans-serif;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
html, body {
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 100%;
    min-height: 100%;
    background: var(--background-color);
}
.btn {
    border: none !important;
    font-weight: 600;
    padding: .75em 1em;
    transition: all 500ms;
    font-size: .875rem;
}
.btn:hover {
    transform: scale(1.025);
    box-shadow: 0 0 5px rgb(0 0 0 / .1);
}
.btn-sm {
    padding: .5em .75em;
    font-size: .75rem;
}
.btn-primary, .bg-primary, .badge-primary {
    background-color: var(--primary-color) !important;
}
.btn-secondary, .bg-secondary, .badge-secondary {
    background: var(--alternative-color) !important;
}
.btn-warning, .bg-warning, .badge-warning {
    background-color: var(--secondary-color) !important;
}
.btn-success, .bg-success, .badge-success {
    background-color: var(--success-color) !important;
}
.btn-primary:hover {
    background-color: var(--primary-color-hover) !important;
}
.btn-secondary:hover {
    background-color: var(--alternative-color-hover) !important;
}
.btn-warning:hover {
    background-color: var(--secondary-color-hover) !important;
}
.btn-success:hover {
    background-color: var(--success-color-hover) !important;
}
.btn-warning, .btn-warning:hover, .badge-warning {
    color: #fff;
}
.pt-0 {
    padding: 0 !important;
}
.pt-75 {
    padding-top: 75px !important;
}
.pt-80 {
    padding-top: 80px !important;
}
.tutory-hide {
    display: none;
}
body {
    padding-top: 80px; 
    padding-bottom: 80px;
    min-height: 100vh;
    background:none;
}
.padding-zero {
    padding:0;
}
.margin-zero {
    margin: 0;
}
.card-padding {
    padding:1em 2em !important;
}
.fix-body-position {
    margin:0;
    padding:0;
    padding-top:76px;
}
.form-valid, .form-invalid {
    background-clip: padding-box;
    background-size: 1.125rem 1.125rem;
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;    
}
.form-invalid {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
    border-color: #d9534f !important;
}
.form-valid {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    border-color: #5cb85c !important;
}
.input-check-all {
    padding: 8px;
    background: #eee;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
}
.input-check-all:hover {
    background: #d8e9ff;
    box-shadow:0 0 10px rgba(21, 108, 243, 0.6);
    -moz-box-shadow:0 0 10px rgba(21, 108, 243, 0.6);
    -webkit-box-shadow:0 0 10px rgba(21, 108, 243, 0.6);
}
.fade-cover.black {
    background-color:#000;
}
.fade-cover {
    position:absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding:0;
    width:100%;
    height: 100%;
    opacity:.75;
    -moz-opacity:.75;
    -webkit-opacity:.75;
    z-index: -1;
}
.modal {
    overflow: auto;
}
.custom-card {
    position: relative;
    display: block;
    margin: 0 auto; 
    padding:2em;
    background-color: #fff;
    border: 0 solid rgba(0,0,0,.125); 
    box-shadow: 0 0 1px 0 rgba(59,89,178,.08), 0 4px 14px rgba(59,89,178,.06);
    -moz-box-shadow: 0 0 1px 0 rgba(59,89,178,.08), 0 4px 14px rgba(59,89,178,.06);
    -webkit-box-shadow: 0 0 1px 0 rgba(59,89,178,.08), 0 4px 14px rgba(59,89,178,.06);
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
}
.custom-card h3 {
    font-size: 1.25rem;
    color: #333;
    margin: .25em auto .25em auto;
    padding-bottom: .25em;
    font-family: 'Yanone Kaffeesatz', sans-serif;    
}
.custom-card p {
    color: #333;
    font-weight: 300;
    font-size:.9rem;
    line-height: 1.5rem;
}
.btn-mini {
    margin-top: 8px;
    font-size: .75em;
    line-height: 1.25;
}
.fullscreen-video-background {
    background-color: #eaeaea;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    z-index: 1;   
}
.fullscreen-video-background.login-adm {
    background-color: rgba(0,0,0,.25);
}
.login-title img {
    max-width: 30%;
    margin: 2em auto;
}
.fullscreen-video-container {
    left: 0;
    height: 100vh;
    min-height: 40rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    background: #000;
}
.fullscreen-video-container img {
    width:100%;
    height: auto;
    min-height: 100%;
    min-width: 100%;
}
.strikethrough {
    text-decoration: line-through !important;
}
#home_page {
    max-width: 360px;
    text-align: center;
}
#home_page img {
    max-width: 100%;
    height: auto;
    text-align: center;
}
#loader_app {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    display: none;
    background-image:url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    background-size: 80px auto;
    -o-background-size: 80px auto;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
    z-index:10000;
    opacity:0.75;
    -moz-opacity:0.75;
    -o-opacity:0.75;
    -webkit-opacity:0.75;
}
#login_table {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height:100vh;
    min-width: 100%;
    min-height: 100vh;
    z-index:1;
    color: #fff;
}
#login_table .login-placeholder {
    position: relative;
    margin: 0 auto;
    border:none;
    border-width: 1px;
    width: 80%;
    height: auto;
    max-width: 360px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px; 
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
}
#login_table .login-placeholder .login-input {
    display: block;
    width: 100%;
    padding: 1em;
    margin: 0 auto .75em auto;
    border: 1px solid rgb(255 255 255);
    border-radius: .75rem;
    color: #fff;
    background-color: rgb(255 255 255 / .2);
}
#login_table .login-placeholder .login-input::placeholder {
    color: #eee;
}
#login_table .login-placeholder .login-input:focus {
    background-color: rgb(0 0 0);
}
#login_table .login-placeholder .login-submit {
    display: block;
    padding: 1em;
    margin: 1em auto 0 auto;
    width: 100%;
    border: 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: .75rem;
    background-color: var(--secondary-color);
    transition: all 500ms;
}
#login_table .login-placeholder .login-submit:hover {
    background-color: var(--secondary-color-hover);
    transform: scale(1.05);
}
#recover_pwd {
    cursor: pointer;
    background: none;
    color: rgb(255 255 255 /.75);
    border: 0;
    text-decoration: underline;
    font-size: .875rem;
    display: block;
    margin-top: .5em;
}
#activate_account {
    min-height: 0;
    height: auto;
    padding: .5em;
    font-size: .75rem;
    line-height: .75rem;
}
#mainNav {
    background-color: var(--header-color);
    padding-top: 1em;
    padding-bottom: 1em;
}
#mainNav .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
#mainNav .nav-item a {
    color: #fff;
}
#mainNav a.dropdown-item {
    color: #fff;
}
#mainNav .nav-item.active {
    background: var(--secondary-color);
    color: #fff;
}
#mainNav .nav-item.active a {
    color: #fff;
}
#mainNav .dropdown-item.active {
    background: var(--secondary-color);;
    color: #fff;
}
.dropdown-menu {
    background: rgb(0 0 0 / .8);
    border-color: rgb(150 150 150);
    padding-top: 0;
    padding-bottom: 0;
    font-size: .75rem;
}
.dropdown-menu .dropdown-item {
    color: #fff;
}
.dropdown-menu .dropdown-item:hover {
    background: var(--secondary-color-hover);
}
#mainNav .logo-image-normal {
    display:inline-block;
}
#mainNav .logo-image-sticky {
    display:none;
}
#mainNav.nav-menu-sticky .logo-image-normal {
    display:none;
}
#mainNav.nav-menu-sticky .logo-image-sticky {
    display:inline-block;
}
#mainNav .nav-item.active, #mainNav .dropdown-item.active {
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#mainNav .dropdown-item.active {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
/*Aluno*/
.cadastro-aluno-header {
    display: flex;
    position: relative;
}
.cadastro-aluno-header .cadastro-aluno-img {
    position: relative;
    width: 50px;
}
.cadastro-aluno-header .cadastro-aluno-img img { 
    position: relative;
    border: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.cadastro-aluno-header .cadastro-aluno-details {
    padding-left: 1em;
}
.cadastro-aluno-header .cadastro-aluno-details h3 {
    font-size: 1.5rem;
}
.cadastro-aluno-header .cadastro-aluno-details ul {
    font-size: .8rem;
    padding-left: 1.25em;
    margin-top: -.75em;
    font-weight: 100;
    color: #555;
}
#floating_aluno_actions {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
}
#floating_aluno_actions .btn {
    font-size: .75rem;
    padding: .5em;
    line-height: 1;
}
#form_cadastro_aluno, .adm-card-form {
    position: relative;
    margin: 15px auto;
}
#form_cadastro_aluno .custom-card, .adm-card-form .custom-card {
    padding-left: 2rem;
    padding-right: 2rem;
}
#form_cadastro_aluno .display-4, .adm-card-form .display-4 {
    color:#333;
}
#search_aluno_form {
    padding: 2rem 2rem 1rem 2rem;
}
#search_aluno_form h1 {
    font-size: 2.8em;
}
#search_aluno_form hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 1px solid #eaeef6;
}
.pesquisa-aluno-container {
    position: relative;
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin: 15px auto 10px auto;
    padding: 20px 20px 0 20px;
    transition:all 500ms;
    -moz-transition:all 500ms;
    -webkit-transition:all 500ms;
}
.pesquisa-aluno-container:hover {
    background: #edf4ff;
}
.pesquisa-aluno-container .pesquisa-aluno-iniciais {
    background: var(--alternative-color);
    margin-right: 15px;    
    width: 50px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.pesquisa-aluno-container .pesquisa-aluno-nome {
    display: inline-block;
    font-size: 1.3em;
    color: rgb(0 0 0 / .75);
    line-height: 50px;
    margin: 0;
    padding: 0;
}
.pesquisa-aluno-container .pesquisa-aluno-acoes {
    position: absolute;
    top: 10px;
    right: 10px;
}
.pesquisa-aluno-list {
    position: relative;
    padding: 1em 0 .5em 0;
    font-weight: 300;
    font-size: .8rem;
    line-height: 1rem;
}
.pesquisa-aluno-list ul {
    list-style: none;
}
/*
* CONCURSOS
*/
.list-gray {
    background-color:#ddd;
}
.list-concurso-disciplina, .list-concurso-disciplina:hover {
    font-weight: bold;
    cursor: pointer;
    background-color:#fbfbfb;
    color:#555;
}
.list-concurso-disciplina.has-assuntos {
    background-color:#fecc53 !important;
    color:#fff;    
}
.list-concurso-assunto .form-group {
    margin-top: .5em;
    margin-bottom: 0;
}
/*
* CRONOGRAMA DOS ALUNOS
*/
#cronograma_calendario {
    padding: 0;
}
#cronograma_top_area {
    margin:0;
    padding:0;
    top:75px;
    position:fixed;
    width:100%;
    z-index: 2;
}
.body-scrolled #cronograma_top_area {
    top:55px;
}
#cronograma_bottom_area {
    position:relative;
    top:45px;
}
#cronograma_calendario .active-cron {
    background-color: #ffc843;
    color: #fff;
}
#cronograma_calendario .calendar-timer {
    text-align: right;
    padding:0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: white;
    font-size: 0.5em;
    box-sizing: border-box;
}
#cronograma_calendario .calendar-timer .calendar-timer-container {
    height: 75px;
}
#cronograma_calendario .calendar-timer .calendar-timer-container .calendar-timer-timer {
    padding-right: 5px;
}
#cronograma_calendario .calendar-timer .calendar-timer-container.calendar-timer-odd {
    font-size:200%;
    color: #696969;
}
#cronograma_calendario .calendar-tasks {
    border-left: 1px solid #cdcdcd;
}
#cronograma_calendario .calendar-hover-list {
    animation:all 400ms;
}
#cronograma_calendario .calendar-heading {
    height: 50px;
    background: #f9fcff;
    color: #333;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 0.9em;
    border-bottom: 3px solid #cdcdcd;
    padding:0;
    margin:0;
}
#cronograma_calendario .calendar-heading .calendar-button-id {
    font-size:1em;
    margin-top: -7.5px;
}
#cronograma_calendario .calendar-heading .calendar-button-id-item {
    padding-top: 0;
    padding-bottom: 0;
    font-size: .8em;
    margin: 0;
    height: 25px;
    line-height: 25px;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container {
    background:#F0F0F0;
    padding:0;
    width: 100%;
    height: 75px;
    font-size: 0.5em;    
    border-bottom:1px solid #cdcdcd;
    overflow: hidden;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event {
    margin:0;
    padding-left: 10px;
    padding-top: 5px;
    width: 100%;
    height: 74px; /* Reduzir em 1px pela borda inferior*/
    background-color:#0fa758;
    color:#fff;
    border: 0;
    border-left:5px solid #00ff7a;
    box-sizing: border-box;
    animation: all 200ms;
    -moz-animation: all 200ms;
    -webkit-animation: all 200ms;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event .calendar-task-event-title {
    margin:0;
    font-size:1.5em;
    font-weight: bold;
    text-transform: uppercase;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event .calendar-task-event-subtitle {
    margin:0;
    font-size:1.3em;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event .calendar-task-event-description {
    font-size:1em;
    text-transform: lowercase;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event.calendar-task-block {
    background-color:#ffdcda;
    border-left-color:#d9534f;
    color:#333;
    opacity:.3;
    -moz-opacity:.3;
    -webkit-opacity:.3;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event.calendar-task-block:hover {
    background-color:#000 !important;
    color:#fff !important;
    cursor: not-allowed !important;
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
}
.calendar-task-event.calendar-task-activity:hover {
    background-color:#faf7f7 !important;
    color:#333 !important;
    border-left-color:#e9e9e9 !important;
    cursor:move !important;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event.calendar-task-activity.event-blue {
    border-left-color:#00c9ff;
    background-color:#0bb6e4;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event.event-orange {
    border-left-color:#b34b00;
    background-color:#ff6b00;
}
#cronograma_calendario .calendar-tasks .calendar-tasks-container .calendar-task-event.event-purple {
    border-left-color:#ff00c1;
    background-color:#da3ab3;
}
.calendar-task-event.calendar-task-clear {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 3em;
    text-align: center;
    vertical-align: middle;
    line-height: 74px;
    border:0 !important;
    color:#333 !important;
    background-color:#fff !important;
}
.calendar-task-event.calendar-task-clear .glyphicon-arrow-down {
    display: none;
}
.calendar-task-event.calendar-task-clear:hover {
    background: #617ec1 !important;
    color: #fff !important; 
    cursor:pointer !important;
}
.calendar-event-on-dragging {
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,.7);
}
.calendar-timer-delete-active {
    box-shadow: 0 0 100px rgba(0, 0, 0,1);
    -moz-box-shadow: 0 0 100px rgba(0, 0, 0,1);
    -webkit-box-shadow: 0 0 100px rgba(0, 0, 0,1);
    z-index:2;
}
.calendar-timer-delete-active .calendar-timer {
    background-color:#ffdada !important;
    color: #333 !important;
}
.calendar-timer-delete-hover .calendar-timer {
    background-color:#ff3e3e !important;
    color:#fff !important;
}
.calendar-timer-delete-hover .calendar-timer-container.calendar-timer-odd {
    color:#fff !important;
}
.calendar-task-drop-active {
    background-color:rgba(0,123,255,.5) !important;
    color:#fff !important;
}
.calendar-task-drop-hover {
    background-color:rgba(0,123,255,1) !important;
}
.calendar-task-drop-active .glyphicon-plus {
    display: none !important;
}
.calendar-task-drop-active .glyphicon-arrow-down {
    display:initial !important;
}
.cron-profiler {
    font-size:.9rem;
    line-height: 1rem;
}
.cron-profiler .col-12 {
    padding-bottom:10px;
    padding-top:10px;
    border-bottom: 1px solid #e9e9e9;    
}
.cron-profiler .col-12:last-child {
    border-bottom-width: 0;
}
.navbar-nav {
    font-size: .875rem;
}
@media (max-width: 992px) {
    #mainNav .navbar-nav .nav-link {
        padding-left:.5rem;
    }
}
/*
Sessoes
*/
.admin-sessoes .admin-sessao:first-child {
    border-top:0;
}
.admin-sessoes .admin-sessao:last-child {
    border-bottom:0;
}
.admin-sessao {
    position: relative;
    display: block;
    padding: .5em 0;
    margin-bottom: -1px;
    border: 1px solid #eaeef6;
    border-width: 1px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.admin-sessao-name, .admin-sessao-description {
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 800;
}
.admin-sessao-description {
    font-size: .8rem;
    font-weight: 300;
}
.admin-sessao-date {
    display: inline-block;
    padding: .25rem .4rem;
    background: var(--primary-color-hover);
    color: #fff;
    font-weight: bold;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
}
.table-full-width {
    min-width: 100%;
}
/*
* Inadimplencia
*/
#admin_cobranca_container {
    margin-bottom: 2rem;
    margin-top: 45px;
    padding: 2rem 3rem;
}
@media (max-width:700px) {
    #admin_cobranca_container {
        padding: 2rem 1.5rem;    
    }
}
#admin_cobranca_container h2 {
    margin-bottom:2rem;
}
#admin_cobranca_container .table-sm {
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
#admin_cobranca_container .table-sm td {
    font-size:.75rem;
    border:none !important;
}
#admin_cobranca_container .table-sm thead {
    background-color: var(--alternative-color);
    color: #fff;
    height: 50px;    
}
#admin_cobranca_container .table-sm th {
    font-size:1rem;
    border:none !important;
    line-height:50px;
    height:50px;
}
#admin_cobranca_container .table-sm .btn-aluno-td {
    vertical-align:middle;
}
#admin_cobranca_container .table-sm .btn-aluno {
    font-size:.8em;
    margin-left:.5rem;
}
.table-inadimplencia-modal {
    margin-bottom:0;
    background-color: #fff;
    overflow: hidden;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.table-inadimplencia-modal thead tr {
    border-color: var(--alternative-color-hover);
    background-color: var(--alternative-color);
    color:#fff;
    height: 50px;
    line-height: 50px;
}
.table-inadimplencia-modal tbody tr td {
    font-size: .75em;
}
.table-inadimplencia-modal tbody tr td:first-child {
    font-size:.8em;
    color:#000;
    font-weight: bold;
}
.table-inadimplencia-modal tbody tr td:first-child small {
    font-size:.7em;
    color:#666;
    font-weight: normal;
    text-transform: uppercase;
}
#fieldset_thanks {
    text-align: center;
}
.img-tutory-welcome {
    display: block;
    margin:0;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
#card_desempenho_aluno {
    margin:1.5em auto;
    padding:1em 2em;
}
#card_desempenho_aluno .card-desempenho-title {
    color:#333;
    font-size:2.5em;
    padding-top:.4em;
    padding-bottom:.4em
}
#card_desempenho_aluno .card-desempenho-title small {
    color:#333;
    font-size:.25em;
    display: block;
    margin-top:.25em;
}
#card_desempenho_aluno .disciplina-container {
    padding: 0;
    padding-top:12px;
    border-bottom: 1px solid #eaeaea;
}
#card_desempenho_aluno .disciplina-container:last-child {
    border-bottom:0;
}
#card_desempenho_aluno .disciplina-container .disciplina-container-title {
    margin:0;
    padding-top:0;
    padding-bottom:0;
}
#card_desempenho_aluno .disciplina-container .disciplina-container-title h5 {
    font-size: 2em;
    margin:0 0 16px 0;
    padding: 0;
    color: #333
}
#card_desempenho_aluno .desempenho-container {
    padding-bottom:8px;
}
#card_desempenho_aluno .desempenho-title {
    font-size:.8em;
    font-weight: 400;
    color:#666;
    margin-top:0;
    margin-bottom:.5em;
    padding:0;
}
#card_desempenho_aluno .desempenho-container .progress {
    height:8px;
    margin-bottom:0;
}
#card_desempenho_aluno .desempenho-container .progress-bar {
    background-color: #ffc844;
}
#card_desempenho_aluno .desempenho-container .desempenho-performance-description {
    font-size:.6em;
    padding-left:.5em;
    padding-top:.3em;
    margin-bottom: 0;
}
#actions {
    position:relative;
    top:0;
    left:0;
    padding:0;
    margin:0;
    width:100%;
    height: 100vh;
    min-height: 100vh;
    background-color:#055600;
}
#actions .actions-placeholder {
    position: relative;
    padding:5em;
    margin: 0 auto;
    width: 80%;
    max-width: 800px;
    text-align: center;
}
#actions .actions-title h1 {
    padding-top:20px;
    font-weight: 300;
    color:#fff;
    margin-bottom:1em;
    font-size: 2.5rem;
}
#actions .actions-content {
    position: relative;
    margin:1em auto;
    padding:1.25em 1.5em 1.25em;
    background: #f3f5ff;
    text-align: left;
    color:#333;
    border:0;
    border-left:5px solid #05ce7c;
    border-radius:.25em;
}
#actions .actions-content .actions-btn {
    margin-top:1em;
    margin-bottom:1em;
}
#actions .actions-content .actions-image img {
    border-radius:.25em;
    width:100%;
}
.assunto-calc-pomodoros {
    padding: .5em;
    background: #faf7f7;
    margin: .5em auto 1em auto;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .5rem;
    font-size: .75rem;    
}
/*
* Dicas
*/
.card-dica {
    padding: 2em;
    background-color: #fff;
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
    box-shadow: 1px 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.1);
}
#dica_html {
    visibility: hidden;
}
/* 
* Log
*/
.card-log {
    border:none;
    box-shadow:1px 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow:1px 2px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:1px 2px 5px rgba(0,0,0,.1);
    margin-bottom: 1em;
}
.card-log .card-header {
    background-color: #da3ab3;
    border:0;
}
.card-log .card-header button {
    font-weight: bold;
    color:#fff;
    font-size: 1em;
}
.card-log .card-body table {
    font-size: .75em;
}
.card-log .card-body table thead {
    background-color:#ffc843;
    color:#fff;
}
.card-log .card-body table th {
    vertical-align: middle;
    border:none;
    height: 55px;
}
/*
* Atividades
*/
.bg-activity-0, .bg-activity-1, .bg-activity-2, .bg-activity-3, .bg-activity-4 {
    color:#fff;
    background-color:#ffc843;
}
.bg-activity-1 {
    background-color:#0bb6e4;
}
.bg-activity-2 {
    background-color:#ff6b00;
}
.bg-activity-3 {
    background-color:#da3ab3;
}
.bg-activity-4 {
    background-color:#0fa758;
}
.table-custom-history .bg-activity-0, .table-custom-history .bg-activity-1, .table-custom-history .bg-activity-2, .table-custom-history .bg-activity-3, .table-custom-history .bg-activity-4 {
    border-bottom: 1px solid #fff;
}
.table-custom-history tr:last-child {
    border-bottom: 0;
}
.table-custom-history .break-day {
    border-top: 8px solid #eee;
}
/*
Edital
*/
.block-disc-edital {
    margin-top:0;
    padding:2em;
}
.block-disc-edital h3 {
    font-weight: 700;
    margin-bottom:.75em;
}
.block-disc-edital ul {
    font-size: .8em;
}
.block-disc-edital ul li {
    padding:.5em 1em;
    background: #faf7f7;
    border:1px solid #f5f5f5;
    margin-bottom:.25em;
    border-radius:.5rem !important;
    -moz-border-radius:.5rem !important;
    -webkit-border-radius:.5rem !important;
    transition: all 500ms;
}
.block-disc-edital ul li:hover {
    background: #007bff;
    color:#fff;
    cursor: pointer;
}
.table-edital tr td {
    font-size:.8em;
}
.search-edital {
    position: relative;
    margin:0;
    padding:0;
    padding-bottom: 1em;
}
.search-edital .search-edital-input {
    position: relative;
    width: 100%;
    padding: .25em;
    background: #f7f7f7;
    border:1px solid #cdcdcd;
    outline:none;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.1);
}
.search-edital .search-edital-input:hover {
    background: #ffffff;
}
/*
Upload
*/
.json-uploader .json-uploader-placeholder,
.ajax-uploader .ajax-uploader-placeholder {
    position: relative;
    width:100%;
    height: 110px;
    margin: 0;
    margin-bottom: 1em;
    padding: 10px;
    text-align: center;
    overflow: hidden;
    border-radius: .5rem;
    transition: all 500ms;
}
.json-uploader .json-uploader-placeholder:hover,
.ajax-uploader .ajax-uploader-placeholder:hover {
    background-color: var(--primary-color-hover);
}
.json-uploader .json-uploader-placeholder input[type='file'],
.ajax-uploader .ajax-uploader-placeholder input[type='file']{
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width:100%;
    height:100%;
    z-index: 5;
    cursor: pointer;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
}
.json-uploader .json-uploader-placeholder .json-icon,
.ajax-uploader .ajax-uploader-placeholder .ajax-icon {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
    text-align: left;
    color:#000;
    font-size: 60px;
    float: left;
    margin-right: .25em
}
.json-uploader .json-uploader-placeholder p,
.ajax-uploader .ajax-uploader-placeholder p {
    position: relative;
    top: -7.5px;
    vertical-align: middle;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 100px;
    font-weight: 800;
    color: #333;
}
.json-uploader .json-description,
.ajax-uploader .ajax-description {
    clear: both;
    display: none;
    text-align: left;
    margin-top:-1em;
    font-weight: 100;
    color: #333;
    font-size: .9rem;
    line-height: 1.5rem;
    margin-bottom: 1.5em;
}
.json-uploader .json-uploader-placeholder:hover p, .json-uploader .json-uploader-placeholder:hover span,
.ajax-uploader .ajax-uploader-placeholder:hover p, .ajax-uploader .ajax-uploader-placeholder:hover span {
    color: #fff !important;
}
#json_response, #ajax_response {
    padding:1.5em;
    display:none;
}
.json-response-box-concurso,
.ajax-response-box-main {
    padding:.5em 1em;
    margin-bottom: .5em;
    background:#faf7f7;
    border-bottom: 1px solid #dadada;
}
.json-response-box-concurso h3,
.ajax-response-box-main h3 {
    font-size:1.25rem;
}
.json-response-box-disc,
.ajax-response-box {
    border:1px solid #dadada;
    padding:1em;
    margin-bottom:.5em;
}
.json-response-box-disc h5,
.ajax-response-box h5 {
    font-size: 1.1rem;
}
.json-response-box-assun, 
.ajax-response-subbox {
    margin:.5em auto .25em auto;
    padding:.5em;
    background: #fbfbfb;
    box-shadow:1px 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow:1px 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow:1px 2px 3px rgba(0,0,0,.1);
}
.json-response-box-assun:hover,
.ajax-response-subbox:hover {
    background-color: #fff;
}
.json-response-box-assun p,
.ajax-response-subbox p {
    margin: 0;
    font-size:.75rem;
}
.json-response-box-assun p.json-response-assun-title,
.ajax-response-subbox p.ajax-response-subbox-title{
    font-weight: 700;
}
#integration_id {
    padding:2em;
    text-align: center;
}
#integration_id h1 {
    font-weight: 700;
    margin-bottom:1em;
}
#integration_id img {
    display: block;
    margin: 1em auto 1.5em auto;
    max-width: 125px;    
}
#integration_id input[type='text'] {
    display: block;
    margin: .5em auto 1em auto;
    width: 200px;
    padding: 1em;
    border-radius: .5rem;
    border: 1px solid #cdcdcd;
    box-shadow: inset 1px 2px rgba(0,0,0,.1);
    background-color: #eee;    
    text-align: center;
}
#integration_id input[type='text']:hover, #integration_id input[type='text']:active {
    background-color: #fff;
}
.adm-plan-list a {
    min-height: 35px;
}
.adm-min-img-cover-plan {
    float: left;
    width: 35px;
    border-radius: 50%;
    margin-right: .5em;
}
.asset-media-container {
    position: relative;
    margin: .5em auto;
    padding: 1em;
    background: #faf7f7;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border: 1px solid #f1f1f1;
    border-bottom-width: 0;
    border-right-width: 0;
    border-radius: .25rem;
}
.asset-media-container p {
    margin: 1em 0;
}
.asset-media-container .file-example {
    position: relative;
    text-align: center;
}
.asset-media-container .file-example div {
    padding: .75em;
    margin-bottom: .5em;
}
.asset-media-container .file-example .black-bg {
    background: #000;
}
.asset-media-container .file-example img {
    margin-top: .5em;
    margin-bottom: .5em;
}
.invite-user {
    position: relative;
    text-align: center;
}
.invite-user input[type='text'] {
    border-radius: .25rem;
    margin-top: 1em;
    border: 1px solid #cdcdcd;
    padding: .5em;
    width: 100%;
}
.invite-user .btn {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
/* Financeiro */
.card-balance {
    text-align: center;
}
.card-balance h4 {
    font-size: 1rem;
}
.financeiro-head {
    margin: 2em auto 0 auto;
}
.financeiro-head .col-3 {
    padding-right: 5px;
    padding-left: 5px;
}
.card-finance {
    border-radius: .5rem;
    background: var(--primary-color-hover);
    padding: 1em .5em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: .5em;
}
.card-finance h4 {
    font-size: .8rem;
    font-weight: 600;
    color: #fff;  
}
.card-finance i {
    color: #000;
}
.card-finance .head-qtt {
    font-weight: 900;
    color: #fff;
    font-size: 1rem;
    margin: 0;
}
.card-finance .head-val {
    font-size: 1rem;
    margin: 0;
    font-weight: 300;
    color: #e0ffca;
}
.card-finance.finance-danger {
    background-color: #b51212;
}
.card-finance.finance-danger .head-val {
    color: #ffb7b7;
}
.card-finance.finance-warning {
    background-color: #efe00c
}
.card-finance.finance-warning .head-val {
    color: #92820a;
}
.financeiro-list, .progresso-list {
    background: #fff;
    border-radius: .5rem; 
    padding: 1em;
    margin: 1em auto;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);    
}
.financeiro-list small, .progresso-list small {
    font-size: .7rem;
    margin-top: 0;
    margin-bottom: .5em;
    display: block;
}
.financeiro-list table, .progresso-list table {
    font-size: .8rem;
    margin: 0 auto;
}
.financeiro-list .btn {
    font-size: .7rem;
    padding: .1em .2em;    
}
.financeiro-list table thead th {
    border-bottom: 0;
}
.financeiro-list table th {
    border-top: 0;
}
.concurso-link {
    display: none;
}
#sortable_selection li {
    cursor: move;
}
.concurso-hotmart {
    word-break: break-all;
}
.custom-card .custom-card-actions {
    margin-top: 1em;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: .5rem;
    column-gap: .25rem;
}
.custom-card-actions-extra {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    column-gap: .25rem;
}
/* Custom select*/
.filter-select {
    position: relative;
    display: block;
    height: 75px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
.chosen-value, .value-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.chosen-value {
  font-weight: 600;
  height: 4rem;
  font-size: 1.1rem;
  padding: 1rem;
  background-color: #FAFCFD;
  border: 3px solid transparent;
  transition: .3s ease-in-out;
}
.chosen-value::-webkit-input-placeholder {
  color: #333;
}
.chosen-value:hover {
  background-color: var(--primary-color-hover);
  color: #fff;
  cursor: pointer;
}
.chosen-value:hover::-webkit-input-placeholder {
  color: #333;
}
.chosen-value:focus, .chosen-value.open {
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  outline: 0;
  background-color: var(--primary-color-hover);
  color: #fff;
}
.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {
  color: #fff;
}
.value-list {
  list-style: none;
  margin-top: 4rem;
  padding: 0;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  max-height: 0;
  transition: .3s ease-in-out;
}
.value-list.open {
  max-height: 320px;
  overflow: auto;
  z-index: 10;
}
.value-list li {
  position: relative;
  height: 4rem;
  background-color: #FAFCFD;
  padding: 1rem;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color .3s;
  opacity: 1;
}
.value-list li:hover {
  background-color: var(--primary-color-hover);
  color: #fff;
}
.value-list li .badge {
    margin-left: .25em;
}
.value-list li.closed {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}

/*Admin*/
.adm-title {
    font-family: 'Work Sans', sans-serif;
    font-size: 2rem;
    color: var(--primary-color-hover);
    margin: 1em auto 1.5em auto;
}
.adm-subtitle {
    font-family: 'Work Sans', sans-serif;
    font-size: 1.5rem;
    color: var(--primary-color-hover);
    margin: .25em auto .75em auto;
}
.adm-subtitle img {
    height: 1.5rem;
    float: left;
    margin-right: .25em;
    width: auto;
}
/* Table */
.table-adm-container {
    margin-top: 1em;
}
.table-adm-container table, .table-adm-container tbody, .table-adm-container thead,
.table-adm-container tr, .table-adm-container th, .table-adm-container td {
    border: 0 !important;
}
.table-adm-container td {
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 300;
}
.table-adm-container th {
    font-size: .9rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: var(--primary-color-hover);
}
.table-adm-container tbody tr {
    padding:.2em 0;
    border-bottom: 1px solid rgba(0,0,0,.15) !important;
}
.table-adm-container tbody tr:last-child {
    border-bottom: 0 !important;
}
.table-adm-container .bg-danger {
    background-color: #ffecee!important;
}
.table-adm-container .btn {
    padding: .1em .25em;
    font-size: .7rem;
    line-height: 1rem;
}
.admin-pagination {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}
.admin-pagination ul {
    align-items: center;
    justify-content: center;
}
.admin-pagination ul .active {
    background: var(--primary-color-hover);
    color: #fff;
}
/*Relatorios*/
.relatorio-item {
    background: #fbfbfb;
    padding: .75em;
    border-radius: .25rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    margin-bottom: .5em;
}
/* Modal Search */
.modal .search-area {
    width: 100%;
    margin-bottom: 1em;
}
.modal .search-area input {
    width: 100%;
    border-radius: .25rem;
    border: 1px solid #cdcdcd;
    padding: .5em;    
}
.modal .input-concurso-container {
    font-size: .7rem;
    line-height: .9rem;
}
/* Duvidas */
.forum-question-list {
    position: relative;
    margin: 1em auto;
}
.forum-question {
    position: relative;
    margin: 0;
    padding: 1em;
    margin-bottom: 1em;
    background: #fff;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.question-header {
    position: relative;
    padding-bottom: .25em;
}
.question-contacts {
    display: flex;
    align-items: center;
    font-weight: 100;
    font-size: 1rem;
    padding: 0 1em 1em 1em;
}
.question-contacts a {
    display: block;
    margin-right: 0.5em;
    background: #36b236;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 0.25rem;
}
.question-contacts small {
    font-style: italic;
    text-decoration: underline;
}
.question-header img, .question-header .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin-right: .5em;
    float: left;
}
.question-header span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 1.2rem;
    color: #000;
}
.question-question {
    position: relative;
    font-size: .8rem;
    text-align: justify;
    padding: 1em;
    padding-top: .25em;
}
.question-question small {
    display: block;
    font-size: .7rem;
    color: #ccc;    
}
.question-answer {
    position: relative;
    background: #faf7f7;
    border: 1px solid rgba(0,0,0,.15);
    padding: .75em;
    font-size: .8rem;
}
.question-answer h5 {
    color: #000;
    font-weight: 700;
    font-size: .75rem;
    margin: 0 auto;
    margin-bottom: .5em;
}
.question-answer textarea {
    margin-bottom: .5em;
}
.question-answer .answer-header {
    margin-bottom: .5em;
    
}
.answer-header img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: .5em;
}
.question-answer h5 {
    color: #000;
    font-weight: 700;
    font-size: .75rem;
    line-height: 30px;
    margin: 0 auto;
}
.avatar {
    background-color: #ccc;
    border-radius: 50%;
    height: 50px;
    text-align: center;
    width: 50px;
    margin-right: 0.5em;
}
.avatar .avatar-initials {
    font-size: 25px;
    line-height: 1;
    position: relative;
    top: 12.5px;    
}
.btn-remover-duvida {
    position:  absolute;
    right:  1em;
    z-index: 2;
    font-size:  .75rem;
}
/* Timeline */
#timeline {
    position: relative;
    margin: 0;
    padding: 0;
}
#timeline .timeline-container {
    padding: 1em;
    padding-right: 0;
    transition: all 1000ms;
}
#timeline .timeline-item {
    position: relative;
    padding: 2em 1em;
    border-left: 2px solid #cdcdcd;
    text-align: left;
    overflow: visible;
    transition: all 500ms;
    min-height: 40px;
}
#timeline .timeline-item:hover {
    background-color: #fff;
}
#timeline .timeline-title {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    margin: 0;
}
.timeline-item p {
    font-size: .7rem;
    color: #666;
    margin: .5em auto 0 auto;
}
#timeline .timeline-customers {
    position: relative;
    margin: 0;
    padding: 1em 0;
}
#timeline .timeline-customers img {
    display: inline;
    margin-left: .25em;
    margin-bottom: .25em;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: move;
    overflow: hidden;
}
#timeline .timeline-marker {
    position: absolute;
    bottom: -6px;
    left: -6px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #cdcdcd;   
    z-index: 2;
}
#timeline .ui-draggable-dragging {
    z-index: 5;
}
#timeline .ui-droppable-hover {
    background-color: #ffc843;
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
} 
/*Lojas*/
.store-link-container {
    position: relative;
}
.store-link-item {
    position: relative;
    padding: .5em 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.store-link-container .store-link-item:last-child {
    border-bottom: 0;
}
#add_variation {
    margin-bottom: 1em;
}
.course-variations {
    padding-top: .5em;
    padding-bottom: .5em;
}
.single-variation {
    padding-top: .25em;
    padding-bottom: .25em;
}
.ui-widget.ui-autocomplete {
    background: #fff !important;
    border-radius: .25rem;
    border: 0 !important;
    box-shadow: 1px 2px 3px rgba(0,0,0,.15);
    padding-top: .25em;
    padding-bottom: .25em;
    margin-top: .2em;
    z-index: 1050 !important;
}
.ui-widget.ui-autocomplete li {
    padding: .25em;
    color: #333;
    font-size: 1rem;
    font-weight: 300;
}
/* Ordenar módulo */
#sort_mod li, #sort_mod li a {
    cursor: move;
}
.btn-save-order-mod {
    margin-top: 1em;
}
/*Salvar tudo em lote das disciplinas*/
.batch-add-remove-course {
    font-size: .75rem;
    line-height: .75rem;
    padding: .25em .5em;
    height: auto;
    min-height: 0;
    margin-left: 1em;
}
/* Questoes */
.question-type-wrong {
    display: none;
}
/*Upload das aulas*/
.inserir-aulas .inserir-aula-btn{
    height: auto;
    padding: 0 .5em;
    font-size: .75rem;
    float: right;
    vertical-align: middle;
    top: 3px;
    position: relative; 
}
#editar_aulas_corpo, #cadastrar_aulas_corpo {
    position: relative;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: .5em;
    padding-right: .5em;
}
#cadastrar_aulas_corpo .assunto-aula, #editar_aulas_corpo .assunto-aula {
    padding-top: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#cadastrar_aulas_corpo .assunto-aula-remove-container, #editar_aulas_corpo .assunto-aula-remove-container {
    display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#cadastrar_aulas_corpo .assunto-aula-remove, #editar_aulas_corpo .assunto-aula-remove {
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    font-weight: 900;
    margin-top: 4px;
}
#cadastrar_aulas_corpo .col-1, #editar_aulas_corpo .col-1 {
    padding: 0;
}
#cadastrar_aulas_corpo .assunto-aula-upload-area, #editar_aulas_corpo .assunto-aula-upload-area {
    position: relative;
    background: #e9e9e9;
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #333;
    text-align: center;
}
#cadastrar_aulas_corpo .assunto-aula-upload-area input, #editar_aulas_corpo .assunto-aula-upload-area input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 100%;
}
/*Assunto*/
.adm-subject-tree-list {
    position: relative;
}
.adm-subject-tree-list .list-group-item {
    position: relative;
}
.btn-req-remove-assun {
    position: absolute;
    display: inline-block;
    z-index: 2;
    top: .5em;
    right: .5em;
    padding: .1em .25em;
    font-size: .6rem;
    margin: 0;
    padding: 0; 
}
/*Dúvidas*/
.question-answer-link {
    display: block;
    margin-top: .5em;
    padding: 0;
    color: #333;
    text-decoration: underline;
}
.question-answer-link:hover {
    cursor: pointer;
}
/*Troca de curso*/
#change_course_via_admin {
    position: relative;
    background: #faf7f7;
    margin-top: 1em;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    padding: 1em;
}
#change_course_via_admin select {
    width: auto;
}
#btn_change_course_via_admin {
    float: right;
    line-height: 26px;
}
/*Vincular questoes*/

.inserir-questoes .inserir-questao-title a {
    margin-top: -.8em;
    margin-bottom: 1em;
    padding-top: .1em;
    padding-bottom: .1em;
    font-size: .8rem;
}
.showing-btq-modal {
    position: relative;
    overflow: hidden !important;
}
#modal_vincular_questoes {
    position: fixed;
    display: none;
    z-index: 999999999;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,.75)
}
#modal_vincular_questoes .modal-vincular-questoes-title {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    height: 70px;
    padding: 5px 1em;
    background: var(--primary-color-hover);
    color: #000;
}
#modal_vincular_questoes .modal-vincular-questoes-title h2 {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#modal_vincular_questoes .modal-vincular-questoes-title p {
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-size: .8rem;
    color: #e9e9e9;
}
#modal_vincular_questoes .modal-vincular-questoes-search {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
#modal_vincular_questoes .modal-vincular-questoes-search input {
    width: 100%;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    padding: 0 1em;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
}
#modal_vincular_questoes .modal-vincular-questoes-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding:10px 1em 0 1em;
    height: 50px;
    width: 100%;
    background: #fff;
    text-align: right;
    box-shadow: 1px -4px 3px rgba(0,0,0,.1);
}
#modal_vincular_questoes .modal-vincular-questoes-footer a {
    max-height: 30px;
    font-size: .9rem;
    padding: 0 .5rem;
    line-height: 30px;
    margin: 0;
}
#modal_vincular_questoes .modal-vincular-questoes-body {
    width: 100%;
    background: #f7f7f7;
    height: calc(100vh - 170px);
    max-height: calc(100vh - 170px);
    overflow: auto;
    overflow-x:hidden;
}
#modal_vincular_questoes .btq-modal-list {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    padding: 0 1em;
    width: 100%;
    list-style: none;
}
#modal_vincular_questoes .btq-modal-list li {
    cursor: pointer;
    padding: .5em 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#modal_vincular_questoes .btq-modal-list li input {
    margin-right: .5em;
}
#modal_vincular_questoes .btq-modal-list li .badge {
    margin-left: .5em;
}
#modal_vincular_questoes .btq-modal-list li:last-child {
    border-bottom: 0;
}
.inserir-questao-conteudo .question-tag {
    display: inline-block;
    padding: .25rem .5rem;
    border-radius: .5rem;
    background: #e9e9e9;
    font-size: .6rem;
    margin-right: .5rem;    
}
/*Questionary */
.adm-questionary {
    position: relative;
}
.adm-questionary .adm-questionary-entry {
    margin-top: 1.5em;
}
.adm-questionary .adm-questionary-entry:first-child {
    margin-top: 0;
}
.adm-questionary .adm-questionary-header-item {
    display: inline-block;
    padding-right: .5em;
}
.adm-questionary .adm-questionary-header-item i {
    margin-right: .5em;
}
.adm-questionary .adm-questionary-header {
    position: relative;
    padding: .5em;
    background: #41aced;
    border-radius: .25rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 300;   
    box-shadow:1px 2px 3px rgba(0,0,0,.1);
}
.adm-questionary .adm-questionary-trash {
    position: absolute;
    top: 5px;
    right: 5px;
}
.adm-questionary .adm-questionary-trash a {
    color: #fff;
}
.adm-questionary .adm-questionary-trash a:hover {
    color: #ff0022;
}
.adm-questionary .adm-questionary-body {
    padding: 1em 1em 0 1em;
}
.adm-questionary .adm-questionary-answer {
    font-style: italic;
    color: green;
    font-weight: 700;    
    font-size: .75rem;
}
/*Editor de Metas*/
.editor-container {
    position: relative;
}
.editor-container .editor-entry {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 1em;
    font-size: .75rem;  
    position: relative;
}
.editor-container .editor-entry-actions {
    position: absolute;
    top: 5px;
    right: 5px;
}
.editor-container .editor-entry-actions .btn-group {
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    border: 1px solid #cdcdcd;
    border-radius: .25rem;    
}
.editor-container .editor-entry-actions .dropdown-toggle {
    padding: .25em .5em;
    line-height: 1;
}
.editor-container .editor-entry-actions .dropdown-toggle::after {
    margin: 0;
}
.editor-container .editor-entry.class-invisible {
    opacity: .25;
}
.editor-container .editor-entry.class-invisible:hover {
    opacity: 1;
}
.editor-container .editor-entry:last-child {
    border-bottom: 0;
}
.editor-container .editor-tag {
    display: inline-block;
    padding: .5em;
    background: #000;
    border-radius: .25rem;
    color: #fff;
    font-weight: 600;
    margin-right: .25em;
    font-size: .5rem;    
}
.editor-container .editor-entry-modal {
    background-color: #333;
}
.editor-container .editor-entry-modal.modal-1 {
    background-color:#0bb6e4;
}
.editor-container .editor-entry-modal.modal-2 {
    background-color:#ff6b00;        
}
.editor-container .editor-entry-modal.modal-3 {
    background-color:#da3ab3;
}
.editor-container .editor-entry-modal.modal-4, .editor-container .editor-entry-modal.modal-5 {
    background-color:#0fa758;
}
.editor-container .editor-entry-extra {
    background-color: #ffee24;
    color: #333;
}
.editor-container .editor-entry-invisible {
    background-color: #e9e9e9;
    color: #333;
}
.editor-container .editor-tag.date-has-changed {
    background: #f94040;
    font-size: .75rem;
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    font-weight: 900;    
}

.editor-container .editor-entry-subject {
    margin-bottom: .5em;
    margin-top: .25em;
}
.editor-container .editor-entry-time {
    margin-top: -.5em;
    margin-bottom: .5em;
    text-decoration: underline;
    font-style: italic;
    color: #666;
}
.editor-container .editor-entry-status, .editor-container .editor-entry-questions {
    padding-left: .25em;
    margin-left: .75em;
    border-left: 1px solid rgba(0,0,0,.1);
}
.editor-container .editor-entry-status .entry-status-ok {
    color: #126f11;
}
.editor-container .editor-entry-status .entry-status-error {
    color: #b91717;
}
/*Video Upload*/
.vdo-video-title {
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-top: 2em;
    padding-bottom: 1em;
}
.vdo-video-title .vdo-video-cover {
    width: 170px;
    padding: 5px;
    display: flex;
    align-items: center;
}
.vdo-video-title .vdo-video-cover-container {
    position: relative;
    width: 100%;
    height: 90px;
    background: #333;
    border-radius: .5rem;    
}
.vdo-video-title .vdo-video-cover-container input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
.vdo-video-title .vdo-video-cover-upload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 0;
}
.vdo-video-title .vdo-video-cover-upload .vdo-video-cover-wait {
    display: flex;
    width: 100%;
    height: 100%;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    flex-wrap: wrap;
}
.vdo-video-title .vdo-video-cover-upload .vdo-video-cover-wait .fas {
    flex-basis: 100%;
}
.vdo-video-title .vdo-video-cover-upload .vdo-video-cover-wait p {
    font-size: .6rem;
    margin: 0 auto;
}
.vdo-video-title .vdo-video-cover-upload p {
    color: #fff;
}
.vdo-video-title .vdo-video-cover-ok {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
}
.vdo-video-title .vdo-video-cover-ok img {
    width: 100%;
    height: 100%;
    margin: 0;
}
.vdo-video-title .vdo-video-name {
    padding-left: .75em;
    display: flex;
    align-items: center;
    width: 100%;
}
.vdo-video-title .vdo-video-name .form-group {
    width: 100%;
    margin-bottom: 0;
}
.vdo-file-upload {
    position: relative;
    border: 3px dashed var(--primary-color-hover);
    padding: 1em .5em;
    display: flex;
    align-content: center;
    justify-content: center;
    align-content: center;    
}
.vdo-file-upload .vdo-file-upload-input {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}
.vdo-file-upload input {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.vdo-file-upload p {
    margin: 0 auto;
}
.vdo-file-upload .vdo-file-upload-message {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 1em;
    display: flex;
    text-align: center;
}
.aula-icon {
    position: relative;
    width: 100%;
    padding: .5em;
}
.aula-icon a {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #cdcdcd;
    border-radius: .5rem;
    padding: 1em;
    text-align: center;
    color: #333;
}
.aula-icon a:hover, .aula-icon.aula-active a {
    border: 1px solid var(--primary-color-hover);
    color: #fff;
    background: var(--primary-color-hover);
    box-shadow: 0 0 3px var(--primary-color-hover);
}
.vdo-s3-attachment {
    position: relative;
    display: inline-block;
    margin-top: .5em;
    margin-bottom: .5em;
    z-index: 1;
}
.vdo-s3-attachment .vdo-s3-add-attachment {
    display: inline-block;
    padding: .5em 1em;
    margin: 0;
    border-radius: .5rem;
    background: var(--primary-color-hover);
    color: #fff;
}
.vdo-s3-attachment input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.vdo-s3-file {
    position: relative;
    padding: 1em;
    font-size: .75rem;
    border: 1px solid #eaeaea;
    border-radius: .5rem;
    background: #fff;
    overflow: hidden;
}
.vdo-s3-file .vdo-s3-file-remove {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    background: var(--primary-color-hover);
    padding: 0 .5em;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}
#upload_loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background:transparent;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 1999;
    display: none;
}
#upload_loader .upload-loader-placeholder {
    position: relative;
    width: 0;
    height: 0;
    overflow: hidden;
    background: #000;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
#upload_loader .upload-loader-container {
    position: relative;
    margin: 0 auto;
    width: 90%;
    max-width: 500px;
    color: #fff;
    display: none;
}
#upload_spinner {
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-left-color: var(--primary-color-hover);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  float: left;
  margin-right: 1em;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.upload-progress-container {
    position: relative;
    margin-top: 1.5em;
    width: 100%;
}
.upload-progress-container .upload-progress-frame {
    width: 100%;
    margin: auto;
    background: #faf7f7;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
}
.upload-progress-container .upload-progress-bar {
    width: 0%;
    background: var(--primary-color-hover);
    color: #fff;
    text-align: center;    
}
.tags-container {
    position: relative;
    margin-top: 1em;
    padding-bottom: 1em;
}
.tags-container .vdo-tag-item {
    display: inline-block;
    padding: .5em 15px;
    padding-right: 35px;
    border: 1px solid #eaeaea;
    border-radius: .5em;
    position: relative;
    overflow: hidden;
    margin-right: 1em;
}
.tags-container .vdo-tag-remove {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: var(--primary-color-hover);
    color: #fff;
    font-size: .75rem;
    display: flex;
    width: 25px;
    padding-right: 0;
    align-items: center;
    justify-content: center;
}
.aula-card-container {
    position: relative;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    margin-bottom: .75em;
}
.aula-card-container .aula-card-header {
    position: relative;
    width: 100%;
}
.aula-card-container .aula-card-header img {
    max-width: 100%;
}
.aula-card-container .aula-card-title {
    padding: 1em .5em .5em .5em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}
.aula-card-container .aula-card-title-avatar {
    max-width: 40px;
    position: relative;
}
.aula-card-container .aula-card-title-avatar img {
    max-width: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.aula-card-container .aula-card-title-text {
    padding-left: .5em;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 40px);
    overflow: hidden;
}
.aula-card-container .aula-card-date {
    padding: 0 .5em 1em .5em;
    font-size: .75rem;
}
.aula-card-assets {
    padding: 0 1em 1em 1em;
}
.aula-card-assets p {
    margin-bottom: 0;
    font-size: .75rem;
}
.vdo-media-container {
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    align-content: center;
    align-items: center;
}
.vdo-media-element {
    position: relative;
    max-width: 128px;
}
.vdo-media-element img {
    max-width: 100%;
}
.vdo-media-actions {
    margin-right: auto;
}
/*Aulas Assunto*/
.aula-container-search {
    position: relative;   
}
.aula-container-search .aula-container-results {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 5;
    background: #fff;
    border-radius: .25rem;
    margin-top: 0;
    margin-bottom: 2em;
    overflow: scroll;
    padding: 0 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.3);
    display: none;
}
.aula-container-search .aula-container-item {
    position: relative;
    display: flex;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-top: .5em;
    padding-bottom: .5em;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    cursor: pointer;
}
.aula-container-search .aula-container-item:hover {
    text-decoration: underline;
}
.aula-container-search .aula-item-img {
    width: 64px;
    position: relative;
}
.aula-container-search .aula-item-img img {
    max-width: 100%;
}
.aula-container-search .aula-item-title {
    padding-left: .5em;
    font-size: 1rem;
    font-weight: 100;
}
.aula-assunto-block {
    position: relative;
    background: #faf7f7;
    border-radius: .25rem;
    border: 1px solid #cdcdcd;
    padding: .5em;
    margin-bottom: .5em;
}
.aula-assunto-block p {
    margin: 0;
}
.aula-assunto-block .aula-assunto-remove {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    background: var(--primary-color-hover);
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    cursor: pointer;
}
/*Personalizar Página */
.admin-page-editor {
    position: absolute;
    margin: 0;
    width: 100%;
    min-width: 100vw;
    top: 75px;
    height: calc(100vh - 75px);
    min-height: calc(100vh - 75px);
    display: flex;
}
.admin-page-editor .admin-page-frame {
    position: relative;
    width: calc(100vw - 300px);
    margin-left: auto;
    text-align: center;
    z-index: 2;
    background: #000;
}
.admin-page-editor .admin-page-frame iframe {
    margin: 0 auto;
    border: 0;
    width: 100%;
    height: 100%;
}
.admin-page-editor .admin-page-panel {
    position: relative;
    width: 300px;
    padding: 70px .5em;
    height: 100%;
    max-height: 100%;
    overflow: scroll;
    background: #fff;
    border-right: 1px solid #eaeaea;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    z-index: 3;
}
.editor-panel-header {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    padding-left: .5em;
    align-content: center;
    justify-content: center;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    height: 65px;
    align-content: center;
    align-items: center;    
    justify-content: flex-start
}
.editor-panel-header h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 300;
}
.editor-panel-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1em .5em;
    background: #faf7f7;
    border-top: 1px solid #eaeaea;
    width: 100%;
    max-width: 300px;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 5;
}
.editor-footer-sizes {
    margin-left:auto;
}
.editor-footer-sizes a {
    color: #666;
    margin-left: .5em;
}
.editor-footer-sizes a.active {
    color: #000;
    transform: scale(1.05);
}
.color-change-container {
    position: relative;
    display: flex;
    padding-top: .75em;
    padding-bottom: .75em;
    font-size: .8rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.color-change-container p {
    margin: 0;
    padding: 0;
    margin-right: auto;
    font-weight: 300;
}
.font-change-container {
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: .8rem;
}
.font-change-container p {
    margin: 0;
    margin-bottom: .5em;
}
.font-change-container .font-select {
    width: 100%;
}
/*Sortable Table*/
#sortable_table thead tr th {
    padding-top: 1em;
    padding-bottom: 1em;
    background: var(--primary-color-hover);
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
#sortable_table tbody tr {
    border-bottom: 1px solid #eaeaea;
}
#sortable_table tbody tr td {
    padding-top: .75em;
    padding-bottom: .75em;
    font-size: .75rem;
}
#sortable_table tbody tr:last-child {
    border-bottom: 0;
}
#sortable_table select {
    padding-top: .25em;
    padding-bottom: .25em;
    line-height: 1;
    height: 25px;
    font-size: .75rem;
    float: left;
}
/*Card*/
.custom-card-header-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
}
.custom-card-header-container .custom-card-header-action-right {
    order: 2;
    margin-left: auto;
    padding-left: 1em;
}
.custom-card-header-container .adm-subtitle {
    width: 100%;
}
.custom-card-header-container p {
    font-size: .75rem;
    margin: 0 auto;
}
.custom-card-header-container .btn {
    font-size: .75rem;
    line-height: .8rem;
}
#help_chardin {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: var(--primary-color-hover);
    color: #fff;
    font-weight: 500;
    padding: .5em;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    cursor: pointer;
    display: none;
}
.admin-youtube-video {
    padding: 2em;
    text-align: center;
}
.admin-youtube-video iframe {
    border: 5px solid var(--primary-color-hover);
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
/*Notice*/
.tutory-notice {
    background: #fff;
    margin-bottom: 2em;
    padding: 2em 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border-left: 10px solid var(--primary-color-hover);
}
.tutory-notice .tutory-notice-header h2 {
    font-size: 1.5rem;
    margin-bottom: .75em;
}
.tutory-notice .tutory-notice-footer {
    margin-top: .75em;
}
/*Pagamentos*/
.admin-orders {
    position: relative;
}
.admin-orders .admin-order {
    padding: 1em;
    border: 1px solid #f1f1f1;
    border-radius: .25rem;
    border-bottom: 0;
    border-right: 0;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    margin-bottom: 1.5em;
}
.admin-orders .admin-order .admin-order-header {
    position: relative;
}
.admin-orders .admin-order h3 {
    margin: 0;
    color: var(--primary-color-hover);
    font-weight: 900;
    font-size: 1.5rem;
}
.admin-orders .admin-order .admin-order-dates {
    position: relative;
    display: flex;
}
.admin-orders .admin-order .admin-order-date, .admin-orders .admin-order .admin-order-due-date {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    color: #555;
    width: 50%;
}
.admin-orders .admin-order .admin-order-status {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;
    padding: .25em .5em;
    background: #000;
    border-radius: .25rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;    
}
.admin-orders .admin-order .admin-order-body {
    position: relative;
    display: flex;
    margin-top: 1em;
    border: 1px solid var(--primary-color-hover);
    border-left: 0;
    border-right: 0;
    padding: 0;
    align-items: stretch;
    align-content:  center;
}
.admin-orders .admin-order .admin-order-details {
    padding-top: .5em;
    padding-bottom: .5em;
    font-size: .75rem;
}
.admin-orders .admin-order .admin-order-details ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 1.5em;
}
.admin-orders .admin-order .admin-order-details ul li {
    font-weight: 100;
}
.admin-orders .admin-order .admin-order-details ul li.admin-order-details-lead {
    font-weight: 700;
    color: var(--primary-color-hover);
}
.admin-orders .admin-order .admin-order-details ul li.admin-order-details-lead {
    font-weight: 700;
}
.admin-orders .admin-order .admin-order-value {
    display: flex;
    margin-left: auto;
    padding: .5em;
    color: #fff;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}
.admin-orders .admin-order .admin-order-value h6 {
    font-weight: 600;
    margin: 0 auto;
    color: var(--primary-color-hover);
}
.admin-orders .admin-order .admin-order-footer {
    margin-top: 1.5em;
    text-align: right;
}
/*Wizard*/
.body-show-wizard {
    overflow: hidden;
}
#wizard_empty_state {
    position: fixed;
    top: 75px;
    left: 0;
    background: #fff;
    width: 100%;
    height: calc(100vh - 75px);
    z-index: 100;
    display: none;
    align-content: center;
    justify-content: center;
    overflow: scroll;
}
#wizard_empty_state .wizard-es-container {
    position: relative;
    width: 90%;
    margin:0 auto;
    max-width: 900px;
    display: block;
    text-align: center;
}
#wizard_empty_state .wizard-es-title img {
    max-width: 175px;
    margin-top: 2.5em;
}
#wizard_empty_state .wizard-es-title h1 {
    font-size: 1.5rem;
    font-weight: 900;
    margin: 0 auto;
}
#wizard_empty_state .wizard-es-title p {
    margin: 0 auto;
}
#wizard_empty_state .wizard-es-body {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
#wizard_empty_state .wizard-es-card {
    position: relative;
    margin-left: .25em;
    margin-right: .25em;
    padding: 0;
    padding-bottom: .5em;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border: 1px solid #f1f1f1;
    margin-bottom: 2em;
}
#wizard_empty_state .wizard-es-card h5 {
    margin: .5em auto 0 auto;
    font-weight: 600;
    font-size: 1rem;
}
#wizard_empty_state .wizard-es-card p {
    font-size: .8rem;
    margin-bottom: 0;
}
#wizard_empty_state .wizard-es-card img {
    position: relative;
    max-width: 100%;
    margin: 0;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
}
#wizard_empty_state .wizard-es-card a {
    font-weight: bold;
    font-size: .8rem;
}
#wizard_empty_state .wizard-es-card-body {
    padding-left: .25em;
    padding-right: .25em;
}
#wizard_empty_state .wizard-es-step {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    right: 50%;
    margin-right: -15px;
    background: var(--primary-color-hover);
    color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 100;
    font-size: 12px;
    z-index: 2;
}
#wizard_empty_state .wizard-es-close {
    display: block;
    text-align: center;
    color: #666;
    text-decoration: underline;
    font-size: .8rem;
    margin-top: .5em
}
.chatbot-frases-selecao {
    position: relative;
}
.chatbot-frases-selecao a {
    line-height: 1;
    padding: .5em;
    background: var(--primary-color-hover);
    color: #fff;
    border-radius: .25rem;
    margin-right: .5em;
    opacity: .5;
    transition: all 500ms;
}
.chatbot-frases-selecao a:hover, .chatbot-frases-selecao a.active {
    opacity: 1;
    transform: scale(1.01);
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    font-weight: 900;
    text-decoration: none;
}
/* Checkout Builder */
#checkout_builder {
    position: absolute;
    margin: 0;
    width: 100%;
    min-width: 100vw;
    top: 75px;
    height: calc(100vh - 75px);
    min-height: calc(100vh - 75px);
}
#checkout_builder .checkout-builder-panel {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    z-index: 2;
    border-right: 1px solid #eaeaea;
    width: 250px;
}
#checkout_builder .checkout-builder-panel-home, 
#checkout_builder .checkout-builder-panel-edit {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
}
#checkout_builder .checkout-builder-panel-edit {
    display: none;
    z-index: 2;
}
#checkout_builder .checkout-builder-save {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 0;
    margin: 0;
    z-index: 2;
    width: 250px;
}
#checkout_builder_save {
    background: var(--primary-color-hover);
    line-height: 50px;
    text-align: center;
    font-weight: 600;
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0;
}
#checkout_builder_save:hover {
    background: #000;
}
#checkout_builder .checkout-builder-page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
    z-index: 1;
    margin-left: 275px;
    width: calc(100vw - 300px);
}
#checkout_builder .checkout-builder-panel-title {
    background: #dfdfdf;
    padding: .5em;
    border-top: 1px solid #eaeaea;    
    margin-bottom: .25em;
    display: flex;
    align-content: center;
    align-items: center;
}
#checkout_builder .checkout-builder-panel-title h3 {
    font-size: .8rem;
    color: #555;
    margin: 0;
    padding: 0;
}
#checkout_builder .checkout-builder-panel-title .checkout-builder-panel-back {
    color: #333;
    margin-right: .5em;    
}
#checkout_builder .checkout-builder-panel .form-group {
    margin-bottom: 0;
}
#checkout_builder .form-group-container {
    padding: 0 .5em;
}
#checkout_builder .form-group-container label {
    font-size: .75rem;
    display: block;
    margin: 0;
    margin-bottom: .2em;
}
#checkout_builder .form-group-container textarea {
    font-size: .75rem;
}
#checkout_builder .checkout-builder-panel-widgets {
    padding: 0;
}
.checkout-builder-panel-widget {
    margin: .75em .5em 0 .5em;
    padding: .75em .5em;
    font-size: .8rem;
    border: 1px solid var(--primary-color-hover);
    border-radius: .25rem;
    background: #e9f9ff;
    font-weight: 600;
    cursor: pointer;    
}
.checkout-builder-panel-widget p {
    margin: 0;
}
.checkout-builder-panel-widget.disabled {
    opacity: .25;
    cursor: not-allowed;
}
#checkout_builder .checkout-builder-dropzone {
    height: auto;
    margin: 2em .5em 1em .5em;
    padding: 1em;
    border: 2px dashed var(--primary-color-hover);    
}
#checkout_builder .checkout-builder-panel .custom-checkbox {
    padding-left: 1rem;
}
#checkout_builder .checkout-builder-panel .custom-control-label::before, 
#checkout_builder .checkout-builder-panel .custom-control-label::after {
    left: -1rem;
    top: .2rem;
    width: .75rem;
    height: .75rem;
}
#checkout_builder.checkout-drag-highlight .checkout-builder-panel {
    opacity: .25;
}
#checkout_builder.checkout-drag-highlight .checkout-builder-page {
    background: #fff;
}
#checkout_builder.checkout-drag-highlight .checkout-builder-dropzone {
    opacity: 1;
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0,0,0,.2);
}
#checkout_builder.checkout-drag-highlight .checkout-builder-dropzone * {
    opacity: 1;
}
.checkout-builder-item {
    position: relative;
    padding: .5em;
    border-radius: .25rem;
    background: #fff;
    border: 1px solid #eaeaea;
    margin-bottom: .75em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);    
    font-size: .75rem;
    cursor: move;
}
.checkout-builder-item h4 {
    font-size: 1rem;
    font-weight: 900;
    padding: .25em 0 .5em 0;
    margin-bottom: .5em;
    border-bottom: 1px solid #eaeaea;    
}
.checkout-builder-item p {
    margin: 0;
}
.checkout-builder-item .checkout-item-close {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 15px;
    height: 15px;
    border: 1px solid #eee;
    border-radius: .25rem;
    text-align: center;
    line-height: 15px;
    margin: 0;
    padding: 0;
    color: #333;
    vertical-align: middle;
    font-size: 10px;
    background: #faf7f7;
}
#checkout_builder .btn-checkout-builder-item-edit {
    margin: 2em 1.5em 0 1.5em;
}
.editar-concurso-imagem {
    position: relative;
}
.editar-concurso-imagem input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;    
}
.editar-concurso-imagem img {
    position: relative;
    border-radius: 50%;
    margin: .5em auto 1em auto;
    max-width: 100px;
    z-index: 1;
}
.editar-curso-title {
    background: #faf7f7;
    padding: 1em 1em 1em 2em;
    border-left: 5px solid #000;    
}
.editar-curso-title h3 {
    margin: 0;
    padding: 0;
    font-size: 1.5rem;
}
.editar-curso-title p {
    margin: 0;
    padding: 0;
}
/*Metas Fixas*/
.meta-fixa-dias-semana {
    display: flex;
    align-content: flex-start;
    margin: 0 0 1em 0;
}   
.meta-fixa-dias-semana div {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-weight: 900;
    color: #000;
    border: 1px solid #333;
    text-align: center;
    margin-right: .25em;
}
.meta-fixa-dias-semana div:hover, .meta-fixa-dias-semana .meta-dia-selecionado {
    background: var(--primary-color-hover);
    color: #fff;
    border-color: #fff;
    cursor: pointer;
}
.meta-fixa-dias {
    padding: 1em;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}
.meta-fixa-dias .meta-fixa-dia {
    margin: 0 0 1em .5em;
    padding: .5em;
    background: #faf7f7;
    border: 1px solid #cdcdcd;
    position: relative;
    font-size: .8rem;
    border-radius: .5rem;
}
.meta-fixa-dias .meta-fixa-remove-item {
    position: absolute;
    width: 15px;
    height: 15px;
    background: var(--primary-color-hover);
    border-radius: 50%;
    top: -7.5px;
    right: -7.5px;
    line-height: 15px;
    font-size: .5rem;
    font-weight: 900;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.input-search-students {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: .5em;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.input-search-students .input-search-text {
    width: 100%;
    position: relative;
}
.input-search-students .input-search-text .fas {
    position: absolute;
    left: 5px;
    top: 50%;
    height: 20px;
    width: 20px;
    margin-top: -10px;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    color: #555;
}
.input-search-students #search_aluno {
    width: 100%;
    padding: .5em 5px .5em 20px;    
}
.input-search-students .input-search-results {
    position: absolute;
    z-index: 10;
    width: 100%;
    padding: 0;
    margin: 0;
}
.input-search-students .input-search-results ul {
    position: relative;
    background: #fff;
    width: 100%;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
    border: 1px solid #cdcdcd;
    border-top: 0;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: 0;
    margin: 0;
    list-style: none;
}
.input-search-students .input-search-results ul li {
    padding: .5em .5em .5em 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
    cursor: pointer;
}
.input-search-students .input-search-results ul li:hover {
    background: #eaeaea;
}
.meta-fixa-aluno {
    position: relative;
    border: 1px solid #faf7f7;
    border-radius: .5rem;
    padding: .5em .75em;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
    width: 100%;
    margin-bottom: .75em;
}
.meta-fixa-aluno h3 {
    margin: 0;
}
.meta-fixa-aluno ul {
    font-size: .75rem;
    margin: 0;
}
.meta-fixa-aluno .btn-danger {
    position: absolute;
    top: 5px;
    right: 5px;
}
/*Expand*/
.tutory-plan-custom-expand {
    padding: .5em 0;
    color: #000;
    font-weight: 900;
    text-decoration: underline;
    display: block;
    margin: 0 0 1em 0;
}
.tutory-plan-custom-area {
    display: none;
}
/*New Dash*/
#main_numbers {
    position: relative;
    padding: 1em;
    background: #fff;
    margin: 1.5em 1em 1.5em 1em;
    border-radius: .25rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    width: 100%;
}
#main_numbers h3 {
    font-size: 1.25rem;
    margin: 0;
}
#main_numbers > p {
    font-size: .75rem;
    margin: 0;
}
#main_numbers .main-numbers-indicators {
    padding: 1.5em .75em;
}
#main_numbers .main-number-indicator {
    position: relative;
    margin: 0 auto .5em auto;
    background: #faf7f7;
    padding: 1em .25em;
    text-align: center;
    border-radius: .5rem;
    box-shadow: 1px 2px 2px rgba(0,0,0,.1);
}
#main_numbers .main-number-badge {
    position: absolute;
    top: -10px;
    right: -5px;
    background: #ca2020;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    border-radius: 50%;
    animation: pulse-noti 2s ease-out infinite;
}
#main_numbers .main-number-indicator h5 {
    margin: 0 auto;
    font-weight: 300;
    font-size: 1rem;
}
#main_numbers .main-number-indicator img {
    display: block;
    margin: 0 auto;
    width: 75%;
    max-width: 125px;
}
#main_numbers .main-number-indicator a {
    display: block;
    padding: .5em 0;
    margin: .25em auto 0 auto;
    width: 80%;
    background: var(--primary-color-hover);
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius:2rem;
    font-size: .8rem;
}
#main_numbers .main-numbers-payment {
    margin-top: .5em;
    padding-top: 1em;
    padding-left: 1em;
    border-top: 1px solid rgba(0,0,0,.05);
}
#main_numbers .main-numbers-payment h4 {
    font-size: 1.25rem;
    font-weight: 900;
    margin: 0;
}
#main_numbers .main-numbers-payment > p {
    font-size: .75rem;
    margin: 0;
}
#main_numbers .main-numbers-payment .main-numbers-payment-progress {
    background: #333;
    padding: .5em 1em;
    margin: .75em auto;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
}
#main_numbers .main-numbers-payment .main-numbers-payment-progress .main-numbers-payment-lead {
    font-weight: 600;
    font-size: .9rem;
    margin: 0 0 .1em 0;
    color: #fff;
}
#main_numbers .main-numbers-payment .main-numbers-payment-progress .main-numbers-payment-progress-legend {
    margin: .1em 0 0 0;
    font-size: .6rem;
    color: #fff;
}
#main_numbers .main-numbers-payment .main-numbers-payment-progress-legend-right {
    float: right;
}
#main_numbers .main-numbers-payment .main-numbers-payment-progress .progress {
    margin: .5em 0;
}
@keyframes pulse-noti {
  0% {
      -webkit-transform: scale(1);
  }

  25% {
      -webkit-transform: scale(1.02);
  }

  50% {
      -webkit-transform: scale(1.1);
  }

  75% {
      -webkit-transform: scale(1.0);
    }

  100% {
      -webkit-transform: scale(1);
  }
}
#wpp_support_link {
    display: none;
}
#tutory_support {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1030;
    display: block !important;
    padding-bottom: 60px;
    padding-right: 10px;
    text-align: right;
}
#tutory_support .support-bot {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
#tutory_support .support-bot img {
    width: 45px;
    height: 45px
}
#tutory_support .support-bot.support-bot-close::after {
    content: 'X';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color-hover);
    z-index: 1; 
    font-weight: 100;
    line-height: 70px;
    text-align: center;
    border-radius: .25rem;
    color: #fff;
}
#tutory_support .support-bot .support-bot-online {
    position: absolute;
    top: -4px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #36bf36;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    animation: growing 1s infinite ease-out;
    z-index: 2;
}
@keyframes growing {
    0% { transform: scale(1); }
    40% { transform: scale(1.1); }
    70% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
#tutory_support .support-menu {
    position: relative;
    display: none;
    padding: .5em 0;
    background: #fff;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
    border-radius: .25rem;
    margin-bottom: 30px;
    text-align: left;
    max-width: 300px;
    border: 1px solid #cdcdcd;
}
#tutory_support .support-menu img {
    width: 100%;
}
#tutory_support .support-menu-header {
    position: relative;
    margin: 0;
    padding: 1em;
}
#tutory_support .support-menu-items {
    padding: 1em;
}
#tutory_support .support-menu-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#tutory_support .support-menu-items ul li {
    padding: 0;
    margin: 0;
    margin-bottom: .75em;
}
#tutory_support .support-menu-items ul li a {
    color: var(--primary-color-hover);
    background: #dbf2ff;
    padding: .5em 1em;
    border-radius: .75rem;
    border: 1px solid var(--primary-color-hover);
    font-size: .75rem;
    font-weight: 600;
    transition: all 500ms;
    text-decoration: none;
}
#tutory_support .support-menu-items ul li a:hover {
    background: var(--primary-color-hover);
    color: #fff;
}
#tutory_support .support-menu-header h4 {
    font-weight: 300;
    font-size: 1.25rem;
    margin: 0;
    padding: 0;
}
#tutory_support .support-menu-header .support-menu-close {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    color: #666;
}
.btn-remove-delays {
    position: absolute;
    top: 1em;
    right: 1em;
}
/*Recuperar Senha*/
.recover-password .btn {
    color: #fff;
    border-radius: .75rem !important;
    margin: 1.5em 0 1em 0;
    padding: 1em;
    width: 100%;
    background: var(--alternative-color);
    transition: all 500ms;
}
.recover-password .btn:hover {
    background-color: var(--alternative-color-hover);
}
.recover-password .password-change-back {
    color: rgb(255 255 255 / .75);
    text-decoration: underline;    
    font-size: .75rem;
}
.recover-password .login-form {
    display: none
}
.recover-password .login-form:first-child {
    display: block;
}
.recover-password .code-input {
    height: 60px;
    text-align: center;
    line-height: 60px;
    letter-spacing: 1rem;
    padding-left: 0;
    padding-right: 0;    
}
.btn-create-study-plan {
    position: absolute;
    top: 0;
    right: 1em;
}
/* Conversas */
#create_new_conversation {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0 0 2.5em 0;
    background: #fff;
    border-top: 1px solid #cdcdcd;
    box-shadow: 1px -2px 3px rgb(0, 0, 0, .1);  
    display: none;
}
#create_new_conversation .mce-panel {
    border: none;
    margin-bottom: .75em;
}
#create_new_conversation .conversation-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #e9e9e9;
    padding: .25em;
    box-shadow: 1px -2px 3px rgb(0, 0, 0, .1);
    display: flex;
}
#create_new_conversation .conversation-upload-file {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
#create_new_conversation .conversation-upload-file .btn {
    margin-right:  .5em;
}
#create_new_conversation #conversation_file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2; 
    cursor: pointer;
}
#create_new_conversation .conversation-remove-file {
    position: relative;
    z-index: 3;
    display: none;
    float: right;
    margin-left: .75em;
    font-weight: 300;
    border-left: 1px solid rgba(0,0,0,.1);
    padding-left: .25em;
}
#create_new_conversation .btn-close-conversation {
    position: absolute;
    top: 5px;
    right: 1em;
    z-index: 1;
    color: red;
}
#my_conversations {
    position: relative;
    margin-top: 1em;
    padding: 1em;   
}
#my_conversations .channel-item {
    text-align: center;
    position: relative;
    background: #fff;
    margin-bottom: 1em;
    border-left: 10px solid var(--primary-color-hover);
    padding: 2em 1em 1em 1em;
    border-radius: .5rem;
    margin: 1em auto 2em auto;
}
#my_conversations .channel-item.channel-pending {
    border-left-color: #ff3737;
    background-color: #ffc5c5;
}
#my_conversations .channel-pending-icon {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 30px;
    height: 30px;
    background: #ff3737;
    line-height: 30px;
    border-radius: 50%;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
    color: #fff;
}
#my_conversations .channel-item-date {
    display: inline-block;
    padding: .5em;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid #cdcdcd;
    margin: 0 auto;
    font-size: .75rem;
    position: absolute;
    top: -15px;
    left: 30px; 
}
#my_conversations .channel-item-properties {
    position: absolute;
    top: 5px;
    right: 5px;
}
#my_conversations .channel-item-time {
    margin: 0;
    text-align: left;
    font-weight: 900;   
}
#my_conversations .channel-item-message {
    text-align: left;
    margin: 1em 0;
}
#my_conversations .channel-item-attachment {
    text-align: left;
    margin: 1em 0;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 1em;
}
#my_conversations .channel-item-view-answers {
    text-align: left;
    margin-top: 1.5em;
    text-decoration: underline;
    color: var(--primary-color-hover);
    font-weight: 600;
    cursor: pointer;
}
#conversations_reply {
    position: fixed;
    top: 76px;
    right: 0;
    width: 50%;
    max-width: 350px;
    min-width: 250px;
    background: #fff;
    height: calc(100vh - 76px);
    padding: 0;
    box-shadow: -2px 2px 3px rgba(0, 0, 0, .1); 
    display: none;
}
.body-scrolled #conversations_reply {
    top: 56px;
    height: calc(100vh - 56px);
}
#conversations_reply .conversation-reply-header {
    position: relative;
    padding: .75em .5em;
    border-bottom: 1px solid #eaeaea;   
    height: 60px;
}
#conversations_reply .conversation-reply-header h2 {
    font-size: 1.75rem;
    margin: 0;
}
#conversations_reply .conversation-reply-header-close {
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -10px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    color: #666;    
}
#conversations_reply .conversation-reply-body {
    overflow: auto;
    height: calc(100% - 60px);
    padding-bottom: 1em;
}
#conversations_reply pre {
    white-space: normal;
}
#conversations_reply .conversation-reply-item {
    padding: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #cdcdcd;
}
#conversations_reply .conversation-reply-item:last-child {
    border-bottom: 0;
}
#conversations_reply .conversation-reply-time {
    font-weight: 900;
    font-size: .75rem;
}
#conversations_reply .conversation-reply-message {
    margin-top: .5em;
}
#conversations_reply .btn-reply-conversation {
    font-size: .75rem;
    padding: .25em .75em;   
    float: right;
}
#conversations_reply .conversation-reply-first {
    background: #eaeaea !important;
    border-bottom: none !important;
    margin-bottom: 1em;
}
#conversations_reply .conversation-type-aluno {
    background: #dff3ff;
    text-align: right;
}
#conversations_reply .conversation-reply-download {
    margin: 0;
    background: #faf7f7;
    padding: .5em;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);  
}
#conversations_reply .conversation-reply-download .btn {
    font-size: .75rem;
    padding: .25em .5em;    
}
.conversations-students {
    position: fixed;
    top: 76px;
    height: calc(100vh - 76px);
    background: #fff;
    width: 190px;
    border-right: 1px solid #fafafa;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    overflow: auto;
}
.body-scrolled .conversations-students {
    top: 56px;
    height: calc(100vh - 56px);
}
.conversations-container {
    margin-left: 200px;
}
.conversations-students .conversa-aluno {
    margin: 0;
    padding: .25em;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
    padding-left: 30px; 
    cursor: pointer;
}
.conversations-students .conversa-aluno.conversa-aluno-ativa {
    background-color: #aadaf5;
}
.conversations-students .conversa-aluno:hover {
    box-shadow: 1px 2px 5px rgba(0,0,0,.5);
    z-index: 2;
    background: #999;
}
.conversations-students .conversa-aluno img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -10px;
    background: #fff;
}
.conversations-students .conversa-aluno h3 {
    font-size: 1rem;
    margin: 0;
}
.conversations-students .conversa-aluno p {
    font-size: .7rem;
    margin: 0;  
    color: #666;
}
.conversations-students .conversa-aluno-nao-lidas {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 16px;
    z-index: 2;
    height: 15px;
    background: red;
    font-size: .75rem;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
}
.conversations-students .conversation-search-student {
    padding: .5em 1em;
    font-size: .75rem;
}
.conversations-students .conversation-search-student .form-group {
    margin-bottom: 0;
}
.pill-modalidade {
   display: inline-block;
    width: 25px;
    height: 25px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-weight: 100;
    margin-right: .1rem;
    font-size: 12px;
}
.pill-modalidade.pill-estudo {
    background-color: #0bb6ef;
}
.pill-modalidade.pill-resumo {
    background-color: #ff6b00;
}
.pill-modalidade.pill-revisao {
    background-color: #da3ab3;
}
.pill-modalidade.pill-exercicio {
    background-color: #0fa758;
}
.pill-modalidade.pill-inactive {
    background-color: #e9e9e9;
    color: #000;
    opacity: .5;
}
@keyframes textmoving {
    0% { top: 0; }
    50% { top: -2px; }
    100% { top: 1px }
}
.resetar-modalidades-disciplinas, .resetar-ciclos-disciplinas {
    color: #666;
    position: relative;
    font-size: .75rem;
    padding-top: .75em;
    text-align: left;
    padding-bottom: .75em;
    display: block;
    text-decoration: underline;
    font-weight: 700;
    animation:  textmoving 1s infinite ease-out;
}
.tabela-personalizar-materias {
    border:  0;
}
.tabela-personalizar-materias tr, .tabela-personalizar-materias td, .tabela-personalizar-materias th {
    border:  0 !important;
}
.tabela-personalizar-materias thead tr {
    color:  #fff;
    background: var(--primary-color-hover);
}
.tabela-personalizar-materias tbody {
    font-size: .75rem;
}
.tabela-personalizar-materias tbody tr {
    border-bottom: 1px solid rgba(0,0,0,.1) !important;
}
.tabela-personalizar-materias tbody tr:last-child {
    border-bottom: 0 !important;
}
.tabela-personalizar-materias input[type='text'] {
    display: block;
    width: 100%;
    font-size: .75rem;
    padding: .25em .5em;
    min-height: 0;
    height: auto;
    margin-top: .5em;
}
.no-wpp #wpp_support_link, .no-wpp #tutory_support {
    display: none !important;
}
.recebedores-items {
    position: relative;
    margin-top:  1.5em;
    margin-bottom: 1em;
    padding: 0;
}
.recebedores-items .recebedor-item {
    position: relative;
    padding: 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0;
    background: #fff;
}
.recebedores-items .recebedor-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.recebedores-items .recebedor-item:last-child {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-bottom: 0;

}
.recebedores-items .recebedor-status {
    position: absolute;
    top: 0;
    right: 5px;
}
.recebedores-items .recebedor-title {
    font-size:  1rem;
    font-weight: 900;
    margin: 0;
}
.recebedores-item .recebedor-subtitle {
    margin: 0;
    color: #666;
    font-size: .75rem;
}
.recebedores-items .recebedor-downloads {
    padding-top: 1em;
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 1em;    
}
.recebedores-items .recebedor-topics {
    margin-top: 1em;
    padding-left: 1em;
    border-left: 3px solid var(--primary-color-hover);
    font-size: .75rem;    
}
.recebedores-items .recebedor-topic {
    margin-bottom: .25em;
}
/*Ciclo de Matérias*/
.ciclo-container-materias-plano {
    position: relative;
    padding: .75em;
    display: flex;
    flex-wrap: wrap;
    background: #faf7f7;
    border-radius: .25rem;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
    margin: 0 0 2em 0;
}
.ciclo-container-materias-plano .ciclo-container-materias-plano-item {
    display: flex;
    align-items: center;
    position: relative;
    margin: .25em .5em;
    background: #fff;
    padding: .5em;
    border: 1px solid #eaeaea;
    border-radius: .25rem;
    font-size: .75rem;
    cursor:  pointer;
}
.ciclo-container-materias-plano .ciclo-container-materias-plano-item.active {
    background: #efffee;
    border-color: #038210;
}
.ciclo-container-materias-plano .ciclo-container-materias-plano-item:hover {
    background:  #333;
    color:  #fff;
}
.ciclo-container-materias-plano .ciclo-container-materias-plano-item-modalidades {
    margin-left: .5em;
}
.ciclo-container-materias-plano .pill-modalidade {
    width: 15px;
    height: 15px;
    font-size: 8px;
    line-height: 15px;
    margin: 0;
}
.ciclo-container-materias-ciclo .ciclo-container-materias-list {
    padding: 2em 1em;
    border: 1px solid #cdcdcd;
    border-radius: .25rem;
    margin-bottom: 2em;
}
.ciclo-container-materias-ciclo .ciclo-drag-highlight {
    border-width: 3px;
    border-style: dashed;
    background: #faf7f7;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
}
.ciclo-container-materias-ciclo .ciclo-drag-highlight:hover {
    background-color: #333;
}
.ciclo-container-materias-list .materia-ciclo-item {
    position: relative;
    font-size: .75rem;
    padding: .5em;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: .25em;
}
.ciclo-container-materias-list .materia-ciclo-item:last-child {
    border-bottom:  0;
}
.ciclo-container-materias-list .materia-ciclo-item-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    background: #000;
    line-height: 15px;
    font-size: 8px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
}
.ciclo-container-materias-list .materia-ciclo-item.materia-no-ciclo {
    font-weight: bold;
    background: #eaf4f9;
}
/*Watson*/
#WACWidget {
    left:  1em !important;
    bottom:  0 !important;
    right:  auto !important;
}
/* Mapeamento */
.adm-buy-plan-process {
    margin: 1em 0;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #cdcdcd;
    border-radius: .25rem;
    padding-bottom: 1em;
    background: #faf7f7;
}
.adm-buy-plan-process .adm-buy-plan-item {
    margin: 0;
    padding: 1em .5em;
    width: 25%;
    text-align: center;
}
.adm-buy-plan-item img {
    max-width: 50px;
}
.adm-buy-plan-item span {
    display: block;
    margin: 0;
    font-size: .75rem;
}
.adm-buy-plan-process .adm-buy-plan-description p {
    width: 100%;
    margin: 0;
    margin-top: .5em;
    padding: .75em 1em;
    border-top: 1px solid rgba(0, 0,0,.1);
    font-size: .75rem;
    color: #666;
    text-align: center;
    line-height: 1rem;
}
.youtube-video-container {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-top: 1em;
    padding-bottom: 1em;
}
.youtube-video-img {
    width: 30%;    
}
.youtube-video-img img {
    width: 100%;
}
.youtube-video-container-body {
    padding-left: 1em;
    width: 100%;
}
.youtube-edit-video {
    color: #555;
}
.youtube-delete-video {
    color: red;
}
/* Treinamento novo */
.treinamento-blocks-container {
    margin: 1em auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.treinamento-block-item {
    position: relative;
    border-radius: .75rem;
    background: #faf7f7;
    width: 30%;
    box-shadow: 1px 2px 3px rgba(0,0,0,.25);
    padding: 1em;
    text-align: center;
    transition: all 1000ms;
}
.treinamento-block-number {
    background: #3eaedc;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    font-weight: 700;
}
.treinamento-block-emoji {
    display: block;
    font-size: 1.75rem;
}
.treinamento-block-item h2 {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: 1em;
}
.treinamento-block-item p {
    font-size: .875rem;
    margin: 0;
}
.treinamento-block-description {
    color: #555;
    font-weight: 500;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid rgba(0,0,0,.1);
}
.treinamento-block-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.treinamento-block-item.active, .treinamento-block-item:hover {
    background-color: var(--primary-color-hover);
    color: #fff;
}
.treinamento-block-item.active .treinamento-block-description, .treinamento-block-item:hover .treinamento-block-description {
    color: #eee;
    border-top-color: rgba(255, 255, 255, .1);
}
.treinamento-videos-container {
    position: relative;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1em;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 10%);    
    margin-top: 2em;
}
.treinamento-videos-header h2 {
    font-size: 1.75rem;
    color: var(--primary-color-hover);
    margin: 0;
    font-weight: 700;
}
.treinamento-videos-header p {
    font-size: .875rem;
    color: #333;
    margin: 0;
    margin-bottom: 1.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px dashed var(--primary-color-hover);
}
.treinamento-videos-videos {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.treinamento-videos-video {
    position: relative;
    width: 30%;
    border: 1px solid #e6e8f8;
    border-radius: .75rem;
    overflow: hidden;
    cursor: pointer;
    padding-bottom: .5em;
    margin-right: .5em;
    margin-bottom: 1em;
}
.treinamento-videos-video:hover {
    background: var(--primary-color-hover);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
}
.treinamento-videos-video img {
    width: 100%;
    border-bottom: 3px solid var(--primary-color-hover);
}
.treinamento-videos-video h4 {
    font-weight: 700;
    font-size: 1.25rem;
    margin: .5em;
    color: var(--primary-color-hover);
}
.treinamento-videos-video p {
    font-size: .75rem;
    color: #333;
    margin: .5em;
}
.treinamento-video-time {
    color: #555;
    font-weight: 700;
    margin: 0.5em;
    float: right;
    margin-bottom: 0;    
}
.treinamento-videos-video:hover img {
    opacity: .5;
    border-color: #fff;
}
.treinamento-videos-video:hover h4, .treinamento-videos-video:hover p {
    color: #fff;
}
#tutory_wpp a {
    position: fixed;
    bottom: 1em;
    right: 1em;
    width: 50px;
    height: 50px;
    background: #128c7e;
    border-radius: 50%;
    font-size: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
@media (max-width:500px) {
    .treinamento-videos-video {
        width: 100%;
        margin-right: 0;
    }
}
@media (min-width:500px) and (max-width:1000px) {
    .treinamento-videos-video {
        width: 47.5%;
    }
}
@media (max-width: 800px) {
    .treinamento-blocks-container {
        flex-wrap: wrap;
    }
    .treinamento-block-item {
        width: 100%;
        margin-bottom: 1.25em;
        padding: .5em;
    }
    .treinamento-block-item h2 {
        margin-bottom: .25em;
    }
    .treinamento-block-item p {
        display: none;
    }
    .treinamento-block-description {
        margin-top: 0;
        padding-top: .25em;
    }
}
#youtube-video-modal-treinamento {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;    
    z-index: 1030;
}
#youtube-video-modal-treinamento a {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;   
}
#youtube-video-modal-treinamento a::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    content: '';
    display: block;
    border-radius: 50%;
    background-color: #fff;
    z-index: -1;
}
#youtube-video-modal-treinamento iframe {
    width: 80%;
    height: 80vh;
    max-width: 800px;
}
#tutory_checklist {
    position: fixed;
    bottom: 1em;
    left: 1em;
    max-width: 300px;
    z-index: 5;
    background: var(--primary-color-hover);
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border-radius: .75rem;
    padding: .5em 1em;
    display: none;
}
.tutory-checklist-close {
    position: absolute;
    top: .5em;
    right: 1em;
    color: #fff;
}
.tutory-checklist-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .5em;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: .5em;
}
.tutory-checklist-header img {
    max-height: 30px;
    margin-right: .5em;
    border-radius: 50%;
}
.tutory-checklist-header h3 {
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    font-weight: 400;
}
.tutory-checklist-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tutory-checklist-list li a {
    display: block;
    color: #fff;
    font-size: .875rem;
    padding: .5em;
    padding-left: 1.5em;
    cursor: pointer;
    text-decoration: none;
}
.tutory-checklist-list li a.completed {
    opacity: .5;
    text-decoration: line-through;
}
.tutory-checklist-closed #tutory_checklist {
    padding: .25em;
}
.tutory-checklist-closed .tutory-checklist-list {
    display: none;
}
.tutory-checklist-closed .tutory-checklist-header {
    cursor: pointer;
    border-bottom: 0;
    margin-bottom: 0;
}
.tutory-checklist-closed .tutory-checklist-close {
    display: none;
}
.tutory-checklist-closed .tutory-checklist-header h3 {
    font-size: 1rem;
}
/* Category Tracker */
#category_progress {
    background: var(--secondary-color);
    color: #fff;
    padding: 0.25em 1em;
    display: flex;
    gap: .75em;
    margin-top: -7.5px;
    align-items: center;
    justify-content: flex-start;
}
#category_progress h3 {
    margin: 0;
    font-size: .875rem;
}
#category_progress p {
    margin: 0;
    font-size: .675rem;
}
#category_progress .category-progress-badge {
    margin: 15px 0;
    width: 30px;
    height: 15px;
    background-color: #fff;
    border-color: #fff;
    position: relative;
    display: flex;
    color: var(--secondary-color);
    font-weight: 900;
    justify-content: center;
    align-items: center;
}
#category_progress .category-progress-badge:before {
    content: "";
    width: 0; 
    height: 0;
    position: absolute;
    top: -10px;
    border-bottom: 10px solid;
    border-color: #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;   
}
#category_progress .category-progress-badge:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    border-top: 10px solid;
    border-color: #fff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}