html {
    background:none;
}
body {
    background:url(../images/desktop.jpg) no-repeat right bottom / cover;
    font-family:Arial;
}
a {
  color: #007fc5;
}
#x-desktop {
    background:url(../images/desktop.png) no-repeat 50px 95%;
}
#login_board {
    background:url(../images/login.png) no-repeat;
    width:390px;
    height:220px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-220px;
    margin-left:-195px;
}
#login_board .copyright {
    position:absolute;
    bottom:-20px;
    width:390px;
    text-align:center;
    left:0px;
}
.x-form-field {
    color: #333;
}
#formsubmit {
    padding-top:15px;
    float: right;
    /*margin-right: 20px;*/
}
#formsubmit input{
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-radius: 4px 4px 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 4px 10px;
  text-align: center;
  vertical-align: middle;
  color:#fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}
#formsubmit input:hover {
  color: #fff;
  text-decoration: none;
  background-color: #f89406;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

#formsubmit input:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

#formsubmit input:active {
background-color: #c67605 \9;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
#formsubmit input:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.clear {
    clear:both;
}
#login_board  #frame  {
padding:0 40px;
padding-top:17px;
}
.text_field {
    padding:5px 0;
}
.text_field input {
  color: #333333;
  font-size: 14px;
  height: 24px;
  padding-left: 3px;
  width: 100%;
}
select.text_field {
  color: #333333;
  font-size: 14px;
  padding: 0;
  width: 100%;
}
.text_field label {
  color: #5e5e5e;
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  text-align:left;
}
.monospace {
    font-family: "Consolas", "Courier New", monospace !important;
}
div.demo-login-panel {
    margin: 15px 0;
}
.base-desktop-image {
    background-repeat: no-repeat;
    background-position: top center;
    width: 65px;
    height: 65px;
    display: block;
}
.ux-taskbutton-left, .ux-taskbutton-right, .ux-startbutton-left, .ux-startbutton-right{
    background:none;
}
.ux-startbutton-center {
  background: url("../images/pusk.png") repeat-x scroll transparent;
  background-position: 0 0 !important;
  border:1px solid #b25b20;
  border-bottom:none;
}
.x-btn-text-icon .ux-startbutton-center .x-btn-text {
  background-position: 7px 6px;
  background-repeat: no-repeat;
  color: #fff !important;
  font-size:14px;
  font-weight: bold;
  padding: 7px 7px 7px 30px;
}
.start {
  background-image: url("../images/startbutton-icon.png") !important;
}
#ux-taskbuttons-panel .x-btn .ux-taskbutton-center {
  background: url("../images/taskbutton.png") repeat-x scroll 0 0px transparent;
  cursor: pointer;
  vertical-align: middle;
  white-space: nowrap;
  border-left:1px solid #676d71;
  border-right:1px solid #676d71;
}
#ux-taskbuttons-panel .x-btn .ux-taskbutton-center button{
  padding: 0 5px;
  text-align: left;
  font-size: 11px;
}
#ux-taskbuttons-panel .x-btn-over .ux-taskbutton-center {
  background-position: 0 -30px;
}
#ux-taskbuttons-panel .x-btn-click .ux-taskbutton-center {
  background-position: 0 -60px;
}
#ux-taskbuttons-panel, #ux-taskbar-start {
  background: url("../images/taskbuttons-panel-bg.png") repeat-x scroll left top #000000;
}
#ux-taskbar .x-splitbar-h {
  background: url("../images/taskbar-split-h.png") no-repeat scroll 0 0 #000000;
  width: 8px;
}
#x-shortcuts {
  margin-top:20px;
  margin-left:20px;
  margin-right: 350px;
}
#x-shortcuts td div {
  color: #000;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size:14px;
}
#x-shortcuts td {
  display: block;
  float: left;
  font: 10px tahoma,arial,verdana,sans-serif;
  margin: 15px 0 0 15px;
  text-align: center;
  width: 100px;
  height: 100px;
}
#x-shortcuts td a {
  color: white;
  display: block;
  text-decoration: none;
  width: 100px;
}
.units {
    background-image:url(../images/icons/units65.png);
}
.journal {
    background-image:url(../images/icons/journal65.png);
}
.myunitdata {
    background-image:url(../images/icons/unitdata65.png);
}
.students {
    background-image:url(../images/icons/students65.png);
}
.staff {
    background-image:url(../images/icons/staff65.png);
}
.portfolio {
    background-image:url(../images/icons/portfolio65.png);
}
.groups {
    background-image:url(../images/icons/groups65.png);
}
.schedule {
    background-image:url(../images/icons/schedule65.png);
}
.reports {
    background-image:url(../images/icons/reports65.png);
}
.enrolments {
    background-image:url(../images/icons/enrolment65.png);
}
.events {
    background-image:url(../images/icons/events65.png);
}
.arrow-merge {
    background-image:url(/static/m3/icons/arrow_merge.png);
}
.house_link {
    background-image:url(/static/m3/icons/house_link.png);
}
.arrow_rotate_anticlockwise {
    background-image:url(/static/m3/icons/arrow_rotate_anticlockwise.png);
}
.database_table {
    background-image:url(/static/m3/icons/database_table.png);
}

.today {
color:#5e5e5e;
}
.today-date {
    font-size:16px;
    color:#5e5e5e;
}
.timepole {
  background: url("../images/timepole.png") no-repeat scroll 0 0 transparent;
  float: left;
  font-size: 24px;
  font-weight: bold;
  height: 37px;
  line-height: 37px;
  text-align: center;
  width: 42px;
  color:#fff;
}
#unread_message {
  margin: 20px 0 20px;
  background:#e8e8e8;
  }
#unread_message .title .fgr {
  background: url("../images/messico.png") no-repeat scroll 90% 6px;
  padding: 8px 15px;
  font-weight: bold;
}
#unread_message .title {
  background: url("../images/message.png") repeat-x;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding:0;
  text-transform: uppercase;
}
.text-widget {
    padding-bottom:5px;
}
#widget-message {
  color: #454545;
  padding: 7px 15px 7px;
}
#unread_message a {
  display: block;
  padding-bottom: 10px;
  padding-left: 15px;
}
#widget-employee > p {
  line-height: 25px;
}
.wid-item {
    padding: 5px 0 5px;
    border-top: 1px dotted #5e5e5e;
}
.wid-item:first-child{
    border-top: 0;
    padding-top: 0;
}
.razdel {
  color: #C0C0C0;
  float: left;
  font-size: 26px;
  height: 37px;
}
.desktop .widgets
{
    float:right;
    margin:20px;
}

.desktop .info
{
    width:157px;
    padding:0 22px 3px 22px;
}

.desktop .widget
{
    width:334px;
    margin-bottom:2px;
    padding-bottom: 25px;
    background:url('../images/wid-b.png') left bottom no-repeat;
}
.desktop .widget .header
{
    width:334px;
    height:25px;
    overflow:hidden;
    background:url('../images/wid-t.png') left top no-repeat;
}
.desktop .widget .content
{
    color:#5e5e5e;
    background:url('../images/wid-c.png') left top repeat-y;
}
.desktop .widget .content .wbg {
    padding:0 30px;
}
.title {
  color: #E64705;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 0 5px;
}
.desktop .title.mn
{
    font-weight:100;
    font-size:16px;
    font-family:Tahoma;
    color:#5e5e5e;
    padding:10px 0 5px 0;
}
.desktop .title.mn span
{
    color:#e64705;
}
.desktop .widget .content .item-block-widget
{
    padding:0 0 15px 0;
    background:url(../images/widgets/border_bottom.png) bottom center repeat-x;
}

.desktop .widget .content .item-block-widget a
{
    color:#0041ad;
}

.desktop .widget .content .item-block-widget a:hover
{
    text-decoration:none;
}

.desktop .word
{
    padding-bottom:10px;
}

.desktop .widget .panel
{
    border:1px solid red;
    background:#fff;

    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.desktop .widget .calendar
{
    border-color:#add8ea;
    background-color:#eef6fa;
    margin-top:15px;
    padding:5px 5px 3px 3px;
}
.desktop .widget .calendar .month
{
    text-align:center;
    padding:4px 0 8px 0;
    font-size:11px;
    color:#0e799f;
}
.desktop .widget .calendar .empty-day,
.desktop .widget .calendar .day
{
    float:left;
    margin:0 0 2px 2px;
    border:1px solid #d6edf5;
    background:#ffffff;
    color:black;
    font-size:11px;
    width:17px;
    height:17px;
    text-align:center;
    line-height:17px;

    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.desktop .widget .calendar .empty-day
{
    background-color:#f8fbfb;
    color:black;
    cursor:default;

}
.desktop .widget .calendar .day:hover,
.desktop .widget .calendar .active-day
{
    background:#e5f7fd;
    border-color:#7abdd4;
    color:#0e799f;
    cursor:pointer;
}

.desktop .widget  .x-date-inner td {
    border-color: #ddd;
}

.desktop .widget .x-date-inner .x-date-disabled a {
    background-color: #DCE8EE;
    color: #ccc;
}

#widget-calendar .x-date-inner .x-date-today a {
    border: none;
}
/*
#widget-calendar .x-date-disabled a {
    background-color: #FFF;
}
*/
#widget-calendar .x-date-active {
    border: 1px solid #000;
    background-color: #CDE6FB;
}

.support-contacts {
	position: absolute;
    right: 20px;
    bottom: 20px;
    width: 304px;
}

#clock {
    position: relative;
    width: 148px;
    height: 148px;
    margin: 2px auto 0 auto;
    background: url(../images/widgets/clock-face.png);
    list-style: none;
}

#sec, #min, #hour {
    position: absolute;
    width: 7px;
    height: 148px;
    top: 0px;
    left: 71px;
}

#sec {
    background: url(../images/widgets/clock-sec-hand.png);
    z-index: 3;
}

#min {
    background: url(../images/widgets/clock-min-hand.png);
    z-index: 2;
}

#hour {
    background: url(../images/widgets/clock-hour-hand.png);
    z-index: 1;
}

.desktop .widget .name-user { float:left; }
.desktop .widget .name-user .wel { color:#1d2057; text-transform:uppercase; font-size:14px; }
.desktop .widget .name-user .nus { color:#0041ad; font-size:14px; }
.desktop .widget .icexit { float:right; cursor:pointer; }

#ux-taskbuttons-panel .active-win .ux-taskbutton-center {
    background-position: 0 -60px;
}
#ux-taskbar .active-win .ux-taskbutton-right {
    background:none !important;
}

/*
  фикс для подзаголовков грида, если высота больше одной строки
  (чтобы фон был равномерный)
*/
td.x-grid3-cell .x-grid3-hd-inner {
  background-image: none !important;
  background-color: transparent !important;
}

/*
   Фикс для ячеек грида, когда высота ячейки больше одной строки
*/
div.x-grid3-row table.x-grid3-row-table {
    height: 100%;
}

/*
  Стиль для гридов, разрешающий перенос текста по словам
*/
.word-wrap-grid .x-grid3-hd-inner {
  white-space:normal;
}
.word-wrap-grid .x-grid3-cell-inner {
  white-space:normal;
}

/*
  Стиль для гридов, разрешающий перенос текста по словам, но без переноса
  в заголовках колонок грида
*/
.word-wrap-grid-without-header .x-grid3-cell-inner {
  white-space:normal;
}

/*
  Стиль для комбобоксов, исправляющий высоту пустых этеметнов
*/
.x-combo-list-item {
  min-height: 13px !important;
  white-space: normal;
}

.schedule-grid .cell-subject {
  font-weight: bold;
  color: #FF7F78;
  font-size: 13px;
}

.schedule-grid .cell-subject {
  font-weight: bold;
  color: #FF7F78;
  font-size: 13px;
}
.schedule-grid .cell-group {
  font-weight: bold;
  color: #00A2E8;
}
.schedule-grid .cell-pupil {
  font-weight: bold;
  color: #00A2E8;
}
.schedule-grid .cell-subgroup {
  color: #333;
}
.schedule-grid .cell-office {
  font-style: italic;
  color: #777;
}
.schedule-grid .cell-time-str {
  font-weight: bold;
  color: black;
  font-size: 120%;
}
.schedule-grid .cell-individual-lesson-pupils {
  color: #650071;
  font-size: 100%;
}
.schedule-grid .cell-empty {
  color: #ccc;
}
.schedule-grid .cell-dismiss {
  color: #ccc;
  font-style: italic;
}
.schedule-grid .cell-weekend {
    color: #f99649;
    font-style: italic;
}
.schedule-grid .cell-holiday {
    color: red;
}
.schedule-grid .held {
    background-color: #b4f0b4;
}

.schedule-grid .cancel {
    font-weight: bold;
    color: #973400;
    font-size: 13px;
}

.schedule-grid .x-grid3-cell-selected {
  background-color: #eee!important;
}
.schedule-grid hr {
  border: medium none;
  height: 2px;
  background-color: #ddd;
}

.schedule-calls-grid .cell-call-common-exclusion,
.schedule-calls-grid .cell-call-group-exclusion {
    border: 1px solid red;
    color: red;
    padding: 2px;
}

.schedule-calls-grid .cell-call-group-exclusion {
    border: 1px solid #FF00FF;
    color: #FF00FF;
}

.schedule-calls-grid .cell-call,
.schedule-calls-grid .cell-call-common-exclusion,
.schedule-calls-grid .cell-call-group-exclusion {
    font-size: 12px;
    margin: 2px;
}
.schedule-calls-grid .call-index {
    font-size: 10px;
}

.link_auth, .resetpassword {
    float: left;
    padding-top:24px;
}

.link_auth a, .resetpassword a {
    color: #a2a2a2;
    text-decoration: none;
}

.link_auth a:hover, .resetpassword a:hover {
    color: #878787;
    text-decoration: underline;
}

.resetpassword-block .text_field input {
  color: #333333;
  font-size: 12px;
  height: 24px;
  margin-left: 8px;
  padding-left: 3px;
  width: 255px;

}
.resetpassword-block .text_field label {
    color: #5e5e5e;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
    padding-left: 25px;
    text-align: left;
}

.journal-group-select-list .without-lessons{
   color: gray;
}

.journal-grid .mark-cell .mark-suffix{
   padding-left: 0.2em
}
.journal-grid .pupil-intervals{
   color: blue;
}

.default-launcher {
    background-image: url(../images/default-launcher.png) !important;
}

.default-launch-group {
    background-image: url(../images/default-launch-group.png) !important;
    background-repeat: no-repeat;
}

.about_block {
    background-color: white;
    margin: 0;
    height: 100%;
}

.about_block > center > img {
    margin-top: 10px;
}

.about_project_name {
    font-family: Tahoma;
    font-size: 12px;
    color: #777777;
}

.about_block #spoiler {
    display:none;
    padding: 10px;
}
/* Стили для отображения в интерфейсе ExtJS обычного HTML */
.raw_html table {
    table-layout: auto;
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    empty-cells: show;
}
.raw_html table th {
    text-align: center;
    font-weight: bold;
    border: solid #99BBE8 1px;
    vertical-align: middle;
    padding: 3px 5px;
}
.raw_html table td {
    font-weight: normal;
    border: solid #99BBE8 1px;
    vertical-align: middle;
    padding: 3px 5px;
}

.about-system {
    background-image: url('../images/icons/about_system.png') !important;
}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.default-login {
    padding-bottom: 29px;
}

.esia-login, .barsam-login {
    padding: 27px 35px;
    border-top: 1px solid #0b85c8;
    background: #cee7f4;
    margin: 0 -35px 0 -35px;
    border-radius: 0 0 8px 8px;
}

.esia-login.esia-only, .barsam-login.barsam-only {
    margin-top: -30px;
    border-top: 0;
    border-radius: 8px;
}

.esia-login .esia-login-button, .barsam-login .barsam-login-button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-radius: 4px 4px 4px 4px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 9px 10px 7px;
    text-align: center;
    vertical-align: middle;
    color:#fff;
    display: block;
    text-transform: uppercase;
    background-color: #0c86c9;
    background-image: -ms-linear-gradient(top, #31ace3, #0c86c9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#31ace3), to(#0c86c9));
    background-image: -webkit-linear-gradient(top, #31ace3, #0c86c9);
    background-image: -o-linear-gradient(top, #31ace3, #0c86c9);
    background-image: -moz-linear-gradient(top, #31ace3, #0c86c9);
    background-image: linear-gradient(top, #31ace3, #0c86c9);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#31ace3', endColorstr='#0c86c9', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    text-decoration: none;
    transition: all 0.2s;
}
.esia-login .esia-login-button:hover, .barsam-login .barsam-login-button:hover {
    background: #31ace3;
}

.esia-login .esia-admin-link {
    padding-top:8px;
    float: right;
    color: #a2a2a2;
    text-decoration: none;
}

.esia-login .esia-admin-link:hover {
    color: #878787;
    text-decoration: underline;
}

.login_from,
.login_from * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login_from {
    width: 416px;
    border: 1px solid #cccccc;
    border-radius: 16px;
    overflow: hidden;
    background: #f2f2f2;
    padding: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -208px;
    margin-top: -50px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.login_from form {
    background: #fff;
    border-radius: 8px;
    padding: 30px 35px 0;
}

.support-contacts-login {
    font-size: 14px;
    color: #5e5e5e;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -104px;
    margin-top: 145px;
    text-align: center;
}

@media (max-height: 730px) {
    .support-contacts-login {
        top: 60px;
    }
}

.x-item-disabled {
  color: black;
  opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70);
}
.x-item-disabled * {color: black!important;}
/*
   Окно с информацией о зависимых объектах. Отображается при удалении объектов.
*/
div.related-objects h1 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #880000;
    padding: 5px;
}
div.related-objects table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin-top: 15px;
}
div.related-objects th.description {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding: 5px;
    background-color: #cccccc;
}
div.related-objects th {
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    background-color: #fafafa;
}
div.related-objects th,
div.related-objects td {
    padding: 6px 9px;
    border: 1px solid #eeeeff;
    font-size: 9pt;
}

div#x-desktop{
    height: 943px;
    display: inline-flex;
    flex-wrap: wrap;
    overflow-y: auto;
    justify-content: space-between;
}

div#x-desktop table#x-shortcuts{
    margin: auto;
    margin-top: 0;
    width: calc(100% - 380px);
    position: static;
}
div#x-desktop div.support-contacts {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: 20px;
    width: 304px;
    position: static;
}
.journal-no-lesson-cell{
    background: #ededed;
}
/*
    Правит у элементов vbox с классом overflow-y-auto-vbox поведение overflow
*/
div.overflow-y-auto-vbox > div:only-child{
    overflow-y: auto;
}
.login-info-panel{
    position: fixed;
    width: 60%;
    bottom: 10px;
    right: 20px;
    text-align: right;
    color: #a2a2a2;
    font-size: 10px;
    word-break: break-word;
}
.login-title-panel{
    width: 100%;
    text-align: center;
    font-size: 20px;
    word-break: break-word !important;
}