[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
div.ui-growl {background-color: #ffffff;}

/* information  */
.infoColor{color:#2980b9;}
.infoHeader{font-family:arial,tahoma; font-size:10pt; color:#2980b9;}
.infoMessage{font-family:arial,tahoma; font-size:10pt; color:#2980b9;}
.infoReasons{font-family:arial,tahoma; font-size:10pt; color:#2980b9;}

/* error  */
.errorColor{color:#c0392b;}
.errorHeader{font-family:arial,tahoma; font-size:10pt; color:#c0392b;}
.errorMessage{font-family:arial,tahoma; font-size:10pt; color:#c0392b;}
.errorReasons{font-family:arial,tahoma; font-size:10pt; color:#c0392b;}

/* warning  */
.warningColor{color:#f39c12;}
.warningHeader{font-family:arial,tahoma; font-size:10pt; color:#f39c12;}
.warningMessage{font-family:arial,tahoma; font-size:10pt; color:#f39c12;}
.warningReasons{font-family:arial,tahoma; font-size:10pt; color:#f39c12;}

/* success  */
.successColor{color:#27ae60;}
.successHeader{font-family:arial,tahoma; font-size:10pt; color:#27ae60;}
.successMessage{font-family:arial,tahoma; font-size:10pt; color:#27ae60;}
.successReasons{font-family:arial,tahoma; font-size:10pt; color:#27ae60;}

/*journal */

.termStartEnd {
    font-family:arial;
    font-size:9pt;
    color:#000000;
}

.studyPeriod {
    font-family:tahoma;
    font-size:8pt;
    color:#000000;
}

.journalNoneMark {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#ffffff;
}

.journalHolidays {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#f48b90;
}

.journalHoliday {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#f48b90;
}


.journalSemester {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#dadae2;
    text-align: center;
    vertical-align:middle;
}
input.journalSemesterInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    width: 22px;
    background-color:#dadae2;
}

.journalSession {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#365da2;
    text-align: center;
    vertical-align:middle;
}
input.journalSessionInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#365da2;
    width: 22px;
}

.journalAttestation {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#6d97e2;
    text-align: center;
    vertical-align:middle;
}
input.journalAttestationInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#6d97e2;
    width: 22px;
}

.journalTermAverage {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#0293ce;
    text-align: center;
    vertical-align:middle;
}
input.journalTermAverage{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#0293ce;
    width: 22px;
}


.journalPractice {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#0293ce;
    text-align: center;
    vertical-align:middle;
}
input.journalPracticeInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#0293ce;
    width: 22px;
}


.journalTotal {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#000000;
    background-color:#365da2;
    text-align: center;
    vertical-align:middle;
}
input.journalTotalInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border-color:#000000;
    border-width:1px;
    border-style:solid;
    background-color:#365da2;
    width: 22px;
}
input.journalOtherInput{
    font-family:arial,tahoma;
    font-size:9pt;
    color:#333333;
    border :1px solid #000000;
    width: 22px;
}

.journalHeader {
    font-family:arial,tahoma;
    font-size:10pt;
    background-color:#ffffff;
    color:#000000;
}

.journalSundayHeader {
    font-family:arial,tahoma;
    font-size:10pt;
    background-color:#f48b90;
    color:#000000;
}

.badMark {
    font-family:arial,tahoma;
    font-size:10pt;
    color:#ff0000;
    font-weight:bold;
}

/*journal */


/* Значок для обязательного поля. Просто нужно присвоить тегу label класс requiredField */
.requiredField{

}
label.requiredField:after {content: " *"; color: red; font-size:12px; font-weight:bold;}

div.requiredField:after {content: " *"; color: red; font-size:12px; font-weight:bold;}

h2.requiredField:after {content: " *"; color: red; font-size:12px; font-weight:bold;}

.lbl-vert-center {
    position: relative;
    top: 50%;
    transform: translateY(50%);
    margin-bottom: 0 !important;
}

.lbl-vert-center input {
    float: left !important;
    margin-top: 0 !important;
    margin-right: 5px !important;
}

.td-active{
    background-color: rgba(193, 231, 242, 0.25) !important;
}
.table-journal tr td {
    border-color:#D0CECE !important;
}
 /* table first column fixed*/
/*.table-col-fixed {
    table-layout: fixed ;
    width: 100% ;
    *margin-left: -100px ;*//*ie7*//*
}
.table-col-fixed tr .fixed-td{
    position:absolute;
    *position: relative; *//*ie7*//*
    left:0;
    width:250px;;
}
.tbl-fixed-outer {
    position: relative;
}
.tbl-fixed-inner{
    overflow-x:scroll;
    overflow-y:visible;
    width:400px;
    margin-left:241px;
}*/
/* end table first column fixed*/

tr.transcriptDeletedRecord {
    background-color:#F5C6C6 !important;
}

.animate-hide {
    transition: all linear 0.3s;
    opacity: 1;
}

.animate-hide.ng-hide {
    line-height: 0;
    opacity: 0;
}

.online-consultant-div {
    right: -200px;
    position: fixed;
    top: 300px;
    width: 200px;
    z-index: 1000;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.online-consultant-a {
    /*background: #fff;*/
    border-radius: 3px 0 0 3px;
    background-clip: padding-box;
    cursor: pointer;
    left: -40px;
    position: absolute;
    text-align: center;
    width: 37px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.onlineWithoutContext {
    color: #2ecc71;
    width: 12px;
    height: 12px;
    left: 42px;
    top: 32px;
    position: absolute;
    z-index: 999;
}

.clickable {
    cursor: pointer;
}

ul.inlineButtons {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
}

ul.inlineButtons li {
    float: left;
    margin-right: 3px;
}

.table-compact tbody > tr > td {
    padding: 1px 8px !important;
}
.table-compact-2x tbody > tr > td {
    padding: 1px 4px !important;
}
.table-compact-5x tbody > tr > td {
    padding: 5px 8px !important;
}

.current-progress-table > thead > tr > td.danger,
.current-progress-table > thead > tr > th.danger,
.current-progress-table > thead > tr.danger > td,
.current-progress-table > thead > tr.danger > th,
.current-progress-table > tbody > tr > td.danger,
.current-progress-table > tbody > tr > th.danger,
.current-progress-table > tbody > tr.danger > td,
.current-progress-table > tbody > tr.danger > th {
    background-color: #ff8c95 !important;
}
.current-progress-table > thead > tr > td.info,
.current-progress-table > thead > tr > th.info,
.current-progress-table > thead > tr.info > td,
.current-progress-table > thead > tr.info > th,
.current-progress-table > tbody > tr > td.info,
.current-progress-table > tbody > tr > th.info,
.current-progress-table > tbody > tr.info > td,
.current-progress-table > tbody > tr.info > th {
    background-color: lightskyblue !important;
}
.current-progress-table > thead > tr > td.warning,
.current-progress-table > thead > tr > th.warning,
.current-progress-table > thead > tr.warning > td,
.current-progress-table > thead > tr.warning > th,
.current-progress-table > tbody > tr > td.warning,
.current-progress-table > tbody > tr > th.warning,
.current-progress-table > tbody > tr.warning > td,
.current-progress-table > tbody > tr.warning > th {
    background-color: #fff1be !important;
}
.current-progress-table > thead > tr > td.success,
.current-progress-table > thead > tr > th.success,
.current-progress-table > thead > tr.success > td,
.current-progress-table > thead > tr.success > th,
.current-progress-table > tbody > tr > td.success,
.current-progress-table > tbody > tr > th.success,
.current-progress-table > tbody > tr.success > td,
.current-progress-table > tbody > tr.success > th {
    background-color: lightgreen !important;
}
.current-progress-table > thead > tr > td.active,
.current-progress-table > thead > tr > th.active,
.current-progress-table > thead > tr.active > td,
.current-progress-table > thead > tr.active > th,
.current-progress-table > tbody > tr > td.active,
.current-progress-table > tbody > tr > th.active,
.current-progress-table > tbody > tr.active > td,
.current-progress-table > tbody > tr.active > th {
    background-color: #BBBBBB !important;
}

.bottom-right {
    right: 0;
    bottom: 0;
    position: absolute;
}

.bottom-left {
    left: 0;
    bottom: 0;
    position: absolute;
}

.notif {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.navigation {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav_li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.list-group-item.active>.notif,
.navigation-pills>
.active>a>.notif {
    color: #337ab7;
    background-color: #fff;
}

.navigation-pills>nav_li>a>.notif {
    margin-left: 3px;
}

.nav_ul {
    margin-top: 0 !important;
    margin-bottom: 10px;
}

nav_ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.navigation-pills>nav_li.active>a,
.navigation-pills>nav_li.active>a:focus,
.navigation-pills>nav_li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
}

.navigation-pills>nav_li>a:focus, .navigation>nav_li>a:hover {
    text-decoration: none;
    background-color: #eee;
}

.navigation-pills>nav_li {
    float: left !important;
}

.navigation-pills>nav_li>a {
    border-radius: 4px;
}

.navigation>nav_li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navigation-pills > nav_li {
    float: left;
}

.navigation-pills > nav_li > a {
    border-radius: 4px;
}

.navigation-pills > nav_li + nav_li {
    margin-left: 2px;
}

.navigation-pills > nav_li > a > .notif {
    margin-left: 3px;
}

.table-fixed-header tbody {
    display:block;
    height:450px;
     overflow:auto;
}
.table-fixed-header thead, .table-fixed-header tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.table-fixed-header thead {
    width: calc( 100% - 1em )
}

.table-fixed-header td {
    word-wrap: break-word
}
.assignment-recipient-status {
    border-radius: 14px;
    color: white;
    background-color: transparent!important;
}

.assignment-recipient-status:hover {
    background-color: #f5f5f5;
}
.assignment-assigned {
    background-color: #f3d45a !important;
}
.assignment-in_progress {
    background-color: #8bdcf7!important;
}
.assignment-sent_to_check {
    background-color: #d7aaf7!important;
}
.assignment-sent_back_to {
    background-color:#f1c40f !important;
}
.assignment-done {
    background-color: #7bf77b!important;
}
.assignment-cancelled {
    background-color: #9e9a9a !important;
}
.assignment-expired {
    background-color: #fd968c !important;
}
.assignment-in_queue {
    background-color: #f7b48b !important;
}
.table-ws td, .table-ws th {
    white-space: normal !important;
}

/*====== Margin-top css starts ======*/
.m-t-0 {
    margin-top: 0px;
}

.m-t-3 {
    margin-top: 5px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-35 {
    margin-top: 35px;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-t-50 {
    margin-top: 50px;
}

/*====== Margin-top css ends ======*/
/*====== Margin-Bottom css starts ======*/
.m-b-0 {
    margin-bottom: 0px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-13 {
    margin-bottom: 13px!important;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-35 {
    margin-bottom: 35px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-b-45 {
    margin-bottom: 45px;
}

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

/*====== Margin-Bottom css ends ======*/
/*====== Margin-left css starts ======*/
.m-l-0 {
    margin-left: 0px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

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

.m-l-20 {
    margin-left: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-l-35 {
    margin-left: 35px;
}

.m-l-40 {
    margin-left: 40px;
}

.m-l-45 {
    margin-left: 45px;
}

.m-l-50 {
    margin-left: 50px;
}

/*====== Margin-left css ends ======*/
/*====== Margin-right css starts ======*/
.m-r-0 {
    margin-right: 0px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

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

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-r-35 {
    margin-right: 35px;
}

.m-r-40 {
    margin-right: 40px;
}

.m-r-45 {
    margin-right: 45px;
}

.m-r-50 {
    margin-right: 50px;
}

/*====== Margin-right css ends ======*/

.swal2-html-container {
    font-size: 15px !important;
}

/*====== Proctoring wrapper styles ======*/
/* Override Bootstrap's input[type="file"] display for hidden file handlers */
.upload-attachment-filehandler,
.proctoring-wrapper .upload-attachment-filehandler,
input[type="file"].upload-attachment-filehandler {
    display: none !important;
}

/* Ensure form controls maintain their Bootstrap styling in proctoring wrapper */
.proctoring-wrapper select.form-control,
.proctoring-wrapper input.form-control,
.proctoring-wrapper textarea.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.proctoring-wrapper textarea.form-control {
    height: auto;
}