/*mainContent - главная таблица для контента, содержащая в первом td - контент, во втором td - форму фильтрации*/
/*dualPaneContent - таблица содержащяя два грида для контента c автошириной по содержимому, у второго отступ слева 20px*/
/*hTable - горизонтальная таблица с автоматической шириной в зависимости от контента*/
/*cTable - горизонтальная таблица-контейнер без бордеров с автоматической шириной в зависимости от контента и вертикальным позиционированием по верху*/
/*yTable - горизонтальная таблица-контейнер без бордеров с двумя колонками для вертикального скрола*/
/*hMainTable - горизонтальная таблица с шириной 100% и минимальной шириной каждого столбца*/
/*eTable - горизонтальная таблица для отображения данных ключ-значение, с минимальной шириной первых двух столбцов, ширина остальных - по контенту*/
/*sTable - горизонтальная таблица для отображения таблиц выбора (checkbox,radio) с фиксированной шириной первой колонки и минимальной шириной второй, ширина остальных - по контенту*/
/*vTable - вертикальная таблица для отображения данных по вертикали (хидеры не сверху, а слева) с фиксированной шириной первой колонки(в данном случае "хидера")*/
/*aCol - тип колонки, означающий короткую ссылку типа [?] или [X], выравнивание текста по центру, а также фиксированное значение ширины*/
/*nCol - тип колонки, означающий численное значение (кол-во, сумма и т.д.), выравнивание текста по правому краю*/
/*iCol - тип колонки, означающий идентификационное значение (идентификатор сущности), выравнивание текста по левому краю, а также фиксированное значение минимальной ширины*/
/*noSpace - тип колонки, содержимое которой отображается одной строкой */
/*subHead - тип ряда, означающий подзаголовок*/

/*input:invalid {border: 1px solid red;}*/
input[type="submit"],
input[type="button"],
input[type="reset"],
/*button,*/
input[type="text"],
input[type="password"],
select,
textarea {
    border: 1px solid #dfe1e6;
}

input[type="submit"]:not([disabled]):hover,
input[type="button"]:not([disabled]):hover,
input[type="reset"]:not([disabled]):hover,
/*button:not([disabled]):hover,*/
input[type="text"]:not([disabled]):hover,
input[type="password"]:not([disabled]):hover,
select:not([disabled]):hover,
textarea:not([disabled]):hover {
    border:1px solid #4c9aff;
}

input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
/*button:focus,*/
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    border:1px solid #4c9aff;
}

input[type="submit"],
input[type="button"],
input[type="reset"]
/*button*/
{
    background-color: #ADD8E6;
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled
/*button:disabled*/
{
    background-color:#E8E8E8;
}

input[type="text"],
input[type="password"],
select,
textarea {
    background-color: #F7F7F7;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
select:disabled,
textarea:disabled {
    background-color:#E8E8E8;
}
input[type="text"].fieldError,
input[type="password"].fieldError,
select.fieldError,
textarea.fieldError {
    border: 1px solid #FF0000;
}

textarea {
    /*min-height: 300px;*/
    /*min-width: 500px;*/
    resize: none;
}

textarea.small {
    min-height: 100px;
    min-width: 196px;
}
textarea.large {
    min-height: 100px; min-width: 500px;
}

input[type="text"],
input[type="password"] {
    /*width: 150px;*/
    width: 200px;
}

input[type="text"].i50px {
    width: 50px;
}

input[type="text"].i100px {
    width: 100px;
}

input[type="text"].i150px {
    width: 150px;
}

select {
    /*width: 152px;*/
    width: 202px;
}

@font-face {
    font-family: sans-serif;
    src: url(/res/css/FreeSans.ttf);
}

html,
body,
form,
table,
table > * > tr > * {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 11px;
    line-height: normal;
}

h1 {
    font-size: 1.5em;
}

form {
    height:100%;
}

body {
    height: 98vh;
    background-color: #ffffff;
}

table {
    border-collapse: collapse;
}

caption {
    text-align: left;
}

table.bodyTable {
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
}

table.bodyTable > * > tr > td:first-child,
table.bodyTable > * > tr > td:last-child {
    min-width:0;
    width:auto;
}

table.bodyTable > * > tr > td:nth-child(2) {
    /*min-width:95%;*/
    width:95%;
}

table.bodyTable > tbody > tr > td {
    /*border: 1px solid blue;*/
}

table.bodyTable > tbody > tr > td,
table.bodyTable > tfoot > tr > td {
    vertical-align:top;
}

table.bodyTable > thead > tr > td {
    vertical-align:middle;
}

table.bodyTable > thead > tr > td,
table.bodyTable > tfoot > tr > td {
    height:40px;
}

table.bodyTable > thead > tr {
    background-color: #0747a6;

}
table.bodyTable > tfoot > tr > td:nth-child(2) {
    border-top: 1px solid #0747a6;
}

table.layoutHeaderTable,
table.layoutContentTable,
table.layoutFooterTable {
    width: 100%;
}

table.layoutContentTable {
    height: 75%;
    min-height: 75%;
}

table.layoutContentTable > thead > tr > td {
    vertical-align: middle;
    /*border: 1px solid black;*/
    height: 22px;
}

table.layoutContentTable > tbody > tr > td {
    vertical-align: top;
    height:100%;
}

table.layoutContentTable > tbody > tr > td > * > table {
    width:100%;
}

table.layoutContentTable > tbody > tr > td > * > table > thead > tr > td,
table.layoutContentTable > tbody > tr > td > * > table > tfoot > tr > td {
    vertical-align: middle;
}

table.layoutContentTable > tbody > tr > td > * > table > thead > tr > td {
    height: 16px;
}

table.layoutContentTable > tbody > tr > td > * > table > tfoot > tr > td {
    height: 32px;
}

table.layoutContentTable > tbody > tr > td > * > table > tbody > tr > td {
    vertical-align: top;
}

table.layoutContentTable > tbody > tr > td > * > table > tbody > tr > td > table > tbody > tr > td {
    vertical-align: top;
    /*padding-right: 20px;*/
}

/*table.layoutContentTable > tbody > tr > td > * > table > * > tr > td:nth-child(1) {border: 1px solid blue;}*/
/*table.layoutContentTable > tbody > tr > td > * > table > * > tr > td:nth-child(2) {border: 1px solid red;}*/
/*table.layoutContentTable > tbody > tr > td > * > table > * > tr > td:nth-child(3) {border: 1px solid green;}*/

table.loginContentTable {
    border: 1px solid #cccccc;
    border-radius: 5px;
    border-collapse: initial;
    margin: 50px auto 0 auto;
    padding: 20px;
    min-height: 120px;
    overflow: auto;
    max-width: 350px;
}

table.loginTable {
    width: 100%;
}

table.loginTable > caption {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: large;
    /*font-weight: bold;*/

    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}

.labelShadow {
    color: #6b778c;
}

.labelBold {
    font-weight:bold;
}

.labelNormal {
    font-weight:normal;
}

.captionDocs {
    /*font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;*/
    font-size: 13px;
    height:35px;
}
table.filterPaneContent > thead > tr:nth-child(1) > td > a,
table.basePaneContent > thead > tr:nth-child(1) > td > a {
    padding-right: 6px;
}

table.filterPaneContent > tbody > tr > td:nth-child(2),
table.filterPaneContent > tfoot > tr > td:nth-child(2) {
    width:85%;
    padding-right: 6px;
}

table.filterPaneContent > tbody > tr > td:nth-child(1),
table.filterPaneContent > tfoot > tr > td:nth-child(1) {
    min-width: 240px;
    /*padding-left: 20px;*/
}

table.filterPaneContent {

}

table.filterTable {
    margin-top: 5px;
}

table.filterTable > tbody > tr > td {
    padding-bottom: 8px;
}

table.filterTable > tbody > tr > td > label {
    display: block;
}

table.filterTable > tbody > tr > td > span.aLink {
    padding-left:65px;
}


table.cTable {margin:5px 0 10px;width:auto;}
table.cTable > * > tr > * {vertical-align:top;padding-right:10px;}
table.cTable > * > tr > * > table {margin:0;}

table.yTable {margin:5px 0 10px;width:auto;}
table.yTable > * > tr > * {vertical-align:top;}
table.yTable > * > tr > *:nth-child(1) > table {margin:0;}
table.yTable > * > tr > *:nth-child(1) > table > * > tr {margin:0;border-bottom: 1px solid #DEEDF8}
table.yTable > thead,
table.yTable > tbody,
table.yTable > tfoot {display:block;}
table.yTable > tfoot > tr > * {padding:4px;text-align:center;}
/*table.yTable > tfoot > tr:only-child {width:100%;}*/
/*table.yTable > tfoot > tr > *:only-child {width:100%;}*/
table.yTable > tbody {overflow-y:auto;}
table.yTable > thead > tr > *:last-child {width:14px;background-color: #ADD8E6;}

table.pTable {margin:5px 0 10px;width:auto;}
table.pTable > caption {padding:5px 0;white-space: nowrap; border-bottom: 1px solid #ADD8E6;}
/*table.pTable  > * > tr > * {border:1px solid #ADD8E6;}*/
table.pTable  > tbody > tr:nth-child(1) > td:nth-child(1) {border-right:none;height:596px;width:596px;padding:9px 9px 4px 0;text-align:center;vertical-align:middle;}
table.pTable  > tbody > tr:nth-child(1) > td:nth-child(1) > div {border:1px dashed #DEEDF8;align-content: center;display: grid;}
table.pTable  > tbody > tr:nth-child(1) > td:nth-child(2) {border-left: none;padding:4px;text-align:left;vertical-align:top;}
table.pTable  > tfoot > tr:nth-child(1) > td:nth-child(1) {border-right:none;padding:4px 4px 4px 0;text-align:left;}
table.pTable  > tfoot > tr:nth-child(1) > td:nth-child(2) {border-left: none;padding:4px;text-align:left;}

table.yTable,
table.hTable,
table.mTable {border:1px solid #DEEDF8;margin:5px 0px 10px;width:auto;}

table.sTable,
table.vTable {margin:5px 0px 10px;width:auto;}

table.hMainTable,
table.eTable {border-bottom:1px solid #c1c7d0; border-top: none; margin:5px 0px 10px; width:auto;}

table.yTable > caption,
table.cTable > caption,
table.hTable > caption,
table.hMainTable > caption,
table.eTable > caption,
table.mTable > caption,
table.vTable > caption {padding:5px 0px;white-space: nowrap;}

table.sTable > caption,
table.vTable > caption {font-weight:bold;}
table.vTable > caption.labelNormal {font-weight:normal;}

table.hMainTable {width:100%;}

table.hMainTable.hDictionaryTable {width: auto; min-width: 40%;}

table.hTable > * > tr > *,
table.hMainTable > * > tr > *,
table.eTable > * > tr > *,
table.sTable > * > tr > *,
table.vTable > * > tr > * {padding:4px;text-align:left;vertical-align: middle !important;}

table.mTable  > * > tr > * {padding:4px;text-align:left;vertical-align: top !important;}

table.hTable > * > tr > *.nCol,
table.hMainTable > * > tr > *.nCol,
table.eTable > * > tr > *.nCol,
table.sTable > * > tr > *.nCol {text-align:right;}

table.hTable > * > tr > *.cCol,
table.hMainTable > * > tr > *.cCol,
table.eTable > * > tr > *.cCol,
table.sTable > * > tr > *.cCol {text-align:center;}

table.hTable > * > tr > *.iCol,
table.hMainTable > * > tr > *.iCol,
table.eTable > * > tr > *.iCol,
table.sTable > * > tr > *.iCol {min-width:22px !important;max-width:42px !important;width:auto !important;}

table.hTable > * > tr > *.disActive,
table.hMainTable > * > tr > *.disActive,
table.eTable > * > tr > *.disActive,
table.sTable > * > tr > *.disActive,
table.vTable > * > tr > *.disActive {color: #a9a9a9;}

table.hTable > * > tr.disActive,
table.hMainTable > * > tr.disActive,
table.eTable > * > tr.disActive,
table.sTable > * > tr.disActive,
table.vTable > * > tr.disActive {color: #a9a9a9;}

table.hMainTable > * > tr > *.noSpace,
table.eTable > * > tr > *.noSpace,
table.sTable > * > tr > *.noSpace {white-space: nowrap;}

table.hTable > * > tr > *.aCol,
table.hMainTable > * > tr > *.aCol,
table.eTable > * > tr > *.aCol,
table.sTable > * > tr > *.aCol,
table.vTable > * > tr > *.aCol {width: 34px !important;min-width:34px !important;text-align: center !important;}

table.hTable > * > tr > *.bCol,
table.hMainTable > * > tr > *.bCol,
table.eTable > * > tr > *.bCol,
table.sTable > * > tr > *.bCol,
table.vTable > * > tr > *.bCol {min-width: 0; vertical-align: middle;}

table.hTable > thead,
table.hMainTable > thead,
table.eTable > thead,
table.sTable > thead {background-color:transparent;}

table.hTable > tfoot > tr > *:only-child,
table.hMainTable > tfoot > tr > *:only-child,
table.eTable > tfoot > tr > *:only-child,
table.sTable > tfoot > tr > *:only-child {text-align: center;}

/*table.hTable > tfoot.fTotal,*/
/*table.hMainTable > tfoot.fTotal,*/
/*table.eTable > tfoot.fTotal,*/
/*table.sTable > tfoot.fTotal {background-color:#ADD8E6;}*/

table.hTable > thead > tr > * {border-right:1px solid #DEEDF8;border-bottom:1px solid #DEEDF8;}

table.hMainTable > thead > tr > *,
table.eTable > thead > tr > * {border-bottom:1px solid #c1c7d0;}

table.hTable > tfoot > tr > * {border-right:1px solid #DEEDF8;border-top:1px solid #DEEDF8;}

table.hMainTable > tfoot > tr > *,
table.eTable > tfoot > tr > * {border-top:1px solid #c1c7d0;}

table.hTable > tfoot.fTotal > tr > *,
table.hMainTable > tfoot.fTotal > tr > *,
table.eTable > tfoot.fTotal > tr > *,
table.sTable > tfoot.fTotal > tr > *,
table.hTable > * > tr.fBold > *,
table.hMainTable > * > tr.fBold > *,
table.eTable > * > tr.fBold > *,
table.sTable > * > tr.fBold > * {font-weight: bold;}

table.hTable > tfoot.fTotal > tr > *:nth-child(1),
table.hMainTable > tfoot.fTotal > tr > *:nth-child(1),
table.eTable > tfoot.fTotal > tr > *:nth-child(1),
table.sTable > tfoot.fTotal > tr > *:nth-child(1) {text-align: right;}

table.hTable > tbody > tr > * {border-right:1px solid #DEEDF8;}

table.eTable > tbody > tr > * {border-top:1px solid #c1c7d0;}

table.hMainTable > tbody > tr > * {border-top:1px solid #dfe1e6;}
table.hMainTable > tbody > tr:not(.notHover):hover {background-color: #deebff;}

table.hTable > tbody > tr.gray > td,
table.hMainTable > tbody > tr.gray > td,
table.eTable > tbody > tr.gray > td,
table.sTable > tbody > tr.gray > td {color:#ADD8E6;}


table.hTable > tbody > tr.gray > td > span.aLink,
table.hMainTable > tbody > tr.gray > td > span.aLink,
table.eTable > tbody > tr.gray > td > span.aLink,
table.sTable > tbody > tr.gray > td > span.aLink {color:#ADD8E6;}


table.hTable > tbody > tr > th.subHead,
table.hMainTable > tbody > tr > th.subHead,
table.eTable > tbody > tr > th.subHead,
table.sTable > tbody > tr > th.subHead {background-color:#ADD8E6;}

table.hTable > tbody > tr:nth-child(even) {background-color:#DEEDF8;}

table.eTable > tbody > tr:nth-child(even) {background-color:#deebff;}

table.hMainTable > tbody > tr > td.cLink {
    cursor: pointer
}

table.hMainTable > tbody > tr.cLink {
    cursor: pointer
}

table.hMainTable > caption {
    padding:5px 0px;
    white-space: nowrap;
    font-weight:bold;
}

.fragment-row table {
    width: 100%;
}

table tr td.fragment-col {
    padding: 0
}

table.vTable > tbody > tr > td:nth-child(1) {color: #6b778c; min-width: 180px;}

table.vTable > tbody > tr > td:nth-child(2) {
    min-width: 200px;
    max-width: 310px;
}

table.vTable > * > tr > *.rCol {text-align:right;padding-right: 10px;}

table.vTable > * > tr > * > input[type="text"],
table.vTable > * > tr > * > input[type="password"] {
    min-width:250px;
}

table.vTable > * > tr > * > textarea {
    min-width: 340px;
    min-height: 100px;
}

table.vTable > * > tr > * > select {
    min-width:255px;
}

.notHover {}  /* класс-пустышка, служит для однозначного определения таблиц для которых выделение строки (tr) при наведении - непредусмотрено */
table.sTable > tbody > tr:not(.notHover):hover {
    cursor: pointer;
    background-color:#FF8C00;
}

a {
    cursor:pointer;
    color:#0059A8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.cLink {
    color:#FF8C00;
    text-decoration: underline;
    /*font-weight:bold;*/
}

span.aLink {
    text-decoration:none;
    cursor: pointer;
    color: #0059A8;
}
span.aLink:hover {
    text-decoration: underline;
}

span.cLink {
    color:#FF8C00;
    text-decoration: underline;
    /*font-weight:bold;*/
}

span.spanError {
    color: #FF0000;
}

span.spanSuccess {
    color: #008000;
}

span.fError {
    color: #FF0000;
    display: block;
}

/* 20 px */
table.hTable > * > tr > *.f20px,
table.hMainTable > * > tr > *.f20px,
table.eTable > * > tr > *.f20px,
table.sTable > * > tr > *.f20px {width: 20px;}

/* 30 px */
table.hTable > * > tr > *.f30px,
table.hMainTable > * > tr > *.f30px,
table.eTable > * > tr > *.f30px,
table.sTable > * > tr > *.f30px {width: 30px;}

/* 40 px */
table.hTable > * > tr > *.f40px,
table.hMainTable > * > tr > *.f40px,
table.eTable > * > tr > *.f40px,
table.sTable > * > tr > *.f40px {width: 40px;}

/* 50 px */
table.hTable > * > tr > *.f50px,
table.hMainTable > * > tr > *.f50px,
table.eTable > * > tr > *.f50px,
table.sTable > * > tr > *.f50px {width: 50px;}

/* 60 px */
table.hTable > * > tr > *.f60px,
table.hMainTable > * > tr > *.f60px,
table.eTable > * > tr > *.f60px,
table.sTable > * > tr > *.f60px {width: 60px;}

/* 65 px */
table.hTable > * > tr > *.f65px,
table.hMainTable > * > tr > *.f65px,
table.eTable > * > tr > *.f65px,
table.sTable > * > tr > *.f65px {width: 65px;}

/* 70 px */
table.hTable > * > tr > *.f70px,
table.hMainTable > * > tr > *.f70px,
table.eTable > * > tr > *.f70px,
table.sTable > * > tr > *.f70px {width: 70px;}

/* 80 px */
table.hTable > * > tr > *.f80px,
table.hMainTable > * > tr > *.f80px,
table.eTable > * > tr > *.f80px,
table.sTable > * > tr > *.f80px {width: 80px;}

/* 90 px */
table.hTable > * > tr > *.f90px,
table.hMainTable > * > tr > *.f90px,
table.eTable > * > tr > *.f90px,
table.sTable > * > tr > *.f90px {width: 90px;}

/* 100 px */
table.hTable > * > tr > *.f100px,
table.hMainTable > * > tr > *.f100px,
table.eTable > * > tr > *.f100px,
table.sTable > * > tr > *.f100px {width: 100px;}

/* 110 px */
table.hTable > * > tr > *.f110px,
table.hMainTable > * > tr > *.f110px,
table.eTable > * > tr > *.f110px,
table.sTable > * > tr > *.f110px {width: 110px;}

/* 120 px */
table.hTable > * > tr > *.f120px,
table.hMainTable > * > tr > *.f120px,
table.eTable > * > tr > *.f120px,
table.sTable > * > tr > *.f120px {width: 120px;}

/* 130 px */
table.hTable > * > tr > *.f130px,
table.hMainTable > * > tr > *.f130px,
table.eTable > * > tr > *.f130px,
table.sTable > * > tr > *.f130px {width: 130px;}

/* 140 px */
table.hTable > * > tr > *.f140px,
table.hMainTable > * > tr > *.f140px,
table.eTable > * > tr > *.f140px,
table.sTable > * > tr > *.f140px,
table.vTable > * > tr > *.f140px {width: 140px;}

/* 150 px */
table.hTable > * > tr > *.f150px,
table.hMainTable > * > tr > *.f150px,
table.eTable > * > tr > *.f150px,
table.sTable > * > tr > *.f150px {width: 150px;}

/* 160 px */
table.hTable > * > tr > *.f160px,
table.hMainTable > * > tr > *.f160px,
table.eTable > * > tr > *.f160px,
table.sTable > * > tr > *.f160px {width: 160px;}

/* 170 px */
table.hTable > * > tr > *.f170px,
table.hMainTable > * > tr > *.f170px,
table.eTable > * > tr > *.f170px,
table.sTable > * > tr > *.f170px {width: 170px;}

/* 180 px */
table.hTable > * > tr > *.f180px,
table.hMainTable > * > tr > *.f180px,
table.eTable > * > tr > *.f180px,
table.sTable > * > tr > *.f180px {width: 180px;}

/* 190 px */
table.hTable > * > tr > *.f190px,
table.hMainTable > * > tr > *.f190px,
table.eTable > * > tr > *.f190px,
table.sTable > * > tr > *.f190px {width: 190px;}

/* 200 px */
table.hTable > * > tr > *.f200px,
table.hMainTable > * > tr > *.f200px,
table.eTable > * > tr > *.f200px,
table.sTable > * > tr > *.f200px {width: 200px;}

/* 210 px */
table.hTable > * > tr > *.f210px,
table.hMainTable > * > tr > *.f210px,
table.eTable > * > tr > *.f210px,
table.sTable > * > tr > *.f210px {width: 210px;}

/* 220 px */
table.hTable > * > tr > *.f220px,
table.hMainTable > * > tr > *.f220px,
table.eTable > * > tr > *.f220px,
table.sTable > * > tr > *.f220px {width: 220px;}

/* 230 px */
table.hTable > * > tr > *.f230px,
table.hMainTable > * > tr > *.f230px,
table.eTable > * > tr > *.f230px,
table.sTable > * > tr > *.f230px {width: 230px;}

/* 240 px */
table.hTable > * > tr > *.f240px,
table.hMainTable > * > tr > *.f240px,
table.eTable > * > tr > *.f240px,
table.sTable > * > tr > *.f240px {width: 240px;}

/* 260 px */
table.hTable > * > tr > *.f260px,
table.hMainTable > * > tr > *.f260px,
table.eTable > * > tr > *.f260px,
table.sTable > * > tr > *.f260px {width: 260px;}

/* 270 px */
table.hTable > * > tr > *.f270px,
table.hMainTable > * > tr > *.f270px,
table.eTable > * > tr > *.f270px,
table.sTable > * > tr > *.f270px {width: 270px;}

/* 280 px */
table.hTable > * > tr > *.f280px,
table.hMainTable > * > tr > *.f280px,
table.eTable > * > tr > *.f280px,
table.sTable > * > tr > *.f280px {width: 280px;}

/* 340 px */
table.hTable > * > tr > *.f340px,
table.hMainTable > * > tr > *.f340px,
table.eTable > * > tr > *.f340px,
table.sTable > * > tr > *.f340px {width: 340px;}

/* 560 px */
table.hTable > * > tr > *.f560px,
table.hMainTable > * > tr > *.f560px,
table.eTable > * > tr > *.f560px,
table.sTable > * > tr > *.f560px {width: 560px;}

/* 4 rem */
table.hTable > * > tr > *.f4rem,
table.hMainTable > * > tr > *.f4rem,
table.eTable > * > tr > *.f4rem,
table.sTable > * > tr > *.f4rem {
    width: 4rem !important;
}

/* 6 rem */
table.hTable > * > tr > *.f6rem,
table.hMainTable > * > tr > *.f6rem,
table.eTable > * > tr > *.f6rem,
table.sTable > * > tr > *.f6rem {
    width: 6rem !important;
}

/* 7 rem */
table.hTable > * > tr > *.f7rem,
table.hMainTable > * > tr > *.f7rem,
table.eTable > * > tr > *.f7rem,
table.sTable > * > tr > *.f7rem {
    width: 7rem !important;
}

/* 8 rem */
table.hTable > * > tr > *.f8rem,
table.hMainTable > * > tr > *.f8rem,
table.eTable > * > tr > *.f8rem,
table.sTable > * > tr > *.f8rem {
    width: 8rem !important;
}

/* 9 rem */
table.hTable > * > tr > *.f9rem,
table.hMainTable > * > tr > *.f9rem,
table.eTable > * > tr > *.f9rem,
table.sTable > * > tr > *.f9rem {
    width: 9rem !important;
}

/* 10 rem */
table.hTable > * > tr > *.f10rem,
table.hMainTable > * > tr > *.f10rem,
table.eTable > * > tr > *.f10rem,
table.sTable > * > tr > *.f10rem {
    width: 10rem !important;
}

/* 12 rem */
table.hTable > * > tr > *.f12rem,
table.hMainTable > * > tr > *.f12rem,
table.eTable > * > tr > *.f12rem,
table.sTable > * > tr > *.f12rem {
    width: 12rem !important;
}

/* 13 rem */
table.hTable > * > tr > *.f13rem,
table.hMainTable > * > tr > *.f13rem,
table.eTable > * > tr > *.f13rem,
table.sTable > * > tr > *.f13rem {
    width: 13rem !important;
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-buttonpane {
    text-align:center;
    padding-left: 0.4em;
    padding-right: 0.4em;
}

.ui-dialog-content, .ui-widget-content {
    text-align:center;
}

.t-ui.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: unset;
    border-bottom-width: 2px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    padding: 0;
    white-space: nowrap;
}
.t-ui.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: unset;
    padding-bottom: unset;
}
.t-ui.ui-widget-content {
    border: none;
    background: none;
    color: #222222;
}
.t-ui.ui-widget-header {
    border: none;
    background: none;
    color: #ffffff;
    font-weight: bold;
}
.t-ui.ui-state-default{
    border: 2px solid #ebecf0;
    background: none;
    font-weight: bold;
    color: #2e6e9e;
}
.t-ui.ui-state-default a,
.t-ui.ui-state-default a:link,
.t-ui.ui-state-default a:visited {
    color: #42526e;
    text-decoration: none;
}

.t-ui.ui-state-hover a,
.t-ui.ui-state-hover a:hover,
.t-ui.ui-state-hover a:link,
.t-ui.ui-state-hover a:visited,
.t-ui.ui-state-focus a,
.t-ui.ui-state-focus a:hover,
.t-ui.ui-state-focus a:link,
.t-ui.ui-state-focus a:visited {
    color: #4c9aff;
    text-decoration: none;
}
.t-ui.ui-state-active,
.t-ui.ui-widget-content .ui-state-active,
.t-ui.ui-widget-header .ui-state-active {
    border: 2px solid #0052cc;
    background: none;
    font-weight: bold;
    color: #e17009;
}
.t-ui.ui-state-active a,
.t-ui.ui-state-active a:link,
.t-ui.ui-state-active a:visited {
    color: #0052cc;
    text-decoration: none;
}

.t-ui-status {
    width: 120px;
    border: 1px solid;
    border-radius: 2px;
    text-align: center;
    color: #ffffff;
    white-space: nowrap;
}

.t-ui-status.t-ui-status-created {
    border-color: transparent;
    background-color: transparent;
    color: #344563;
}

.t-ui-status.t-ui-status-approval {
    border-color: #ffff00;
    background-color: #ffff00;
    color: #344563;
}

.t-ui-status.t-ui-status-signed {
    border-color: #ffa500;
    background-color: #ffa500;
    color: #344563;
}

.t-ui-status.t-ui-status-billed {
    border-color: #c8a2c8;
    background-color: #c8a2c8;
    color: #344563;
}

.t-ui-status.t-ui-status-accept-billed {
    border-color: #964b00;
    background-color: #964b00;
}

.t-ui-status.t-ui-status-canceled,
.t-ui-status.t-ui-status-suspended {
    border-color: #D3D3D3;
    background-color: #D3D3D3;
    color: #344563;
}

.t-ui-status.t-ui-status-partial-payment {
    border-color: #90EE90;
    background-color: #90EE90;
    color: #344563;
}

.t-ui-status.t-ui-status-closed {
    border-color: #008000;
    background-color: #008000;
}

.t-ui-status.t-ui-status-expired {
    border-color: #FF0000;
    background-color: #FF0000;
}
.t-ui-text-overflow {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-ui-text-nowrap {white-space: nowrap;}

.t-ui-text500-overflow {max-width: 500px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-ui-text600-overflow {max-width: 600px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-ui-text700-overflow {max-width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.t-ui-text900-overflow {max-width: 900px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

span.periodPickPanel {
    display: block;
    text-align: left;
}

nav > a,
nav > span.aLink {
    margin-right: 10px;
    font-size: 1.1em;
}

input.autocomplete_loading {
    background: url("/res/media/spinner.gif") right center no-repeat;
    background-size: contain;
}
.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus {
    font-weight: normal;
}

ul.ui-autocomplete li.ui-menu-item {
    text-align:left;
}

tr.red {color:#FF0000;}
tr.green {color: #008000;}

tr.selected {
    background-color: #FF8C00 !important;
}

img.loading {
    background: url("/res/media/spinner.gif") center center no-repeat;
}

canvas.canvas-wrapper{
    margin: 0 auto 16px;
    display: block;
}

table.timeTable {
    border:1px solid #DEEDF8;
}

table.timeTable > * > tr > * {
    padding: 1px;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float:left;
    background: #900;
    display: none;
}

.pageLink {
    background-color:#DEEDF8;
    border:1px solid #ADD8E6;
    border-radius:10px;
    padding:2px;
}

div.pdf_holder {
    width:550px;
    height:550px;
    overflow-y:scroll;
    overflow-x:scroll;
    display:block;
}

fieldset {/**/}

fieldset {
    display: block;
    margin: 2px 0;
    border: 1px solid #ADD8E6;
    width: max-content;
}

fieldset > legend {
    margin: 0;
    padding: 0 2px;
}

span.imageLink {
    font-size:18px;
    cursor: pointer;
    color: #0059A8;
}

span.verticalDownSaquo {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 14px;
}

table.menuTable {
    display: grid;
}

table.menuTable > caption {
    white-space: nowrap;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: medium;
    font-weight: bold;
}

table.menuTable > tbody > tr > td {
    padding-right: 6px;
    padding-top: 10px;

    padding-bottom: 8px;
    height: 43px;
}

table.editTable {
    margin-top: 30px;
    min-width: 520px;
}

table.editTable > caption {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: large;
    font-weight: bold;

    border-bottom: 2px solid #ebecf0;
    padding-bottom: 10px;
}

table.editTable > tfoot > tr > td {
    border-top: 2px solid #ebecf0;
    padding-top: 20px;
}

table.actionTable {
    /*border-bottom:1px solid #c1c7d0;*/
    /*border-top: none;*/
    margin:5px 0px 10px;
    width: 100%;
}

table.actionTable > caption {
    padding:5px 0px;
    white-space: nowrap;
    font-weight:bold;
}

table.actionTable > * > tr > * {
    padding:4px;
    text-align:left;
    vertical-align: middle !important;
}

table.actionTable > * > tr > *.nCol {
    text-align:right;
}

table.actionTable > tfoot > tr > * {
    border-top:1px solid #c1c7d0;
}

table.commentAndHistoryViewTable {border-bottom:1px solid #c1c7d0; margin-bottom: 20px; width:100%;}

table.commentAndHistoryViewTable > thead > tr > * {color: #6b778c;}

table.commentAndHistoryViewTable > * > tr > * {padding:4px;text-align:left;vertical-align: middle !important;}

table.commentAndHistoryViewTable > * > tr > *.f160px {width: 160px;}
table.commentAndHistoryViewTable > * > tr > *.f300px {width: 300px;}

table.commentTable > caption {
    font-weight: bold;
}

table.commentTable > tfoot > tr > td {
    padding-top: 20px;
}

table.commentTable > * > tr > * > textarea {
    min-width: 800px;
    min-height: 100px;
}

button.mt-button:disabled {
    cursor: default !important;
    pointer-events: none;
    opacity: .35;
}


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

.ui-menu-item-wrapper {
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    white-space: nowrap;
    text-align: left;
    color: #2e6e9e;
}

.ui-menu-item-wrapper.ui-state-active {
    border:1px solid #FF8C00;
    background: #dfeffc url("/res/css/jquery-ui-1.12.1.custom/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
    font-weight: normal !important;
    color: #2e6e9e;
}

.ui-state-active .ui-icon {
    background-image: url("/res/css/jquery-ui-1.12.1.custom/images/ui-icons_217bc0_256x240.png") !important;
}

button {
    color: #2e6e9e;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid #c5dbec;
    border-radius: 3px;
    background-color: #dfeffc;
}

button:disabled {
    cursor: default !important;
    pointer-events: none;
    opacity: .35;
}

button:not([disabled]):hover {
    border: 1px solid #79b7e7;
    background-color: #d0e5f5;
    /*font-weight: bold;*/
    color: #1d5987;
}

button.command-bar:not([disabled]):hover {
    border: 1px solid #E1E4E9;
    background-color: #E1E4E9;
    color: #344563;
}

button.command-bar {
    color: #344563;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid #EBEDF0;
    border-radius: 3px;
    background-color: #EBEDF0;
}

button.btn-dialog:not([disabled]):hover {
    border: 1px solid #E1E4E9;
    background-color: #E1E4E9;
    color: #344563;
}

button.btn-dialog {
    color: #344563;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid #EBEDF0;
    border-radius: 3px;
    background-color: #EBEDF0;
}

button.btn-dialog-primary:not([disabled]):hover {
    border-color: transparent;
    background-color: #0065ff;
    color: #fff;
}

button.btn-dialog-primary {
    color: #fff;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid transparent;
    background-color: #2684ff;
    border-radius: 3px;
}

button.btn-regular:not([disabled]):hover {
    border: 1px solid #E1E4E9;
    background-color: #E1E4E9;
    color: #344563;
}

button.btn-regular {
    color: #344563;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid #EBEDF0;
    border-radius: 3px;
    background-color: #EBEDF0;
}

button.btn-regular-primary:not([disabled]):hover {
    border-color: transparent;
    background-color: #0065ff;
    color: #fff;
}

button.btn-regular-primary {
    color: #fff;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid transparent;
    background-color: #2684ff;
    border-radius: 3px;
}

.mt-button {
    color: #2e6e9e;
    padding: .2em .5em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    border: 1px solid #c5dbec;
    background: #dfeffc url("/res/css/jquery-ui-1.12.1.custom/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
}

.mt-button:hover {
    border: 1px solid #79b7e7;
    background: #d0e5f5 url("/res/css/jquery-ui-1.12.1.custom/images/ui-bg_glass_75_d0e5f5_1x400.png") 50% 50% repeat-x;
    /*font-weight: bold;*/
    color: #1d5987;
}

.mt-widget {
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: normal;
}

.mt-corner-all {
    border-radius: 3px;
}

#viewportMenu {
    text-align: left;
    color: #0059A8;
    /*font-size: 1.1em;*/
}
#viewportMenu li {
    display:inline-block;
    width: auto;
    color: #0059A8;
    /*font-size: 1.1em;*/
}

#viewportMenu li.sub {
    display:block;
    width: auto;
    color: #0059A8;
}

.cBlue {
    color: #0059A8 !important;
}

hr.subMenu {
    border-top: 1px solid #EBEDF0;
    border-bottom: none;
    border-left: none;
    border-right: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

hr.participants {
    border-top: none;
    border-bottom: 1px solid #EBEDF0;
    border-left: none;
    border-right: none;
    width: 100%;
    padding: 10px 0 0 0;
    margin: 0;
}

td.managers-header {
    border-top: 1px solid #EBEDF0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

td.managers-footer {
    border-top: 1px solid #EBEDF0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#main-menu-td {
    line-height: 0;
    text-align: left;
}
#main-menu {
    display: inline-block;
}

.href-back-to-list {
    cursor: pointer;
    white-space: nowrap;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: small;
    color: #0059A8;
}
.href-back-to-list:hover {text-decoration: underline;}

.main-submenu {
    padding: 10px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    font-size: small;
    /*font-weight: bold;*/

    border-bottom: 1px solid #cccccc;
}

.main-submenu .main-submenu-item-first {
    padding-left: 0;
}

.main-submenu .main-submenu-item {
    padding-left: 10px;
}

#lang-menu-td {
    line-height: 0;
    text-align: right;
    /*width: 42px !important;*/
}
#lang-menu {
    display: inline-block;
}

#btn-menu-tasks {
    /*display: inline-block;*/
}

#btn-menu-status {
    /*display: inline-block;*/
}

#btn-menu-stages {
    /*display: inline-block;*/
}

#btn-menu-appoint {
    /*display: inline-block;*/
}

#kb-menu {
    display: inline-block;
}

img.loginImage {
    width: 36px;
    vertical-align: middle;
    margin-top: -13px;
    margin-bottom: -11px;
}

img.arrowImage {
    width: 16px;
    cursor: pointer;
    vertical-align: middle;
}