div.chat-room--chat--header {
    background-color: #F47373 !important;
}

div.arena-chat-widget--container {
    border-top: 1px solid #F47373 !important;
}

#toast-container > div {
    opacity: 1 !important;
}

object[type='application/gas-events-uni'] {
    display: none;
}

select[multiple], select[size] {
    padding: 5px 10px;
    box-sizing: border-box;
}

.modal-open .modal {
    overflow-y: scroll !important;
}

.strike-text {
    text-decoration: line-through;
}

#modal-file {
    z-index: 1049;
}

.padding-02em {
    padding: 0.2em;
}

.padding-03em {
    padding: 0.3em;
}

.padding-04em {
    padding: 0.4em;
}

.padding-05em {
    padding: 0.5em;
}

.ga-opacity-03 {
    opacity: 0.3;
}

.font-10 {
    font-size: 10px;
}

.ga-font-20 {
    font-size: 20px !important;
}

.ga-font-30 {
    font-size: 30px !important;
}

.ga-font-16 {
    font-size: 16px !important;
}

.ga-font-14 {
    font-size: 14px !important;
}

.ga-font-64 {
    font-size: 64px !important;
}

.ga-display-inline {
    display: inline !important;
}

.ga-display-none {
    display: none !important;
}

.ga-small-text {
    font-size: 10px;
    color: gray;
}

.ga-line-height-15 {
    line-height: 15px;
}

.ga-whitespace-normal {
    white-space: normal;
}

.well.featured {
    border: 3px solid #0088bb;
}

.background-bright-strong-red {
    background-color: #FFBFBF !important;
}

.background-bright-strong-green {
    background-color: #D2F1D1 !important;
}

.empty-box {
    top: -1px;
    left: 1px;
    width: 15px;
    height: 15px;
    text-align: center;
}

.limitGrid {
    white-space: nowrap;
    overflow-y: scroll;
    overflow-x: hidden;
}

.limitGridSimple {
    overflow-y: auto;
    overflow-x: hidden;
}

    .limitGridSimple > .k-grid-content {
        overflow-y: auto;
    }

.k-grid-my-create {
    box-shadow: none !important;
}

.k-grid-my-remove {
    box-shadow: none !important;
}

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.input-validation-error, span.state-error {
    border: solid 1px #900;
}

    span.state-error span.k-dropdown-wrap span:first-child {
        background-color: #fff0f0;
    }

.validation-summary-errors ul li {
    list-style-type: none;
}

.checkbox-inline .checkbox-inline {
    padding-right: 10px !important;
}

.menu-aside .divider {
    border-top: 1px solid #111;
}

/** {
    font-family: Verdana, sans-serif;
    font-size: 12px;
}*/


#tableMessages td {
    cursor: pointer;
}

/* centraliza imagem utilizda pelo componente jasny */
.fileinput-preview.thumbnail {
    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a; /* remove the gap between inline(-block) elements */
}

    .fileinput-preview.thumbnail:before { /* create a full-height inline block pseudo=element */
        content: '\00a0';
        display: inline-block;
        vertical-align: middle; /* vertical alignment of the inline element */
        height: 100%;
    }

    .fileinput-preview.thumbnail img { /* create a full-height inline block pseudo=element */
        display: inline-block;
        vertical-align: middle; /* vertical alignment of the inline element */
        font: 16px/1 Arial sans-serif; /* <-- reset the font property */
    }

    .fileinput-preview.thumbnail.ga-width-100p {
        height: 102px;
    }

.invalid-tab {
    font-weight: bold;
}

.label span {
    color: #ff0000;
}

.k-grid {
    margin-bottom: 10px;
}

#tabstrip.no-padding .k-content.k-state-active {
    padding: 0;
}

#tabstrip .k-content.k-state-active tr {
    cursor: pointer;
}

    #tabstrip .k-content.k-state-active tr:hover {
        background: #DDD;
        color: #333;
    }

#tabstrip .k-alt.k-state-selected {
}

.msg-person {
    margin-top: 20px;
}

    .msg-person .msg-header {
        margin-bottom: 20px;
    }

    .msg-person .msg-from-title {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 5px;
        font-size: 11px;
    }

    .msg-person .msg-icon {
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 40px;
        border: 1px solid #CFCFCF;
        color: #292929;
    }

    .msg-person .msg-from {
        display: block;
        font-size: 18px;
        font-weight: 700;
    }

    .msg-person .msg-email {
        display: block;
        font-size: 14px;
    }

    .msg-person .msg-from-type {
        display: block;
        font-size: 12px;
    }

    .msg-person .msg-date {
        display: block;
    }

    .msg-person .msg-subject {
        display: block;
        border-top: 1px solid #DDD;
        font-size: 30px;
    }


.client-area div#activity {
    padding: 0;
}

    .client-area div#activity .bg-color-yellow {
        background: #292929 !important;
    }

    .client-area div#activity img {
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }

.ajax-dropdown {
    height: initial;
}

.ajax-notifications {
    height: 162px;
}

    .ajax-notifications .table {
        margin-bottom: 0;
    }

#deleteModal .modal-body:after {
    clear: both;
    display: block;
    content: '\00a0';
}

.jarviswidget .heading-map {
    margin: 0;
}

.bg-color-grayStrong {
    background-color: #a4a4a4 !important;
}

.bg-color-lighten {
    background-color: #E8EBE6 !important;
}

.ga-img-area {
    position: relative;
    box-sizing: border-box;
}

    .ga-img-area img {
        max-width: 100%;
    }

.ga-cursor-pointer {
    cursor: pointer;
}

.ga-vertical-top {
    vertical-align: top !important;
}

.ga-vertical-middle {
    vertical-align: middle !important;
}

.ga-vertical-bottom {
    vertical-align: bottom !important;
}

.ga-font-bold {
    font-weight: bold !important;
}

.ga-margin-5 {
    margin: 5px;
}

.ga-margin-0 {
    margin: 0px !important;
}

.ga-margin-10 {
    margin: 10px !important;
}

.no-margin-left {
    margin-left: 0px !important;
}

.ga-margin-left-5 {
    margin-left: 5px;
}

.margin-left-15 {
    margin-left: 15px;
}

.ga-margin-left-32 {
    margin-left: 32px;
}

.ga-margin-left-50 {
    margin-left: 50px;
}

.ga-margin-left-10 {
    margin-left: 10px;
}

.ga-margin-top-5 {
    margin-top: 5px;
}

.ga-margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-15 {
    margin-right: 15px;
}

.ga-margin-right-10 {
    margin-right: 10px;
}

.ga-margin-right-50 {
    margin-right: 50px;
}

.ga-margin-top-10 {
    margin-top: 10px !important;
}

.ga-margin-top-15 {
    margin-top: 15px;
}

.ga-margin-top-20 {
    margin-top: 20px;
}

.ga-margin-top-22 {
    margin-top: 22px;
}

.ga-margin-top-30 {
    margin-top: 30px;
}

.ga-margin-top-45 {
    margin-top: 45px !important;
}

.ga-margin-bottom-0 {
    margin-bottom: 0px;
}

.ga-margin-bottom-5 {
    margin-bottom: 5px;
}

.ga-margin-bottom-20 {
    margin-bottom: 20px;
}

.ga-margin-top-90 {
    margin-top: 90px;
}

.ga-float-left {
    float: left;
}

.ga-float-right {
    float: right;
}

.align-itens-center {
    display: flex;
    justify-content: center;
}

.smart-form header {
    border-bottom: 1px solid #C2C2C2;
}

#attachment-fields #Attachment_Path {
    background-color: #E4E4E7;
    border: 1px solid #ccc;
}

input {
    text-indent: 0 !important;
}

.ga-dashboard-box .btn {
    top: initial;
    left: initial;
}

.ga-margin-top-45 {
    margin-top: 45px !important;
}

.ga-padding-0-10 {
    padding: 0 10px !important;
}

.ga-padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.ga-padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-5 {
    padding-right: 5px;
}

.ga-padding-0-10 {
    padding: 0 10px !important;
}

.ga-padding-5 {
    padding: 5px;
}

.ga-padding-10 {
    padding: 10px;
}


.ga-padding-10 {
    padding: 10px !important;
}

.ga-padding-20 {
    padding: 20px !important;
}

.ga-pading-right-20 {
    padding-right: 20px;
}

.ga-pading-right-10 {
    padding-right: 10px;
}

.ga-pading-left-10 {
    padding-left: 10px;
}

.ga-pading-left-0 {
    padding-left: 0px;
}

.ga-padding-0 {
    padding: 0;
}

.ga-padding-top-5 {
    padding-top: 5px;
}

.ga-padding-top-10 {
    padding-top: 10px;
}

.padding-top-13 {
    padding-top: 13px;
}

.ga-padding-top-20 {
    padding-top: 20px;
}

.ga-padding-top-7 {
    padding-top: 7px;
}

.ga-padding-top-30 {
    padding-top: 30px;
}

.ga-padding-top-2 {
    padding-top: 30px !important;
}

.ga-padding-bottom-10 {
    padding-bottom: 10px;
}

.ga-padding-bottom-15 {
    padding-bottom: 15px;
}

.ga-padding-bottom-20 {
    padding-bottom: 20px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.ga-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.ga-margin-right-30 {
    margin-right: 30px;
}

.ga-margin-right-20 {
    margin-right: 20px;
}

.ga-margin-left-20 {
    margin-left: 20px;
}

.top-2 {
    top: 2px !important;
}

.top-3 {
    top: 3px !important;
}

.ga-img-100p img {
    width: 100%;
}

.ga-color-green {
    color: #26aa39;
}

.ga-color-red {
    color: #900;
}

.ga-color-scarlet-red {
    color: #ff0000;
}

.ga-color-yellow {
    color: #C90;
}

.ga-color-orange {
    color: orange;
}

.ga-color-gray {
    color: #CCC;
}

.ga-color-high-gray {
    color: #333333;
}

.ga-color-black {
    color: #111111;
}

.ga-td-autosize {
    width: 1px;
    white-space: nowrap;
}

.ga-bgcolor-red {
    background-color: #900;
}

.ga-bgcolor-green {
    background-color: #26aa39;
}

.ga-bgcolor-yellow {
    background-color: #C90;
}

.ga-bgcolor-gray {
    background-color: #CCC;
}

.ga-bgcolor-lightGray {
    background-color: #F0F0F0;
}

.ga-exam-selection:hover {
    background-color: #292929;
    color: white;
}

.ga-pointer {
    cursor: pointer;
}

.ga-table-fixed {
    table-layout: fixed;
}

.ga-break-word {
    word-wrap: break-word;
}

.ga-break-word-all {
    word-break: break-all;
}

#student-files > .col > .col {
    border: 1px solid #DFDFDF;
}

#student-files .k-widget.k-upload.k-header.k-upload-sync.k-upload-empty {
    background-color: #E4E4E7;
    border: 1px solid #CCC;
}

.enrollment-btn-pecege {
    background-color: #EFD552;
    color: white;
}

.enrollment-progbar-green {
    background-color: #8EBC00;
    border-color: #8EBC00;
}

.enrollment-progbar-yellow {
    background-color: #EE9F05;
    border-color: #EE9F05;
}

.enrollment-progbar-red {
    background-color: #292929;
    border-color: #292929;
}

.ga-calendar-event {
    border-radius: 0;
}

/* ECalendarEventType.Class */
.ga-calendar-event-type-0 {
    background: #00D4D41A 0% 0% no-repeat padding-box !important;
    border: 1px solid #00D4D4 !important;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

/* ECalendarEventType.Exam and ECalendarEventType.ExamStarted */
.ga-calendar-event-type-1,
.ga-calendar-event-type-6 {
    background: #FFA64D1A 0% 0% no-repeat padding-box !important;
    border: 1px solid #FFA64D !important;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

/* ECalendarEventType.Payment and ECalendarEventType.PaymentFinished */
.ga-calendar-event-type-3,
.ga-calendar-event-type-4 {
    background: #4CCE811A 0% 0% no-repeat padding-box !important;
    border: 1px solid #4CCE81 !important;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

/* ECalendarEventType.Event */
.ga-calendar-event-type-5 {
    background: #FF1A751A 0% 0% no-repeat padding-box;
    border: 2px solid #FF1A75;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
    max-height: 30px !important;
    font-weight: bold;
}

/* ECalendarEventType.MonographPhase */
.ga-calendar-event-type-9 {
    background: #68B0EE1A 0% 0% no-repeat padding-box !important;
    border: 1px solid #68B0EE !important;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

/*  ECalendarEventType.Monograph, ECalendarEventType.Monograph and ECalendarEventType.MonographPresentation */
.ga-calendar-event-type-2,
.ga-calendar-event-type-8,
.ga-calendar-event-type-7 {
    background: #68B0EE1A 0% 0% no-repeat padding-box !important;
    border: 1px solid #68B0EE !important;
    border-width: 2px !important;
    border-radius: 2px !important;
    opacity: 1 !important;
}

.fc-day-grid-event > .fc-content {
    white-space: pre-wrap;
}

/*Tiles Indicators*/
.ga-steps-questions .panel-body {
    background-color: #666;
    /* padding-bottom: 50px; */
}

.ga-tile {
    padding: 20px;
    color: #DFDFDF;
}

    .ga-tile .ga-tile-tit {
        display: block;
        font-size: 32px;
        color: #FFF;
    }

.ga-upload-process-label {
    float: left;
    position: relative;
    margin-top: 4px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.jarviswidget > header.ga-heading-inline,
.jarviswidget > header.ga-heading-inline > h2 {
    height: auto;
}

.k-editor-parameterHelper {
    background-position: -111px -109px;
}

#parameterHelperContent {
    display: none;
}

#simpleModal #error-box {
    display: none;
}

.vimeoChat {
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin-bottom: 6px;
    padding-left: 10px;
    padding-right: 0px;
}

.player {
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    overflow: hidden;
    height: 240px;
    margin-bottom: 6px;
}

.player-container {
    position: absolute;
    height: 100%;
    width: 100%;
}

.ga-chat-message {
    margin-bottom: 10px;
}

    .ga-chat-message.direct {
        background: rgba(255, 0, 0, 0.04);
    }

.ga-chat-user {
    font-size: 0.8em;
    font-weight: bold;
}

.ga-chat-message-content {
    padding: 4px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.04);
}

.ga-chat-info {
    padding: 4px;
    font-size: 0.7em;
}

.ga-chat-info-left {
}

.ga-chat-info-right {
}

@media (max-width: 768px) {
    .ga-text-xs-right {
        text-align: right;
    }

    .ga-text-xs-left {
        text-align: left;
    }

    .ga-text-xs-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .ga-text-sm-center {
        text-align: center;
    }

    .ga-text-sm-right {
        text-align: right;
    }

    .player {
        height: 320px;
    }
}

@media (max-width: 600px) {
    .customButtonOnForm {
        margin-top: -393px;
        margin-right: 150px;
    }
}

@media (min-width: 600px) {
    .customButtonOnForm {
        margin-top: -418px;
        margin-right: 150px;
    }
}

@media (min-width: 992px) {
    .ga-text-md-center {
        text-align: center;
    }

    .ga-text-md-right {
        text-align: right;
    }

    .customButtonOnForm {
        margin-top: -418px;
        margin-right: 320px;
    }
}

@media (min-width: 1200px) {
    .ga-text-lg-center {
        text-align: center;
    }

    .ga-text-lg-right {
        text-align: right;
    }

    .ga-text-lg-left {
        text-align: left;
    }

    .player {
        height: 400px;
    }

    .customButtonOnForm {
        margin-top: -418px;
        margin-right: 550px;
    }
}

@media (min-width: 1680px) {
    .player {
        height: 560px;
    }

    .web-cam-monograph-line {
        width: 300px !important;
    }
}

@media (min-width: 1900px) {
    .web-cam-monograph-line {
        width: 360px !important;
    }
}

@media (max-width: 1280px) {
    .web-cam-monograph-line {
        width: 130px !important;
        height: 200px !important;
    }
}

.field-validation-error {
    color: #ff0000;
}

#slide-iframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#slidesModal .modal-dialog {
    width: 650px;
}

#slidesModal iframe {
    height: 650px;
}

.ga-me .message-text {
    background: #EDECEA;
    border-radius: 8px;
}

.ga-grid-action-button ul {
    width: 368px;
    left: auto;
    right: 70px;
    top: -2px;
    padding: 0;
    margin: 0;
    text-align: right;
}

.ga-grid-action-button li {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 6px 8px;
    box-shadow: none;
    border: none;
}

    .ga-grid-action-button li a {
        display: inline-block;
        text-align: center;
        min-width: 28px;
        padding: 2px 0;
    }

.exam-progress-bar {
    width: 25%;
    min-width: 35px;
    height: 30px;
    font-size: 15px;
    padding: 5px;
    background-color: green;
}

.exam-progress-bar-wrapper {
    padding: 0;
    border: 1px solid #bbb;
}

.message-warning {
    background-color: #292929;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    height: initial;
    position: absolute !important;
    z-index: 1000 !important;
    border-bottom-left-radius: 15px;
}

    .message-warning a {
        color: white;
        font-weight: bold;
    }
    .message-warning a:hover {
        color: papayawhip;
        font-weight: bold;
    }

.message-alert {
    z-index: 1000 !important;
    background-color: rgba(243, 245, 245, 0) !important;
    border: 0px !important;
    width: 50%;
    right: 0px;
    left: 50% !important;
    position: absolute !important;
}

#ribbon {
    z-index: 990;
}

.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('img/loading.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    body.loading .modal-loading {
        display: block;
        z-index: 99999;
    }

.ga-exam-watermark {
    font-size: 9px;
    color: #F7F7F7;
    margin: 0px !important;
}

    .ga-exam-watermark::selection {
        color: #0088FF;
        background-color: #0088FF;
    }

    .ga-exam-watermark::-moz-selection {
        color: #0088FF;
        background-color: #0088FF;
    }

.ga-h1Hover:hover {
    background-color: #E4E4E7;
}

.nextClassBlock .block {
    border: #666666 1px solid;
    color: #666666;
    min-height: 175px;
    padding: 5px;
    margin: 5px;
}

#nextClasses div:first-child div:first-child .block {
    border: pink 1px solid !important;
    color: #000000 !important;
}

.nextClassBlock .block:hover {
    color: #000000 !important;
    background-color: #fff0f0;
}

.nextClassBlock hr {
    height: 2px;
    font-size: 15px;
    background-color: crimson;
    margin: 8px;
}

.nextClassBlockTeacher .block {
    color: #464749;
    min-height: 50px;
    padding: 3px;
    margin: 3px;
    background-color: #E4E4E7;
}

.nextClassesTeacher div:first-child div:first-child .block {
    color: #464749;
}

.nextClassBlockTeacher .block:hover {
    color: white !important;
    background-color: #59b202;
}

.nextClassBlockTeacher .block.finished:hover {
    color: white !important;
    background-color: #c0c0c0;
}

.classDay {
    color: #59b202;
}

.block.finished .classDay {
    color: #c0c0c0;
}

.classClock {
    color: #b98e93;
}

.nextClassBlockTeacher .block:hover .classDay,
.nextClassBlockTeacher .block:hover .classClock {
    color: white !important;
}

.nextClassBlockTeacher hr {
    height: 2px;
    font-size: 15px;
    background-color: crimson;
    margin: 8px;
}

.ga-h1Hover:hover {
    background-color: #E4E4E7;
}

.btn-custom-grid > span {
    display: none;
}

.ga-dashboard-box {
}

    .ga-dashboard-box h3 {
        text-align: center;
    }

    .ga-dashboard-box h4 {
        font-size: 16px;
    }


    .ga-dashboard-box .col {
        padding: 5px !important;
    }

    .ga-dashboard-box .alert {
        min-height: 150px;
        position: relative;
    }

    .ga-dashboard-box .onDemandBlock {
        min-height: 100px;
    }

    .ga-dashboard-box .btn {
        position: absolute;
        bottom: 5px;
        right: 5px;
    }

/*#lastClasses hr:first-child + div .thumb-col{
        width: 32% !important;
    }*/

@media (min-width: 768px) {
    #lastClasses hr:first-child + div .thumb-col {
        width: 32% !important;
    }
}

.company-header {
    max-width: 150px;
    max-height: 35px;
}

.company-selector-dropdown {
    font-size: 12px !important;
    font-weight: initial !important;
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

    .company-selector-dropdown span {
        line-height: 0px !important;
    }

.select2-full-height .select2-container {
    max-height: initial !important;
}

.select2-container {
    max-height: 32px;
}

#dashboardBoxes .alert {
    padding: 5px;
    margin-bottom: 5px;
    font-size: 12px !important;
}

#dashboardBoxes .ga-subtit-dashboard {
    margin-bottom: 5px;
}

#courseCatalog button {
    height: 45px;
    padding: 15px;
    padding-top: 5px;
}

#courseCatalog .k-dropdown-wrap {
    height: 42px !important;
}

#courseCatalog .k-dropdown-wrap, #courseCatalog input {
    background-color: #EEEEEE;
}

.catalogCourse h3 {
    margin: 3px !important;
    color: white;
    font-weight: 200;
}

.catalogCourse h5 {
    margin: 3px !important;
    font-weight: bold;
}

.catalogCourse td {
    text-align: left !important;
    padding: 10px !important;
}

.catalogCourse .the-price, .catalogCourse .panel-footer, .catalogCourse td {
    background-color: white;
}

.catalogCourse .table {
    height: 310px;
}

.ga-border-radius-25 {
    border-bottom-left-radius: 2%;
    border-bottom-right-radius: 2%;
    border-top-left-radius: 2%;
    border-top-right-radius: 2%;
}

.ga-border-radius-2 {
    border-bottom-left-radius: 2%;
    border-bottom-right-radius: 2%;
    border-top-left-radius: 2%;
    border-top-right-radius: 2%;
}

.ga-border-radius-20 {
    border-radius: 20px !important;
}

.ga-border-radius-10 {
    border-radius: 10px !important;
}

.ga-border-radius-15 {
    border-radius: 15px !important;
}

.k-widget .col {
    box-sizing: border-box !important;
}

.prospectDashboard .campaigns .panel-heading {
    background-color: #444444;
    font-size: 24px !important;
    padding-bottom: 5px;
}

    .prospectDashboard .campaigns .panel-heading h1 {
        font-size: 24px !important;
        margin: 5px 0;
    }

.prospectDashboard .campaigns .panel-body {
    background-color: #686765;
    padding: 5px 10px 5px 10px;
}

.prospectDashboard .campaigns .panel-footer {
    background-color: #444444;
    border: 0px;
}

.prospectDashboard .campaigns hr {
    background-color: #444444;
    color: #444444;
    border: 0px;
    padding: 3px;
    margin: 0px;
}


/* DASHBOARD WIDGETS */

.dashboard-widget {
    margin: 0px !important;
}

.widget-banners.dashboard-widget {
    margin-bottom: 10px !important;
}

    .widget-banners.dashboard-widget .widget-body .item a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

#widget-banners-middle-start, #widget-banners-middle-end {
    margin: 10px !important;
}

#widget-banners-bottom {
    margin-top: 10px !important;
}

/* IE FIXES*/
.dashboard-widget .widget-body {
    height: 230px;
    background-position: center;
}

.widget-banners.dashboard-widget .widget-body {
    position: relative;
    height: 270px !important;
}

.dashboard-widget#widget-alerts .widget-body, .dashboard-widget#widget-enrollment .widget-body, .dashboard-widget#widgetCrmAlerts .widget-body {
    height: 150px;
}

.dashboard-widget header {
    height: 40px !important;
    padding: 5px 10px 0px 15px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

    .dashboard-widget header + div {
        color: white !important;
        border: 0 !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important;
        padding: 3px !important;
        min-height: 230px !important;
    }

.dashboard-widget b {
    font-size: 15px;
    position: absolute;
    margin-left: 15px;
    top: 20px;
}

.dashboard-widget .jarviswidget-delete-btn {
    color: white;
    border: 0;
}

.dashboard-widget .carousel-caption {
    position: static !important;
    text-shadow: none;
    padding: 0 !important;
}


.dashboard-widget .carousel-control {
    background-image: none;
    width: initial;
}

    .dashboard-widget .carousel-control .glyphicon {
        margin-left: -8px;
        margin-right: -8px;
        font-size: 20px;
        top: 100px;
    }

.jarviswidget.widget-banners {
    background: #DFDFDF;
    border-radius: 4px;
    overflow: hidden;
}

    .jarviswidget.widget-banners > header, .jarviswidget.widget-banners > div {
        background: initial !important;
        border: none !important;
        overflow: hidden;
        padding: 0 !important;
    }

    .jarviswidget.widget-banners > header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        box-shadow: none;
    }

        .jarviswidget.widget-banners > header .fa {
            color: #FFF;
            margin-right: 5px;
        }

.widget-banners .carousel.slide {
    height: 230px;
}

.carousel-control {
    text-shadow: initial !important;
}

    .carousel-control .fa.fa-caret-right,
    .carousel-control .fa.fa-caret-left {
        top: 90px;
        position: absolute;
    }

.bannerCarousel .carousel-control .fa.fa-caret-right,
.bannerCarousel .carousel-control .fa.fa-caret-left {
    top: 120px;
    color: #900;
}

.carousel-control .fa.fa-caret-left {
    left: 5px;
}

.carousel-control .fa.fa-caret-right {
    right: 5px;
}

.dashboard-widget header .fa {
    font-size: 18px;
    line-height: 28px;
}

.dashboard-widget .carousel-indicators {
    bottom: 0px;
}

.dashboard-widget header {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
}

    .dashboard-widget header + div {
        border-bottom-left-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }

.dashboard-widget h3 {
    font-size: 15px !important;
}

hr {
    border-top: 1px solid rgba(255,255,2555, 0.3) !important;
}

.dashboard-widget .fa-remove, .dashboard-widget .fa.circle {
    cursor: pointer;
}
/* -- WIDGET NEXT CLASSES START -- */
#widget-nextClasses header, #widget-nextClasses header + div {
    background-color: #00A2A2 !important;
    border-color: #00A2A2 !important;
    color: white;
}

#widget-nextClasses h6, #widget-nextClasses hr {
    margin: 3px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#widget-nextClasses .classButtons .fa {
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: right !Important;
    font-size: 20px;
    opacity: 0.5;
}

#widget-nextClasses .classButtons a {
    color: white;
}

#widget-nextClasses .class:hover {
    background-color: #E6F7F7;
    color: black;
}

    #widget-nextClasses .class:hover .fa {
        opacity: 1;
    }


    #widget-nextClasses .class:hover .fa-play-circle {
        color: #2DB200;
    }

    #widget-nextClasses .class:hover .fa-file {
        color: #68A0D1;
    }

    #widget-nextClasses .class:hover .fa-info-circle {
        color: #FAA953;
    }

#widget-nextClasses a.nextClassesLink {
    color: white;
    font-weight: bold;
}
/* -- WIDGET NEXT CLASSES END -- */

/* -- WIDGET EXAMS START -- */

#widget-exams header, #widget-exams header + div {
    background-color: #FFA64D !important;
    border-color: #FFA64D !important;
    color: white;
}

    #widget-exams header + div {
        height: 230px;
    }

#widget-exams .carousel, #widget-exams .tab-content {
    height: 100%;
}

/* -- WIDGET EXAMS END -- */

#widget-contacts h1, #widget-onDemand h1, #widget-monographs h1.main, #widget-treasury h1.main, #widget-exams h2.main, #widget-scholarship-process h1.main {
    font-size: 55px;
    font-weight: bold;
    margin: 3px;
}

#widget-classesList h2, #widget-exams h2, #widget-monographs h2, #widget-contacts h2, #widget-onDemand h2, #widget-series h2, #widget-treasury h2.main, #widget-scholarship-process h2 {
    font-size: 30px;
    font-weight: bold;
    margin: 3px;
}

#widget-classesList h3, #widget-exams h3, #widget-monographs h3, #widget-scholarship-process h3 {
    margin: 3px 0 3px 0;
}

#widget-classesList a, #widget-exams a, #widget-monographs a, #widget-contacts a, #widget-onDemand a, #widget-series a, #widget-scholarship-process a {
    text-decoration: none;
    color: white;
}

#widget-classesList h6, #widget-monographs h6, #widget-exams h6, #widget-scholarship-process h6 {
    margin: 0;
}

#widget-classesList hr, #widget-monographs hr, #widget-series hr, #widget-exams hr, #widget-scholarship-process hr {
    margin: 2px;
}

/* -- WIDGET MONOGRAPHS START -- */

#widget-monographs header, #widget-monographs header + div {
    background-color: #00698C !important;
    border-color: #00698C !important;
    color: white;
}

#widget-monographs .carousel, #widget-monographs .tab-content {
    height: 100%;
}

#widget-videos .widget-body {
    position: relative;
    height: 270px;
    border: none !Important;
    background: no-repeat center;
    border: 1px solid #EFEFEF !Important;
    border-radius: 5px;
    background-color: #999 !important;
    background-size: cover;
}

    #widget-videos .widget-body a {
        position: absolute;
        bottom: 20px;
        left: 20px;
        max-width: 355px;
        padding: 15px;
        color: rgba(255,255,255,0.7);
        background: #292929;
        font-size: 16px;
        text-decoration: none;
    }

        #widget-videos .widget-body a:hover {
            background: #ed2224;
            color: #FFF;
        }

#widget-videos header {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: 2;
    background: none;
    color: #FFF;
    border: none;
    box-shadow: none;
}

    #widget-videos header .jarviswidget-ctrls {
        margin-right: 20px;
    }

/* -- WIDGET MONOGRAPHS END -- */


/* -- WIDGET SCHOLARSHIP PROCESS START -- */

#widget-scholarship-process header, #widget-scholarship-process + div, #widget-documents header + div {
    background-color: #912333 !important;
    border-color: #912333 !important;
    color: white;
}

#widget-scholarship-process .carousel, #widget-scholarship-process .tab-content {
    height: 100%;
    background-color: #912333;
    border-color: #912333;
}

#widget-scholarship-process .dashboard-widget .widget-body {
    background-color: #912333 !important;
    border-color: #912333 !important;
    color: white;
}

#widget-scholarship-process div.widget-body {
    background-color: #912333 !important;
}

#widget-scholarship-process h1 {
    margin-right: 15px !important;
    margin-top: 50px;
    margin-left: 15px !important;
    font-size: 24px;
}

/* -- WIDGET SCHOLARSHIP PROCESS END -- */
/* -- WIDGET TREASURY START -- */
#widget-treasury header, #widget-treasury header + div {
    background-color: #98C697 !important;
    border-color: #98C697 !important;
    color: white;
}

#widget-treasury h1 {
    margin: 5px;
}

#widget-treasury h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

#widget-treasury h1 span {
    font-size: 15px;
}

#widget-treasury .item {
    padding-left: 10px;
    padding-right: 10px;
}
/* -- WIDGET TREASURY END -- */

/* -- WIDGET DOCUMENTS START -- */

#widget-documents header, #widget-documents header + div {
    background-color: #A59A90 !important;
    border-color: #A59A90 !important;
    color: white;
}

#widget-calendar header, #widget-calendar header + div {
    background-color: #68B0EE !important;
    border-color: #68B0EE !important;
    color: white;
}

#widget-documents h1 a, #widget-calendar h1 a, #widget-academicseries h1 a {
    text-decoration: none;
    color: white;
}

#widget-exams h1, #widget-monographs h1, #widget-treasury h1.main {
    margin-top: 50px;
}

#widget-exams h1,
#widget-nextClasses h1,
#widget-monographs h1,
#widget-treasury h1,
#widget-documents h1,
#widget-calendar h1,
#widget-series h1,
#widget-academicseries h1,
#widget-classesList h1,
#widget-campaign h1 {
    margin-top: 75px;
}

#widget-videos h1 {
    margin-top: 115px;
}
/* -- WIDGET DOCUMENTS END -- */

#widget-onDemand header, #widget-onDemand header + div {
    background-color: #788E9B !important;
    border-color: #788E9B !important;
    color: white;
}

#widget-onDemand a.item {
    margin: 0 15px 0 15px;
    text-decoration: none;
    color: white;
}

#widget-series header, #widget-series header + div {
    background-color: #FF1A75 !important;
    border-color: #FF1A75 !important;
    color: white;
}

#widget-series a.item {
    text-decoration: none;
    color: white;
}

/*-- WIDGET CAMPAIGN START --*/
#widget-campaign header, #widget-campaign header + div {
    background-color: #444444 !important;
    border-color: #444444 !important;
    color: white;
}

#widget-campaign h6, #widget-campaign hr {
    margin: 3px !important;
}

#widget-campaign .campaign {
    padding: 5px !important;
    background-color: #686765;
}
/*-- WIDGET CAMPAIGN END --*/

/*-- WIDGET CLASSES LIST START --*/
#widget-classesList header, #widget-classesList header + div {
    background-color: #013567 !important;
    border-color: #013567 !important;
    color: white;
}

#widget-classesList h6, #widget-campaign hr {
    margin: 3px !important;
}

#widget-classesList .confirmed {
    padding: 5px !important;
    background-color: #686765;
}
/*-- WIDGET CLASSES LIST END --*/

/*-- WIDGET ALERTS --*/

#widget-contacts header, #widget-contacts header + div {
    background-color: #D28C47 !important;
    border-color: #D28C47 !important;
    color: white;
}


#widget-alerts header, #widget-alerts header + div {
    background-color: #bb1111 !important;
    border-color: #bb1111 !important;
    color: white;
}

#widgetCrmAlerts header, #widgetCrmAlerts header + div {
    background-color: cornflowerblue !important;
    border-color: cornflowerblue !important;
    color: white;
}

#widget-enrollment header, #widget-enrollment header + div {
    background-color: #f2700f !important;
    border-color: #f2700f !important;
    color: white;
}


    #widget-alerts header + div, #widget-enrollment header + div, #widgetCrmAlerts header + div {
        min-height: initial !important;
    }

#widget-alerts .text-left, #widget-enrollment .text-left, #widgetCrmAlerts .text-left {
    display: block;
}

#widget-alerts b, #widget-enrollment b, #widgetCrmAlerts b {
    top: 0px;
}

#widget-alerts a, #widget-enrollment a, #widgetCrmAlerts a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
}


/*-- WIDGET ALERTS END --*/

/*-- WIDGET ACADEMIC SERIES START*/
#widget-academicseries header, #widget-academicseries header + div {
    background-color: #AA17FE !important;
    border-color: #AA17FE !important;
    color: white;
}



/*-- WIDGET ACADEMIC SERIES END*/

/* / DASHBOARD WIDGETS */

.widgetEdit {
    background-color: #FFC;
    border: 1px dashed #A7A7A7;
}

.fullWidth .message-window {
    width: 100% !important;
}

.document-block span:not(.glyphicon) {
    font-size: 17px;
}

.document-block a, .document-block a:hover {
    text-decoration: none !important;
    color: black;
    margin-left: 20px;
}

    .document-block a, .document-block a:hover {
        font-size: 28px;
    }


.document-block hr {
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.studentResumee.transfer.origin {
    background-color: #FEDFC0;
    border-color: #D37012;
}

.studentResumee.transfer.target {
    background-color: #CDE0C4;
    border-color: green;
}

.studentResumee.transfer {
    margin-bottom: 10px;
}

.renegotiation-instruction ul {
    list-style: outside disc;
    margin-left: 1em;
}

.ga-secure-layout-container {
    padding: 2%;
}


#ga-sortable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ga-sort-section {
    padding: 10px 20px;
}

.ga-sort-list-wrapper {
    overflow: hidden;
}

#ga-sortable-listA, .ga-sortable-list-rec {
    min-height: 40px;
    margin: 0;
    padding: 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
}

.border-color-lightgray {
    border-color: lightgray !important;
}

.border-color-darkgray {
    border-color: darkgray !important;
}

.border-radius-0 {
    border-radius: 0px !important;
}

#ga-sortable-listA {
}

#ga-sortable-list-rec {
}

.ga-sort-list-item {
    list-style-type: none;
    width: 97%;
    margin: 5px;
    line-height: 30px;
    text-align: center;
    background-color: #222222;
    color: #ffffff;
    border-radius: 3px;
    cursor: move;
}

#ga-sortable-listA .ga-sort-list-item {
    background-color: #F4F4F5;
    color: #000000;
}

.ga-sortable-list-rec .ga-sort-list-item {
    background-color: #FF7372;
    color: #000000;
}

#ga-sort-placeholder.ga-sort-list-item {
    background-color: #ffffff;
    color: #777;
}

.ga-dashboard-ctrl-msg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    margin: 0;
}

#alertCarousel menuitem {
    height: 106px;
    overflow: hidden;
}

.monograph-schedule .fc-content .fc-time {
    display: inline;
}

.well.ga-border-light-gray {
    border-color: lightgray !important;
}

.monograph-presentation-evaluation-success {
    border-color: #8ac38b;
    color: #356635;
    background-color: #cde0c4;
}

.monograph-presentation-evaluation-warning {
    border-color: #dfb56c;
    color: #826430;
    background-color: #efe1b3;
}

.monograph-presentation-evaluation-info {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
}

.monograph-presentation-evaluation-danger {
    border-color: #953b39;
    color: #fff;
    background-color: #c26565;
    text-shadow: none;
}

.monograph-presentation-info-box {
    border-color: lightgray !important;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
}

    .monograph-presentation-info-box.gray {
        background-color: #EEEEEE;
        border: none;
    }

    .monograph-presentation-info-box div {
        float: left;
    }

    .monograph-presentation-info-box > div:first-child {
        margin-right: 10px;
    }

.monograph-presentation-danger-box {
    background-color: #F5E3E3;
    border: none;
    border-radius: 10px;
    padding: 15px;
}

    .monograph-presentation-danger-box h5 {
        margin: 0 0 5px 0;
        color: darkred;
        font-weight: bold;
    }

.monograph-presentation-warning-box {
    background-color: #F9F7DE;
    border: none;
    border-radius: 10px;
    padding: 15px;
}

    .monograph-presentation-warning-box h5, .monograph-presentation-warning-box i {
        margin: 0 0 5px 0;
        color: #D2AF0D;
        font-weight: bold;
    }

.ga-hr-soft {
    border: solid 1px lightgray;
    margin-top: 10px;
    margin-bottom: 10px;
}

.monographHeaderEventBox {
    /*padding: 0 10px 0 10px;*/
    border-radius: 10px !important;
    text-align: center;
    margin-bottom: 0px !important;
}

    .monographHeaderEventBox .status {
        font-size: 20px !important;
        margin-top: 10px;
    }

    .monographHeaderEventBox a, .monographHeaderEventBox a:hover {
        text-decoration: none;
        color: white;
    }

.monographHeaderEventSchedule {
    font-size: 15px !important;
}

.monographHeaderEventDescription {
    padding-bottom: 10px !important;
}

.manage-presentations {
}

    .manage-presentations .panel-default {
        margin: 0;
        padding: 0;
    }

    .manage-presentations .panel-body {
        margin: 0;
        padding: 5px;
    }

    .manage-presentations .marked {
        background-color: #FEF3D3;
        color: black;
    }

    .manage-presentations .changed {
        background-color: #EFEFEF !important;
        border-color: #555;
        color: black !important;
    }

    .manage-presentations .first-selection {
        background-color: #FEF3D3;
        border: #FBC78B solid 1px;
    }

    .manage-presentations .no-selection {
        background-color: #EEEEEE;
        border: #9A9A9A solid 1px;
    }

    .manage-presentations .info-presentation {
        background-color: limegreen;
        font-weight: bold;
        color: white;
        cursor: pointer;
        z-index: -1;
    }

    .manage-presentations .add-presentation {
        font-weight: bold;
        cursor: pointer;
        z-index: -1;
    }

    .manage-presentations .k-state-default {
        margin-right: 0;
        border-style: none;
        background-color: #EEEEEE;
        border-right: 1px solid #999;
        border-radius: 0;
        color: #000 !important;
    }

        .manage-presentations .k-state-default .k-link {
            color: #000 !important;
        }

        .manage-presentations .k-state-default.k-state-hover {
            /*border: 1px black;*/
            border-right: 1px solid #999;
            border-radius: 0;
        }

    .manage-presentations .k-content {
        padding-top: 20px;
    }

    .manage-presentations li.k-state-active {
        font-weight: bold;
    }

    .manage-presentations .k-tabstrip-items {
        border: #999 1px solid;
        margin: 0 !important;
    }

    .manage-presentations .k-button-bare {
        height: 33px;
        background-color: #EEEEEE !important;
        display: block;
        position: absolute;
        top: 0;
        width: 47px;
        border: 1px solid #999;
    }

    .manage-presentations .k-tabstrip-prev {
        left: 0;
    }

    .manage-presentations .k-tabstrip-next {
        right: 0;
    }

.no-records {
    background: #F4F4F5;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.presentation-info {
    font-size: 18px;
}

.presentation-info-date {
    margin: 0;
    text-align: right;
}

.suggestionBlockedRow {
    background: orange !important;
}

    .suggestionBlockedRow .k-grid-delete {
        display: none;
    }

    .suggestionBlockedRow .k-grid-ed {
        display: none;
    }

.calendar-draggable-item-area {
    min-height: 50px;
    padding: 10px;
    background: #F4F4F5;
    text-align: center;
    box-sizing: border-box;
}

.calendar-draggable-item {
    cursor: move;
    display: inline-block;
    line-height: 30px;
    background: #900;
    border: 1px solid #500;
    color: white;
    padding: 0 12px;
    border-radius: 8px;
}

    .calendar-draggable-item.ui-draggable-dragging {
        z-index: 999999;
    }

.nextClassesItem:hover {
    background: #b3e3e3 !important;
    color: #2c8c8c !important;
}

.nextClassesItem {
    border-radius: 5px;
    background: #008585;
    margin-bottom: 5px;
    padding: 15px;
}

.nextClassesEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nextClassesWidgetLink {
    overflow: hidden;
    text-overflow: ellipsis;
    background: #008585;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    font-weight: 100 !important;
}

.nextClassesLeft {
    position: absolute;
    top: 176px;
    right: 25px;
    z-index: 1000;
}

    .nextClassesLeft > span {
        position: absolute;
        right: 0px;
    }

.nextClassesRight {
    position: absolute;
    top: 176px;
    right: 0px;
    z-index: 1000;
}

    .nextClassesRight > span {
        position: absolute;
        right: 0px;
    }

table.small-editor {
    height: 100px;
}

    table.small-editor iframe.k-content {
        height: 50px; /* 50px less than the Editor height */
    }

span#percentual {
    position: relative;
    top: -9px;
    left: 5px;
}

#widget-alerts a:hover, #widget-enrollment a:hover, #widgetCrmAlerts a:hover {
    color: rgba(255,255,255,1);
}

.nextClassesItem:hover a span {
    color: #005d5d;
    opacity: 1;
}

.accessSchedule {
    position: absolute;
    top: 180px;
    right: 0px;
}

    .accessSchedule div a {
        text-decoration: none;
        color: rgba(255,255,255,0.8) !important;
    }

        .accessSchedule div a:hover {
            color: rgba(255,255,255,1) !important;
        }

.cancelledQuestion {
    color: #999;
}

    .cancelledQuestion .cancelledLabel {
        color: #990000;
        font-size: 21px;
    }

.trailbox h5 {
    max-height: 250px;
    text-overflow: ellipsis;
    white-space: pre-line;
    overflow: hidden;
}

.trailbox .table {
    height: initial;
}

.trail-timeline .smart-timeline-list:after {
    left: 30px;
}

.trail-timeline .smart-timeline-icon {
    left: 15px;
    top: 15px;
}

.trail-timeline .smart-timeline-content {
    margin-left: 60px;
}

.trail-timeline .smart-timeline-list li {
    min-height: 100px;
}

.enrollment-logo {
    max-height: 160px;
}

.k-state-selected > .materialTree > i {
    color: #fff !important;
    font-size: 16px !important;
}

.k-state-selected > .materialTree > a {
    color: #fff !important;
    font-size: 16px !important;
}

.k-state-selected > .materialTree {
    color: #fff !important;
    font-size: 16px !important;
}

.materialTree > a:hover,
.materialTree > a:visited,
.materialTree > a:link,
.materialTree > a:active {
    text-decoration: none !important;
}

/* Video Details*/
.video-header {
    height: 209px;
    background: #212121;
}

.video-search {
    padding: 10px;
    background: #F4F4F4;
}

    .video-search section {
        margin-bottom: 0;
    }

    .video-search .input {
        position: relative;
    }

        .video-search .input [type=text] {
            border: none;
            padding-right: 50px;
        }

    .video-search button {
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: initial !important;
        left: initial !important;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

#featuedvideo {
    padding: 15px;
    min-height: 270px;
    border-bottom: 1px solid #BDBDBD;
    background: #DBDBDB;
}

.video-embed, .featured-video {
    position: relative;
    overflow: hidden;
    float: left;
    width: 520px;
    height: 315px;
    margin-right: 15px;
}

    .featured-video img {
        height: 100%;
    }

.video-body {
    padding-top: 30px;
    background: #DDDDDD;
}

#featuedvideo h1 {
    font-size: 18px;
}

.video-count {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    color: #8A8A8A;
}

.videolist {
    background: #F4F4F4;
}

    .videolist ul {
        list-style: none;
        margin: 0;
        padding: 40px 30px 10px 40px;
    }

        .videolist ul li {
            display: inline-block;
            position: relative;
            overflow: hidden;
            width: 216px;
            height: 160px;
            padding: 0 10px 20px 10px;
        }

            .videolist ul li a {
                display: block;
                text-decoration: none;
                color: #333;
            }

                .videolist ul li a:hover {
                    color: #92302F;
                }

            .videolist ul li .img {
                display: block;
                width: 196px;
                height: 110px;
                background: #DBDBDB;
                overflow: hidden;
            }

                .videolist ul li .img img {
                    width: 100%;
                }

@media screen and (max-width: 992px) {
    .video-embed {
        float: initial;
    }

    .video-detail {
        display: block;
    }

    .videolist ul {
        padding: 10px 5px;
    }

        .videolist ul li {
            width: 201px;
            padding: 0 0 10px 5px;
        }

    .web-cam-monograph-line {
        width: 0px !important;
        height: 0px !important;
        top: 0px !important;
        left: 0px !important;
        border: #ffffff00 !important;
    }

    .web-cam-monograph-arrow {
        width: 0px !important;
        height: 0px !important;
        border: 0px !important;
    }
}

@media screen and (max-width: 768px) {
    .video-embed {
        width: 100%;
    }
}
/* End Video Details*/

.alert-fixed-bottom-right {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    min-width: 30%;
}

.lpgdMainContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: inherit
}

.lpgdText {
    vertical-align: middle;
    padding: 16px;
}

.lpgdButton {
    padding: 16px 16px 16px 0;
}

.lgpdCentered {
    position: fixed;
    z-index: 2147483647;
    bottom: 16px;
    left: 16px;
    right: 16px;
    max-width: 1334px;
    min-height: 70px;
}

.lgpd {
    margin: auto;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 40%);
    border: solid 1px #eeeeee;
    background-color: #fff;
}

.alertDocument {
    margin: 0 0 30px;
    position: relative;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
}

.alertArrow {
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0px 0px 0px 0px;
    max-width: 5%;
}

.alertBodyDocument {
    font-size: large;
    background-color: white !important;
}

.alertHeaderDocument {
    background-color: #ff5d00 !important;
    border-color: #ff5d00 !important;
    color: white;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: sticky;
}

.ga-subtit-material {
    margin-top: 0;
}


.no-padding .k-content {
    padding: 0;
}

.td-thick td {
    padding: 0 5px 5px 5px !important;
}


.aise-wrap-dots {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.enrollment-status-label {
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
}


.row-inactive {
    color: #d0cdcd;
}

.prospect-course-block ul {
    margin-left: 20px;
    color: red;
}

.prospect-course-block {
    padding: 10px;
    margin-bottom: 10px !important;
}

@media(max-width:767px) {
    .pull-left-xs {
        float: left !important;
    }
}

@media(max-width:767px) {
    .overlay-course-slide {
        overflow: hidden;
    }

    .top-25-responsive {
        top: 0px;
    }

    .top-lg-65 {
        top: 0px;
    }
}

@media(max-width: 500px) {
    .left-mobile-payment-plan {
        left: 85px;
    }
}

@media(max-width: 380px) {
    .left-mobile-payment-plan {
        left: 75px;
    }
}

@media(min-width:767px) {
    .overlay-course-slide {
        overflow: visible;
    }

    .top-25-responsive {
        top: 25px;
    }

    .top-lg-65 {
        top: 65px;
    }
}

.tooltip-login .checkbox {
    display: inline;
}

.tooltip-login .popover-content {
    padding: 10px;
    font-size: 11px;
}

.tooltip-login i {
    top: -1px !important;
}

.tooltip-login .fa.fa-question-circle {
    cursor: pointer;
}

.k-grid tr.k-state-selected:hover td, .k-grid tr:hover .k-state-selected {
    background-color: #292929;
    border-color: #292929;
}


.btnExam {
    width: 200px;
    margin-right: 3px;
    margin-top: 4px;
}

.bottom-10 {
    bottom: 10px;
}

.left-0 {
    left: 0px;
}

.width200 {
    width: 200px;
}

.ga-padding-left-5 {
    padding-left: 5px;
}

.ga-padding-left-15 {
    padding-left: 15px;
}

.modal.fixed {
    overflow-y: hidden !important;
}

    .modal.fixed .modal-body {
        overflow-y: auto;
        height: calc(100vh - 150px);
    }

    .modal.fixed .table-responsive {
        overflow-x: hidden;
    }

.small-warning {
    font-size: 12px;
    color: orange;
    text-align: center !important;
}

    .small-warning h1 {
        font-size: 15px;
    }

#modalContact .owner .well {
    border-left: 3px solid black;
    border-left-width: 3px;
    border-left-style: groove;
}

.panel-heading.accordion-full {
    padding: 0;
}

    .panel-heading.accordion-full a {
        margin: 3px;
        display: block;
    }

a.grid-link {
    text-decoration: inherit;
    color: inherit;
}

    a.grid-link:hover {
        color: inherit;
    }


.bg-color-raizen {
    background-color: #93278C !important;
}

.gamefication .k-state-selected {
    background-color: #999 !important;
    border-color: #CCC !important;
}

.btnType {
    height: 50px;
    vertical-align: bottom;
    cursor: pointer;
}
/*Tiles aula on demand*/
.tile-container {
    max-width: 208px;
    margin: auto;
}

.tile-thumbnail {
    position: relative;
    display: inline-block;
}

    .tile-thumbnail img {
        width: 208px;
        height: 117px;
        background-color: white;
    }

.tile-thumbnail-overlay {
    position: absolute;
    background-color: rgba(128, 128, 128, 0.666);
}

.tile-thumbnail-time {
    bottom: 5px;
    right: 5px;
    font-size: small;
}

.tile-thumbnail-order {
    top: 5px;
    left: 5px;
    font-size: smaller;
}

.tile-group {
    background-color: #c8d9da;
    min-height: 20px;
    font-size: medium;
}

.tile-groupTitle {
    color: #fff;
    background-color: #292929;
    line-height: 10px
}

.challengeInfo > h3 {
    margin: 10px 0;
    color: #fff;
}

.challengeInfo > h4 {
    margin: 10px 0;
    color: #fff;
}

.fa-8x {
    font-size: 8em;
}

.challengeInfo .btn {
    margin-left: 20px
}

.student-profile i {
    text-shadow: 0 0 6px black;
    color: #fff;
}

.student-profile {
    display: inline-block;
    margin: 10px
}

.prize-timeline {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    width: 50px;
    height: 50px
}

    .prize-timeline img.active {
        height: 100%;
        width: 100%;
        border: 5px solid #93278C;
        border-radius: 8px;
        background-color: #93278C
    }

    .prize-timeline img.inactive {
        height: 100%;
        width: 100%;
        border: 5px solid #93278C;
        border-radius: 8px;
        background-color: #93278C;
        opacity: 0.2;
    }

.timelineChallenge.accepted > .smart-timeline-icon {
    background-color: green
}

.timelineChallenge.rejected > .smart-timeline-icon {
    background-color: red
}

table.topics-table > tbody > tr > td {
    vertical-align: middle;
}

.personClick {
    cursor: pointer
}

.height-auto {
    height: auto !important;
}

#rgPanelbar .k-state-selected,
.k-panelbar {
    color: #292929;
    box-shadow: none;
    background-color: #ccc;
}

#rgPanelbar .k-link,
.k-panelbar {
    color: #000;
}

#rgPanelbar .k-header,
.k-panelbar {
    background-color: #E4E4E7;
}

#contract-content-message {
    border-radius: 5px;
    background-color: orange;
    color: white;
    font-weight: bold;
    padding: 5px;
    width: 300px;
    position: fixed;
    left: 50%;
    margin-left: -150px;
    text-align: center;
}

.bg-color-carrot {
    background-color: #f98800;
}

.border-radius-5 {
    border-radius: 5px !important;
}

.white-space-nowrap {
    white-space: nowrap;
}

/*Inicio CARDs da Aula*/
.card {
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 6px;
}

    .card > .card-link {
        color: #333;
    }

        .card > .card-link:hover {
            text-decoration: none;
        }

        .card > .card-link .card-img img {
            border-radius: 6px 6px 0 0;
        }

    .card .card-img {
        position: relative;
        padding: 0;
        display: table;
    }

        .card .card-img .card-caption {
            position: absolute;
            right: 0;
            bottom: 16px;
            left: 0;
        }

    .card .card-body {
        display: table;
        width: 100%;
        padding: 0;
        margin-right: 12px;
        margin-left: 12px;
    }

    .card .card-body-title {
        display: table;
        width: 100%;
        padding: 0px;
        margin-left: 12px;
        margin-top: 5px;
        margin-right: 12px;
    }

    .card .card-header {
        border-radius: 6px 6px 0 0;
        padding: 8px;
    }

    .card .card-footer-orange {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-green {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-gray {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-footer-red {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }
    .card .card-footer-blue {
        border-radius: 0 0 6px 6px;
        padding: 8px;
    }

    .card .card-left {
        position: relative;
        float: left;
        padding: 0 0 8px 0;
    }

    .card .card-right {
        position: relative;
        float: left;
        padding: 8px 0 0 0;
    }

    .card .card-body h1:first-child,
    .card .card-body h2:first-child,
    .card .card-body h3:first-child,
    .card .card-body h4:first-child,
    .card .card-body .h1,
    .card .card-body .h2,
    .card .card-body .h3,
    .card .card-body .h4 {
        margin-top: 0;
    }

    .card .card-body .heading {
        display: block;
    }

    .card .card-body .lead {
        text-align: center;
    }

.card-default {
    border-color: #ddd;
    background-color: #ededed;
    margin: 6px 2px 0px;
}

    .card-default > .card-header,
    .card-default > .card-footer {
        color: #333;
        background-color: #fdfdfd;
    }

    .card-default > .card-header {
        border-bottom: 1px solid #ddd;
        padding: 4px;
    }

    .card-default > .card-footer {
        border-top: 1px solid #ddd;
        padding: 4px;
    }

    .card-default > .card-footer-green {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #008000;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-gray {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #696969;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-red {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #8B0000;
        color: #FFFFFF;
        text-align: center;
    }
    .card-default > .card-footer-blue {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #292929;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-footer-orange {
        border-top: 1px solid #ddd;
        padding: 6px;
        background-color: #d35400;
        color: #FFFFFF;
        text-align: center;
    }

    .card-default > .card-body {
    }

    .card-default > .card-img:first-child img {
        border-radius: 6px 6px 0 0;
    }

    .card-default > .card-left {
        padding-right: 4px;
    }

    .card-default > .card-right {
        padding-left: 4px;
    }

    .card-default p:last-child {
        margin-bottom: 0;
    }

    .card-default .card-caption {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.one-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}

.two-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.three-line-ellipsis {
    padding-left: 0vw !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

.profile-pic {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.card-link:hover .play {
    display: block;
}


.play {
    position: absolute;
    display: none;
    top: 20%;
    width: 40px;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    z-index: 100;
    height: 100%;
}
/*.overlayPlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.overlayPlay:hover {
    background-color: rgba(0,0,0,0.7);
}*/
.card-small-text-10 {
    font-size: 10px;
    color: gray;
}

.card-small-text-11 {
    font-size: 11px;
    color: gray;
}

.card-small-text-12 {
    font-size: 12px;
    color: gray;
}

.card-small-text-12-bold {
    font-size: 12px;
    color: black;
    font-weight: bold;
}

.card-text-14 {
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.card-line-height-15 {
    line-height: 15px;
}

.card-line-height-25 {
    line-height: 15px;
}

.card-line-height-75 {
    min-height: 75px;
}

.card-line-height-60 {
    min-height: 60px;
}

.card-line-height-50 {
    min-height: 50px;
}

.card-line-height-20 {
    min-height: 20px;
}

.card-body p {
    margin-left: 0;
    margin-right: 0;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 0;
}

.card-body h4 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-card {
    min-height: 42px;
    margin: 0;
    padding: 0;
    border-radius: 12px;
}

.btn-wrap-text {
    white-space: normal !important;
    word-wrap: break-word !important;
}

.sign-up-as {
    text-align: right;
    position: relative;
    top: 8px;
    padding-right: 5px;
}

/*Fim CARds da Aula*/

.full-width {
    width: 100% !important;
}

.web-cam-monograph-line {
    position: absolute;
    z-index: 1;
    top: 150px;
    color: white;
    left: 280px;
    border: white;
    border-style: solid;
    width: 170px;
    height: 205px;
    border-right: 0px;
    border-bottom-left-radius: 75%;
    border-top: 0px;
}

.web-cam-monograph-arrow {
    width: 30px;
    height: 30px;
    border: 2px solid #FFFF;
    transform: matrix(1, 1, 1, -1, 266, 135);
    border-bottom-left-radius: 10%;
    border-right: 0px;
    border-top: 0px;
    position: absolute;
}

.mainUnsubBodyContent {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.centralUnsubBox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 2px;
    opacity: 1;
    text-align: center;
    padding-bottom: 3em;
    padding-top: 2em;
}

.unsubBody {
    overflow: auto;
    background: #EFEFEF;
}

    .unsubBody h1 {
        color: #707070;
        font: normal normal bold 24px/35px "Open Sans";
        letter-spacing: 0px;
    }

    .unsubBody p {
        font: normal normal normal 16px/25px "Open Sans";
        letter-spacing: 0px;
        color: #707070;
        text-align: left;
    }

    .unsubBody .btn-danger {
        background-color: #D1034E;
        border-color: #D1034E;
    }

.unsubBox {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.justify-items-center {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.fixed-bottom {
    position: fixed;
    bottom: 0px;
}

#header > :first-child {
    width: 350px
}

.RobotoText {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: var(--fontWeight, normal);
    font-size: var(--fontSize, 14px);
    line-height: var(--lineHeght, normal);
    color: var(--fontcolor, black);
}

.PoppinsText {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: var(--fontWeight, normal);
    font-size: var(--fontSize, 14px);
    line-height: var(--lineHeght, normal);
    color: var(--fontcolor, black);
}

.CustomOrangeBox {
    width: 52px;
    height: 32px;
    background: var(--color, #d4701938);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widthInherit {
    width: inherit;
}

.HeaderColor {
    background: #FFFFFF;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.14902);
}

.justify-items-left {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: row;
}

.circlePhoto {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.headerMinHeight {
    min-height: 56px;
}

.circleGray {
    background: #F1F1F1;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.height-fit-content {
    height: fit-content;
}

.fontRoboto14Blue {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #292929;
}

.textNotOverflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

    .textNotOverflow::after {
        content: attr(title);
        position: absolute;
        top: 0;
        left: 100%;
        white-space: pre;
        background-color: #ccc;
        padding: 5px;
        border-radius: 5px;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .textNotOverflow:hover::after {
        opacity: 1;
    }

.loading-spinner {
    border: 5px solid #e7f3ff;
    border-top: 5px solid #292929;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    animation: spin 1s linear infinite;
}

.loading-button:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-left: 5px;
    vertical-align: middle;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.field-validation-edit {
    margin-bottom: 20px;
    font-weight: bold;
}