/* ----- Normalize ----- */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
    margin: 0;
}
button, input[type='button'] {
    cursor: pointer;
}
button:focus, input:focus, textarea:focus {
    outline: none;
}
input, textarea {
    border: none;
}
button {
    border: none;
    background: none;
}
img {
    max-width: 100%;
    height: auto;
}
p {
    margin: 0;
}
.text-sm {
    font-size: .75rem;
}
.table-responsive {
    padding-right: 1px;
}
.card {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
body, html {
    background-color:#f7faff;
}
body {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.625;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 15px;
}
h6 {
    font-size: 13px;
}
blockquote {
    margin: 0;
}
strong {
    font-weight: 700;
}
a {
    display: inline-block;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
a:hover, a {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
section {
    position: relative;
}
.section__content {
    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.section__content--p30 {
    padding: 0 30px;
}
@media (max-width: 991px) {
    .section__content--p30 {
        padding: 0;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }
}
.page-container {
    padding-left: 300px;
}
@media (max-width: 991px) {
    .page-container {
        position: relative;
        top: 88px;
        padding-left: 0;
    }
}
.main-content {
    padding-top: 96px;
    min-height: 100vh;
}
@media (max-width: 991px) {
    .main-content {
        padding-top: 20px;
    }
}
.login-form .form-group label {
    display: block;
}
.fa-hover a {
    color: #666;
    font-size: 15px;
}
.fa-hover a i {
    margin-right: 10px;
}
.fa-hover a:hover {
    color: #333;
}
.au-checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.au-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.au-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.au-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.au-checkbox input:checked ~ .au-checkmark:after {
    display: block;
}
.au-checkbox .au-checkmark:after {
    left: 5px;
    top: -1px;
    width: 9px;
    height: 15px;
    border: solid #00ad5f;
    border-width: 0 4px 4px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form-control {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.card {
    margin-bottom: 30px;
}
.input-group-addon {
    background-color: transparent;
    border-left: 0;
}
.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}
.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #495057;
    text-align: center;
    background-color: #e9ecef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}
.header-desktop {
    background: #00aced;
    position: fixed;
    top: 0;
    right: 0;
    left: 300px;
    height: 75px;
    z-index: 3;
}
.header-desktop .section__content {
    overflow: visible;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 991px) {
    .header-desktop {
        position: relative;
        top: 0;
        left: 0;
        height: 100px;
    }
}
.header-desktop .mess-dropdown {
    top: 51px;
}

.header-desktop .email-dropdown {
    top: 51px;
}

.header-desktop .notifi-dropdown {
    top: 55px;
}
@media (max-width: 991px) {
    .logo {
        text-align: center;
    }
}
.header-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: right;
}
@media (max-width: 991px) {
    .header-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .header-wrap .mess-dropdown {
        left: 0;
    }
    .header-wrap .mess-dropdown::before {
        left: 0;
    }
    .header-wrap .notifi-dropdown {
        left: 0px;
    }
    .header-wrap .notifi-dropdown::before {
        right: 5px;
    }
}
.header-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .header-button {
        margin-top: 5px;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.noti-wrap {
    height: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -1em;
}
@media only screen and (max-width:992px) {
    .noti-wrap {
        margin-right: 2em;        
    }
}
.noti-wrap .noti__item:last-child {
    margin-right: 50px;
}
@media (max-width: 1200px) {
    .noti-wrap .noti__item:last-child {
        margin-right: 30px;
    }
}
@media (max-width: 991px) {
    .noti-wrap .noti__item:last-child {
        margin-right: 0;
    }
}
.noti__item {
    position: relative;
    margin-right: 35px;
    display: inline-block;
    cursor: pointer;
}
@media (max-width: 1200px) {
    .noti__item {
        margin-right: 25px;
    }
}
@media (max-width: 767px) {
    .noti__item {
        margin-right: 20px;
    }
}
.noti__item:hover i {
    color: #fff;
}
.noti__item i {
    font-size: 30px;
    color: #fafafa;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .noti__item i {
        font-size: 24px;
    }
}
.noti__item .quantity {
    position: absolute;
    display: inline-block;
    top: -4px;
    right: -7px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: #ff4b5a;
    color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 12px;
}
.account-wrap {
    position: relative;
}
.account-item {
    cursor: pointer;
}
.account-item .image {
    width: 45px;
    height: 45px;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.account-item .image > img {
    width: 100%;
}
.account-item > .content {
    margin-left: 45px;
    padding: 9px 0;
    padding-left: 12px;
}
.account-item > .content > a {
    color: #fafafa;
    text-transform: capitalize;
    font-weight: 500;
}
.account-item > .content > a:hover {
    color: #fff;
}
.account-dropdown {
    min-width: 305px;
    position: absolute;
    top: 58px;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
    z-index: 3;
}
.account-dropdown .info {
    padding: 1em .5em 0 .5em;
    border-top: 1px solid #f5f5f5;
    border-bottom: 0;
}
.account-dropdown .info .image {
    float: left;
    height: 65px;
    width: 65px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.account-dropdown .info .content {
    margin-left: 65px;
    padding: 11px 0;
    padding-left: 12px;
}
.account-dropdown .info .content .name {
    line-height: -webkit-calc(20/16);
    line-height: -moz-calc(20/16);
    line-height: calc(20/16);
}
.account-dropdown .info .content .name a {
    color: #333;
    font-weight: 500;
    text-transform: capitalize;
}
.account-dropdown .info .content .name a:hover {
    color: #666;
}
.account-dropdown .info .content .email {
    font-size: 13px;
    color: #999;
    line-height: -webkit-calc(20/13);
    line-height: -moz-calc(20/13);
    line-height: calc(20/13);
}
.account-dropdown:after {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    border-bottom: 9px solid #fff;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    top: -18px;
    right: 33px;
}
.account-dropdown__item a {
    display: block;
    color: #333;
    padding: 15px 25px;
    font-size: 14px;
}
.account-dropdown__item a:hover {
    background: #4272d7;
    color: #fff;
}
.account-dropdown__item a i {
    line-height: 1;
    margin-right: 20px;
    font-size: 18px;
    vertical-align: middle;
}
.account-dropdown__body {
    padding: 12px 0;
    padding-top: 8px;
}
.account-dropdown__footer {
    border-top: 1px solid #f2f2f2;
}
.account-dropdown__footer a {
    display: block;
    color: #333;
    padding: 15px 25px;
    font-size: 14px;
}
.account-dropdown__footer a:hover {
    background: #4272d7;
    color: #fff;
}
.account-dropdown__footer a i {
    line-height: 1;
    margin-right: 20px;
    font-size: 18px;
    vertical-align: middle;
}
.menu-sidebar {
    width: 300px;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    overflow-y: auto;
    z-index: 4;
}
.menu-sidebar .logo {
    background: #00aced;
    height: 75px;
    padding: 0 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3;
}
.menu-sidebar .navbar__list .navbar__sub-list {
    display: none;
    padding-left: 34px;
}
.menu-sidebar .navbar__list .navbar__sub-list li a {
    padding: 11.5px 0;
}
.menu-sidebar__content {
    position: relative;
    height: -webkit-calc(100vh - 75px);
    height: -moz-calc(100vh - 75px);
    height: calc(100vh - 75px);
}
.navbar-sidebar {
    padding: 35px;
    padding-bottom: 0;
}
.navbar-sidebar .navbar__list li a {
    display: block;
    color: #555;
    font-size: 16px;
    padding: 8px 0;
}
.navbar-sidebar .navbar__list li a i {
    margin-right: 19px;
}
.navbar-sidebar .navbar__list li a:hover {
    color: #4272d7;
}
.navbar-sidebar .navbar__list li.active > a {
    color: #4272d7;
}
.has-sub {
    position: relative;
}
.header-mobile {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.header-mobile .header-mobile__bar {
    padding: 15px 0;
    background-color:#fff;
}
.header-mobile .header-mobile-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header-mobile .hamburger {
    width: 36px;
    height: 36px;
    padding: 0;
    line-height: 1;
    vertical-align: top;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-mobile .hamburger .hamburger-box {
    width: 20px;
    height: 15px;
}
.header-mobile .hamburger .hamburger-box .hamburger-inner {
    width: 20px;
    height: 2px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.header-mobile .hamburger .hamburger-box .hamburger-inner:before {
    width: 20px;
    height: 2px;
    top: 6px;
}
.header-mobile .hamburger .hamburger-box .hamburger-inner:after {
    top: 12px;
    width: 20px;
    height: 2px;
}
.header-mobile .navbar-mobile {
    display: none;
    position: absolute;
    width: 100%;
    top: 88px;
    z-index: 20;
}
.header-mobile .navbar-mobile .navbar-mobile__list {
    background: #fff;
}
.header-mobile .navbar-mobile .navbar-mobile__list > li > a {
    padding-left: 15px !important;
}
.header-mobile .navbar-mobile .navbar-mobile__list li a {
    color: #555;
    display: block;
    padding: 10px 15px;
    padding-right: 25px;
    padding-left: 0;
    border-bottom: 1px solid #e6e6e6;
    text-transform: capitalize;
    line-height: inherit;
}
.header-mobile .navbar-mobile .navbar-mobile__list li a:hover {
    color: #4272d7;
}
.header-mobile .navbar-mobile .navbar-mobile__list li a > i {
    margin-right: 19px;
}
.header-mobile .navbar-mobile .navbar-mobile__list li.has-dropdown > a:after {
    content: '\f105';
    font-family: FontAwesome, cursive;
    float: right;
    font-size: 16px;
    line-height: 22px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-mobile .navbar-mobile .navbar-mobile__list li.has-dropdown > a.active::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.header-mobile .navbar-mobile .navbar-mobile__dropdown {
    padding-left: 35px;
    display: none;
}
.navbar-mobile-sub__list {
    display: none;
    padding-left: 30px;
    background: #fff;
}
.header-mobile .navbar-mobile .navbar-mobile-sub__list li a {
    padding-left: 15px;
}
.hamburger.is-active .hamburger-box .hamburger-inner:after {
    -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
    -moz-transform: translate3d(0, -12px, 0) rotate(-90deg);
    transform: translate3d(0, -12px, 0) rotate(-90deg);
}
.mess-dropdown, .email-dropdown, .notifi-dropdown, .setting-dropdown {
    position: absolute;
    z-index: 9999;
    min-width: 340px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e5e5;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    top: 100%;
    left: auto;
}
.mess-dropdown:before, .email-dropdown:before, .notifi-dropdown:before, .setting-dropdown:before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    border-bottom: 9px solid #fff;
    border-top: 9px solid transparent;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    top: -17px;
    left: auto;
    z-index: 3;
}
.mess__title, .email__title, .notifi__title {
    padding: 22px;
    border-bottom: 1px solid #f2f2f2;
    cursor: default;
}
.mess__title p, .email__title p, .notifi__title p {
    line-height: -webkit-calc(29/14);
    line-height: -moz-calc(29/14);
    line-height: calc(29/14);
    font-size: 14px;
    color: #808080;
}
.mess__footer a, .email__footer a, .notifi__footer a {
    display: block;
    text-transform: capitalize;
    text-align: center;
    font-size: 14px;
    color: #4272d7;
    padding: 24px 0;
}
.mess__footer a:hover, .email__footer a:hover, .notifi__footer a:hover {
    color: #3868cd;
}
.mess-dropdown {
    top: 49px;
    left: -55px;
}
.mess__item {
    padding: 19px 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.mess__item:hover {
    background: #f7f7f7;
}
.mess__item .image {
    margin-right: 15px;
}
.mess__item .content {
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: calc(100% - 55px);
    text-align: left;
}
.mess__item .content h6 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 4px;
}
.mess__item .content p {
    font-size: 14px;
    color: #555;
    line-height: -webkit-calc(24/14);
    line-height: -moz-calc(24/14);
    line-height: calc(24/14);
    margin-bottom: 4px;
}
.mess__item .content .time {
    font-size: 12px;
    color: #999;
}
.email-dropdown {
    top: 49px;
    left: -53px;
}
.email__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 19px 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.email__item:hover {
    background: #f7f7f7;
}
.email__item .image {
    margin-right: 15px;
}
.email__item .content {
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: calc(100% - 55px);
    text-align: left;
    font-size: 14px;
}
.email__item .content p {
    color: #555;
    line-height: 1;
    padding-top: 4px;
    margin-bottom: 3px;
}
.email__item .content span {
    font-size: 12px;
    color: #999;
}
.notifi-dropdown {
    right: 0;
    top: 49px;
}
.notifi-dropdown::before {
    right: 5px;
}
.notifi__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 19px 22px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.notifi__item:hover {
    background: #f7f7f7;
}
.notifi__item .img-cir {
    position: relative;
    margin-right: 15px;
}
.notifi__item .img-cir i {
    font-size: 22px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notifi__item .content {
    width: -webkit-calc(100% - 55px);
    width: -moz-calc(100% - 55px);
    width: calc(100% - 55px);
    text-align: left;
    font-size: 14px;
}
.notifi__item .content p {
    color: #555;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 2px;
}
.notifi__item .content .date {
    font-size: 12px;
    color: #999;
}
.show-dropdown .js-dropdown {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.menu-sidebar-min {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}
.sidebar-label, .navbar-label {
	position: absolute;
    top: 0px;
    left: 20px;
    display: block !important;
    color: #fff !important;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #ff1f1f;
    border-radius: 50%;
    font-size: .75rem;
    text-align: center;	
}
.navbar-label {
	left: 30px;
}
.header-button .notifi-dropdown::before {
    right: 5px;
}
.header-button-item {
    font-size: 30px;
    color: #fff;
    margin-right: 34px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 767px) {
    .header-button-item {
        font-size: 22px;
        margin-right: 15px;
    }
}
.has-noti > i {
    position: relative;
}
.has-noti > i:after {
    content: '';
    height: 8px;
    width: 8px;
    background: #ff4b5a;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    right: -6px;
}
.show-sidebar {
    right: 0;
}
.header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3;
}
.header__navbar ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header__navbar ul li {
    position: relative;
}
.header__navbar ul li:last-child a {
    border-right: 1px solid rgba(255, 255, 255, 0.102);
}
.header__navbar ul li a {
    display: block;
    font-size: 16px;
    color: #ccc;
    padding: 25px 30px;
    border-left: 1px solid rgba(255, 255, 255, 0.102);
}
.header__navbar ul li a i {
    margin-right: 13px;
}
.header__navbar ul li a:hover {
    color: #4272d7;
}
.header__navbar ul li a:hover .bot-line {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (max-width: 1570px) and (min-width: 992px) {
    .header__navbar ul li a {
        padding: 25px 15px;
    }
}
@media (max-width: 1315px) and (min-width: 992px) {
    .header__navbar ul li a {
        font-size: 13px;
        padding: 27px 15px;
    }

    .header__navbar ul li a i {
        margin-right: 5px;
    }
}
.header__navbar ul li.active > a {
    color: #4272d7;
}
.header__navbar ul li.active > a .bot-line {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.setting-dropdown {
    top: 54px;
    left: -97px;
    border: none;
    min-width: 305px;
}
.setting-dropdown::before {
    left: 99px;
}
.setting-dropdown .account-dropdown__body {
    border-bottom: 1px solid #f2f2f2;
}
.setting-dropdown .account-dropdown__body:last-child {
    border-bottom: none;
}
.setting-dropdown .account-dropdown__item a {
    color: #555;
}
.setting-dropdown .account-dropdown__item a:hover {
    color: #fff;
}
.header-button-item {
    cursor: pointer;
}
.notifi-dropdown--no-bor {
    border: none;
}
.notifi-dropdown .notifi__item {
    cursor: pointer;
}
.au-card {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    padding: 40px;
    padding-right: 35px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: transparent;
    overflow: hidden;
}
.au-card--border {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.au-card--border .au-card-title {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
.au-card--border .au-card-title .bg-overlay {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
}
.au-card-bordered {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 40px;
    padding-top: 42px;
    padding-right: 55px;
    margin-bottom: 40px;
}
.au-card--bg-blue {
    background-image: -moz-linear-gradient(90deg, #396afc 0%, #2948ff 100%);
    background-image: -webkit-linear-gradient(90deg, #396afc 0%, #2948ff 100%);
    background-image: -ms-linear-gradient(90deg, #396afc 0%, #2948ff 100%);
}
.au-card--no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.au-card--no-pad {
    padding: 0;
}
.au-card-title {
    position: relative;
    padding: 40px;
    padding-top: 45px;
    padding-bottom: 47px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.au-card-title .bg-overlay {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}
.au-card-title h3 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: 400;
}
.au-card-title h3 i {
    color: #fff;
    font-size: 24px;
    margin-right: 12px;
}
.au-task {
    color: #808080;
}
.au-task--border .au-task__title {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.au-task--border .au-task-list {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.au-task--border .au-task__footer {
    border: 1px solid #e5e5e5;
    border-top: none;
}
.au-task__title {
    padding: 27px 15px;
    padding-left: 40px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}
.au-task-list {
    height: auto;
    position: relative;
    overflow-y: auto;
}
.au-task__item {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.au-task__item:hover {
    background: #f7f7f7;
}
.au-task__item-inner {
    padding: 26px 15px;
    padding-left: 40px;
}
.au-task__item-inner .task {
    font-size: 16px;
    margin-bottom: 6px;
}
.au-task__item-inner .task a {
    font-size: 16px;
    color: #808080;
    font-weight: 400;
}
.au-task__item-inner .task a:hover {
    color: #333;
}
.au-task__item-inner .time {
    font-size: 14px;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
}
.au-task__item--danger .au-task__item-inner {
    border-left: 3px solid #fa4251;
}
.au-task__item--warning .au-task__item-inner {
    border-left: 3px solid #ffa037;
}
.au-task__item--primary .au-task__item-inner {
    border-left: 3px solid #4272d7;
}
.au-task__item--success .au-task__item-inner {
    border-left: 3px solid #00ad5f;
}
.au-task__footer {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 45px;
}
.incre i {
    color: #63c76a;
}
.decre i {
    color: #ff4b5a;
}
.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.dot--blue {
    background: #00b5e9;
}
.dot--green {
    background: #00ad5f;
}
.dot--red {
    background: #fa4251;
}
.table {
    margin: 0;
}
.table-responsive.table--no-card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}
.table-earning thead th {
    background: #333;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1;
    padding: 22px 40px;
    white-space: nowrap;
}
.table-earning thead th.text-right {
    padding-left: 15px;
    padding-right: 65px;
}
.table-earning tbody td {
    color: #808080;
    padding: 12px 40px;
    white-space: nowrap;
}
.table-earning tbody td.text-right {
    padding-left: 15px;
    padding-right: 65px;
}
.table-earning tbody tr:hover td {
    color: #555;
    cursor: pointer;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
}
.table-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 992px) and (max-width: 1519px) {
    .table-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .table-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.more {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #e5e5e5;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.more i {
    font-size: 20px;
    color: #808080;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.role {
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: capitalize;
}
.role.admin {
    background: #fa4251;
}
.role.user {
    background: #00b5e9;
}
.role.member {
    background: #57b846;
}
.tr-shadow {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
}
.copyright {
    text-align: center;
    padding: 60px 0;
    padding-top: 20px;
}

.copyright p {
    font-size: 14px;
    color: #666;
    line-height: -webkit-calc(24/14);
    line-height: -moz-calc(24/14);
    line-height: calc(24/14);
}
/*-----------------------------------------------------*/
/*                   TRUMPS                            */
/*-----------------------------------------------------*/
/*Image*/
.img-radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.img-cir {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.img-40 {
    height: 40px;
    width: 40px;
}
.img-120 {
    width: 120px;
    height: 120px;
}
/*
    * Implementations by Caio
*/
aside.menu-sidebar .js-sub-list a {
    font-size:.8em;
}
.card-custom-tutory {
    padding: 2em;
}
.btn-mini {
    margin-top: 8px;
    font-size: .75em;
    line-height: 1.25;
}
.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;
}
.strikethrough {
    text-decoration: line-through;
}
.table-fixed {
    table-layout: fixed;
}
.table-fixed td {
    white-space: normal !important;
    word-break: break-all;
}
@media (max-width: 700px) {
    .table-fixed {
        table-layout: auto;
    }
    .table-fixed td {
        white-space: nowrap !important;
        word-break: normal !important;
    }
}
.table-week td {
    font-size: .7em;
}
.table-week th {
    font-size: .8em;
}
.table-week .invisible-activity {
    background: #000;
    color: #fff;
    opacity: .25;
}
.calendar-aluno-has-activity {
    background-color:#ffc946;
}
.table-sm-font td, .table-sm-font th {
    font-size:.8em;
    padding-left:.75rem !important;
    padding-right:.75rem !important;
}
.table-sm-font th {
    font-size:.9em !important;
}
.account-dropdown .info .image {
    position:relative;
}
.profile-picture-change {
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	overflow: hidden;
}
#profilePictureInput {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background:none;
    opacity: 0;
    -moz-opacity:0;
    -webkit-opacity:0;
    z-index: 2;
}
#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;
}
.logo img {
    width: auto;
    max-width: 250px;
    max-height: 70px;
}
.header-mobile-inner .logo img {
    max-height: 60px;
    margin-left: .5em;
}
.card_progress {
    width:100%;
}
.au-task-sleep {
    background:#fff;
    color:#333;
}
.au-task-sleep .task {
    font-size: .8em;
}
.au-task-sleep .task .zmdi {
    font-size: 1.5em;
}
.au-checkbox {
    padding-left:30px;
    font-size:1em;
}
.au-checkbox input:checked ~ .au-checkmark {
    background-color: #fff;
}
.custom-card {
    position: relative;
    display: block;
    margin: 1rem auto 2rem auto;
    padding: 1.5em;
    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: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.custom-card.custom-alert {
    background: #feffe7;
}
.custom-card h1 {
    margin: 0;
    font-size: 2em;
    font-weight: normal;
}
.custom-card h2 {
    margin: 0;
    font-size: 1.5em;
    font-weight: normal;
}
.custom-card h3 {
    margin: .25em 0 .5em 0;
    font-size: 1.25em;
    font-weight: normal;
}
.custom-card h4 {
    margin: .25em 0 .5em 0;
    font-size: 1em;
    font-weight: 500;
    color:#555;
}
.custom-card h5 {
    margin: .25em 0 .5em 0;
    font-size: 1em;
    font-weight: normal;
    color:#555;
}
.custom-card-title {
    margin-left: -1.5em;
    margin-right: -1.5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #eff2f7;
    padding-left: 1.5em;
}
.custom-card-title h3 {
    font-weight: 500;
    color: #444;
    font-size: .9rem;    
}
.custom-card-body {
    padding-top: 1em;
    padding-bottom: 1em;
}
.custom-card-footer {
    margin-left: -1.5em;
    margin-right: -1.5em;
    margin-bottom: -1.25em;
    padding-top: .75em;
    border-top: 1px solid #eff2f7;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
}
.custom-alert .custom-card-title, .custom-alert .custom-card-footer {
    border-color: #fdf7d9; 
}
.custom-card-footer a {
    color: #666;
}
.custom-card-footer a:hover {
    color: #333;
    text-decoration: underline;
}
#photoModal .modal-body {
    text-align: center;
}
#photoModal input[type='file'] {
    display:none;
}
#aluno_agenda_container {
    margin-bottom: 2rem; 
    padding:2rem 0;
}
#aluno_agenda_container h2 {
    padding-left: 3rem;
    font-weight: 700;
    line-height: 1.3;
    color: #4e5159;
    font-size:1.5rem;
}
#aluno_agenda_container .aluno-sessoes .aluno-sessao:first-child {
    border-top:0;
}
#aluno_agenda_container .aluno-sessoes .aluno-sessao:last-child {
    border-bottom:0;
}
#aluno_agenda_container .aluno-sessao {
    position: relative;
    display: block;
    padding: .75rem 3rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eaeef6;
    border-width: 1px 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#aluno_agenda_container .aluno-sessao-name, #aluno_agenda_container .aluno-sessao-description {
    font-size: 1rem;
    line-height: 1.6;
    color: #6f7380;
}
#aluno_agenda_container .aluno-sessao-description {
    font-size: .8rem;
}
#aluno_agenda_container .aluno-sessao-date {
    float: right;
    padding: .25rem .4rem;
    background: #ffc843;
    color: #fff;
    font-weight: bold;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
}
.progress-bar {
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
}
.page-container {
    margin-bottom: 50px;
}
.main-content {
    margin-bottom:0;
    padding-bottom:1em;    
}
.notifyjs-bootstrap-base {
    word-wrap: break-word;
    white-space: normal !important;
}
.notifyjs-corner {
    max-width: 100%;
}
#button_view_tomorrow {
	text-align: center;
	margin-top: 1.5em;
    margin-bottom: 0;
}
#button_view_tomorrow.view-tomorrow btn {
    box-shadow: 1px 1px 10px rgba(0, 165, 62, 0.5);
    -moz-box-shadow: 1px 1px 10px rgba(0, 165, 62, 0.5);
    -webkit-box-shadow: 1px 1px 10px rgba(0, 165, 62, 0.5);
}
#activity_title {
    padding: 2em;
    margin-bottom: 1em;
}
#activity_title .activity-title-progress {
    padding:1em 2em 1.5em 2em;
    margin:1em -2em -2em -2em;
    border-top:1px solid #eaeaea;
}
#activity_title .activity-title-progress p {
    margin:0 0 .25em 0;
    color:#333;
    font-size: .75em;
}
#activity_title .activity-title-progress .progress {
    height:15px;
    margin-bottom: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
#activity_title .activity-title-progress .progress .progress-bar {
    line-height:15px;
}
.activity-notify-replan {
    background-color: #00aced;
}
.activity-notify-replan h3 {
    color: #fff;
    font-weight: 600;
}
.activity-notify-replan .btn {
    margin-top:.75em;
}
.activity-notify-replan p {
    color: #fff;
}
#card_tarefas_dia_aluno {
    padding:0;
    margin-top:-.5em;
    overflow:visible;
}
#tarefas_dia_aluno .au-card-title {
    padding-top:1.25em;
    padding-bottom:1.25em;
}
#tarefas_dia_aluno .au-card-title h3 {
    font-size:1em;
}
#tarefas_dia_aluno .au-task__title {
    padding-bottom: 24px;
    padding-top: 12px;
}
#tarefas_dia_aluno .au-task__title .progress {
    margin:0;
}
#card_tarefas_dia_aluno .au-task__item {
    overflow: hidden;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner {
    padding:1.5em 1.5em 2em 1.5em;
    border: 0 solid rgba(0,0,0,.125);
    border-left-width: .75em !important;
    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);
    margin-bottom:.5em;
    background: #fff;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner.strikethrough {
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
}
#tarefas_dia_aluno .assun-dica-concurso {
    position: relative;
    margin:.75em auto 0 auto;
    background-color:transparent;
    padding:.75em;
    font-size:.9em;
    /*box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);*/
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem;
	-moz-border-radius: .25rem;
	-webkit-border-radius: .25rem;
	
}
#tarefas_dia_aluno .assun-referencia {
    padding: .25em;
    margin-top: .5em;
    margin-bottom: 0;
    font-size: .8rem;
    font-style: italic;    
}
#tarefas_dia_aluno .assun-links-material {
    margin-top: 0;
    margin-bottom: 0em;
}
#tarefas_dia_aluno .assun-links-material .btn {
    padding:.1rem .25rem;
    font-size:.7rem;
    line-height: 1rem;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner.strikethrough .btn-pomodoro-trigger .dropdown-menu > a:nth-child(1),
#tarefas_dia_aluno .au-task-list .au-task__item-inner.strikethrough .btn-pomodoro-trigger .dropdown-menu > a:nth-child(2){
    display: none;
}
#tarefas_dia_aluno .au-task-list .au-task__item--primary .au-task__item-inner {
    border-left-color: #0bb6ef;
    /*background-color: #0bb6ef0d;*/
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning .au-task__item-inner {
    border-left-color: #ff6b00;
    /*background-color: #ff6b000d;*/
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger .au-task__item-inner {
    border-left-color: #da3ab3;
    /*background-color: #da3ab30d;*/
}
#tarefas_dia_aluno .au-task-list .au-task__item--success .au-task__item-inner {
    border-left-color: #0fa758;
    /*background-color-color: #0fa7580d;*/
}
#tarefas_dia_aluno .au-task-list .au-task-sleep .au-task__item-inner {
    padding-top:1em;
    padding-bottom:1em;
    background-color:#fff;
    color:#333;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task {
    margin-bottom:0;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time-container,
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time-notify-delay {
    position: relative;
    display: inline-block;
    padding: .25em;
    height: auto;
    width:auto;
    margin: .25em auto;
    background: #333;
    border-radius: .25rem;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time-notify-delay {
    background-color:#c21807;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: red-pulse 2s infinite;
}
#tarefas_dia_aluno .strikethrough .time-notify-delay {
	display: none !important;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time-begin.time-day {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    line-height: .75rem;
    text-align: center;
    color: #fff;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time {
    font-size:.7rem;
    font-weight: normal;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .time .time-day {
    position: absolute;
    display: block;
    float: left;
    top: 50%;
    left: -4.75em;
    padding: .2em .5em .2em 1em;    
    margin-top: -25%;
    background-color: #000000;
    color: #fff;
    font-size: .8em;
    font-weight: bold;
    border-radius: .25em;
    -moz-border-radius: .25em;
    -webkit-border-radius: .25em;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .au-checkbox {
    display: inline;
    font-size:.8rem;
    font-weight: normal;
    padding-left:24px;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .au-checkbox .au-checkmark {
    width:18px;
    height:18px;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .task .au-checkbox .au-checkmark::after {
    left:4px;
    top:0;
    width:7px;
    height:12px;
    border-width: 0 3px 3px 0;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-anotacoes-trigger {
    margin: 0 auto;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-anotacoes-trigger a {
    font-size: .7rem;
    padding-top:.15rem;
    padding-bottom:.15rem;
    color: #fff;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-pomodoro-trigger, #tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-anotacoes-trigger {
	display: inline;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-pomodoro-trigger .dropdown-toggle {
    font-size: .7rem;
    padding-top:.15rem;
    padding-bottom:.15rem;
}
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-pomodoro-trigger button,
#tarefas_dia_aluno .au-task-list .au-task__item-inner .btn-pomodoro-trigger .dropdown-item {
    font-size:.75em;
}
#tarefas_dia_aluno .activity-more-detail .badge {
    font-size: .8em;
    font-weight: 800;
}
#tarefas_dia_aluno .au-task-list .priority-title {
    position: absolute;
    top:1em;
    left:auto;
    background:#000;
    padding:.25em .5em;
    font-size:.8em;
    color:#fff
}
#tarefas_dia_aluno .task-priority .au-task__item-inner {
    padding-top:3em;
}
#tarefas_dia_aluno .activity-remove-from-plan {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    background: #f33030;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid #cdcdcd;
    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);
    display: none;
}
#tarefas_dia_aluno .activity-remove-from-plan i {
    color:#fff;
}
#tarefas_dia_aluno .au-task__item-inner:hover .activity-remove-from-plan {
    display: block;
}
#tarefas_dia_aluno .activity-remove-from-plan:hover {
    background: #fff;
}
#tarefas_dia_aluno .activity-remove-from-plan:hover i {
    color: #333;
}
/*
#tarefas_dia_aluno .au-task-list .au-task__item--primary.task-priority .au-task__item-inner {
    border:.75em solid #0bb6ef;
}
#tarefas_dia_aluno .au-task-list .au-task__item--warning.task-priority .au-task__item-inner {
    border:.75em solid #ff6b00;
}
#tarefas_dia_aluno .au-task-list .au-task__item--danger.task-priority .au-task__item-inner {
    border:.75em solid #da3ab3;
}
#tarefas_dia_aluno .au-task-list .au-task__item--success.task-priority .au-task__item-inner {
    border:.75em solid #0fa758;
}
*/
.table-suspensoes tbody td {
    white-space: nowrap;
    font-size: 14px;
    color: #fff;
    padding: 14px 5px;
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.table-suspensoes tbody tr:last-child td {
    border-bottom: none;
}
/* Horários */
#card_horarios {
    padding:2em;
}
#card_horarios .tab-content {
    border:1px solid #eaeaea;
    border-top: none;
    padding-right: 1em;
    padding-top:1em;
    padding-bottom:1em;
}
#card_horarios .checkbox {
    position: relative;
    padding:1em 1.25em 0 1.25em;
    margin:0;
}
#card_disciplinas {
    padding:2em;
}
#card_disciplinas .card-header {
    padding:1em;
    background-color:#fff;
    border:1px solid #663399;
}
#card_disciplinas .card-header h5 button {
    padding:0;
    font-size: 1.25em;
    color:#333;
    text-decoration: none;
    cursor:auto;
}
#card_disciplinas .card-header .custom-control-compacto {
    line-height: 25px;
    font-size: .75em;
}
#card_disciplinas .card-header select {
    font-size: 1em;
}
#card_disciplinas .card-header .form-group {
    margin: 5px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #eaeaea;
}
#card_disciplinas .card-header .accordion-disciplinas-modalidades {
    float:right;
    margin:-55px 0 0 0;
    font-size:.7em;
    line-height: 25px;
}
#card_disciplinas .list-disciplina-assunto li {
    cursor:move;
}
#card_disciplinas .btn {
    margin-top: 8px;
}
#card_disciplinas .disc-assuntos-container .card-body {
    border: 0;
    padding: 0;
    margin:0;
}
#card_disciplinas .disc-assuntos-container li {
    border-radius: 0 !important;
    border-color:#663399;
}
#card_disciplinas .disc-assuntos-container ul li:first-child {
    border-top:0;
}
#card_disciplinas .disc-assuntos-container .custom-control-input:checked~.custom-control-label::before {
    background-color: #ff003b;
}
@media (max-width:800px) {
    #card_disciplinas .card-header .accordion-disciplinas-modalidades {
        float:none;
        margin-top:12px;
    }
}
#card_disciplinas .accordion .card {
    margin:0 0 6px 0;
    border:0;
}
#card_disciplinas .accordion .card-header.strikethrough {
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
}
#card_disciplinas .accordion .card-header.strikethrough .btn, #card_disciplinas .accordion .card-header.strikethrough label,
#card_disciplinas .accordion .card-header.strikethrough select {
    text-decoration: line-through
}
/* Restart */
#card_restart {
    text-align: center;
}
#card_restart h2 {
    font-size: 3em;
    z-index: 2;
}
#card_restart .restart-clock-img {
    height: 200px;
    width: auto;
    z-index: 1;
    margin-top: 0;
}
#card_restart h3 {
    margin-top:.5em;
    font-size: 1.7em;
    z-index: 2;
}
#card_restart .restart-clock-description {
    margin-top:30px;
    line-height: 1.5em;
}
/* Desempenho */
#card_desempenho, #card_dica, .card-padding {
    padding:2em;
}
#card_desempenho .card-desempenho-title, #card_dica .card-dica-title {
    color:#333;
    font-size:3em;
    padding-top:.4em;
    padding-bottom:.4em;
    font-weight: normal;
}
#card_desempenho .card-desempenho-title small {
    color:#555;
    font-size:.25em;
    display: block;
    margin-top:.25em;
}
#card_desempenho .disciplina-container {
    padding-bottom:.5em;
}
#card_desempenho .disciplina-container:last-child {
    border-bottom:0;
}
#card_desempenho .disciplina-container .disciplina-container-title {
	padding: 1em;
    margin:0;
    margin-bottom: 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border-radius: .25rem;
    border: 1px solid #eaeaea;
	transition: all 1000ms;
}
#card_desempenho .disciplina-container .disciplina-container-title:hover {
	background: #fcfcfc;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
#card_desempenho .disciplina-container .disciplina-container-title h5 {
    font-size: 1.5em;
    margin:0 0 .5em 0;
    padding: 0;
    color: #333;
    font-weight: normal;
}
#card_desempenho .btn-details {
    font-size: .75em;
    margin-top:-2em;
}
#card_desempenho .desempenho-container {
    margin-bottom:.75em;
}
#card_desempenho .desempenho-hide {
    display: none;    
}
#card_desempenho .desempenho-title {
    font-size:.8em;
    font-weight: normal;
    color:#444;
    margin-top:0;
    margin-bottom:0;
    padding:0;
}
#card_desempenho .desempenho-subtitle {
    font-size:.7em;
    text-transform: uppercase;
    margin-bottom:6px
}
#card_desempenho .disciplina-container-title .progress {
    height:15px;
    font-size: 10px;
    line-height: 15px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
#card_desempenho .desempenho-container .progress {
    height:6px;
    margin-top:.25em;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    margin-bottom:0;
}
#card_desempenho .desempenho-container .progress-bar {
    background-color: #ffc844;
}
#card_desempenho .desempenho-container .desempenho-performance-description {
    font-size:.6em;
    padding-left:.5em;
    padding-top:.3em
}
/*
* Pomodoro
*/
#pomodoro_timer {
    position:fixed;
    bottom:1.5em;
    right:1.5em;
    padding:0;
    margin:0;
    box-shadow:1px 2px 5px rgba(0,0,0,.2);
    border-radius:50%;
    cursor:pointer;
    z-index: 5;
    display: none;
}
#pomodoro_timer .pomodoro-timer-title {
    position: absolute;
    bottom: -.25em;
    left: 0;
    padding: .25em .5em;
    width: 100%;
    background-color: #fff;
    text-align: center;
    font-size: .6em;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    z-index: 2;
}
#pomodoro_timer #pomodoro_clock {
    margin:0;
    background-color:#fff;
    cursor:pointer;
}
#pomodoro_timer #pomodoro_clock span {
    color:#fff;
}
#pomodoro_timer #pomodoro_clock::after {
    top:.05em;
    left:.05em;
    width:.9em;
    height:.9em;
    background-color:#d02525;
}
#pomodoro_timer #pomodoro_clock:hover::after {
    top:.025em;
    left:.025em;
    width:.95em;
    height:.95em;
}
#pomodoro_timer #pomodoro_clock .bar {
    border-color:#00b3e3;
}
#pomodoro_timer #pomodoro_clock .fill {
    border-color:#00b3e3;
}
#pomodoro_timer #pomodoro_clock.pomodoro-stop .bar, #pomodoro_timer #pomodoro_clock.pomodoro-stop .fill {
    border-color:#fc716a;
}
/*
* Resumo semana
*/
.legend-week-activities .legend-week-item {
    font-size:.75em;
    color:#000;
}
.legend-week-activities span.legend-color {
    display: inline-block;
    width:20px;
    height: 9px;
    vertical-align: middle;
    margin-right: .5em;
}
.legend-week-activities span.legend-color.legend-1 {
    background-color:#0bb6ef;
}
.legend-week-activities span.legend-color.legend-2 {
    background-color:#ff6b00;
}
.legend-week-activities span.legend-color.legend-3 {
    background-color:#da3ab3;
}
.legend-week-activities span.legend-color.legend-4 {
    background-color:#0fa758;
}
.legend-week-activities span.legend-color.legend-5 {
    background-color:#c3e6cb;
}
.legend-week-activities span.legend-color.legend-6 {
    background-color:#f5c6cb;
}
#tabela_resumo_semana {
    font-size:.8rem;
}
#tabela_resumo_semana .strikethrough.table-success {
    opacity: .7;
    -moz-opacity: .7;
    -webkit-opacity: .7;
}
#tabela_resumo_semana .calendar-aluno-has-activity {
    color:#fff;
    border:1px solid #fff;
    border-right:0;
    border-bottom: 0;
}
#tabela_resumo_semana .activity-fade {
	opacity: .5;
}
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-1 {
    background-color:#0bb6e4;
}
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-2 {
    background-color:#ff6b00;
}
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-3 {
    background-color:#da3ab3;
}
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-4 {
    background-color:#0fa758;
}
#tabela_resumo_semana .calendar-aluno-has-activity.etapa-5 {
    background-color:#333;
}
#tabela_resumo_semana .fade-activity {
    box-shadow: 0 0 10px rgba(255,255,255,.75);
    border:none;
    z-index: 2;
}
/*
* Dicas
*/
#card_dica {
    padding-bottom:2.5em;
    text-align: center;
}
#card_dica .card-dica-title {
    margin-bottom: .5em;
    padding-bottom: .25em;
    border-bottom: 1px solid #ababab;
    color: #000;
    font-weight: 600;
    text-align: center;
}
#dica_container {
    line-height: 1.75em;
    font-size: 1.25em;
    text-align: justify;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#dica_container iframe {
    width: 100%;
    display: block;
    margin: 1em auto;
}
#dica_anexos {
    text-align: left;
    margin-top: 3em;
    padding: 1em;
    background: #f1f1f1;
}
#dica_anexos h3 {
    font-weight: 300;
    margin-bottom: .5em;
    font-size: 1.25rem;    
}
#dica_anexos ul {
    list-style: none;
}
.dica-container {
    padding: 1em 1.5em;
    border-bottom: 1px solid #f1f1f1;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
}
.dica-container.dica-viewed {
    opacity: .75;
    background: #fbfbfb;
}
.dica-container:hover {
    background-color:#faf7f7;
}
.dica-container .dica-title {
    vertical-align: middle;
    font-size:1.25em
}
.dica-container.dica-viewed .dica-title a {
    color: #989898;
}
.dica-container.dica-viewed .dica-title a:after {
    content: '✓';
    font-weight: 700;
    color: #00ad5f;
}
.dica-container .dica-preview {
    font-size:.75em
}
.card .dica-container:last-child {
    border-bottom: 0;
}
.dica-pagination {
position: relative;
    margin-bottom: 1em;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
    padding: 1em;
    margin-top: -1.5em;
}
.card-msg-title {
    color:#ff4338;
    font-size:2em;
}
.card-msg-title small {
    color:#333;
    font-size: .5em;
}
.card-msg-subtitle {
    margin:2em auto 1em auto;
}
/* Pomodoro Control */
#modalConfirmaPomodoro .add-time-pomodoro {
    margin-top: 1em;
    margin-bottom:-1em;
    padding-top:1em;
    padding-bottom: 1em;
    display: none;
    background-color: #caefff;
}
#save_pomodoro_full {
    overflow: scroll;
    background-color:#000;
    padding: 1em;
}
#save_pomodoro_full .container {
    max-width:480px;
}
#save_pomodoro_full h1 {
    font-weight: 800;
    color:#fff;
}
#save_pomodoro_full h2 {
    font-weight: 600;
    color:#fff;
}
#save_pomodoro_full h3 {
    font-weight: 400;
    font-size: 1.1rem;
    color:#fff;
}
#save_pomodoro_full p {
    font-weight: normal;
}
#save_pomodoro_full hr {
    border-color:rgba(255, 255, 255, .1);
}
#save_pomodoro_full .pomodoro-full-btn-actions {
    margin:1em;
}
#save_pomodoro_full .pomodoro-full-btn-actions .btn {
    margin-bottom:.75em;
    font-size: .8rem;
}
#save_pomodoro_full .pomodoro-full-add-time, 
#save_pomodoro_full .pomodoro-full-success-message,
#save_pomodoro_full .add-time-callback,
#save_pomodoro_full .add-time-callback-replan {
    display:none;
}
#save_pomodoro_full .badge {
    margin: .75em auto;
    font-size:1.25rem;
    word-break: break-word;
    white-space: break-spaces;
}
#save_pomodoro_full .pomodoro-full-add-time p {
    margin-top: .75em;
    margin-bottom: 1em;    
}
#save_pomodoro_full .pomodoro-full-add-time .custom-checkbox {
    margin-top: .5em;
    text-align: left;
}
#save_pomodoro_full {
    display: block;
    margin-top: 1.25em;    
}
#save_pomodoro_full .add-time-option {
    font-size: .75rem;
}
#save_pomodoro_full .add-time-option .btn {
    word-break: break-word;
    white-space: break-spaces;
    font-size: .75rem;
    border-radius: .25rem !important;
}
#save_pomodoro_full .add-time-option.time-option-selected .btn {
    box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.4);
}
#save_pomodoro_full .add-time-option .btn.btn-disabled {
    opacity: .5;
    cursor: not-allowed;
}
#save_pomodoro_full .add-time-option.time-option-not-selected {
    opacity: .5;
}
#save_pomodoro_full .add-time-option.time-option-selected p,
#save_pomodoro_full .add-time-option.time-option-not-selected p {
    display: none;
}
#save_pomodoro_full .add-time-callback-replan {
    background: #fff1f1;
    padding: 1em;
    border-radius: .5rem;
    color: #901b1b;
    font-weight: 600;
    font-size: .75rem;
}
#save_pomodoro_full #save_great_pomodoro {
    margin-top: 1em;
}
#save_pomodoro_full #save_full_pomodoro {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: .5rem !important;
    margin-top: 1.25em !important;
}
#save_pomodoro_full #back_full_pomodoro {
    font-size: .75rem;
    text-decoration: underline;
    color: #ccc;
}
/* Controle de questoes */
#save_questions {
    background-color: rgba(0,0,0,.75);
	color: #333 !important; 
}
#save_questions .container {
	position: relative;
	width: 90%;
    max-width: 800px;
    background: #fff;
    border-radius: .25rem;
    padding: 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
#save_questions .close-questions {
	color: #333;
    font-size: 1rem;
    top: .5em !important;
    right: 1em !important;
}
#save_questions label {
    display: block;
}
#save_questions .question-align-left, #save_questions .question-align-left input {
    text-align: left !important;
}
#save_questions .question-align-right, #save_questions .question-align-right input {
    text-align: right !important;
}
#save_questions input.is-ok {
    background-color: #d3fbd4 !important;
}
#save_questions input.is-not-ok {
    background-color: #fbd3d7 !important;
}
#save_questions h1 {
	font-size: 1.75rem;
	margin: 0;
	font-weight: 700;
}
#save_questions h3 {
	font-size: 1.2rem;
	font-weight: 300;
	margin: 0;
	margin-bottom: 1em;
}
.btn-erase-question {
    font-size: .7rem;
    padding-top: .2em;
    padding-bottom: .2em;
    padding-left: .2em;
    padding-right: .2em;
    margin: 0 auto;
    display: block;    
}
#save_questions input {
    margin: 0 auto 1em auto;
    border-radius: 1rem;
    border: 0;
    outline: none;
    padding: 1em;
    min-width: auto;
    max-width: auto;
    width: 90%;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.1);
    border: 1px solid #fafafa;
    background: #eaeaea;
}
#save_questions .msg-question {
	margin-bottom: 1em;
    display: block;
}
@media (max-width: 768px) {
    #save_questions h1 {
        font-size: 1.25rem;
    }
    #save_questions h3 {
        font-size: 1rem;
    }
}
/* Anotacoes */
#anotacoes_trigger_placeholder {
    position: fixed;
    bottom: 2em;
    left: 2em;
    padding: 0;
    padding-right:.5em;
    margin: 0;
    height: auto;
    cursor: pointer;
    background: #fff;
    border-radius: .5rem;
    -moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    overflow: visible;
    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    z-index: 5;
}
#anotacoes_trigger_placeholder:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.25);
}
#anotacoes_trigger_placeholder .anotacao-trigger-icon {
    position: absolute;
    top: -5px;
    left: -10px;
    height: 50px;
    width: 50px;
    color:#fff;
    line-height: 50px;
    text-align: center;
    background: #00aced;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
#anotacoes_trigger_placeholder .anotacao-trigger-text {
    position:relative;
    margin-left: 45px;
    padding:0;
    line-height: 40px;
    font-size: 15px;
    text-align: left;
}
#anotacoes_trigger_placeholder .anotacao-trigger-text, #anotacoes_trigger_placeholder .anotacao-trigger-icon {
    cursor: pointer;
}
#anotacao_placeholder {
    background:rgba(0, 0, 0, .75);
    display: block;
}
#anotacao_placeholder .anotacao-container {
    position:relative;
    margin: 0 auto;
    padding:0;
    width:80%;
    height: 80%;
    max-width: 900px;
    background:#fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
#anotacao_placeholder .anotacao-container .anotacao-textarea {
    position: relative;
    margin: 0;
    padding:70px 2em;
    width:100%;
    height:100%;
    z-index: 1;
}
#anotacao_placeholder .anotacao-container .anotacao-title {
    position: absolute;
    top: 0;
    left: 0;
    height:70px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 70px;
    padding:0 1em;
    z-index: 2;
    color:#333;
}
#anotacao_placeholder .anotacao-container .anotacao-title input {
    border:0;
    outline: 0;
    display:inline;
    background:transparent;
    cursor:pointer;
    color:#333;
}
#anotacao_placeholder .anotacao-container .anotacao-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height:70px;
    text-align: right;
    padding: 0;
    padding-right: 1em;
    padding-top: 15px;
    z-index: 2;
}
#anotacao_placeholder .anotacao-container .anotacao-textarea textarea {
    position: relative;
    width:100%;
    height:100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    padding:1em;
    border:0;
    outline:none;
    resize: none;
    background:#fafbfb;
    border:1px solid #e9e9e9;
    box-shadow:inset 2px 2px rgba(0,0,0,.01);
    -moz-box-shadow:inset 2px 2px rgba(0,0,0,.01);
    -webkit-box-shadow:inset 2px 2px rgba(0,0,0,.01);
}
#anotacao_placeholder .anotacao-quill-container {
	position: relative;
	width: 90%;
    height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: .5rem;
	text-align: left;
	padding: 1em;
	color: #333;
}
#anotacao_placeholder .anotacao-quill-title {
	margin:0;
	text-align: left;
	font-size: 1.25rem;
	padding: .5em 0;
}
#anotacao_placeholder .anotacao-quill-placeholder {
	margin: .5em auto 1em auto;
}
/*
#quill_target {
    height: calc(80vh - 184px) !important;
}
*/
#anotacao_placeholder {
    overflow: auto;
}
#anotacao_placeholder .ql-editor{
    min-height:400px;
	max-height:400px;
}
@media (min-height: 600px) and (max-height: 800px) {
    #anotacao_placeholder .ql-editor{
        min-height:300px;
        max-height:300px;
    }    
}
@media (max-height: 600px) {
    #anotacao_placeholder .ql-editor{
        min-height:200px;
        max-height:200px;
    }    
}
#anotacao_placeholder .anotacao-quill-close {
	position: absolute;
	top: .5em;
	right: 1em;
	color: #333;
}
/*
@media (min-width: 800px) and (max-width: 900px) {
    #anotacao_placeholder .anotacao-quill-placeholder {
        height: calc(80vh - 160px);
    }
    #quill_target {
        height: calc(80vh - 205) !important;
    }    
}
@media (min-width: 500px) and (max-width: 800px) {
    #anotacao_placeholder .anotacao-quill-placeholder {
        height: calc(80vh - 150px);
    }
    #quill_target {
        height: calc(80vh - 195px) !important;
    }    
}
@media (min-width: 500px) {
    #anotacao_placeholder .anotacao-quill-placeholder {
        height: calc(80vh - 153px);
    }
    #quill_target {
        height: calc(80vh - 225px) !important;
    }    
}
*/
/*
* Notifications
*/
#notify_content, #save_pomodoro_full, #anotacao_placeholder, #resumo_diario, #notify_time, #save_questions {
    display:none;
    position:fixed;
    top:0;
    left:0;
    padding:2em;
    margin:0;
    width:100%;
    height:100%;
    height:100vh;
    z-index: 999;
    color:#fff;
}
#notify_content table, 
#save_pomodoro_full table, 
#anotacao_placeholder table, 
#resumo_diario table, 
#notify_time table,
#save_questions table {
    position:relative;
    top:0;
    left:0;
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    vertical-align:middle;
}
#notify_content table tr, #notify_content table td, 
#save_pomodoro_full table tr, #save_pomodoro_full table td,
#anotacao_placeholder table tr, #anotacao_placeholder table td,
#resumo_diario table tr, #resumo_diario table td,
#notify_time table tr, #notify_time table td, 
#save_questions table tr, #save_questions table td {
    vertical-align:middle;
    text-align: center;
}
#notify_content table td {
    font-size:4em;
    font-weight: bold;
}
#notify_content .close-notify, 
#save_pomodoro_full .close-pomodoro,
#save_questions .close-questions {
    position: absolute;
    top:1em;
    right:1em;
    font-size:2em;
    font-weight: normal;
    cursor: pointer;
}
.badge-help {
    font-size:1em;
}
@media only screen and (max-width:499px) {
    #notify_content table td {
        font-size:1.5em;
        font-weight: bold;
    }    
    #notify_content .close-notify {
        font-size:1.5em;
    }
} 
@media only screen and (min-width:500px) and (max-width:800px) {
    #notify_content table td {
        font-size:2em;
        font-weight: bold;
    }    
    #notify_content .close-notify {
        font-size:1em;
    }
} 
@media only screen and (max-width:991px) {
    #tarefas_dia_aluno .au-task-list .au-task__item-inner {
        padding-bottom: 1em;
        padding-top: 1em;
    }
    #tarefas_dia_aluno .au-task-list .task-priority .au-task__item-inner {
        padding-top: 2.5em;
    }
    #tarefas_dia_aluno .au-task-check .activity-buttons-right {
        text-align: left !important;
        float: none !important;
        width: 100%;
    }
    #tarefas_dia_aluno .au-task-check .activity-buttons-right .btn-pomodoro-trigger,
    #tarefas_dia_aluno .au-task-check .activity-buttons-right .btn-anotacoes-trigger    {
        display: inline !important;
    }
    #tarefas_dia_aluno .activity-more-detail {
        margin-top:.1em;
        margin-bottom:.25em;
    }
    #tarefas_dia_aluno .assun-dica-concurso {
        margin-top:.75em;
        margin-bottom: 0;
    }
    #tarefas_dia_aluno .assun-links-material {
        margin-top:.5em;
        margin-bottom: 0;
    }
}
#card_cadastro form {
    padding-top:1.5em;
    padding-bottom:2em;
}
.plan-content {
    background: #faf7f7;
    padding: 1em;
    border: 1px solid #dadada;
    text-align: center;    
    cursor: pointer;
    opacity: .5;
    -moz-opacity: .5;
    -webkit-opacity: .5;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
}
.plan-content .plan-content-name {
    font-size: 1.5rem;
    margin-bottom: .25em;    
}
.plan-content .plan-content-value {
    display: inline-block;
    background: #CDDC39;
    padding: 0 .5em;
    color: #fff;
    font-size: 1.5rem;    
}
.plan-content.plan-active, .plan-content:hover {
    opacity:1;
    -moz-opacity:1;
    -webkit-opacity:1;
    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);
    background: #00aced;
}
.plan-content.plan-active .plan-content-name, .plan-content:hover .plan-content-name {
    color: #fff;
}
.credit-card-container {
    display: inline-block;
    padding: 1em;
    background: #fafafa;
    border: 1px solid #eaeaea;
}
.credit-card-container img {
    max-height: 2em;
    border: 0;
    display: inline;
}
.credit-card-container .credit-card-brand, .credit-card-container .credit-card-number {
    line-height: 2em;
    font-size: .8em;    
}
.credit-card-container .credit-card-expiration {
    display: block;
    font-size: .8em;
    margin-top: .5em;    
    margin-bottom:0;
}
.list-payments li {
    font-size: .75em;
}
.list-payments li.bg-danger {
    color:#fff;
}
.motivo-other-description {
    display: none;
    margin-top:1em;
}
#selecionar_plano_estudos {
    position:relative;
    margin: 1rem auto 2rem auto;
    padding: 1.5em;    
}
#selecionar_plano_estudos h1 {
    font-weight: 600;
    margin-bottom: .75em;
    margin-top: 0;    
}
#selecionar_plano_estudos h2 {
    font-weight: 500;
    margin-bottom: 1em;
    color: #555;    
}
#selecionar_plano_estudos .card {
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:0 1px 5px rgba(0,0,0,.1);
    margin-bottom:.5em;
}
#btn_reset {
    margin-top:.5em;
}
#editar_plano_estudo .box-plan-summary {
    margin:1em 0 0 0;
    padding:1em;
    border:1px solid #eaeaea;
    background: #f3f3f3;
}
#editar_plano_estudo .box-plan-summary .box-plan-disc-title {
    font-size: 1.5em;
    font-weight: 700;
    color: #000;    
}
#editar_plano_estudo .box-plan-summary .box-plan-options {
    font-size: .75em;
    line-height: 1.25em;    
}
#editar_plano_estudo .box-plan-summary .btn {
    margin-top:.75em;
}
#editar_plano_estudo .box-plan-summary.unactive {
    text-decoration: line-through;
    background-color: #fff;
}
#editar_plano_estudo .box-plan-summary.unactive .btn {
    text-decoration: none;
}
#editar_plano_estudo .box-plan-summary.unactive .box-plan-options, #editar_plano_estudo .box-plan-summary.unactive .box-plan-options {
    opacity: .5;    
    -moz-opacity: .5;    
    -webkit-opacity: .5;    
}
#editar_plano_estudo .disc-customize {
    display: none;
}
#editar_plano_estudo .disc-customize .disc-customize-title {
    margin-bottom: 1em;
    font-weight: 300;
    color:#000;
}
#editar_plano_estudo .disc-customize .disc-customize-option {
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
#editar_plano_estudo .disc-customize .disc-customize-option h6 {
    font-weight: normal;
    margin-bottom: .5em;
    font-size: 1.25rem;
}
#editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto {
    position: relative;
}
#editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto:active {
    background-color:#f8f9fa;
}
#editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto i.fas {
    float:left;
    line-height: 24px;
    z-index: 1;
}
#editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto .custom-checkbox {
    height: 24px;
    line-height: 24px;
    font-size: .8em;
    overflow: hidden;
    margin-left: 30px;
    cursor:pointer;
    z-index: 2;
}
#editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto input, #editar_plano_estudo .disc-customize .disc-customize-option .disc-customize-assunto label {
    cursor: pointer;
}
#editar_plano_estudo .disc-customize-assunto .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00ad5f;
}
#editar_plano_estudo .disc-customize-assunto .assun-customize-phases .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff;
}
/*
* Vídeos
*/
#card_howto .howto-title {
    font-size: 2em;
    margin:.5em auto;
    font-weight: bold;
}
#card_howto .howto-subtitle {
    margin: .5em auto 1em auto;
    color: #666;    
}
#card_howto .howto-video {
    position: relative;
    width: 90%;
    margin: 0;
    max-width: 500px;
    border: 10px solid #59afe7;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    overflow: hidden;
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
}
#welcome_video_viewer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    z-index: 10;
    background: #000;
    text-align: center;
    display: none;
}
#welcome_video_close, #resumo_diario_close {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 50px;
    height: 50px;
    background: #ff4b4b;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    color: #fff;    
    overflow: hidden;
    z-index: 2;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    cursor:pointer;
}
#welcome_video_close:hover, #resumo_diario_close:hover {
    background: #333;
}
#welcome_video_viewer .welcome-video {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    height: 100vh;
    width: auto;
    font-size: 0;
    object-fit: cover;
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
}
/*
* Resumo Diário
*/
#resumo_diario {
    position: absolute;
    height: auto;
    min-height: 100%;
    background-color:#e9e9e9;
    color:#232323;
    height: auto;
}
#resumo_diario #resumo_diario_welcome {
    font-size: 2.5em;
    font-weight: 900;
}
#resumo_diario .resumo-diario-ball {
    position: relative;
    padding: 0;
    margin: .75em auto;
    width: 150px;
    height: 150px;
    background: #fff;
    line-height: 110px;
    font-size: 2em;
    border: 10px solid #f68302;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    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);    
}
#resumo_diario .resumo-diario-ball .resumo-diario-number {
    font-size: 1.5em;
    font-weight: 600;
}
#resumo_diario .resumo-diario-ball .resumo-diario-text {
    font-size: .3em;
    margin-top: -30px;
    line-height: normal;
    color: #666;
}
#resumo_diario_progress {
    position: relative;
    height: 40px;
    padding: .5em 1em;    
}
#resumo_diario_progress .resumo-diario-progresso-bar {
    position: relative;
    width: 100%;
    background: #fff;
    height: 100%;
    border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    box-shadow: inset 1px 1px rgba(0,0,0,.1);    
    -moz-box-shadow: inset 1px 1px rgba(0,0,0,.1);    
    -webkit-box-shadow: inset 1px 1px rgba(0,0,0,.1); 
    text-align: left;
    overflow: visible;
}
#resumo_diario_progress .resumo-diario-progresso-fim,#resumo_diario_progress .resumo-diario-progresso-ini {
    position: absolute;
    top: -30px;
    right: 0;
    background: #f68302;
    color: #fff;
    font-size: .8em;
    padding: .25em .5em;
    border-radius: .5rem;
    z-index: 5;
}
#resumo_diario_progress .resumo-diario-progresso-ini {
    top: auto;
    right: auto;
    left: 0;
    bottom:-10px;
}
#resumo_diario_progress .resumo-diario-progresso-icon {
    position: relative;
    width: 0;
    height: 100%;    
    background: #5daed5;
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    text-align: center;
    overflow: visible;
}
#resumo_diario_progress .resumo-diario-progresso-icon-icon {
    display: inline-block;
    position: absolute;
    right: -5px;
    top: -8px;
    width: 40px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    border: 3px solid #6cadd1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#resumo_diario_ranking_title, #resumo_diario_ranking_title_2, #resumo_diario_pie_title {
    margin-top: 0;
    margin-bottom:.5em;
    font-weight: 200;
    padding-bottom: 0em;    
}
#resumo_diario_ranking, #resumo_diario_ranking_2, #resumo_diario_pie {
    position: relative;
    margin-top: 2em;
    padding: 1em;    
    text-align: left;
    background: #fff;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    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);
}
#resumo_diario_ranking table td, #resumo_diario_ranking table th,
#resumo_diario_ranking_2 table td, #resumo_diario_ranking_2 table th{
    text-align: left;
    padding-left: .5em;
}
#resumo_diario_ranking table th,#resumo_diario_ranking_2 table th {
    font-weight: 500;
}
#resumo_diario_ranking table td, #resumo_diario_ranking_2 table td {
    text-align: left;
    padding: .5em .25em .5em 0;
    font-size: .75em;
    line-height: 40px;  
}
#resumo_diario_ranking table tbody tr, #resumo_diario_ranking_2 table tbody tr {
    border-bottom: 1px solid #e9e9e9;
}
#resumo_diario_ranking table tbody tr:last-child, #resumo_diario_ranking_2 table tbody tr:last-child {
    border-bottom: 0;
}
#resumo_diario_ranking table .resumo-diario-td-ranking, #resumo_diario_ranking_2 table .resumo-diario-td-ranking {
    text-align: center;
    font-size:1em;
}
#resumo_diario_ranking .img-ranking-student, #resumo_diario_ranking_2 .img-ranking-student {
    width: 40px;
    height: 40px;
    margin-right: 5px;
    border: 1px solid #cdcdcd;    
    border-radius: 50%;
}
#resumo_diario_frase {
    position:relative;
    margin: 1em auto;
    padding:1em;
    background:#f68302;
    color:#fff;
    border-radius:.25rem;
    -moz-border-radius:.25rem;
    -webkit-border-radius:.25rem;
}
/*
Revisaco
*/
#extra_activity {
    position:relative;
    margin-top:2em;
    padding:2em;
    text-align: center;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
#extra_activity.extra-revisao {
    background-color: #da3ab3;
}
#extra_activity.extra-exercicio {
    background-color: #0fa758;
}
#extra_activity .extra-activity-title {
    font-size:3.5em;
    font-weight: 400;
    margin-bottom:0;
    color:#fff;
}
#extra_activity .extra-activity-subtitle {
    font-size: 1.1em;
    margin-bottom: 1.5em;
    color: #fff;
    font-weight: 200;
}
#extra_activity .extra-activity-description {
    color: #fff;
    font-weight: 100;
}
#extra_activity .extra-activity-list {
    position: relative;
    margin: 1em auto;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #fff;
    list-style: none;
    border: 1px solid rgba(255, 255, 255, .3);
    border-left-width: 0;
    border-right-width: 0;
}
#extra_activity .extra-activity-list li {
    font-weight: 300;
}
#extra_activity .btn-check-extra-activity {
    margin-bottom: 0em;
}
#extra_activity .check-activity {
    display: block;
    padding:.25em;
    background-color:rgba(255, 255, 255, .3);
    font-size: 1.5em;
    font-weight: 800;
    transition: all 500ms;
}
#extra_activity .check-activity.checked, #extra_activity .check-activity:hover {
    background-color:rgba(255, 255, 255, 1);
}
#extra_activity.extra-revisao .check-activity {
    color: #da3ab3;
}
#extra_activity.extra-exercicio .check-activity {
    color: #0fa758;
}
#extra_activity .check-back {
    display: block;
    background:#ccc;
    color:#333;
    padding:.2em;
    font-size:.8em;
    margin-top:.5em;
}
/*
* Edital
*/
.edt-disc-container {
	margin: 0;
	padding: 0 1.5em;
    margin-top: 2em;
    margin-left: 1.5em;
    border-left: 1px solid #f1f1f1;
}
.edt-disc-block {
    color:#000;
    font-size: 1em;
    line-height: 1.15em;
    font-family: Calibri;
    margin-bottom: 1em;
    text-align: justify;
}
.edt-disc-block span.strikethrough {
    background-color:#fbfb00;
}
.edt-disc-container:hover .edt-disc-block {
    opacity: .3;
    -moz-opacity: .3;
    -webkit-opacity: .3;    
}
.edt-disc-container:hover .edt-disc-block:hover {
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;    
}
.edt-disc-container:hover .edt-disc-block:hover  span.strikethrough{
    opacity: .3;
    -moz-opacity: .3;
    -webkit-opacity: .3;
}
/*
* Config by Caio
*/
.table-responsive.table--no-card, .au-card, .au-card-title .bg-overlay, .btn, .card-header {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.modal-content {
    border: 0 !important;
    border-radius:0 !important;
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
}
.card {
    border: none;
}
@media (max-width:767px) {
    .tooltip {
        display: none !important;        
    }
}
/*
Whatsapp
*/
.bg-wpp {
    background-color:#4dc247;
    color:#fff;
}
#notify_wpp {
    position: fixed;
    display: none;
    bottom: 1em;
    right: 1em;
    margin: 0;
    padding: 12px;
    width: 100%;
    max-width: 300px;    
    background: #fff;
    border: 1px solid #dadada;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    z-index: 1001;
}
#notify_wpp .not-wpp-header {
    font-weight: 700;
    color: #000;
    font-size: 1.15em;
    margin-bottom: .25em;   
}
#notify_wpp .not-wpp-header .fab, #notify_wpp .not-wpp-header .fas {
    font-weight: normal;
}
#notify_wpp .not-wpp-body {
    font-size: .8em;
}
#notify_wpp .not-wpp-footer {
    margin-top:.5em;
}
#notify_wpp .not-wpp-close {
    position: absolute;
    top: 0;
    right: 8px;
    color: #333;
    cursor: pointer;    
}
/* Fim cronograma */
#congrats {
    position: relative;
    margin: 2em auto;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
}
#congrats .congrats-img-container {
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;    
    background: url('../img/pills.gif') no-repeat center center;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
#congrats .congrats-img-container .img-container-hover {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;    
    margin: 1em auto;
    padding:2em 1em 3em 1em;
    z-index: 2;
}
#congrats .congrats-img-container .img-container-hover h1 {
    font-size: 4.5em;
    color: #fff;
    font-weight: 900;
    text-shadow: 1px 2px rgba(0,0,0,.1);    
    -moz-text-shadow: 1px 2px rgba(0,0,0,.1);    
    -webkit-text-shadow: 1px 2px rgba(0,0,0,.1);    
}
#congrats .congrats-img-container .img-container-hover h4 {
    color: #fff;
    font-size: 1.75em;
    font-weight: 300;  
    text-shadow: 1px 2px rgba(0,0,0,.1);    
    -moz-text-shadow: 1px 2px rgba(0,0,0,.1);    
    -webkit-text-shadow: 1px 2px rgba(0,0,0,.1);    
}
#congrats .congrats-img-container .img-container-hover p {
    color: #fff;
    margin-top: 1.5em;
    font-weight: 500;    
}
#congrats .congrats-text {
    padding:1em 2em;
}
#congrats .congrats-text .congrats-number {
    width:75px;
    height: 75px;
    margin: 0 auto;
    padding: 0;
    background:#00aced;
    font-size: 50px;
    font-weight: 900;
    line-height: 75px;
    text-align: center;
    color:#fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#congrats .congrats-text .congrats-option {
    margin-bottom: .5em;
    text-align: center;
    font-weight: 600;
    color:#000;
    font-size:2em;
}
#congrats .congrats-how {
    background: #faf7f7;
    border:1px solid #dadada;
    padding:1em;
    color:#000;
    margin-top:1em;
}
/* Time Advisor */
#notify_time {
    display:none;
    position: fixed !important;
    top:auto;
    left:auto;
    bottom: 15px;
    right: 15px;
    padding:.5em;
    margin:0;
    width:250px;
    height:auto;
    z-index: 999;
    color:#333;
    background: #fff;
    text-align: center;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
#notify_content table td {
    font-weight: 300;
    font-size: 1rem;
}
#notify_content p {
    font-size: .8rem;
    line-height: 1.2rem;
}
#notify_content p .btn {
    margin-top: .5em;
}
#notify_content .btn {
    font-size: .75rem;
}
#notify_time h1, #notify_time h2, #notify_time h3, #notify_time p {
    color:#333;
}
/* Bia help */
#bia_help {
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 5;
}
#bia_help img {
    position: relative;
    margin: 0 auto;
    background: #fff;
    padding: 0;
    overflow: hidden;
    width: 65px;
    height: 65px;
    border: 3px solid #00aced;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    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);
    cursor: pointer;
    z-index: 1;
}
#bia_help .bia-title {
    position: relative;
    margin: 0 auto;
    margin-top: -10px;
    text-align: center;
    background: #00aced;
    font-size: .7rem;
    color: #fff;
    border-radius: .25rem;
    cursor: pointer;
    z-index: 2;
}
#bia_menu {
    display:none;
    position: absolute;
    bottom: 50px;
    right: 50px;
    padding: .5em;
    width: 200px;
    background: #00aced;
    border-radius: .25rem;
    -moz-border-radius: .25rem;
    -webkit-border-radius: .25rem;
    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);
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    z-index: 3;
}
#bia_help:hover #bia_menu {
    display:block;
}
#bia_menu h3 {
    color: #fff;
    font-size: 1rem;
}
#bia_menu ul {
    margin: .5em auto;
    list-style: none;
    font-size: .8rem;
    border-radius: .25rem;
    overflow: hidden;
}
#bia_menu ul li {
    background-color: rgba(0,0,0,.1);
    padding: .3em .5em;
    font-size: .8em;    
}
#bia_menu ul li:hover {
    background-color: rgba(0,0,0,.2);
}
#bia_menu ul a {
    color: #fff;
    text-decoration: none;
}
@media (min-width:600px) and (max-width: 991px) {
    #bia_help {
        right: .25em;
        bottom: .25em;
    }
    #bia_help img {
        width: 75px;
        height: 75px;
    }
    #bia_menu {
        bottom: 50px;
        right: 50px;
    }
}
@media (max-width: 600px) {
    #bia_help {
        right: .2em;
        bottom: .2em;
    }
    #bia_help img {
        width: 50px;
        height: 50px;
    }
    #bia_menu {
        bottom: 40px;
        right: 40px;
    }    
}
#new_activity_insert {
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: #0954a0;
    padding: 1.5em;
    box-shadow: 1px 2px 5px rgba(0,0,0,.1);
    color: #fff;
    text-align: center;
    font-size: 1.25rem;
    cursor: pointer;
    transition: all 500ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
}
#new_activity_insert:hover {
    background-color: #000;    
}
#edital_verticalizado table td {
    font-size: .9rem;
    line-height: 1rem;    
}
/* Referencias */
.author-refer {
	position: relative;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 1em;
	padding-bottom: 1em;	
}
.author-refer:last-child {
    border-bottom: 0;
}
.author-refer .author-refer-title {
	padding: .75em 1em;
    border: 1px solid #fafbfb;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border-radius: .25rem;
    cursor: pointer;	
}
.author-refer .author-refer-title:hover {
	background-color: #faf7f7;
}
.author-refer h3 {
	font-size: 1.25rem;
    margin: 0 auto .25em auto;
    font-weight: 600;  
}
.author-refer .author-refer-title p {
	margin: 0 auto;
	font-size: .75rem;
	color: #666;
}
.author-refer .author-extra {
	display: none;
    padding: 1em 1em 1em 2em;
}
.author-refer .author-extra h6 {
	font-size: 1rem;
	font-weight: 600;
    margin: .5em auto;
}
.author-refer ul {
    list-style: none;
    font-style: italic;
    font-size: .75em;
    padding-left: 1em;    
}
.author-refer li {
	margin-bottom: .25em;
}
li.disabled {
    opacity: .5;
    color: #333;
    cursor: not-allowed;
}
.review-profile {
    text-align: center;
    padding: 1em 0;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    color: #000;
    margin: 1em auto 0 auto;
}
.review-profile img {
    width: 90%;
    max-width: 150px;
    height: auto;
    border-radius:100%;
    display: block;
    margin: .5em auto .25em auto;
    border: 5px solid #fff;
}
.review-profile small {
    color: #666;
}
.goal-review-intro {
    margin: 0 auto;
    max-width: 500px;
    color: #333;
    line-height: 1.5rem;
    text-align: center;
}
.goal-review-actions {
    text-align: center;
    max-width: 500px;
    margin: 1.5em auto;  
}
.goal-review-actions .btn {
    opacity: .7;
}
.goal-review-actions .btn:hover {
    opacity: 1;
}
.goal-review-goals {
    position: relative;
    display: block;
    margin: 1em auto;
}
.goal-review-goals h4 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #333;
}
.goal-review-goals p {
    font-size: .9rem;
    color: #666;
}
.goal-review-list {
    margin: 1em auto;
}
.goal-review-list-headers {
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 800;
    margin-bottom: .5em;
    color: #999;    
}
.goal-review-listview {
    font-size: .8rem;
    line-height: 1.5rem;
    vertical-align: middle;
    margin-bottom: 2em;
}
.goal-review-listview i {
    opacity: .7;
    cursor: pointer;
    transition: all 500ms;
}
.goal-review-item {
    position: relative;
    z-index: 1;
    transition: all 500ms;
    cursor: pointer;
    border: 1px solid #e9ecef;
    border-bottom: 0;
    padding: .25em .5em;
}
.goal-review-item:last-child {
    border-bottom: 1px solid #e9ecef;
}
.goal-review-item:hover {
    z-index: 2;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.goal-review-item.goal-review-remove:hover, .goal-review-item.goal-review-remove.goal-checked {
    background-color: #ffebf2;
}
.goal-review-item.goal-review-insert:hover, .goal-review-item.goal-review-insert.goal-checked {
    background-color: #ebfff2;
}
.goal-review-item:hover i,  .goal-review-item.goal-checked i {
    opacity: 1;
    font-weight: 500;
}
.goal-review-item.goal-review-remove:hover i,  .goal-review-item.goal-review-remove.goal-checked i {
    color: #b20000;
}
.goal-review-item.goal-review-insert:hover i,  .goal-review-item.goal-review-insert.goal-checked i {
    color: #00b26f;
}
.goal-review-item.goal-review-remove.goal-checked span {
    text-decoration: line-through;
}
.goal-review-footer {
    padding: 0;
}
/*Menu Expansível*/
.menu-sidebar {
    background-color: #333;
}
.navbar-sidebar {
    padding: 2em 1em 0 1em;
}
.navbar-sidebar li, .navbar-mobile__list li {
	position: relative;
}
.navbar-sidebar .navbar__list li a {
    color: #eee;
}
.navbar-sidebar .navbar__list li.active > a  {
    color: #fff;
    font-weight: 600;
}
.navbar-sidebar .navbar__list li:hover > a {
    color: #fff;
}
@media (min-width: 992px) {
    .tutory-menu-closed .page-container {
        padding-left: 60px;
    }
    .tutory-menu-closed .menu-sidebar {
        width: 60px;
        overflow-y: visible;
    }
    .tutory-menu-closed .logo {
        width: 300px;
    }
    .tutory-menu-closed .menu-sidebar__content {
        width: 60px;
        background: #333;
    }
    .tutory-menu-closed .menu-sidebar__content .navbar-sidebar {
        padding: 1em;

    }
    .tutory-menu-closed .menu-sidebar__content .navbar-sidebar li {
        text-align: center;
    }
    .tutory-menu-closed .menu-sidebar__content .navbar-sidebar li span {
        display: none;
    }
    .tutory-menu-closed .menu-sidebar__content .navbar-sidebar li a i {
        color: #fff;
        margin-right: 0;
    }
    .tutory-menu-closed .js-sub-list {
        display: none;
    }    
}
/* Main Dashboard */
.dashboard-tiles {
	position: relative;
}
.dashboard-tile {
    position: relative;
    text-align: center;
	padding: .5em .25em !important;
	margin: .5em auto !important;
}
.dashboard-tile .dashboard-tile-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;    
    margin: 0;
    padding: 0;
    text-decoration: none;
    transition: all 500ms;
}
.dashboard-tile .dashboard-tile-link img {
	margin: 0 auto;
	max-width: 40px;
}
.dashboard-tile p {
    font-size: .7rem;
    color: #666;
    line-height: 1.5rem;
    margin: 0 auto 0 auto;
    padding: 0;
}
.dashboard-reports {
    display: none;
}
.card-dashboard-home .activity-title-progress {
    margin: 1em auto 0 auto;
    padding: 0;
}
.card-dashboard-home .activity-title-progress p {
    font-size: .75rem;
    font-weight: 300;    
}
.card-dashboard-home .activity-title-progress p b {
    font-weight: 600;
    color: #000;
}
.card-dashboard-home .progress {
    margin: 0 auto;
    height: 10px;
}
.dash-stats {
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 1em;
}
.dash-stats h5 {
    color: #000;
    font-weight: 500;
    font-size: .9rem;
    margin: 0 auto;
    margin-bottom: 1.5em;
}
.dash-stats .dash-tile-summary {
    text-align: center;
}
.dash-stats .dash-tile-summary .dash-value {
    font-size: 1.5rem;
	line-height: 1.25rem;
    font-weight: 800;
    color: #666;
}
.dash-stats .dash-tile-summary .dash-value.dash-number-complete {
    color: #000;
}
.dash-stats .dash-tile-summary .dash-text {
    font-size: .75rem;
    font-weight: 300;
    color: #999;
	line-height: .75rem;
    margin: .5em auto;
}
/* Caderno */
.caderno-list {
	position: relative;
}
.caderno-list .caderno-item {
    padding: 1em;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 1em;
}
.caderno-list .caderno-item:last-child {
	border-bottom: 0;
}
.caderno-list h4 {
    font-size: 1.25rem;
    margin: 0 0 .1rem 0;
}
.caderno-list p {
	margin: 0;
    margin-bottom: 1em;
    font-size: .75rem;
}
.caderno-list .caderno-actions a {
	line-height: 1;
    padding: .5em .5rem;
    font-size: .8rem;
    margin-right: .25rem;
}
.caderno-btn-float {
    float: right;
    font-size: .7rem;
    padding: .2em;
}
.caderno-list li {
    padding: .5em 0;
    border-bottom: 1px solid rgba(0,0,0,.15);
    font-size: .75rem;
    cursor: pointer;
}
.caderno-list li:hover span {
    font-weight: 800;
}
.caderno-list li:last-child {
    border-bottom: 0;
}

/* Duvidas */
.forum-question-list {
    position: relative;
    margin: 1em auto;
}
.forum-question {
    position: relative;
    margin: 0;
    padding: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #f1f1f1;
}
.forum-question-list .forum-question:last-child {
	border-bottom: 0;
}
.question-header {
    position: relative;
    padding-bottom: .25em;
	width: 100%;
	display: flex;
	align-items: center;
}
.question-header img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin-right: .5em;
    float: left;
}
.question-header span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-weight: 300;
    font-size: 1rem;
    color: #000;
}
.question-question {
    position: relative;
    font-size: .8rem;
    text-align: justify;
    padding: 0;
    margin: 0;
}
.question-question small {
    display: block;
    font-size: .7rem;
    color: #ccc;    
}
.question-answer {
    position: relative;
    padding: .75em;
    margin: 1em 0 1.5em .5em;
    font-size: .8rem;
    border-left: 5px solid #333;
    border-radius: .25rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.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;
}
.aluno-pagination {
    text-align: center;
}
.aluno-pagination ul {
    justify-content: center;
}
.aluno-pagination ul .active {
    background-color: #00aced;
    color: #fff;
}
/*Exp*/
.header-exp-count {
    margin: 0;
    margin-right: .75em;
    line-height: 30px;
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
}
.header-exp-count b {
    font-weight: 700;
}
.header-exp-count small {
    color: #e5e5e5;
}
/* Ranking */
.ranking-me {
    padding-top: 1em;
    text-align: center;
}
.ranking-me .ranking-me-icon {
    width: 50px;
    height: 50px;
    background: #91ffa0;
    padding: .5em;
    margin: 1em auto 0 auto;
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.ranking-me .ranking-me-value {
    font-weight: 700;
    margin: .5em auto 0 auto;
    font-size: 1.25rem;
    margin: 0 auto;
    color: #000;
}
.ranking-me .ranking-me-legend {
    font-size: .7rem;
    color: #666;
    margin: 0 auto;
}
.ranking-list {
    margin-top: 1em;
}
.ranking-entry {
    padding: 5px 1em;
    border-bottom: 1px solid rgba(0,0,0,.15);
    height: 60px;
}
.ranking-list .ranking-entry:last-child {
    border-bottom: 0;
}
.ranking-entry .avatar {
    float: left;
}
.ranking-entry .ranking-entry-name {
    font-size: 1rem;
    font-weight: 300;
    color: #333;
    line-height: 50px;
}
.ranking-entry .ranking-entry-pt {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    line-height: 50px;
    float: right;
}
.ranking-me .ranking-good {
    color: #00ad5f;
}
.ranking-me .ranking-bad {
    color: #ff003b;
}
.list-none {
    list-style: none !important;
    padding-left: 1em !important;
}
.restart-actions {
    margin-top: .5em;
}
/*Input Pulse*/
@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(25, 181, 254, 1)
  }
  100% {
    box-shadow: 0 0 0 25px rgba(25, 181, 254, 0)
  }
}
@keyframes red-pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 1px rgba(194, 24, 7, 0);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 5px rgba(194, 24, 7, .7);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 10px rgba(194, 24, 7, 0);
	}
}
.au-task__item-inner:not(.strikethrough) .au-checkmark {
   animation: shadow-pulse 2.5s infinite;
}
.au-task__item-inner .progress {
	margin-top: .5em;
	margin-bottom: 0;
}
.au-task__item-inner .activity-progress-detail {
	margin-bottom: .25em;
}
.au-task__item-inner .activity-progress-detail .badge {
	background: none;
	font-weight: 300;
	font-size: .6rem;
	margin: 0;
	color: #333;
	padding: 0;
}
.au-task-review-complete {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    background: rgba(0,0,0,.75);
    padding: 1em .5em;
    flex-wrap: wrap;
    display: none;
    color: #fff;
}
.au-task-review-complete p {
    flex-basis: 100%; 
    font-weight: 500;
}
.au-task-review-complete ul {
    font-size: .9rem;
}
.au-task-review-complete ul span {
    font-weight: 500;
}
/* Mini resumo */
#dashboard_summary {
    position: relative;
    margin: 1em 0 1.5em 0;
    display: flex;
    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);
}
#dashboard_summary .dash-summary-day {
    position: relative;
    height: auto;
    display: block;
    float: left;
    width: calc(100% / 7);
    padding: 0;
    margin: 0;
    border-right: 0; /* 1px solid rgba(0,0,0,.15); */
    background:#fff;
    opacity: .3;
    overflow: hidden;
}
#dashboard_summary .dash-summary-day:last-child {
    border-right: 0
}
#dashboard_summary .dash-summary-day.day-active {
    position: relative;
    opacity: 1;
    z-index: 3;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
    cursor: pointer;
}
#dashboard_summary .dash-day-name {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-weight: 300;
    font-size: .7rem;
    color: #fff;
    background:#333;
}
#dashboard_summary .dash-day-scroller {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    overflow: auto;
	overflow-x: hidden;
    max-height: 350px;
}
#dashboard_summary .dash-day-scroller::-webkit-scrollbar {
  width: 0 !important;
}
#dashboard_summary .dash-day-container {
    position: relative;
    height: auto;
    width: 100%;
}

#dashboard_summary .day-activity {
    display: block;
    margin: 0;
    padding: .25em .25em .5em .25em;
    height: auto;
    font-size: .75rem;
	color: #fff;
}
#dashboard_summary .day-activity-indicator {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
#dashboard_summary .day-activity-disc {
    font-size: .75rem;
	line-height: .8rem;
	font-weight: 500;
	margin: 0 auto .25em auto;
	word-break: break-all;
}
#dashboard_summary .day-activity-subject {
    font-size: .6rem;
	line-height: .75rem;
	font-weight: 300;
	word-break: break-all;
	margin: 0 auto .5em auto;
}
#dashboard_summary .day-activity-step-geral {
    background: #333;
}
#dashboard_summary .day-activity-step-1 {
    background: #0bb6e4;
}
#dashboard_summary .day-activity-step-2 {
    background: #ff6b00;
}
#dashboard_summary .day-activity-step-3 {
    background: #da3ab3;
}
#dashboard_summary .day-activity-step-4 {
    background: #0fa758;
}
#dashboard_summary .day-activity-time {
    margin: 0 auto;
    padding: 0;
    line-height: 0;
}
#dashboard_summary .day-activity-complete {
    text-decoration: line-through;
}
#dashboard_summary .day-activity-complete .day-activity-time {
    display: none;
}
.dash-summary-shadow {
    position: absolute;
    z-index:5;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 75px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 14%);
}
.custom-card.card-warning {
  background: #8a2387; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #8a2387, #e94057, #f27121); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #8a2387, #e94057, #f27121); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  box-shadow: 1px 2px 3px 2px rgba(0,0,0,.15);
}
.custom-card.card-warning h2 {
    color: #fff;
}
.custom-card.card-warning p {
    color: #fff;
    margin-top: 1em;
    margin-bottom: 1em;
}
/*Pomodorao*/
#pomodoro_timer.pomodoro-full {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    border-radius: 0;
    overflow: hidden;
    z-index: 10;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}
#pomodoro_timer .pomodoro-full-text {
    flex-basis: 100%;
    width: 100%;
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 auto 1em auto;
    text-align: center;
}
#pomodoro_timer .pomodoro-full-description {
    flex-basis: 100%;
    width: 100%;
    color: #eee;
    font-weight: 300;
    margin: 1em auto 0 auto;
    text-align: center;
}
.pomodoro-full #pomodoro_clock {
    font-size: 400px;
}
#pomodoro_timer.pomodoro-full #pomodoro_clock::after {
    background-color: #000 !important;
}
.pomodoro-full span {
    color: #3ad3ec !important;
}
#pomodoro_timer.pomodoro-full #pomodoro_clock .bar {
    color: #3ad3ec !important;
}
@media (min-width: 600px) and (max-width: 900px) {
    #pomodoro_timer .pomodoro-full-text {
        font-size: 1.5rem;
    }
    .pomodoro-full #pomodoro_clock {
        font-size: 300px;
    }
}
@media (max-width: 599px) {
    #pomodoro_timer .pomodoro-full-text {
        font-size: 1.25rem;
    }
    .pomodoro-full #pomodoro_clock {
        font-size: 250px;
    }
}
/*Fim */
#activity_day_end {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    flex-direction: column;
    z-index:10;
}
#activity_day_end .activity-day-end-container {
    display: block;
    min-width: 300px;
    width: 50%;
    padding: 2em;
    background: #fff;
    border-radius: .5rem;
    text-align: center;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
#activity_day_end .btn-activity-reload {
    display: block;
    margin: 1em auto 0 auto;
    border-radius: .25rem !important;
    padding: .25em 0;
}
#activity_day_end .btn-activity-update {
    font-size: .75rem;
    text-decoration: underline;
    color: #888;
    margin-top: .5em;
}
#activity_day_end .activity-end-num {
    margin-top: .5em;
    font-weight: 800;
    color: #000;
    font-size: 2rem;
    line-height: 1.5rem;
}
#activity_day_end .activity-end-desc {
    font-weight: 300;
    font-size: .75rem;
}
/* progress-activity-bar */
.progress-activity-bar .progress-bar {
    font-size: .6rem;
    line-height: 0rem;
    text-align: right;
    padding-right: .75em;
}
.change-course-grid {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.change-course-grid .change-course-item {
    position: relative;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
}
.change-course-grid .change-course-area {
    width: 95%;
    margin: 1em 0;
    padding: 1.5em 1em 1em 1em;
    border: 1px solid rgba(0,0,0,.1);
    line-height: 1rem;
    font-size: .75rem;
}
.change-course-grid .change-course-area:hover {
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);    
}
.change-course-grid .change-course-area h5 {
    font-weight: 300;
    color: #000;
    margin: 0;
    font-size: 1rem;
}
.change-course-grid .change-course-area .badge {
    font-size: .8rem;
}
.change-course-grid .change-course-area .btn {
    display: block;
    width: 100%;
    margin-top: .5em;
    font-size: .75rem;
    line-height: .75rem;
}
/* Questoes */
#btq_questoes {
    position: relative;
}
#btq_questoes .btq-questao {
    padding: 1em;
    border-bottom: 1px solid #f1f1f1;
}
.btq-questao-dados {
    padding: .75em 1em;
    font-size: .9rem;
    font-weight: 300;
    line-height: 1rem;
	margin: 0;
    margin-bottom: 1em;
    background: #faf7f7;
    border-radius: .25rem;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
.btq-questao-enunciado {
    font-size: 1rem;
    line-height: 1.25rem;
    padding: 1em;
}
.btq-questao-respostas {
    position: relative;
    margin-top: 1em;
	margin-left: 1.5em;
}
.btq-questao-respostas .btq-questao-alternativa {
	position: relative;
    width: 100%;
    display: block;
    margin: 0;
    padding: .5em 1em;
	padding-left: 20px;
    color: #333;
    transition: all 500ms;
}
.btq-questao-respostas .btq-questao-alternativa::before {
	content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #cdcdcd;
    box-shadow: inset 1px 1px rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    margin-top: -7.5px;
}
.btq-questao-respostas .btq-questao-alternativa:hover, .btq-questao-respostas .btq-questao-alternativa.ok {
    font-weight: 700;
    color: #00ad5f;
    background: #fff;
}
.btq-questao-respostas .btq-questao-alternativa.ok::after {
	content: '\2713';
    position: absolute;
    left: 2px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
}
.btq-questao-respostas .btq-questao-alternativa.wrong {
    color: #d02525;
    font-weight: 300;
    text-decoration: line-through; 
}
.btq-questao-finalizar {
    padding: 1em 0;
    margin-top: 1em;
}
.btq-questao-comentario {
    margin-top: 1.5em;
    padding: 1em;
    background: #ebfff0;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    font-size: .8rem;    
}
.btq-questao.question-right .btq-questao-enunciado {
    color: #00ad5f;
}
.btq-questao.question-wrong .btq-questao-enunciado {
    color: #d02525;    
}

.btq-questao.question-right::before {
	content: 'acertou';
    display: inline-block;
    color: #fff;
    background: green;
    padding: .25em 1em;
    border-radius: .25rem;
    line-height: 1;
    margin-bottom: .5em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
.btq-questao.question-wrong::before {
	content: 'errou';
    display: inline-block;
    color: #fff;
    background: red;
    padding: .25em 1em;
    border-radius: .25rem;
    line-height: 1;
    margin-bottom: .5em;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
}
/* Materiais */
.material-list-disciplines {
    position: relative;
}
.material-list-disciplines .material-list-title {
    position: relative;
    margin: 0 auto 1em auto;
    padding: 1.5em .75em;
    background: #fff;
    border: 1px solid #f1f1f1;
    width: 100%;
    border-radius: .25rem;
	transition: all 500ms;
}
.material-list-disciplines .material-list-title:hover {
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
	transform: scale(1.01);
}
.material-list-back {
	padding: 0 0 1em 0;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 1em;
}
.material-list-back a {
    box-shadow: 1px 1px 4px rgba(0,0,0,.25);
}
.material-list-assuntos {
	position: relative;
}
.material-list-assuntos .material-list-assunto {
	width: 100%;
    display: flex;
    padding: 1em;
    padding-right: 0;
    align-items: center;
    margin-bottom: .25em;
    border-bottom: 1px solid #f1f1f1;
	font-size: .75rem;
}
.material-list-assuntos .material-list-assunto .btn {
	font-size: .8rem;
    line-height: 1;
    padding: .5em .75em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.material-list-assuntos .material-list-links, .material-list-assuntos .material-list-aula {
	margin-left: auto;
}
.material-list-assuntos .material-list-assunto:last-child {
	border-bottom:0;
}
.material-list-disciplines .material-list-title h4 {
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: .25em;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: .5em;
    color: #333;
    font-weight: 600;
}
.material-list-disciplines .material-list-title p {
	margin: 0;
    font-size: .75rem;
    text-decoration: underline;
    color: #666;
}
.material-list-disciplines .material-list-item {
    padding: 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.material-list-disciplines .material-list-item:last-child {
    border-bottom: 0;
}
/*Aulas*/
.activity-goal-links {
    position: relative;
    background-color: #f1f1f1;
    padding: .5em;
    margin: .25em auto;
    margin-bottom: 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.activity-goal-links::after {
    content: '';
    position: absolute;
    top: -7.5px;
    left: 12.5px;
    display: block;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #f1f1f1;
}
.activity-goal-links h5 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    color: #000;
    font-size: .8rem;
    margin-bottom: .25em;
}
.activity-goal-links ul {
    list-style: none;
    padding-left: .5em;
}
.activity-goal-links ul li {
    list-style: none;
    font-size: .8rem;
    color: #666;
}
.activity-goal-links ul li::before {
    content: '';
    position: relative;
    top: -1px;
    border: solid #47b6ef;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: .5em;
}
.activity-goal-links ul a {
    font-size: .8rem !important;
    text-decoration: underline;
    color: #1a19af !important;
    font-weight: 600 !important;
}
.activity-goal-links ul a:hover {
    font-weight: 800 !important;
    color: #000 !important;
}
.alert-activity-same {
    margin: .5em auto;
    font-size: .75rem;
    padding: .5em;
}
/*Mural*/
.mural-container-padding-control {
    margin-left: -1.5em;
    margin-right: -1.5em;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.mural-home-list {
    position: relative;
}
.mural-home-empty {
    padding: 1em;
}
.mural-home-item {
    padding: 1.75em 1em;
    margin: .5em;
	margin-left: .5em;
    border-left: 3px solid #333;
	cursor: pointer;
    background: #faf7f7;
}
.mural-home-list .mural-home-item:first-child {
	margin-bottom: 0;
}
.mural-home-list .mural-home-item:last-child {
    border-bottom: 0;
}
.mural-home-item:hover {
    background: #fafbfb;
}
.mural-home-item .mural-home-text {
    color: #333;
    font-size: .8rem;
	line-height: 1rem;
    font-weight: 300;
}
.mural-home-item .mural-home-date {
    color: #444;
    font-weight: 500;
    font-size: .8rem;    
}
.mural-home-item.mural-clickable {
    cursor: pointer;
}
.mural-home-item .mural-home-content {
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2em;
    font-size: .8rem;
    line-height: 1.5rem;
    margin-top: 1em;
    display: none;
}
.mural-home-item.active {
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background: #faf7f7;
    
}
.mural-home-item.active .mural-home-content {
    display: block;
}
.mural-home-item.active .mural-home-text {
    display: none;
}
.mural-article-header img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 1em;
}
/*Agora, as aulas*/
#aula_overlay {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: #faf7f7;
}
#aula_overlay.sidemenu {
    transform: translateX(0px);  
}
#aula_overlay .aula-placeholder {
    position: relative;
    overflow: scroll;
    overflow-x: auto;
    max-height: 100%;
}
#aula_overlay .aula-progress {
    width: 100%;
    height: 10px;
    background: #fff;
    box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
}
#aula_overlay .aula-progress .aula-progress-bar {
    height: 100%;
    background: #00aced;
}
#aula_overlay .aula-header {
    background: #000;
    border-bottom-left-radius: 1.5rem;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 4em;
}
#aula_overlay .aula-header .aula-title {
    margin-bottom: 1.5em;
}
#aula_overlay .aula-header h2 {
    color: #fff;
    font-size: 3rem;
}
#aula_overlay .aula-header .aula-description {
    color: #fff;
    display: flex;
    align-items: center;
}
#aula_overlay .aula-header .aula-description img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
#aula_overlay .aula-header .aula-description p {
    margin-left: .5em;
    margin-right: auto;
}
#aula_overlay .aula-header .toggle-aula-menu {
    position: relative;
    top: 35px;
    width: 50px;
    height: 50px;
    background: #333;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 2px 3px rgba(0,0,0,.2);
    cursor: pointer;
}
#aula_overlay.sidemenu .toggle-aula-menu {
    display: none;
}
#aula_overlay .aula-sidemenu {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    width: 240px;
    background: #fff;
    height: 100%;
    min-height: 100vh;
    box-shadow: -1px -2px 3px rgba(0,0,0,.1);
    display: none;
}
#aula_overlay.sidemenu .aula-sidemenu {
    display: block;
    overflow: scroll;
    overflow-x: hidden;
}
#aula_overlay .aula-sidemenu .aula-sidemenu-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #dedfe0;
    border-left: none;
    border-right: none;
    background-color: #fff;
    align-items: center;
    color: #000;
}
#aula_overlay .aula-sidemenu .aula-sidemenu-header i {
    cursor: pointer;
}
#aula_overlay .aula-sidemenu .side-menu-aula {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 16px;
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #dedfe0;
    cursor: pointer;
}
#aula_overlay .aula-sidemenu .aula-sidemenu-list .side-menu-aula:last-child {
    border-bottom: 0;
}
#aula_overlay .aula-sidemenu .side-menu-aula:hover {
    background-color: #f7f8fa;
}
#aula_overlay .aula-sidemenu .side-menu-aula.active {
    background-color: #00aced;
    color: #fff;
}
#aula_overlay .aula-app {
    position: relative;
}
#aula_overlay .app-breadcrumb {
    padding: 1em 0;
    margin: 1em auto 1em auto;
    font-size: .75rem;
}
#aula_overlay .app-s3 {
    background: #fff;
    padding: 1em;
    margin: 0 auto 3em auto;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    align-content: center;
}
#aula_overlay .app-s3 .btn {
    margin-left: auto;
}
#aula_overlay .app-text {
    margin-top: 2em;
    border-top: 2px solid #dadada;
    padding-top: 1em;
}
#aula_overlay .app-text .app-text-content {
    margin: 0 auto 1em auto;
    padding: 1em 0;
}
#aula_overlay .app-text.fix-video {
    margin-top: 0;
    border-top: 0;
}
#aula_overlay .aula-constraint {
    position: relative;
    margin: 0 auto;
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    max-width: 992px;
}
#aula_overlay .aula-header .aula-constraint {
    padding: 0 !important;
}
/*Tentar arrumar o vídedo*/
#aula_overlay .app-vdo {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    padding: 0;
    max-width: 992px;
}
#aula_overlay .app-vdo.stage {
    max-width: none !important;
    padding: 0 !important;
}
#aula_overlay .vdo-video-placeholder, #aula_overlay .vdo-video-container, #aula_overlay #vdo_video {
    position: relative;
    height: 100%;
    width: 100%;
}
#aula_overlay #vdo_video .container-second {
    width: auto !important;
    border: none !important;
    max-width: none !important;
    z-index: 0 !important;
    max-height: none !important;
    padding: 0 !important;
}
#aula_overlay .vdo-access {
    background: #333;
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: right;
    max-width: 992px;
    margin: 0 auto;
}
#aula_overlay .vdo-access i {
    margin-left: .5em;
    cursor: pointer;
    color: #eaeaea;
}
#aula_overlay .vdo-access i:hover {
    color: #fff;
}
#aula_overlay .vdo-access.stage {
    max-width: none !important;
}
.night-mode {
    color: #fff;
}
.night-mode #aula_overlay {
    background: #111;
}
.night-mode .vdo-access {
    background: #000;
    border-top: 1px solid #333;
}
.night-mode #aula_overlay .app-s3 {
    background-color: #000;
}
.night-mode .app-text-content h2 {
    color: #fff;
}
.night-mode .app-text-content p {
    color: #eaeaea;
}
/*Custom adjustment*/
.navbar-mobile .container-fluid { 
    padding: 0;
}
.navbar-mobile .container-fluid li a {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
.navbar-mobile .js-sub-list li {
    padding-left: 1em;
}
/*Programas*/
#disciplinas_estudos {
  counter-reset: disciplinas-plano;
}
#disciplinas_estudos .box-plan-summary {
    position:relative;
}
/*
#disciplinas_estudos .box-plan-summary::after {
  counter-increment: disciplinas-plano;
  content: counter(disciplinas-plano);
  display: block;
  background: #000;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  color: #fff;
  align-content: center;
  align-items: center;
  justify-content: center;
}
*/
/*Nova tela de fim*/
#modal_finalizacao_meta {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    overflow: scroll;
    z-index: 100;
    display: none;
}
#modal_finalizacao_meta .overlay-finalizacao-meta {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .75;
    z-index: 1;
}
#modal_finalizacao_meta .view-finalizacao-meta {
    position: relative;
    margin: 2em auto;
    width: 80%;
    max-width: 600px;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    padding: 1.5em 1em;
    text-align: center;
    z-index: 2;
}
#modal_finalizacao_meta .view-finalizacao-meta-header h3 {
	font-size: 1.75rem;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress h2 {
    margin-top: .75em;
    font-size: 1.25rem;
    font-weight: 300;	
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-bar {
    position: relative;
    width: 100%;
    height: 25px;
    border-radius: 1rem;
    background: #eaeaea;
    margin: 1em auto .5em auto;
    display: flex;
    overflow: hidden;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-done {
    height: 100%;
    background: #50b35d;
    width: 50%;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-to-do {
    height: 100%;
    background: #404040;
    width: 50%;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-desc {
    display: flex;
    margin-bottom: 1em;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-text-done, 
#modal_finalizacao_meta .view-finalizacao-meta-progress-text-to-do {
    position: relative;
    width: 50%;
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: .5em;
    font-size: .8rem;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-text-done span, 
#modal_finalizacao_meta .view-finalizacao-meta-progress-text-to-do span {
	font-weight: 600;
}
#modal_finalizacao_meta .view-finalizacao-meta-programation {
	margin-bottom: 1em;
}
#modal_finalizacao_meta .view-finalizacao-meta-programation h3 {
	font-size: 1.25rem;
}
#modal_finalizacao_meta .view-finalizacao-meta-programation p {
	font-size: .9rem;
	line-height: 1rem;
	margin-top: .25em;
}
#modal_finalizacao_meta .view-finalizacao-meta-has-more h3 {
	color: #d02424;
}
#modal_finalizacao_meta .view-finalizacao-meta-has-ended h3 {
	color: #256b09;
}
#modal_finalizacao_meta .view-finalizacao-meta-progress-text-done::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 7.5px;
    background-color: #eaeaea;
}
#modal_finalizacao_meta .view-finalizacao-meta-programation img {
    max-width: 125px;
}
#modal_finalizacao_meta .view-finalizacao-meta-programation-list {
    padding-top: 1em;
    padding-bottom: 1em;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    list-style: none;
}
#modal_finalizacao_meta .view-finalizacao-meta-footer {
    margin-bottom: -1.5em;
    margin-left: -1em;
    margin-right: -1em;
    background: #000;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    padding: 1em;
}
#modal_finalizacao_meta .view-finalizacao-meta-pre-actions h4 {
    color: #fff;
    margin-bottom: 1em;
	font-size: 1.25rem;
}
#modal_finalizacao_meta .view-finalizacao-meta-pre-actions p {
    color: #fff;
    margin: 1em 0 1em 0;
    font-size: 1rem;
    line-height: 1.25rem;
}
#modal_finalizacao_meta .view-finalizacao-meta-actions {
    display: flex;
    position: relative;
}
#modal_finalizacao_meta .view-finalizacao-meta-action {
    width: 50%;
    text-align: center;
}
#modal_finalizacao_meta .view-finalizacao-meta-action p {
    color: #fff;
    font-size: .8rem;
    line-height: 1rem;
    margin-top: .5em;
}
#modal_finalizacao_meta .view-finalizacao-meta-slide-recalculo {
    display: none;
}
#modal_finalizacao_meta .view-finalizacao-meta-slide-recalculo h4 {
	color: #881010;
	margin-bottom: .25em;
}
#modal_finalizacao_meta .view-finalizacao-meta-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}
#modal_finalizacao_meta .view-finalizacao-meta-more-time-container {
    margin-bottom: 1em;
}
#modal_finalizacao_meta .view-finalizacao-meta-more-time-select {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
    border-top: 1px solid #eaeaea;
}
#modal_finalizacao_meta .view-finalizacao-meta-more-time-check {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#modal_finalizacao_meta .t-switch {
    margin-bottom: 0;
    margin-right: .5em;
}
.t-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  border-radius: 50%;
}
.t-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.t-switch .t-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
.t-switch .t-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.t-switch input:checked + .t-slider {
  background-color: #2196F3;
}
.t-switch input:focus + .t-slider {
  box-shadow: 0 0 1px #2196F3;
}
.t-switch input:checked + .t-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.container-table-semana {
    position: relative;
}
@media (max-width:900px) {
    #modal_finalizacao_meta .view-finalizacao-meta-programation img {
        display: none;
    }
    #modal_finalizacao_meta .view-finalizacao-meta-programation-list {
        border: 0;
        font-size: .75rem;
    }
    #modal_finalizacao_meta .view-finalizacao-meta-programation h4 {
        font-size: 1rem;
    }
    #modal_finalizacao_meta .view-finalizacao-meta-pre-actions p {
        font-size: .75rem;
        line-height: 1rem;
        margin: 0 auto .5em auto;
    }
}
/* Resumo da Semana */
.resumo-semana-link {
    position: absolute;
    display: flex;
    width: 25px;
    height: 25px;
    background: #000;
    color: #fff;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 50%;
    margin-top: -12.5px;
    z-index: 2;
    cursor: pointer;
    transition: all 500ms;
}
.resumo-semana-link.link-prev {
    left: -12.5px;
}
.resumo-semana-link.link-next {
    right: -12.5px;
}
.resumo-semana-link:hover {
    transform: scale(1.1);
    color: #fff;
}
.activity-summary-notice {
    display: flex;
    margin: 0;
    align-items: center;
    padding-top: .5em;
    border-top: 1px solid #f1f1f1;
    margin-top: 1em;
}
.activity-summary-notice-img {
    position: relative;
    max-width: 20%;
}
.activity-summary-notice-img img {
    position: relative;
    max-height: 60px;
    max-width: 100%;
}
.activity-summary-notice-body {
    position: relative;
}
.activity-summary-notice-body h3 {
    font-size: 1rem;
    margin: 0 auto;
}
.activity-summary-notice-body p {
    font-size: .9rem;
    margin: 0;
    margin-top: .25em;
    margin-left: 1.5em;    
}
.btn-desempenho-modalidades {
    margin-top: .5em;
}
.btn-desempenho-modalidades .btn {
    opacity: .3;
    color: #fff;
}
.btn-desempenho-modalidades .btn-modalidade-active , .btn-desempenho-modalidades .btn:hover {
    opacity: 1;
    box-shadow: 0 0 5px 2px rgba(0,0,0,.25);
    z-index: 3;
    color: #fff;
    transform: scale(1.05);
}
.card-desempenho-header {
    position: relative;
    padding: .5em 0;
    margin-bottom: 0;    
}
.card-desempenho-header h2 {
    font-size: 1.75rem;
    margin: 0;
    font-weight: 600;
    padding-left: 30px;
}
.card-desempenho-header h2::before {
    content: '';
    position: absolute;
    display: block;
    width: 20px;
    height: 8px;
    border-radius: .5rem;
    top: 50%;
    left: 0;
    margin-left: 0;
    margin-top: -4px;
    background: #000;
}
.card-desempenho-header h2.desemp-title-34::before {
    background: #0bb6ef;
}
.card-desempenho-header h2.desemp-title-35::before {
    background: #ff6b00;
}
.card-desempenho-header h2.desemp-title-36::before {
    background: #da3ab3;
}
.card-desempenho-header h2.desemp-title-37::before {
    background: #0fa758;
}
.btn-desempenho-modalidades .btn-modal-34, .btn-desempenho-modalidades .btn-modal-34:hover {
    background: #0bb6ef;
    border-color:#0bb6ef;
}
.btn-desempenho-modalidades .btn-modal-35, .btn-desempenho-modalidades .btn-modal-35:hover {
    background: #ff6b00;
    border-color:#ff6b00;
}
.btn-desempenho-modalidades .btn-modal-36, .btn-desempenho-modalidades .btn-modal-36:hover {
    background: #da3ab3;
    border-color:#da3ab3;
}
.btn-desempenho-modalidades .btn-modal-37, .btn-desempenho-modalidades .btn-modal-37:hover {
    background: #0fa758;
    border-color:#0fa758;
}
.congrat-subsection {
    position: relative;
    margin-bottom: 1em;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 1em;
    text-align: center;    
}
.congrat-subsection h2 {
    font-size: 1.75rem;
    color: #000;
}
.congrat-subsection h2::after {
    content: '';
    display: block;
    background: #666;
    width: 75px;
    max-width: 50%;
    height: 5px;
    margin: .1em auto .5em auto;
}
.week-view-links {
    margin-top: .25em;
    margin-bottom: .25em;
    display: flex;
    justify-content: center;
}
.week-view-links a {
    display: inline-block;
    padding: .5em;
    background: #faf7f7;
    border: 1px solid #cdcdcd;
    border-radius: .25rem;
    color: #333;
    margin: 0;
	box-shadow: 0 0 5px 3px rgba(0,0,0,.2);
}
.week-view-links a:first-child {
    margin-right: auto;
}
.week-view-links a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
}
.week-view-change-notice {
    padding-top: .5em;
    margin-top: 1em;
    border-top: 1px solid #f1f1f1;
    font-size: .8rem;    
}
/* Metodologia */
.methodology-header {
    position: relative;
    display: flex;
}
.methodology-coach {
    position: relative;
    width: 20%;
    text-align: center;
}
.methodology-coach img {
    border-radius: 50%;
    max-width: 125px;
    width: 100%;
}
.methodology-coach p {
    text-align: center;
    font-weight: 600;
    color: #000;
    margin: .5em auto;
}
.methodology-talk {
    width: 80%;
    position: relative;
}
.methodology-baloon {
    position: relative;
    margin: 1em;
    padding: 1em;
    border-radius: .5rem;
    background: #faf7f7;
    max-width: 400px;
    font-size: .9rem;
    line-height: 1.2rem;
}
.methodology-baloon h6 {
    font-size: 1.25rem;
    margin-bottom: .25em;
}
.methodology-baloon::before {
    content: '';
    position: absolute;
    top: 20px;
    left: -10px;
    background: #faf7f7;
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    z-index: 2;
    display: block;   
}
.article-container {
    margin: 0 auto;
    max-width: 800px;
}
.article-header {
    margin: 1em 0 2em 0;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #f1f1f1;    
}
.article-header h3 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;    
}
.article-header p {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-top: .5em;
}
.article-section {
    position: relative;
    padding-bottom: 1em;
    padding-left: .5em;
}
.article-section h4 {
    position: relative;
    font-size: 1.5rem;
    color: #333;
    font-weight: 600;
    margin: .5em 0;
    padding-left: 30px;    
}
.article-section h4::before {
    content: '';
    background: #00aced;
    border-radius: .2rem;
    width: 18px;
    height: 4px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -2px;
    left: 0;
}
.article-section h5 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    margin: .5em 0 1em 0;    
}
.article-section p {
    margin: 0 0 .75em 0;
    font-size: 1.15rem;
    line-height: 1.75rem;
}
.article-notice {
    margin: 1em auto;
    background: #fafafa;
    border-left: 5px solid #00aced;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    padding: .75em 1em;
    font-size: 1.15rem;
}
.article-section ul, .article-section ol {
    padding: 0;
    padding-left: 2.5em;
    font-size: 1.1rem;
    margin-top: 1em;
    color: #333;
    font-style: italic;    
}
.article-img {
    position: relative;
    padding: 1em;
    text-align: center;    
}
.article-img img {
    max-width: 100%;
}
.article-img p {
    margin: .5em auto;
    font-size: .75rem;    
}
#empty_state {
    position: relative;
    width: 100%;
    margin: 0;
    margin-top: 2em;
    min-height: 100%;    
}
#empty_state .empty-state-container {
    position: relative;
    width: 80%;
    max-width: 400px;
    background: #fff;
    margin: 0 auto;
    padding: 0 1em 2em 1em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    border-radius: .25rem;
    text-align: center;    
}
#empty_state .empty-state-container img {
    width: 70%;
}
#empty_state p {
    margin: 1em;
    line-height: 1rem;
    font-size: .9rem;    
}
#student_wizard {
    position: fixed;
	top: 0;
	left: 0;
    margin: 0;
    padding: 2em;
    width: 100%;
	min-height:100vh;
	background: rgba(0,0,0,.75);
	z-index:20;
	display: none;
	max-height: 100%;
    overflow: scroll;
}
#student_wizard .wizard-container {
    position: relative;
    background: #fff;
    padding: 2em;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    max-width: 800px;
    width: 100%;
    margin: 0 auto;               
}
#student_wizard .wizard-close {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #666;
    text-decoration: underline;
    font-size: .75rem;                
}
#student_wizard .wizard-steps {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    padding: .5em 0;
    margin: 1em auto 1.5em auto;
}
#student_wizard .wizard-step {
    display: flex;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 300;
}
#student_wizard .wizard-step.active {
    color: #fff;
    background-color: #00aced;
}
#student_wizard .wizard-step-divider {
    width: 25%;
    background: #f1f1f1;
    height: 1px;
    margin: .5em;                
}
#student_wizard .wizard-slides {
    position: relative;
}
#student_wizard .wizard-slide {
    position: relative;
    text-align: center;
    display: none;
}
#student_wizard .wizard-slides .wizard-slide:first-child {
    display: block;
}
#student_wizard .wizard-slide h4 {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
    margin: 0;
}
#student_wizard .wizard-slide p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: .5em auto;                
}
#student_wizard .wizard-slide-btn {
    padding: .5em 0;
    display: flex;
    justify-content: center;
    margin: .5em auto 1.5em auto;                
}
#student_wizard .wizard-slide-btn a {
    background: #00aced;
    padding: .5em;
    border-radius: .25rem;
    color: #fff;
    text-decoration: none;                
}
#student_wizard .wizard-grid {
    position: relative;
    display: flex;
    margin-top: 1em;
    justify-content: center;
}
#student_wizard .wizard-item {
    position: relative;
    display: block;
    padding: .5em .5em 1em .5em;
    border-radius: .25rem;
    border: 1px solid #eaeaea;
    color: #333;
    margin-left: .5em;
    font-size: .75rem;
    transition: all 500ms;
}
#student_wizard .wizard-item:hover {
    border-color: #00aced;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    transform: scale(1.025);
}
#student_wizard .wizard-item img {
    display: block;
    width: 100%;
    margin: 1em auto;
    max-width: 60px;
}
#student_wizard .wizard-panorama {
    position: relative;
}
#student_wizard .wizard-panorama-card {
    box-shadow: 1px 1px 2px rgba(0,0,0,.25);
    border-left: 5px solid #00aced;
    background: #faf7f7;
    text-align: left;
    padding: 0;
    margin-bottom: 1em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;        
    cursor: pointer;
}
#student_wizard .wizard-panorama-initials {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #00aced;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    margin-right: 1em;
    margin-left: 1em;
}
#student_wizard .wizard-panorama-nome {
   font-size: 1.25rem;
    color: #000;
    font-weight: 700; 
    margin-top: .5em;
    margin-bottom: .5em;
}
#student_wizard .wizard-panorama-count {
    margin-left: auto;
    margin-right: 1em;
    color: #666;
    font-size: .75rem;
}
#student_wizard .wizard-panorama-extra {
    display: none;
    width: 100%;
    background: rgb(255, 255, 255);
    padding: 1em;
    margin: 1em 0 0 0;
    border-top: 1px solid #cdcdcd;
}
#student_wizard .wizard-panorama-extra p {
    margin: 0;
    font-size: .75rem;
    font-style: italic;                
}
#student_wizard .wizard-panorama-extra-material {
    font-size: .75rem;
    margin-left: 2em;
    margin-bottom: .5em;
    background: #eee;
    padding: .25em .5em;
    display: inline-block;                
}
#student_wizard .wizard-slide ul {
    list-style: none;
}
#student_wizard .wizard-slide li {
    list-style: none;
    margin-bottom: .5em;
}
#student_wizard .wizard-slide ul a {
    text-decoration: underline;
    color: #000;
}
#chardin_trigger_help {
	display: none;
	margin-right: 1em;
	color: #fff;
	transition: all 500ms;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	background: #fff;
	border-radius: 50%;
	color: #000 !important;
}
#chardin_trigger_help:hover {
	transform: scale(1.1);
}
.disc-toggle {
	cursor: pointer;
}
.desempenho-full {
    margin: 1em auto 1.5em auto;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 1em;
}
.custom-card-notice {
	margin: 1em 0;
    padding: 1em;
    border-left: 5px solid #00aced;
    background: #f5f5f5;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.custom-card-notice h6, .custom-card-reminder h6 {
    font-size: 1rem;
    margin: 0;
}
.custom-card-notice p, .custom-card-reminder p {
    margin: 0;
    margin-top: .25em;
    font-size: .9rem;
    line-height: 1.25rem;
}
.custom-card-reminder {
	margin: 1em 0;
    margin-left: 1em;
    padding: 1em .5em;
    border: 1px solid #f1f1f1;
    border-left: 3px solid #000;
    box-shadow: 2px 2px 3px rgba(0,0,0,.1);
}
.forum-search {
    padding: 1em 1em 0 1em;
    border-top: 1px solid #f1f1f1;
}
.forum-search label {
	font-size: .75rem;
	margin: 0;
}
.forum-search input[type='text'] {
    border-radius: .25rem;
    padding: .5em 1em;
    min-height: 0;
    line-height: 1;
    height: auto;
    font-size: .75rem;
}
.forum-search .form-group {
	margin-bottom: .75em;
}
.edital-verticalizado-disciplina .edital-verticalizado-disciplina-title {
	margin: .25em 0 .75em 0;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    padding: 1em;
    border-radius: .25rem;
    border: 1px solid #eaeaea;
    cursor: pointer;
	display: flex;
	align-items: center;
}
.edital-verticalizado-disciplina-title h3 {
    font-size: 1.1rem;
    font-weight: 600;
}
.edital-verticalizado-assuntos {
	position: relative;
}
.edital-verticalizado-assunto {
	display: flex;
    margin-bottom: .25em;
    border-bottom: 1px solid #f1f1f1;
    padding:.25em .5em;
	align-items: center;
}
.edital-verticalizado-assuntos .edital-verticalizado-assunto:last-child {
	border-bottom: 0;
}
.edital-verticalizado-assunto-title {
	padding-right: .5em;
	display: block;
}
.edital-verticalizado-assunto-importante h6 {
	font-weight: 900 !important;
}
.edital-verticalizado-assunto-title h6 {
    font-size: .75rem;
    line-height: 1;
    margin: .5em 0;
    font-weight: 400;
}
.edital-verticalizado-assunto-options {
	position: relative;
    display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-left: 1em;
	margin-left: auto;
}
.edital-verticalizado-assunto-options::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #f1f1f1;
}
.edital-verticalizado-assunto-option {
	margin: 0;
    width: 25%;
    padding: 0 .5em;
    text-align: center;
    font-size: .75rem;
    word-break: normal;
    white-space: nowrap;
	font-weight: 300;
}
.edital-verticalizado-assunto-option span {
    display: block;
    margin: 0 auto;
    font-weight: 900;
    font-size: 1rem;
}
.bg-estudo {
    background: #0bb6ef;
}
.bg-resumo {
    background: #ff6b00;
}
.bg-revisao {
    background: #da3ab3;
}
.bg-exercicio {
    background: #0fa758;
}
.color-estudo {
    color: #0bb6ef;
}
.color-resumo {
    color: #ff6b00;
}
.color-revisao {
    color: #da3ab3;
}
.color-exercicio {
    color: #0fa758;
}
.cursor-move {
	cursor: move;
}
.change-plan-container {
	position: relative;
}
.change-plan-container .change-plan-item {
	position: relative;
    padding: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #f1f1f1;
	display: flex;
	align-items: center;
}
.change-plan-container .change-plan-item:last-child {
	border-bottom: 0;
}
.change-plan-container .change-plan-image {
    max-width: 20%;
    margin-right: 1em;
}
.change-plan-container .change-plan-image img {
    width: 100%;
    max-width: 125px;
    height: auto;
    max-height: 125px;
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.change-plan-container .change-plan-info h5 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.change-plan-container .change-plan-info .change-plan-subjects {
	margin: 0;
    font-size: .9rem;
}
.change-plan-container .change-plan-btn {
    margin: .25em auto;
}
.change-plan-container .change-plan-correspondence {
	font-weight: 600;
    font-size: .8rem;
    padding-left: .5em;
    margin-top: .75em;
    margin-left: .15em;
    border-left: 2px solid #000;
}
.change-plan-container .change-plan-correspondence .badge {
    font-size: .9rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.consultoria-modulos {
	position: relative;
}
.consultoria-modulos .consultoria-modulo-item {
	padding: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #f1f1f1;
	display: flex;
	align-items: center;
	align-content: center;
}
.consultoria-modulos .consultoria-modulo-item:hover {
	box-shadow: 0 0 6px rgba(0,0,0,.1);
}
.consultoria-modulos .consultoria-modulo-item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.consultoria-modulos .consultoria-modulo-progresso {
	margin: 0;
	padding: 0;
	width: 20%;
	order: 2;
	margin-left: auto;
	padding: 1em;
	text-align: center;
}
.consultoria-modulos .consultoria-modulo-progresso .progress-circle {
    max-width: 100px;
    margin: 0 auto;
}
.consultoria-modulos .consultoria-modulo-progresso p {
	font-size: .6rem;
	color: #666;
	margin: 0 auto;
}
.consultoria-modulos .consultoria-modulo-item .consultoria-modulo-progresso p.consultoria-text-normal {
	font-size: 1rem;
}
.consultoria-modulos .consultoria-modulo-feito {
    margin: 0;
	margin-bottom: .5em;
    margin-left: -1em;
    display: inline-block;
    background: #33b50b;
    padding: .5em;
    line-height: 1;
    font-size: .75rem;
    color: #fff;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.consultoria-modulos .consultoria-modulo-title {
    font-size: 1.25rem;
    color: #000;
    font-weight: 600;
    margin: 0;
}
.consultoria-modulos .consultoria-modulo-subtitle {
	font-size: .75rem;
}
.consultoria-modulos .consultoria-modulo-link {
    margin: .5em auto 0 auto;
}
/* Aula de Consultoria */
.consultoria-aula-trigger {
    display: none;
	position: fixed;
    top: 100px;
    left: 60px;
    z-index: 5;
    background: #000;
    padding: 1em;
    font-size: 1rem;
    line-height: 1;
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    color: #fff;
    font-weight: 600;
	cursor: pointer;
}
.consultoria-aula-menu {
	position: fixed;
	display: block;
    top: 75px;
    left: 300px;
    z-index: 4;
    background: #fff;
    padding: 0;
    width: 250px;
    box-shadow: 2px 0 3px rgba(0,0,0,.1);
    height: calc(100vh - 75px);
	max-height: calc(100vh - 75px);
	overflow: auto;
}
.tutory-menu-closed .consultoria-aula-menu {
    left: 60px;    
}
.consultoria-nav-aulas {
    margin: 0 0 1em 0;
    position: relative;
    display: flex;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.consultoria-nav-aulas a {
    width: 50%;
    display: block;
    background: #faf7f7;
    padding: 1em;
    border: 1px solid #ebebeb;
}
.consultoria-nav-aulas a:hover {
    background: #000;
}
.consultoria-nav-aulas span {
    color: #333;
    font-size: .75rem;    
}
.consultoria-nav-aulas a:hover span, .consultoria-nav-aulas a:hover h6 {
    color: #fff;
}
.consultoria-nav-prev {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .1);
    margin-right: auto;
    text-align: left;
}
.consultoria-nav-next {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    margin-left: auto;
    text-align: right;
}
.consultoria-aula-menu .consultoria-aula-title {
    padding: 1em;
    font-weight: 900;
    color: #000;
    background: #eaeaea;
}
.consultoria-aula-menu ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.consultoria-aula-menu li {
    padding: .5em;
    border-bottom: 1px solid #f1f1f1;
}
.consultoria-aula-menu a {
    color: #333;
    font-size: .75rem;
    font-weight: 600;
}
.consultoria-aula-menu li.active {
	background: #333;
}
.consultoria-aula-menu li.active a {
	color: #fff;
}
.consultoria-aula-menu .consultoria-aula-ok {
	font-size: .8rem;
	color: green;
	margin-right: .25em;
}
.consultoria-aula-menu .consultoria-modulo-item {
    background: #fafbfb;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 0.5em;
    cursor: pointer;
}
.consultoria-aula-menu .consultoria-modulo-content h4 {
    font-size: 1rem;
}
.consultoria-aula-menu .consultoria-modulo-content p {
    font-size: .75rem;
}
.consultoria-aula-menu .consultoria-modulo-progresso {
    float: right;
    margin-left: .15rem;
}
.consultoria-aula-dash {
	position: relative;
    margin-left: 250px;
}
.consultoria-aula-header {
	position: relative;
	display: flex;
    padding: .5em;
    margin-bottom: 1em;
    padding-bottom: 1em;
    align-items: center;
	border-bottom: 1px solid #f1f1f1;
}
.consultoria-aula-header .consultoria-aula-header-img {
	position: relative;
    width: 20%;
    max-width: 100px;
    margin-right: 1em;
    text-align: center;
}
.consultoria-aula-header .consultoria-aula-header-img img {
	max-width: 100px;
	max-height: 100px;
	width: 100%;
	height: 100%;
    margin: 0 auto;
    border-radius: 50%;
	overflow: hidden;
}
.consultoria-aula-header h1 {
	font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
}
.consultoria-aula-header p {
	margin: 0;
    font-size: .75rem;
}
.consultoria-aula-content {
    position: relative;
    margin-left: 1em;
    padding: 0 1em 1em 1em;
}
.consultoria-aula-content iframe {
    position: relative !important;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 600px !important;
}
.consultoria-anexos {
    margin-top: 2em;
    border-top: 1px solid #f1f1f1;
    padding-top: .5em;
}
.consultoria-anexos h3 {
	font-size: 1.15rem;
	font-weight: 600;
}
.consultoria-anexos ul {
	list-style: none;
    margin-left: 1em;
}
.consultoria-anexos ul li {
	margin-bottom: .25em;
}
.consultoria-anexos ul li a {
	text-decoration: underline;
	font-style: italic;
}
.consultoria-close-menu {
	float:right;
}
@media (max-width:991px) {
    .consultoria-aula-trigger {
        display: block;
        top: 200px;
        left: 0;
    }
    .consultoria-aula-menu {
        display: none;
        left: 0 !important;
        top: 0;
        height: 100vh;
        max-height: 100vh;
    }
    .consultoria-aula-dash {
        margin-left: auto !important;
    }
    .consultoria-aula-menu .consultoria-aula-title {
        padding: .75em;
        font-weight: 900;
        color: #000;
        background: #ffffff;
        font-size: 1.25rem;
        border-bottom: 5px solid #cdcdcd;
    }
    .consultoria-aula-menu li {
        padding: 1em .75em;
    }
    .consultoria-aula-menu li.active {
        background: #9fc6de;
    }
    .consultoria-aula-menu li {
        padding: 1em .75em;
    }
    .consultoria-aula-menu li.active a {
        color: #333;
    }
}
/* Metas */
.meta-dia-fix-pad {
	padding: 1em !important;
}
.meta-dia-orientacao {
	border-left: 2px solid #000;
    padding: .5em;
    margin: .25em auto;
}
.meta-dia-orientacao h4 {
	font-size: 1.15rem;
    font-weight: 700;
	margin: 0;
}
.meta-dia-orientacao h6 {
	font-size: .9rem;
    font-weight: 300;
    margin: 0;
    margin-top: .25em;
}
.meta-horario {
    color: #fff;
    background: #00aced;
    border-radius: .25rem;
    padding: .25em .5em;
    display: inline-block;
    margin: .25em 0;
    font-size: .8rem;
}
.meta-acoes {
	margin-top: .5em;
}
.meta-progresso {
	color: #333;
    font-size: .75rem;
    margin: .25em 0;
    display: inline-block;
    background: #faf7f7;
    padding: .5em;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.meta-dia-prioridade {
	background: #000;
    display: inline-block;
    color: #fff;
    margin: .25em 0 0 -.75em;
    padding: .2em .5em;
    font-size: .75rem;
}
.meta-dica-concurso {
	margin: 1em 0;
    padding: .25em .5em;
    border-left: 2px solid #00aced;
}
.meta-dica-concurso h5 {
    font-weight: 600;
    font-size: .9rem;
    margin: 0;
}
.meta-dica-concurso p {
	font-size: 1rem;
}
.btn-links-trigger {
	display: inline-block;
}
.btn-links-trigger a {
	font-size: .7rem !important;
    padding-top: .15rem;
    padding-bottom: .15rem;
    color: #fff !important;
}
.meta-aviso-resumo, .meta-aviso-revisao, .meta-aviso-exercicio {
    margin-top: .5em;
    border-top: 1px solid #f1f1f1;
    padding-top: .5em;
}
.meta-aviso-resumo h3, .meta-aviso-revisao h3, .meta-aviso-exercicio h3 {
	font-size: 1rem;
    font-weight: 600;
}
.meta-aviso-resumo p, .meta-aviso-revisao p, .meta-aviso-exercicio p {
	font-size: .75rem;
}
.meta-aviso-resumo a, .meta-aviso-revisao a, .meta-aviso-exercicio a {
	text-decoration: underline;
	font-weight: 900 !important;
	color: #000 !important;
	font-size: .75rem !important;
}
.meta-aviso-resumo-texto, .meta-aviso-revisao-texto, .meta-aviso-exercicio-texto {
	padding-left: 1em;
    border-left: 3px solid #ff6b00;
}
.meta-aviso-revisao-texto {
	border-left-color: #da3ab3;
}
.meta-aviso-exercicio-texto {
	border-left-color: #0fa758;
}
.meta-dia-panorama {
	padding: 0;
	position: relative;
	text-align: center;
}
.meta-dia-panorama .meta-dia-panorama-title {
	margin: 0;
	margin-bottom: .5em;
	font-size: .75rem;
	text-align: left;
}
.meta-dia-panorama img {
	width: 80%;
	max-width: 50px;
    margin: .25em auto;
}
.meta-dia-panorama .meta-dia-panorama-item {
    width: 90%;
    margin: 0 auto;
    border-right: 1px solid #f1f1f1;
}
.meta-dia-panorama .row .col:last-child .meta-dia-panorama-item {
    border-right: 0;
}
.meta-dia-panorama .meta-dia-panorama-valor {
	font-size: .8rem;
	color: #000;
	margin: 0 auto;
}
.aluno-video-motivacional {
	margin: 0 auto;
    width: 90%;
    max-width: 600px;
    margin-top: 2.5em;
    padding-top: 1em;
    text-align: center;
}
.aluno-video-motivacional-title {
	margin-bottom: 1em;
}
.aluno-video-motivacional-title h4 {
    font-size: 1.25rem;
    font-weight: 900;
	margin: 0;
}
.aluno-video-motivacional-title p {
	font-size: .75rem;
}
/*Callout*/
#tutory_callout {
	display: none;
	margin: 0;
	padding: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background: transparent;
}
#tutory_callout .callout-widget {
	position: absolute;
	width: 75%;
    max-width: 400px;
    padding: 1em;
    border-radius: .5rem;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
#tutory_callout .callout-widget::before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 20px;
	left: -5px;
}
#tutory_callout h1 {
	font-size: 1.15rem;
    margin: 0;
}
#tutory_callout p {
    line-height: 1rem;
    font-size: .9rem;
    margin: .5em auto 1em auto;
	clear: both;
}
#tutory_callout a {
    line-height: 1;
    padding: .5em 1em;
    border-radius: 1rem;
    float: right;
    font-weight: 600;
    font-size: .9rem;
}
.callout-green .callout-widget, .callout-green .callout-widget::before {
	background: #50b27b;
}
.callout-green h1, .callout-green p, .callout-green a,
.callout-orange h1, .callout-orange p, .callout-orange a,
.callout-blue h1, .callout-blue p, .callout-blue a {
	color: #fff;
}
.callout-green .callout-widget a {
	background: #24593e;
}
.callout-orange .callout-widget, .callout-orange .callout-widget::before {
	background: #f28c41;
}
.callout-orange .callout-widget a {
	background: #744220;
}
.callout-blue .callout-widget, .callout-blue .callout-widget::before {
	background: #439fe0;
}
.callout-blue .callout-widget a {
	background: #1e5172;
}
.callout-modal {
	position: absolute !important;
}
.callout-modal .callout-widget {
	top: 80px !important;
	right: 5px !important;
	left: auto !important;
}
.callout-modal .callout-widget::before {
	top: -5px !important;
	left: auto !important;
	right: 10px !important;
}
.meta-coach-semana {
	background: #000 !important;
	color: #fff !important;
}
.meta-coach-diaria {
	background-color: #000 !important;
}
.meta-coach-diaria .meta-coach-notice {
	margin: 0 0 .5em -0;
}
.meta-coach-diaria .meta-coach-notice h5 {
display: inline-block;
    padding: .25em .5em;
    background: #333;
    border-radius: .25rem;
    color: #fff;
}
.meta-coach-diaria .time-container {
    background: #fff !important;
    margin-bottom: .75em;
}
.meta-coach-diaria .time-container p {
    color: #333 !important;
}
.meta-coach-diaria .au-task-check {
	margin-bottom: .75em;
	color: #fff;
}
.meta-coach-diaria .meta-dia-orientacao {
	border-left: 2px solid #fff;
    padding: .5em;
    margin: .75em auto;
}
.meta-coach-diaria .meta-dia-orientacao h2 {
	font-size: 1.5rem;
    color: #fff;
}
.meta-coach-diaria .meta-coach-apoio {
	position: relative;
	margin-top: 1.25em;
    padding: 0 1em;
    color: #fff;
    font-size: .8rem;
}
.meta-coach-diaria .meta-coach-apoio .meta-coach-perfil {
	position: relative;
	display: flex;
    align-items: center;
    font-weight: 900;
    font-size: 1rem;
    margin-bottom: .75em;
}
.meta-coach-diaria .meta-coach-apoio .meta-coach-perfil img {
	width: 30px;
    border-radius: 50%;
    margin-right: .5em;
}
.card-question {
	margin: 1em auto;
	padding: 1em;
    background: #fff;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
}
.card-question .card-question-icon {
	position: relative;
    display: flex;
    align-items: center;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.card-question .card-question-btn {
	position: relative;
    display: flex;
    align-items: center;
	justify-content: center;
	align-content: center;
	padding-right: 1em;
	height: 100%;
    text-align: center;
    flex-wrap: wrap;
}
.card-question .card-question-icon img {
	width: 30%;
	max-width: 100px;
	margin-right: 1em;
}
.card-question .card-question-btn a {
	display: block;
	color: #fff;
	background: #333;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	line-height: 40px;
	text-align: center;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.1);
	transition: all 500ms;
}
.card-question .card-question-btn a:hover {
	box-shadow: 1px 1px 3px 7px rgba(0,0,0,.1);
	background: #000;
	transform: scale(1.05);
}
.card-question .card-question-tags {
	padding-top: 1em;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.card-question .card-question-tag {
	position: relative;
	padding: .25em;
	font-size: .75rem;
	background: #faf7f7;
	border: 1px solid #cdcdcd;
	border-radius: .5rem;
	margin-right: .25em;
	padding-right: 20px;
	margin-bottom: .25em;
}
.card-question .card-question-tag-remove {
cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px;
    height: 100%;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    color: #fff;
    background: #d03333;
    display: flex;
    align-items: center;
    align-content: center;
    line-height: 0;
    justify-content: center;
}
.card-question-number.card-question-exists {
    margin: 0;
    margin-top: -1em;
    background: #000;
    padding: .5em 1em;
    border-radius: .25rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.card-question-number.card-question-exists h3 {
	color: #fff;
    margin-right: .25em;
}
.card-question-number.card-question-exists p {
	font-size: .9rem;
	color: #fff;
}
.card-question-number.card-question-not-exists {
	text-align: center;
}
.card-question-number.card-question-not-exists img {
	max-width: 100px;
	width: 90%;
}
.btq-respostas-highlight:hover a {
	opacity: .25;
	text-decoration: line-through;
	color: #000 !important;
	font-weight: normal !important;
}
.btq-respostas-highlight .btq-alternativa-correta {
	transition: all 500ms !important;
}
.btq-respostas-highlight:hover .btq-alternativa-correta {
	opacity: 1;
	text-decoration: none;
	background: #fff;
	box-shadow: 1px 2px 3px rgba(0,0,0,.1);
	background: #faf7f7;
    font-weight: 700;
    color: #00ad5f !important;
	font-weight: 900 !important;
}
.btq-respostas-highlight:hover .btq-alternativa-correta::after {
	content: '\2713';
    position: absolute;
    left: 2px;
    line-height: 20px;
    top: 50%;
    margin-top: -10px;
}
.avatar {
    background-color: #ccc;
    border-radius: 50%;
    height: 50px;
    text-align: center;
    width: 50px;
    margin-right: .5em;
}
.avatar .avatar-initials {
    font-size: 25px;
    line-height: 1;
    position: relative;
    top: 12.5px;
}
/*Dashboards*/
#dashboard_page {
    position: relative;
    margin: 0 25px 25px 25px;
}
#dashboard_page .dashboard-title {
    margin: -20px -15px 20px -15px;
    padding: 20px;
    background-color: #333;
    color:#fff;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
}
#dashboard_page .chart-container {
    position:relative;
    margin-top:10px;
    margin-bottom:10px;
    padding:5px 8px;
    border: 0;
    background: #ffffff;
}
#dashboard_page .chart-container .loader-chart-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    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:100;
    opacity:0.75;
    -moz-opacity:0.75;
    -o-opacity:0.75;
    -webkit-opacity:0.75;
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
}
#dashboard_page .chart-container .chart-title {
    margin: -5px -8px 20px -8px;
    padding: 1rem 2rem;
    height:50px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit; 
    -o-border-top-right-radius: inherit;
    -o-border-top-left-radius: inherit; 
    -moz-border-top-right-radius: inherit;
    -moz-border-top-left-radius: inherit; 
    -webkit-border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
}
#dashboard_page .chart-container .chart-title h3 {
    margin-top:15px;
    font-size: 1.2rem;
    float:left;
    font-weight: normal;
}
#dashboard_page .chart-container .chart-title .chart-filter {
    margin-top:9px;
    float:right;
}
#dashboard_page .chart-container .chart-title .chart-filter a.dropdown-toggle {
    background-color:#000;
    border:0;
}
#dashboard_page .visual-data-table {
    margin: 5px auto 5px auto;
    text-align: left;
    font-size: 11px;
}
#dashboard_page .visual-data-table td {
    vertical-align: middle;
}
#dashboard_page .visual-data-table .profile-pic-table {
    width: 40px;
    height: 40px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
}
#dashboard_page .chart-number-container {
    padding: 0;
    margin:0;
    font-size: 4em;
    transition: all 200ms;
    -moz-transition: all 500ms;
    -webkit-transition: all 500ms;
    color:#666;
    width: 100%;
    text-align: center;
}
#dashboard_page .chart-number-container.chart-number-complete {
    font-weight: bold;
    color:#333;
}
/* Modal */
#dashboard_page .visual-data-filter-modal .modal-body, #dashboard_page .extract-data-filter-modal .modal-body {
    font-size: .75em;
}
#dashboard_page .visual-data-filter-modal .modal-dialog, #dashboard_page .extract-data-filter-modal .modal-dialog {
    text-align: left;
}
#dashboard_page .visual-data-filter-modal .modal-dialog .check-all, #dashboard_page .extract-data-filter-modal .modal-dialog .check-all {
    padding: .5rem 1rem;
    margin-bottom: 5px;
    background-color: #e8e8e8;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
#dashboard_page .visual-data-filter-modal .modal-dialog .check-all label, #dashboard_page .extract-data-filter-modal .modal-dialog .check-all label {
    margin-bottom:0;
}
#dashboard_page .visual-data-filter-modal .modal-dialog .search-area, #dashboard_page .extract-data-filter-modal .modal-dialog .search-area {
    margin: 10px 0;
    padding: 0 0 15px 0;
    border:0;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom:20px;
}
#dashboard_page .visual-data-filter-modal .modal-dialog .search-area input, #dashboard_page .extract-data-filter-modal .modal-dialog .search-area input {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    width: 100%;
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 2px 2px rgba(0,0,0,.1) inset;
    -moz-box-shadow: 2px 2px rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 2px 2px rgba(0,0,0,.1) inset;
}
#dashboard_page .visual-data-filter-modal input[type="checkbox"], #dashboard_page .extract-data-filter-modal input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
#dashboard_page .chart-graph {
    position: relative;
}
#dashboard_page .chart-graph.chart-fix-height {
    min-height: 200px;
}
#dashboard_page .chart-empty {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 1em;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#dashboard_page .chart-empty img {
    opacity: .5;
}
#dashboard_page .chart-empty p {
    text-align: center;
    color: #666;
    width: 100%;
    font-size: .9rem;
    margin: .5em auto 0 auto;    
}
/*Notificação de Atualização*/
#not_alteracoes_curso {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background: #f7f7f7;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 2em;
    text-align: center;
}
#not_alteracoes_curso .close-alteracoes-curso {
    position: absolute;
    top: 1em;
    right: 1em;
    color: #555;
}
#not_alteracoes_curso .close-alteracoes-curso:hover {
    color: #000;
}
#not_alteracoes_curso h4 {
    font-size: 1.25rem;
    margin: 2.5em auto 0 auto;
}
#not_alteracoes_curso p {
    font-size: .75rem;
    margin: 0 auto;
}
#not_alteracoes_curso .btn {
    margin: 1.75em auto 2.5em auto;
    border-radius: 1rem !important;
}
#not_alteracoes_curso .alteracoes-curso-in h6 {
    color: #107d14;
    font-size: 1rem;
    text-align: right;
}
#not_alteracoes_curso .alteracoes-curso-in ul, #not_alteracoes_curso .alteracoes-curso-out ul {
    font-size: .8rem;
    margin-top: 1em;
    text-align: left;
    padding-left: 1.5em
}
#not_alteracoes_curso .alteracoes-curso-in ul {
    text-align: right;
}
#not_alteracoes_curso .alteracoes-curso-out h6 {
    color: #ea1111;
    font-size: 1rem;
    text-align: left;
}
.card-metas-invisiveis ul {
    list-style: none;
    margin-left: 1em;
    font-size: .8rem;
}
.card-metas-invisiveis ul li {
    margin-bottom: 1em;
    border-left: 1px solid #eaeaea;
    padding-left: 1em;
    padding-top: .5em;
    padding-bottom: .5em;    
}
.card-metas-invisiveis ul li, .card-metas-invisiveis ul li span {
    text-decoration: line-through;
}
.card-metas-invisiveis ul li:hover, .card-metas-invisiveis ul li:hover span {
    text-decoration: none;
}
/* Conversas */
#conversacoes_coach {
	position: relative;
	padding-top: 1em;
	padding-bottom: 1em;
}
#conversacoes_coach .conversacao-dia {
	position: relative;
	text-align: center;
	border-top: 1px solid #eaeaea;
}
#conversacoes_coach .conversacao-dia-timestamp {
    background: #faf7f7;
    border-radius: 1rem;
    border: 1px solid #eaeaea;
    font-size: .75rem;
    margin: 0 auto;
    position: relative;
    top: -15px;
    display: inline;
    padding: .25em 1em;
    clear: both;
}
#conversacoes_coach .conversacao-dia-left {
	float: left;
	width: 60px;
	margin: 0;
	padding-top: 1em;
	text-align: center;
}
#conversacoes_coach .conversacao-dia-left img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-top: 1em;
}
#conversacoes_coach .conversacao-dia-right {
	margin-bottom: 2em;
	margin-top: .5em;
	margin-left: 60px;
}
#conversacoes_coach .conversacao-dia-item {
	position: relative;
	padding: .5em 1em;
    border-radius: .25rem;
    border: 1px solid #eaeaea;
    border-left: 3px solid #3ea3dc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);	
    text-align: left;
    margin-bottom: 1em;
    cursor: pointer;
}
#conversacoes_coach .conversacao-dia-cabecalho {
	position: relative;
    display: flex;
    font-size: .75rem;	
}
#conversacoes_coach .conversacao-dia-cabecalho-coach {
	font-weight: 900;
    color: #000;
    margin-right: 1em;
    margin-bottom: .75em;
}
#conversacoes_coach .conversacao-dia-mensagem {
	padding-bottom: 1em;
}
#conversacoes_coach .conversacao-dia-ver-mais {
    border-top: 1px solid #cdcdcd;
    font-size: .75rem;
    cursor: pointer;
    padding-top: .5em;	
}
#conversacoes_coach .conversacao-dia-ver-mais .btn {
	font-size: .6rem;
    padding: .2em .5em;
}
#conversacoes_coach .conversacao-dia-resposta {
	position: relative;
	display: flex;
    background: #fafafa;
    margin-left: -1em;
    margin-right: -1em;
    padding: 1em;
    margin-top: 1em;
    padding-bottom: 1em;
}
#conversacoes_coach .conversacao-dia-resposta-autor {
	position: absolute;
    white-space: nowrap;
    left: 1em;
    top: 1em;
}
#conversacoes_coach .conversacao-dia-resposta-autor img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left;
	margin-right: .5em
}
#conversacoes_coach .conversacao-dia-resposta-autor .conversacao-dia-resposta-sigla {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	line-height: 30px;
	font-size: .5rem;
	font-weight: 300;
	background: #fff;
	border: 1px solid #cdcdcd;
	float: left;
	margin-right: .5em;
}
#conversacoes_coach .conversacao-dia-resposta-autor p {
	color: #000;
	font-size: .75rem;
	font-weight: 900;
	display: inline;
}
#conversacoes_coach .conversacao-dia-resposta-data {
	font-size: .7rem;
    color: #3ea3dc;
    font-weight: 600;
    margin-left: .25em;
}
#conversacoes_coach .conversacao-dia-resposta-mensagem {
	margin-top: 2em;
    margin-left: 2.5em;
    font-size: .8rem;
}
#conversacoes_coach .conversacao-dia-resposta-mensagem pre, #conversation_viewer .conversation-viewer-reply-message pre {
	padding: .5em;
    background: #e8fffd;
    font-size: .75rem;
    border-bottom: 1px solid #bbe6ff;
    margin-bottom: .5em;	
}
#conversacoes_coach .conversacao-dia-item.conversacao-dia-item-pendente {
    border-left-color: #ff3737;
    background-color: #ffc5c5;
}
#conversacoes_coach .conversacao-dia-item-pendente-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;
    text-align: center;
}
#conversation_viewer {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    overflow: auto;
    z-index: 10;
    background: rgba(0,0,0,.75);	
    display: none
}
#conversation_viewer h2 {
	font-size: 1.5rem;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eaeaea;
}
#conversation_viewer .conversation-viewer-modal {
    margin: 2em auto;
    background: #fff;
    border-radius: .5rem;
    width: 90%;
    max-width: 900px;
    box-shadow: 1px 2px 3px rgba(0,0,0,.1);
    padding: 1em;
    position: relative;	
}
#conversation_viewer .conversation-viewer-close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #666;	
}
#conversation_viewer > h2 {
    font-size: 1.5rem;
    margin: 0 auto 1em auto;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: .5em;	
}
#conversation_viewer .conversation-viewer-reply {
    padding-top: 1em;
    border-top: 1px solid #eaeaea;
    margin-top: 2em;	
}
#conversation_viewer .conversation-viewer-buttons {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin-top: 1em;
}
#conversation_viewer .conversation-viewer-upload-file {
	display: inline-block;
    position: relative;
}
#conversation_viewer #conversation_file {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;	
	cursor: pointer;
}
#conversation_viewer .conversation-viewer-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;
}
#conversation_viewer .conversation-viewer-reply-time {
	font-weight: 900;
    color: #000;
    font-size: .75rem;
}
#conversation_viewer .conversation-viewer-reply-message {
	padding: 1em 1em 2em 1em;
	font-size: .75rem
}
#conversation_viewer .conversation-viewer-reply-download {
	background: #faf7f7;
    padding: .5em;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .1);
    margin-bottom: 1em;
}
#conversation_viewer .conversation-viewer-reply-download .btn {
	font-size: .75rem;
	padding: .25em .5em;
}
#conversation_viewer .conversation-viewer-messages .conversation-viewer-reply-item {
	border-bottom: 1px solid #eaeaea;
	padding: 1em 0 0 0;
}
#conversation_viewer .conversation-viewer-messages .conversation-viewer-reply-item:last-child {
	border-bottom: 0;
}
#conversation_viewer .conversation-type-aluno {
	background:#edfffe;
	text-align: right;
}
/*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;
    font-size: .5rem;
    border-radius: .25rem;
    background: #000;
    padding: 0 .5em;
    color: #fff;
}
.ciclo-plano-item-sem-estudo {
    opacity: .25;
}
.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;
}
/* NPS do Aluno */
.nps-aluno-frames {
    position: relative;
    margin-top:  1.5em;
}
.nps-aluno-frames .nps-aluno-frame {
    display: none;
}
.nps-aluno-frames .nps-aluno-frame:first-child {
    display: block;
}
.nps-aluno-grade {
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.nps-aluno-grade .nps-aluno-nota {
    border: 1px solid rgba(0,0,0,.25);
    padding: .5em 1em;
    border-radius: .25rem;
    font-weight: 900;
    color: #000;
    cursor: pointer;   
    transition: all 500ms; 
}
.nps-aluno-grade .nps-aluno-nota:hover {
    background: #000;
    color:  #fff;
}
.nps-aluno-legend {
    display: flex;
    font-size: .75rem;
    justify-content: space-between;
    color: #aaa;
    padding: .5em 1em 2em 1em;    
}
#nps_obs {
    margin-top:  1em;
    margin-bottom: 1.5em;
}
.meta-trigger-link, .meta-trigger-aula {
    cursor: pointer;
    text-decoration: underline;
}
.meta-percentual-questoes {
    position: absolute;
    top: .25em;
    right: 0;
    z-index: 2;
    background: #faf7f7;
    padding: 0.25em;
    border-right: 5px solid #eaeaea;
    text-align: right;
    line-height: 0;
}
.meta-percentual-questoes h5 {
    margin: 0;
    font-size: 1rem;    
}
.meta-percentual-questoes span {
    margin: 0;
    font-size: .5rem;
    font-weight: 100;
}
.meta-dica-assunto {
    margin: 1em 0;
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0.25rem;
    font-size: .75rem;    
}
.meta-dica-assunto h5 {
    font-size: .75rem;
}
@media (max-width: 800px) {
    .meta-percentual-questoes {
        position: relative;
        display: inline-block;
        float: right;
    }
    .meta-percentual-questoes h5 {
        font-size: .75rem;
    }
}
.tutory-menu-open-close {
    display: none;
}
.has-live {
    cursor: pointer;    
}
.has-live img {
    border-color: var(--red) !important;
}
.has-live .bia-title {
    background: var(--red) !important;
    color: #fff !important;
    font-size: 0 !important;
    position: absolute !important;
}
.has-live .bia-title::before {
    content: 'ao vivo 🎥';
    font-size: .75rem !important;
    color: #fff;
    padding: .5em;
    word-break: keep-all;
    white-space: nowrap;
}
.has-live i {
    display: none;
}
.has-live #bia_menu {
    display: none !important;
}
.has-live:before, .has-live:after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid var(--red);
    border-radius: 50%;
    animation: livepulse 2s linear infinite
}
.has-live:after {
    animation-delay: 1s;
}
@keyframes livepulse {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.6);
    }
}
.video-onboarding-aluno {
    background: #000;
    border-radius: 0.5rem;
    padding: 1em;
    margin: 1em auto 2em auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.video-onboarding-aluno-img {
    position: relative;
    width: 40%;
    margin: 0;
    overflow: hidden;
    border-radius: inherit;
    text-align: center;
}
.video-onboarding-aluno-img img {
    max-width: 350px;
    margin: 0 auto;
}
.video-onboarding-aluno-img a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    display: flex;
    align-items: center;
    justify-content: center;    
    color: #fff;
}
.video-onboarding-aluno-img a div {
    width: 50px;
    height: 50px;
    background: #3ea3dc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.video-onboarding-aluno-texto {
    width: 60%;
    margin: 0;
    padding: .5em 1em;
}
.video-onboarding-aluno-texto h2 {
    font-size: 1.75rem;
    font-weight: 900;
    color: #fff;
    margin: 0;
}
.video-onboarding-aluno-texto h2::after {
    content: '⚡️⚡️⚡️';
}
.video-onboarding-aluno-texto p {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
}
#youtube-video-modal-onboarding {
    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;    
}
#youtube-video-modal-onboarding a {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;   
}
#youtube-video-modal-onboarding 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-onboarding iframe {
    width: 80%;
    height: 80vh;
    max-width: 800px;
}
@media (max-width: 700px) {
    .video-onboarding-aluno-img {
        width: 100%;
    }
    .video-onboarding-aluno-texto {
        width: 100%;
        text-align: center;
    }
}
#youtube_playlist .player-container {
    position: relative;
    width: calc(100% + 3em);
    height: 500px;
    margin-left: -1.5em;
    margin-top: -1.5em;
    background: #000;
    padding: 1em;
    border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom: 3px solid #333;
    margin-bottom: 1em;    
}
#youtube_playlist .youtube-videos {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;    
}
#youtube_playlist .youtube-video {
    width: 33.33%;
    padding: 0.5em;
    text-align: center;    
    cursor: pointer;
}
#youtube_playlist .youtube-video img {
    border-radius: .25rem;
    opacity: .75;
}
#youtube_playlist .youtube-video:hover img {
    opacity: 1;
}
#youtube_playlist .youtube-video h6 {
    margin: 0.5em auto 0 auto;
    font-weight: 900;
    font-size: 1rem;    
}
.dica-waiting {
    cursor: not-allowed;
    opacity: .5;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}