* {
    font-family: tahoma, sans-serif
}

body {
    padding: 20px;
    font-size: 12px
}

a img {
    border: none
}

.left {
    display: block;
    float: left
}

.right {
    display: block;
    float: right
}

.tblayout {
    font-size: 1em
}

.title-main {
    font-size: 11px;
    padding-top: 1px;
    padding-left: 10px
}

.div-spacer {
    font-size: 1px;
    margin-bottom: 1px;
}

.text-red {
    color: red;
}

td.tit {
    font-size: 9pt;
    font-weight: bold;
    color: #ffffff
}

select,
textarea {
    font-size: 12px;
    border: 1px solid #405868;
    background: #ebebeb;
    padding-bottom: 2px;
}
#etable select, textarea {
    margin: 8px 0 8px 0;
    min-width: 295px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#etable select, #etable textarea {
    max-width: 350px; }
input {
    font-size: 12px;
    border: 1px solid #405868;
    background: #efefef;
}

option {
    border-bottom: 1px solid #fff;
}

option.groupitem {
    color: white;
    background: #626970;
}

.staffd1plus {
    font-size: 12px;
    color: #405868;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #9cb3c2;
    background: #F4F6F8 url('/Skins/defaultskin/pics/plus.gif') -1px -1px no-repeat;
    margin: 10px 0;
    padding: 3px;
    padding-left: 23px;
}

.staffd1minus {
    font-size: 12px;
    color: #405868;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #9cb3c2;
    background: #F4F6F8;
    margin: 10px 0 0 0;
    padding: 3px;
    padding-left: 23px;
    background: url('/Skins/defaultskin/pics/minus.gif') -1px -1px no-repeat;
}

.td-slider-1 {
    text-align: right;
    vertical-align: top;
    width: 3px;
    border: 0;
    background: #ffffff;
}

.td-slider-0 {
    text-align: left;
    vertical-align: top;
    width: 3px;
    border: 0;
    background: #ffffff;
}


/*popup отображения настроек видимости колонок*/

.col_vis_options_style1 {
    color: #405868;
    background-color: white;
    padding: 12px;
    border: #ababab 1px solid;
}

.col_vis_options_style2 {
    font-weight: bold;
    text-align: center
}

div.wait_back_screen {
    background: #fff;
    position: absolute;
    left: 0;
    opacity: 0.9;
    filter: alpha(opacity=10)
}

div.wait_dlg {
    width: 300px;
    height: 100px;
    background: #f7f7f7;
    position: absolute;
    border: 2px solid #505050;
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -150px;
}

div.wait_dlg p {
    font-size: 14px;
    color: #505050;    
    font-weight: 400;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 80px;
}


div.wait_dlg img.loader {
    margin: 0 20px 0 -45px;
    width: 16px;
    height: 16px
}

img.loader {
    position: absolute;
}

table.common {
    margin: 0 0 20px 0
}

table.common td {
    border: 1px solid #e1e2e6;
    font-size: 12px;
    padding: 4px 7px
}

.td-title {
    background: #d8e4eb;
    color: #405868;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 20px 0 0;
    padding: 3px
}

table.sort {
    background: #d0dbe2;
    margin: 0 20px 10px 0;
    width: 100%
}

table.sort td {
    border: 1px solid #e1e2e6;
    font-size: 12px;
    padding: 4px 7px
}

table.sort thead td {
    background: #d8e4eb;
    color: #405868;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    vertical-align: middle
}

table.sort thead td.curcol {
    background: #d0dbe2
}

td.t1 {
    background: #f4f6f8;
    color: #405868;
    font-weight: bold;
    font-size: 12px
}

td.t2 {
    background: #f4f6f8;
    color: #405868;
    font-weight: bold;
    font-size: 12px
}

td.tsimple {
    background: #ffffff;
    color: #405868;
    vertical-align: top;
    font-size: 12px;
    text-align: left
}


/*Оформление нового календаря*/

html,
body {
    width: 100%;
    height: 100%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.main {
    width: 100%;
    height: 100%;
    position: relative;
}

.employerList {
    width: 100%;
    height: 50px;
    overflow: auto;
}

.ContentPane {
    padding: 0;
    margin: 0;
}

.dojoSplitPane {
    margin: 5px;
}

.treeCheckBox {
    height: 14px;
    margin: 0;
    padding: 0;
    border: 1px;
    vertical-align: middle;
}

.treeTable tr {
    vertical-align: top;
}

div.dojoTab {
    float: right;
}

.grid-cell,
.grid-cell-past {
    position: absolute;
    border: 0;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.grid-cell-selected {
    background: #ffffcc;
    opacity: 0.7;
}

.grid-cell-today {
    /*background: #ffffcc; opacity: 0.1; filter: alpha(opacity=01);*/
}

.grid-cell span {
    color: #404040;
    text-decoration: none;
}

.grid-cell-past span {
    color: #235dff;
    text-decoration: none;
}

.grid-cell-header {
    width: 100%;
    height: 15px;
    border: 0;
    border-bottom: 0 solid #abcdef;
    background: transparent;
}

.grid-cell-date {
    font-size: 11px;
    padding-left: 3px;
    padding-bottom: 3px;
}

.cell-div-top {
    width: 100%;
}

.cell-div-bottom {
    width: 100%;
    height: 15px;
    margin-top: 5px;
    text-align: center;
}

.cell-showall-div {
    position: absolute;
    z-index: 3;
    background: #ffffff;
    border: 0 solid #abcdef;
    padding: 2px;
}

.calendar-grid {
    position: absolute;
    /*z-index: 1;*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*margin-left: 5px; margin-top: 5px;*/
}

.additional-grid {
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
}

.grid-header {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
}

.grid-header-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
}

.grid-header-div {
    position: absolute;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.grid-header-left-div {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.event-container {
    position: absolute;
    /*z-index: 1;*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*margin-left: 5px;margin-top: 5px;*/
}

.event {
    position: absolute;
    /*z-index: 1;*/
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #535353;
}

.event-system {
    position: absolute;
    /*z-index: 1;*/
    overflow: hidden;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.event-inner-text span {
    /*font-size: 9px;*/
    overflow: hidden;
    width: 98%;
    padding: 1px 1px 1px 1px/*padding-left: 3px; overflow-x: hidden;*/
}

.event-inner-text a {
    text-decoration: none;
    color: inherit;
    font-size: 11px;
}

.event-inner-text a:hover {
    text-decoration: underline;
    color: #ff6600;
    font-size: 11px;
}

.event-inner-text nobr {
    font-size: 11px;
    padding-left: 5px
}

.event-img {
    background: transparent;
    float: left;
}

.event-link {}

.dojoDialog {
    background: #eee;
    border: 1px solid #999;
    -moz-border-radius: 5px;
    padding: 4px;
}

.textarea {
    height: 50px;
}

table.weektable {
    width: 100%;
    border: 0;
}

table.weektable td {
    border: 0;
    text-align: left;
}

#calendars {
    padding: 0
}

#rightPane {
    margin: 0;
}


/*Навигационная панель*/

.navigator
/*table*/

{
    width: 100%;
    text-align: center;
    border: 0
}

.navigator .caption
/*июль 2007*/

{
    text-align: center;
    font-weight: bold;
    color: #ff6600
}

.prevMonth,
.nextMonth {
    cursor: pointer;
    border: 0
}

.calendar_content {
    padding-bottom: 15px
}

.numweek {
    background: #e1e2e6;
    color: #71768b;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.weekday,
.numweeks {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    border-bottom: 1px solid #e1e2e6
}

.currentM {
    background: transparent;
    border: none;
    color: #000;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    height: 15px
}

.presentday {
    background: #E1E2E6;
    font-weight: bold;
    cursor: pointer;
    height: 15px
}

.eventday {
    font-weight: bold;
    cursor: pointer;
    height: 15px
}

.otherPrevMonth,
.otherNextMonth {
    cursor: pointer;
    background: transparent;
    border: none;
    color: grey;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    height: 15px
}

.holiday {
    cursor: pointer;
    background: transparent;
    border: none;
    color: red;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    height: 15px
}


/*td выходной день*/


/*Печать документа*/

.print_doc_header {
    text-align: center;
    font-size: 12px;
}

.print_doc_table {
    width: 90%;
}

.print_doc_table td {
    padding: 4px;
    border: 1px solid #71768B
}


/*Шаблоны ИРГ*/

.igt-container {
    margin: 5px 0;
}

.igt {
    margin-top: 3px;
}

.igt span {
    display: none
}

.igt img {
    margin-bottom: -4px;
    cursor: pointer;
}

.ig-container {
    margin: 8px 10px;
    background: #F8F8F9;
    padding: 5px 10px;
    border: 1px solid #71768B
}

.ig-select {
    padding-bottom: 5px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 5px
}

.ig-add {
    margin: 5px 0 0 19px
}

.ig {
    margin-top: 3px
}

.ig span {
    font-size: 90%;
    display: block;
    margin-left: 19px;
    color: #666666
}

input[disabled] {
    color: #C2C2C2 !important;
}

input[disabled].button {
    border: 1px solid #C2C2C2 !important;
}


/*Кнопки ЭЦП*/

.signature-image {
    display: none;
    width: 16px;
    height: 16px;
}

.signature-check-image {
    display: none;
    width: 16px;
    height: 16px;
}

.signBtnActive {
    background-image: url(/Skins/defaultskin/Images/btn_signature.svg);
    cursor: pointer;
    display: inline;
}

.signBtnInactive {
    background-image: url(/Skins/defaultskin/Images/btn_signature-inactive.svg);
    cursor: default;
    display: inline;
}

.verifyBtnActive {
    background-image: url(/Skins/defaultskin/Images/btn_signature-check.svg);
    cursor: pointer;
    display: inline;
}

.verifyBtnInactive {
    background-image: url(/Skins/defaultskin/Images/btn_signature-check-inactive.svg);
    cursor: default;
    display: inline;
}

.action-button, .btn-add, .btn-clear, .scan {
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.btn-add {
    background-image: url(/Skins/defaultskin/Images/add.svg);
}

.btn-clear {
    background-image: url(/Skins/defaultskin/Images/clear.svg);
}

.attach {
    background-image: url(/Skins/defaultskin/Images/attach.svg);
}

.scan {
    background-image: url(/Skins/defaultskin/Images/scan.svg);
}

.calendar-top-margin {
    margin-top: -2px;
}

.calendar-left-margin {
    margin-left: 2px;
}

/*Оформление календаря*/
table#calendardiv {width:100%}
table#calendardiv td.sep {width:33%}
table#calendardiv td.month-cell {padding:0 7px 15px 7px; text-align:center}
table#calendardiv td.month-cell h3 {font-size:1.3em; font-weight:bold; padding-bottom:10px}
#calendardiv .holiday a {display:block; background:#71768b; border:1px solid #71768b; color:#fffab2; font-size:1.1em; padding:3px; text-decoration:none; text-align:center;}
#calendardiv .holiday a:hover {background:#878da6}
#calendardiv .routine a {display:block; background:transparent; border:none; color:#000; font-size:1.1em; padding:3px; text-decoration:none; text-align:center;}
#calendardiv .routine a:hover {background:#e1e2e6}
#calendardiv .weeknum {border:1px solid #71768b; border-width:1px 1px 1px 0}
#calendardiv .weeknum a {display:block; background:#e1e2e6; color:#71768b; font-size:1.1em; padding:3px; text-decoration:none; text-align:center;}
#calendardiv .weeknum a:hover {background:#e1e2e6}
#calendardiv .holiday-title {border:1px solid #71768b; border-width:0 1px 1px 1px; color:#ff6600; padding:3px; font-size:1.1em; font-weight:bold; text-decoration:none; text-align:center;}
#calendardiv .routine-title {border:1px solid #71768b; border-width:0 1px 1px 1px; color:#000; padding:3px; font-size:1.1em; font-weight:bold; text-decoration:none; text-align:center;}
#calendardiv .holiday-presentday a {display:block; background:#71768b; border:1px solid transparent; color:#fffab2; font-size:1.1em; font-weight:bold; padding:3px; text-decoration:none; text-align:center;}
#calendardiv .routine-presentday a {display:block; background:transparent; border:1px solid #71768b; color:#000; font-size:1.1em; font-weight:bold; padding:3px; text-decoration:none; text-align:center}

/*Оформление календарей*/
#calendars .common .text, .textarea {width:100%}
#calendars .common .date {width:70px}
#calendars .common .time {width:45px}
#calendars .button_save{border-top:1px solid #71768b; display:block; margin-top:7px; padding-top:7px; text-align:center}

/*Цвета в календаре*/
.x-calendar-event-white {background:#ffffff; color:#000000}
.x-calendar-event-geinsboro {background:#C6C6C6; color:#000000}
.x-calendar-event-grey {background:#806666; color:#ffffff}
.x-calendar-event-dimgray {background:#808066; color:#ffffff}
.x-calendar-event-black {background:#666F80; color:#ffffff}
.x-calendar-event-peach {background:#FFBFB2; color:#000000}
.x-calendar-event-coral {background:#E55D50; color:#000000}
.x-calendar-event-tomato {background:#CC2929; color:#ffffff}
.x-calendar-event-red {background:#FF0000; color:#ffffff}
.x-calendar-event-firebrick {background:#990000; color:#ffffff}
.x-calendar-event-yellow {background:#FFD582; color:#000000}
.x-calendar-event-gold {background:#F5CE0F; color:#000000}
.x-calendar-event-orange {background:#948800; color:#ffffff}
.x-calendar-event-darkorange {background:#FF8C00; color:#ffffff}
.x-calendar-event-chocolate {background:#BD5C17; color:#ffffff}
.x-calendar-event-palegreen {background:#DFFF9E; color:#000000}
.x-calendar-event-green {background:#9FD738; color:#000000}
.x-calendar-event-limegreen {background:#429917; color:#ffffff}
.x-calendar-event-mediumgreen {background:#008040; color:#ffffff}
.x-calendar-event-darkgreen {background:#006400; color:#ffffff}
.x-calendar-event-lightskyblue {background:#87E7FA; color:#000000}
.x-calendar-event-dodgerblue {background:#297CA6; color:#000000}
.x-calendar-event-blue {background:#175CE5; color:#ffffff}
.x-calendar-event-mediumblue {background:#2414CC; color:#ffffff}
.x-calendar-event-blue4 {background:#1A1AFF; color:#ffffff}
.x-calendar-event-lightpink {background:#FFCCF7; color:#000000}
.x-calendar-event-magenta {background:#E699FF; color:#000000}
.x-calendar-event-blueviolet {background:#DE4B95; color:#000000}
.x-calendar-event-mediumorchid {background:#7171D9; color:#ffffff}
.x-calendar-event-darkorchid {background:#5E488C; color:#ffffff}
.x-calendar-event-default {background:#BDCCD6; color:#000000}

.x-calendar-eventxt-white {background:#ffffff; color:#000000}
.x-calendar-eventxt-geinsboro {background:#C6C6C6; color:#000000}
.x-calendar-eventxt-grey {background:#806666; color:#ffffff}
.x-calendar-eventxt-dimgray {background:#808066; color:#ffffff}
.x-calendar-eventxt-black {background:#666F80; color:#ffffff}
.x-calendar-eventxt-peach {background:#FFBFB2; color:#000000}
.x-calendar-eventxt-coral {background:#E55D50; color:#000000}
.x-calendar-eventxt-tomato {background:#CC2929; color:#ffffff}
.x-calendar-eventxt-red {background:#FF0000; color:#ffffff}
.x-calendar-eventxt-firebrick {background:#990000; color:#ffffff}
.x-calendar-eventxt-yellow {background:#FFD582; color:#000000}
.x-calendar-eventxt-gold {background:#F5CE0F; color:#000000}
.x-calendar-eventxt-orange {background:#948800; color:#ffffff}
.x-calendar-eventxt-darkorange {background:#FF8C00; color:#ffffff}
.x-calendar-eventxt-chocolate {background:#BD5C17; color:#ffffff}
.x-calendar-eventxt-palegreen {background:#DFFF9E; color:#000000}
.x-calendar-eventxt-green {background:#9FD738; color:#000000}
.x-calendar-eventxt-limegreen {background:#429917; color:#ffffff}
.x-calendar-eventxt-mediumgreen {background:#008040; color:#ffffff}
.x-calendar-eventxt-darkgreen {background:#006400; color:#ffffff}
.x-calendar-eventxt-lightskyblue {background:#87E7FA; color:#000000}
.x-calendar-eventxt-dodgerblue {background:#297CA6; color:#000000}
.x-calendar-eventxt-blue {background:#175CE5; color:#ffffff}
.x-calendar-eventxt-mediumblue {background:#2414CC; color:#ffffff}
.x-calendar-eventxt-blue4 {background:#1A1AFF; color:#ffffff}
.x-calendar-eventxt-lightpink {background:#FFCCF7; color:#000000}
.x-calendar-eventxt-magenta {background:#E699FF; color:#000000}
.x-calendar-eventxt-blueviolet {background:#DE4B95; color:#000000}
.x-calendar-eventxt-mediumorchid {background:#7171D9; color:#ffffff}
.x-calendar-eventxt-darkorchid {background:#5E488C; color:#ffffff}
.x-calendar-eventxt-default {background:#BDCCD6; color:#000000}

.x-calendar-eventxt-white a, .x-calendar-eventxt-geinsboro a, .x-calendar-eventxt-peach a, .x-calendar-eventxt-coral a, .x-calendar-eventxt-tomato a, .x-calendar-eventxt-default a, .x-calendar-eventxt-yellow a, .x-calendar-eventxt-gold a, .x-calendar-eventxt-orange a, .x-calendar-eventxt-palegreen a, .x-calendar-eventxt-green a, .x-calendar-eventxt-limegreen a, .x-calendar-eventxt-lightskyblue a, .x-calendar-eventxt-dodgerblue a, .x-calendar-eventxt-lightpink a, .x-calendar-eventxt-magenta a, .x-calendar-eventxt-blueviolet a {color:#000000}

.x-calendar-eventxt-mediumorchid a, .x-calendar-eventxt-darkorchid a, .x-calendar-eventxt-dimgray a, .x-calendar-eventxt-black a, .x-calendar-eventxt-red a, .x-calendar-eventxt-firebrick a, .x-calendar-eventxt-darkorange a, .x-calendar-eventxt-chocolate a, .x-calendar-eventxt-mediumgreen a, .x-calendar-eventxt-darkgreen a, .x-calendar-eventxt-blue a, .x-calendar-eventxt-mediumblue a, .x-calendar-eventxt-blue4 a{color:#ffffff}

.x-calendar-eventxt-coral a:hover, .x-calendar-eventxt-tomato a:hover {color:#ffffff}
.x-calendar-eventxt-red a:hover {color:#000000}

.x-calendar-eventxt-white a:hover, .x-calendar-eventxt-geinsboro a:hover, .x-calendar-eventxt-peach a:hover, .x-calendar-eventxt-default a:hover, .x-calendar-eventxt-yellow a:hover, .x-calendar-eventxt-gold a:hover, .x-calendar-eventxt-orange a:hover, .x-calendar-eventxt-palegreen a:hover, .x-calendar-eventxt-green a:hover, .x-calendar-eventxt-limegreen a:hover, .x-calendar-eventxt-lightskyblue a:hover, .x-calendar-eventxt-dodgerblue a:hover, .x-calendar-eventxt-lightpink a:hover, .x-calendar-eventxt-magenta a:hover, .x-calendar-eventxt-blueviolet a, .x-calendar-eventxt-mediumorchid a:hover, .x-calendar-eventxt-darkorchid a:hover, .x-calendar-eventxt-dimgray a:hover, .x-calendar-eventxt-black a:hover, .x-calendar-eventxt-firebrick a:hover, .x-calendar-eventxt-darkorange a:hover, .x-calendar-eventxt-chocolate a:hover, .x-calendar-eventxt-mediumgreen a:hover, .x-calendar-eventxt-darkgreen a:hover, .x-calendar-eventxt-blue a:hover, .x-calendar-eventxt-mediumblue a:hover, .x-calendar-eventxt-blue4 a{color:#FF6347}

#pickfiles {
    background-color: rgba(255, 0, 0, 0) !important;
}

/* Фон для полей с цветом */
.color-field-bg, .color-field-bg-form{
    width: 100%;
    height: 100%;
    padding: 0 0 2px 2px;
}

.color-field-bg-form{
    padding: 2px 0 0;
}