[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;
}

input.journalTesting {
    background-color: #f7f295;
}

input.journalAbsentValid {
    background-color:	#FDDA0D;
}

.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;}

.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;
}

.unselectable {
    user-select: none;
}

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;
}
.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;
}

.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;
}

.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;
}

.v-align {
    display: flex;
    align-items: center;
}
.release-flicker {
    display: block;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    color: green;
    animation-name: flicker;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes flicker {
    0%   {color: palegreen;}
    25%  {color: forestgreen;}
    50%  {color: green;}
    100% {color: mediumseagreen;}
}