@font-face {font-family: 'ar1';src: URL('../fonts/ar1.ttf') format('truetype');}
.login-logo { background: transparent url("../images/dwh_logo.png") no-repeat; }

.panelData {
    padding-bottom: 20px;
    padding-left: 20px;
}

/* Табличный Layout */

.elements-table {
    table-layout: fixed;
    width: 100%;
}

.element-grid {
    border-bottom: 1px solid rgb(171, 171, 171);
    border-left: 1px solid rgb(171, 171, 171);
    border-right: 1px solid rgb(171, 171, 171);
    margin-bottom: 5px;
}

.x-grid-row-filter { padding: 1px; }

.m-5 { margin: 5px; }

.ks-isfiltered,
.ks-isfiltered .x-column-header-over {
    background-image: url(../PlatformHandler.axd?icon=filter.png) !important;
    background-position-x: right;
    background-position-y: 5px;
    background-repeat: no-repeat;
}

.ks-text-edit {
    background-image: url(../PlatformHandler.axd?icon=edit.png) !important;
    background-repeat: no-repeat;
}

.ks-icon-fx {
    background-image: url(../PlatformHandler.axd?icon=fx.png) !important;
    background-repeat: no-repeat;
}

.ks-disabled-grid-row { color: gray; background-color: #ccc}

.ks-icon-nsi-status { background: transparent url("../images/nsiStatus.png") no-repeat; }

.ks-already-checked-grid-row { background-color: lightblue; }

.x-column-header-text-container { text-align: center; }

.ks-file-selectbtn {
    margin-top: 5px;
    width: 100%;
}

.ks-label-with-icon {
    display: inline-block;
    outline: 0;
    overflow: hidden;
    padding: 0 5px;
    position: relative;
    text-decoration: none;
    vertical-align: bottom;
    width: 25px;
}

.ks-webkit .ks-read-only { -webkit-filter: grayscale(100%); }

.ks-notwebkit .ks-read-only.x-btn { opacity: 0.8; }

.ks-notwebkit .ks-read-only .x-form-item-label /*, .ks-notwebkit .x-form-item-label.ks-read-only*/ { color: #808080; }

.ks-notwebkit .ks-read-only .x-form-item-body { border-color: #808080; }

.ks-transparent-item {
    background-color: transparent;
    border: none
}

/*Стиль для переноса строк в колонке*/

.x-column-header-text {
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
}

.ks-read-only .ks-mask-field {
    display: none;   
}

.ks-read-only .x-form-item-body .x-form-text-default { 
    background-color: #d1d1d1 !important; 
}

.ks-column-expanded {
    white-space: normal !important;
    word-wrap: break-word;
}

.ks-dwh-number-editor { text-align: right; }

.ks-icon-demo {
    background-position: center;
    border: solid 1px lightblue;
    display: inline-block;
    height: 32px;
    width: 32px;
}

.ks-text-center-align { text-align: center; }

.ks-test {
    background-color: red !important;
    border: 1px solid red;
}

.ks-card-message,
.ks-card-comment {
    border-radius: 3px;
    transition: 0.3s;
}

.ks-message-date {
    color: #aaa !important;
}

.ks-message-btn span {
    color: #aaa !important;
}

.ks-message-btn {
    background-color: transparent !important;
    color: #aaa !important;
}

.ks-message-comment-btn {
    background-color: transparent !important;
}

.ks-message-text,
.ks-message-add-comment-panel .x-form-empty-field,
.ks-message-add-comment-panel input,
.ks-message-add-comment-panel textarea {
    border: 0;
    font-size: 13pt;
    color: #8D8D8D;
    word-wrap: break-word;
}

.ks-menu-header {
    color: white !important;
    font-weight: bold !important;
}

.ks-material-button {
    background-color: transparent !important;
    border: 0;
}

.ks-material-button-over { background-color: transparent; }

.ks-material-button .x-btn-inner-default-large {
    color: white !important;
    font-weight: bold;
}

.ks-comment-text {
    border-radius: 3px;
    background-color: #dfdfdf;
    border: 3px #dfdfdf solid;
}

.ks-card-comment {
    background-color: white;
    border: 3px #dfdfdf solid;
}

.ks-event-start {
    background-color: rgb(0, 90, 174);
    color: white !important;
    border: white 1px solid;
}

.ks-event-finish {
    background-color: rgb(23, 144, 255);
    color: white !important;
    border: white 1px solid;
}

.ks-event-meeting {
    background-color: rgb(254, 255, 120);
    border: white 1px solid;
}


a.ks-holiday,
.ks-holiday,
.ks-holiday:hover,
.ks-holiday > .x-datepicker-date,
.ks-calc-button-text-color-red .x-btn-inner,
.ks-holiday > div.x-datepicker-date:hover,
.x-datepicker-selected div.x-datepicker-date > .ks-holiday,
.ks-holiday input.fieldDate {
    color: #ff0000;
}


a.ks-busyDate,
.ks-busyDate,
.ks-busyDate:hover,
.ks-busyDate > .x-datepicker-date,
.ks-calc-button-text-color-red .x-btn-inner,
.ks-busyDate > div.x-datepicker-date:hover,
.x-datepicker-selected div.x-datepicker-date > .ks-busyDate,
.ks-busyDate input.fieldDate {
    color: rgb(47, 155, 255);
    font-weight: bold;
}

.ks-event-start {
    background-color: rgb(0, 90, 174);
    color: white !important;
    border: white 1px solid;
}

.ks-event-finish {
    background-color: rgb(23, 144, 255);
    color: white !important;
    border: white 1px solid;
}

.ks-event-meeting {
    background-color: rgb(254, 255, 120);
    border: white 1px solid;
}

.x-datepicker-selected div.x-datepicker-date {
    font-weight: bold;
    background-color: rgb(232, 232, 232);
    border: 1px solid rgb(190, 190, 190);
}

.x-datepicker-today {
    border-color: rgb(229, 229, 229);
    border-style: solid
}

.x-datepicker-column-header {
    width: 30px;
    border: 1px solid rgb(224, 224, 224);
    /*color: #000;*/
    font: 500 10pt Segoe UI, Tahoma, verdana, sans-serif;
    text-align: right;
    background-color: #fff;
}

.ks-container-shadow {
    box-shadow: 0 0 7px #ccc;
}

.ks-segment {
    font-weight: bold;
    margin: 15px 10px 0 10px;
}

.ks-segment-btn {
    background-color: white;
    border: 0;
    border-left: solid 3px white;
    text-align: left !important;
}

.ks-segment-btn span{
    font-weight: bold;
    color: #A1AAB7;
    font-size: 10pt;
}

.ks-round-img {
    border-radius: 50%;
}

.dwh-edit-panel {
    background-color: #f0f1f2;
}

.dwh-edit-panel > div > div.x-panel-body {
    overflow-x: hidden !important;
}

.ks-window-shadow {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.x-toolbar-default-docked-bottom {
    padding: 6px 0 6px 6px;
}

.x-toolbar-default-docked-bottom .x-toolbar-item:not(:last-child) {
    margin-right: 5px;
}

/*.x-toolbar .x-btn-default-small {*/
/*    margin: 5px !important;*/
/*    top: 0 !important;*/
/*}*/

.marked-button.x-btn-default-small {
    margin-left: 0 !important;
    top: 0 !important;
}

.html-protocol-view {
    padding: 10px;
}

.ks-body {
    margin: 20px;
}

.ks-body .error {
    color: red;
    font-weight: bolder;
}

.ks-body h1 {
    line-height: 1em;
}

.ks-card-vote {
    background-color: transparent;
}

.ks-card-vote-tbar {
    font-weight: bold;
    background-color: transparent;
}

.ks-card-vote-bbar {
    border-top: solid 1px;
    background-color: transparent;
}

.ks-card-news {
    background-color: rgb(255, 243, 167);
}

.ks-vote-delete {
    background-color: rgb(244, 247, 248) !important;
    border: 0;
}

.dwh-action {
    cursor: pointer;
    display: flex;
    vertical-align: inherit;
    align-items: inherit;
    justify-content: inherit;
    width: 100%;
    height: 100%;
}

.dwh-action > span {
    display: flex;
}

.dwh-action-body {
    display: flex;
    width: 100%;
    height: 100%;
    vertical-align: inherit;
    justify-content: inherit;
    align-items: inherit;
}

.profile-menu-btn {
    background-color: transparent;
    border: 0;
}

.profile-menu-btn:hover {
    background-color: transparent;
}

.pressed.profile-menu-btn {
    background-color: transparent;
}

.profile-menu-btn span {
    color: #545C6D;
    font-weight: bold;
    font-size: 14px;
    height: 20px;
}

.x-btn.x-btn-pressed.x-btn-focus.profile-menu-btn,
.x-btn.x-btn-pressed.x-btn-default-small.profile-menu-btn {
    background-image: none;
    background-color: transparent;
    box-shadow: none;
}

.x-btn.x-btn-pressed.profile-menu-btn span {
    color: #1058D9;
}

.border-image {
    border: solid 1px #B5CDD1;
    border-radius: 90px;
}
/*
    старый профиль битрикс

.profile-user-info-panel {
    border-left: solid 4px #D7DEE0;
    border-bottom: solid 2px #EEF2F4;
    border-right: solid 2px #EEF2F4;
}

.profile-user-info-panel .x-panel-header {
    background-color: #EEF2F4;
    color: #535C69;
    padding: 0 5px;
}

.profile-user-info-panel .x-title-text {
    color: #535C69;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}

.profile-user-info-panel-tbar {
    background-color: #EEF2F4;
    color: #535C69;
    cursor: pointer;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}
*/

.profile-user-info-panel .x-panel-header {
    box-shadow: none;
    padding-left: 0 !important;
}

.profile-user-info-panel .x-title-text {
    color: black;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
}

.profile-user-info-record {
    border-bottom: solid 1px #aaa;
}

.profile-right-menu {
    border: solid 1px #B5CDD1;
    padding: 5px;
}

.profile-right-menu label {
    font-weight: bold;
    font-size: 14px;
    margin: 5px 0 10px 10px;
}


.profile-right-menu a {
    background-color:  #F5F5F5;
    border: 0;
    height: 30px;
}

.profile-right-menu a:hover {
    background-color:  #E8EDED;
}

.profile-right-menu .x-btn-default-small.x-btn-pressed.x-btn {
    background-color: #E8EDED;
    box-shadow: none;
}

.profile-right-menu a span {
    color: #555555;
    font-size: 14px;
}

.profile-title {
    padding: 15px 10px 15px 10px;
    background-color: #EEF2F4;
}

.profile-title label {
    font-size: 28px;
    height: 25px;
}

#search-form {
    padding: 0 20px;
}

#search-form .record {
    vertical-align: middle;
}

#search-form .found-user {
    display: inline-block;
    width: 50%;
}

#search-form .found-message {
    width: 100%;
}

#search-form .found-division {
    display: inline-block;
    width: 50%;
}

#search-form .record img {
    width: 30px;
    height: 30px;
    margin-top: 4px;
    border-radius: 90px;
}

#search-form .flex-container {
    display: flex;
    border-radius: 90px;
    margin: 5px 30px 10px 0;
    padding-right: 10px;
    cursor: pointer;
    height: 37px;
}

#search-form .flex-container:hover {
    background: #D5F4FD;
}

#search-form .flex-container div {
    align-self: center;
    height: 100%;
    padding: 0 0 0 5px;
}

#search-form .flex-container div:last-child {
    overflow: hidden; 
    text-overflow: ellipsis;
    margin-left: 10px;
}

.search-boundlist .x-boundlist-item {
    all: unset;
}

.search-boundlist h4 {
    color: #52667A;
    margin: 15px 0;
}

.search-boundlist h4 + hr {
    border: none;
    color: #F1F1F1;
    background-color: #F1F1F1;
    height: 1px;
}

.ks-tree-icon {
    background: transparent url("../images/tree-icon.svg+xml") no-repeat;
}

.chart-info-label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.ks-popular-message-fio label {
    color: #45BEF9 !important;
}

.ks-popular-message-text label {
    color: #9A9A8F !important;
}

.ks-important-message-text label {
    color: #45BEF9 !important;
}

.ks-important-message-fio label {
    color: #9A9A8F !important;
}


.bitrix-3 .ks-message-add-comment-panel * {
    background-color: transparent;
}

.ks-imsg-text {
    cursor: pointer;
}

.ks-imsg-text:hover label {
    text-decoration: underline;
    cursor: pointer;
}

.ks-imsg-fio {
    cursor: pointer;
}

.ks-imsg-fio:hover label {
    text-decoration: underline;
}

.ks-imsg-fio label {
    font-size: 16px; 
    font-weight: bold;
    cursor: pointer;
}

.ks-imsg-iread-btn {
    border: solid 0 #EDE089;
}

.ks-imsg-iread-btn span {
    color: white;
}

.underline:hover {
    text-decoration: underline;
    cursor: pointer;
}

.vote-tab-select {
    border: 0;
    text-transform: uppercase;
}

.vote-tab-select span,
.vote-tab-unselect span {
    color: white;
    font-weight: bold;
}

.vote-tab-unselect {
    border: 0;
    background-color: #C1CFD9 !important;
    text-transform: uppercase;
}

.message-list-read-btn {
    width: 135px;
    height: 50px;
    margin: 10px;
    border: 0;
    background-color: #BBED21 !important;
    text-transform: uppercase;
}

.message-list-read-btn:hover {
    background-color: #D2F95F !important;
}

.message-list-read-btn span {
    font-weight: bold;
}

.search .x-form-text-default {
    color: white !important;
}

.search {
    border: 0;
}

.search-empty {
    background-image: url(PlatformHandler.axd?icon=search.png) !important;
    background-repeat: no-repeat;
    background-size: 30px;
}

.search ::-webkit-input-placeholder {
    color: white !important;
}

.ks-new-message,
.ks-recipients-add-button,
.ks-new-message-file-btn {
    background-color: #F6F8FA !important;
    border: dashed 2px #AFB7C2 !important;
}

.ks-new-message-file-btn span{
    font-size: 12pt;
    color: #AFB7C2 !important;
}

.ks-new-message span {
    color: #AFB7C2;
}

.ks-container-header label {
    font-size: 11pt;
}

.ks-popular-message {
    background: white;
}

.ks-imsg-container {
    background: #FBFBD2;
    width: 200px;
}

.ks-imsg-container .x-panel-header,
.ks-popular-message .x-panel-header {
    font-weight: bold;
    padding: 15px !important;
    text-align: center;
}

.ks-imsg-container .x-panel-header div,
.ks-popular-message .x-panel-header div{
    color: white !important;
    font-weight: bold;
    text-align: center;
}

.ks-imsg-next-btn {
    background-color: transparent !important;
    border: 0;
}

.ks-imsg-next-btn span {
    color: black;
    font-weight: bold;
}

.ks-message-item {
    box-shadow: -1px 2px 4px #ddd;
    background-color: white;
}

.ks-message-like-count, .ks-message-important-label {
    color: #F97E76 !important;
    font-weight: bold;
}

.ks-message-comments-panel .x-toolbar-default {
    background-color: transparent;
}

.ks-user-fio {
    font-size: 12pt;
}

.ks-message-add-comment .x-form-text-default {
    border: 0 !important;
    background-color: #EBF8FF !important;
    line-height: 20px;
}

.x-tab-bar-strip, .x-tab-bar-strip-default {
    visibility: hidden;
}

.ks-new-message-tab .x-panel-body {
    background-color: transparent !important;
    padding-top: 3px;
}

.ks-new-message-tab .x-tab-bar {
    background-color: transparent !important;
    padding: 0 !important;
}

.ks-new-message-tab .x-docked-bottom {
    background-color: transparent !important;
}

.ks-new-message-tab .x-tab-default {
    background-color: transparent !important;
    border: 0 !important;
    margin-right: 20px;
    height: 50px;
}

.ks-new-message-tab .x-tab-default span {
    font-size: 14pt !important;
    color: #99A3B1 !important;
    font-weight: bold !important;
    height: 20px !important;
    margin-top: 10px !important;
}

.ks-new-message-tab .x-tab-over .x-tab-inner {
    color: #26B4FF !important;
    text-decoration: underline;
}

.ks-new-message-tab .x-tab-active .x-tab-inner {
    color: #26B4FF !important;
    text-decoration: underline;
}

.ks-new-message-tab .x-tab-default {
    background-color: transparent !important;
}

.ks-recipients-label {
    font-size: 11pt;
    color: #8D8D8D;
    font-weight: bold;
}

.ks-recipients-selected {
    display: inline-block;
    border: solid 1px #ddd;
}

.ks-recipients-selected * {
    color: #888 !important;
    font-size: 12pt;
}

.ks-new-message-textarea span {
    color: white;
}

.ks-new-message-textarea a {
    background-color: transparent !important;
    border: 0 !important;
}

.ks-new-message-bbar-btn {
    background-color: #C1CFD9 !important;
    border: 0 !important;
}

.ks-new-message-send-btn {
    background-color: #F97E76 !important;
}

.ks-new-message-bbar-btn span {
    color: white;
    text-transform: uppercase;
}

.ks-tab-btn {
    background-color: transparent;
    border: 0 !important;
}

.ks-tab-btn span {
    color: #99A3B1;
    font-weight: bold;
    font-size: 10pt;
    padding-left: 0;
    margin-left: 0;
}

.ks-tab-btn-active {
    background-color: transparent !important;
}

.ks-tab-btn-active span {
    color: #26B4FF !important;
    text-decoration: underline !important;
}

.ks-tab-btn:hover,
.ks-tab-btn:focus {
    background-color: transparent !important;
}

.ks-tab-btn:hover span {
    color: #26B4FF !important;
    text-decoration: underline;
}

.ks-tab-btn .x-btn-pressed span {
    color: #26B4FF !important;
    text-decoration: underline;
}

.ks-tab-btn .x-panel-body {
    background-color: transparent !important;
}

.ks-tab-container {
    background-color: transparent !important;
}


.ks-event-meeting {
    background-color: rgb(254, 255, 120);
    border: white 1px solid;
}

.msg-datepicker .x-datepicker-inner {
    padding-bottom: 5px;
}

.msg-datepicker .x-datepicker-selected div.x-datepicker-date {
    border: 0 solid rgb(190, 190, 190);
}

.msg-datepicker .x-datepicker-today {
    border: 0;
}

.msg-datepicker .x-datepicker-cell {
    border: 0;
}

.msg-datepicker .x-datepicker-footer {
    padding: 5px 10px;
}

.msg-datepicker .x-datepicker-footer > * {
    display: inline-block;
    width: calc(100%/3);
}

.msg-datepicker .x-datepicker-footer .today-button a {
    background: none;
    border: none;
    outline: none;
}

.msg-datepicker .x-datepicker-footer .export-button {
    background-image: url("../images/datepicker_export.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 100%;
}

.msg-datepicker .x-datepicker-footer .export-button a {
    cursor: pointer !important;
    text-decoration: none !important;
}

.msg-used-date::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    margin-top: 2px;
    margin-left: -6px;
    border-radius: 50%;
    display: inline-block;
}

.msg-datepicker .x-datepicker-column-header {
    width: 30px;
    border: 0 solid rgb(224, 224, 224);
    font: 500 10pt Segoe UI, Tahoma, verdana, sans-serif;
    text-align: right;
}

/*
.msg-event-start {
    
    background-color: #00A2E8;
    border: white 1px solid;
    color: white !important;
}

.msg-event-finish {
    
    background-color: rgb(23, 144, 255);
    border: white 1px solid;
    color: white !important;
}

.msg-event-meeting {
    
    background-color: #0066CC;
    border: white 1px solid;
    color: white;
}
*/

.msg-event-window .x-window-header {
    padding: 0;
    color: white;
    text-align: center !important;
    margin: auto !important;
    border: white 1px solid !important;
    border-bottom: 0 !important;
}

.msg-event-window .x-window-header .x-title-text {
    text-align: center !important;
    font-size: 11pt !important;
}

.x-ks-column-sorting-order {
    color: #8d8d8d;
    font-size: 10px;
    position: absolute;
    right: 18px;
    top: 0;
}

.pivot-selected-fields {
    display: inline-block;
    border: solid 1px;
    padding: 2px 5px;
    margin: 0 5px 0 0;
}

.ks-message-list-header-text {
    color: white;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    font-size: 12pt;
}

.expression-editor .x-html-editor-container {
    border: 0;
}

.expression-editor .x-treelist-item-expanded > * > * > .x-treelist-item-expander:after {
    content: '' !important;
}

.expression-editor .x-treelist-item-text {
    margin: 0 0 0 15px;
}

.like-hypertext {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.ks-settings-window {
    background-color: #ffffff;
}

#report-body {
    /*position: relative; нужно выключать релатив для отображения в виде документа*/
    margin: 10px 10px 10px 20px;
}

.report-item {
    min-width: 100%;
}

img.report-item {
    min-width: unset;
}

/*.rdl-designer-view table.x-table-layout {*/
/*    width: 100%;*/
/*}*/

.rdl-designer-view tbody {
    vertical-align: top;
}

.report-item td {
    position: relative;
}

.report-item td > [web-pos] {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*
.report-item tr:hover td {
    background-color: rgb(209, 235, 250) !important;
}*/

.collapse-button {
    cursor: pointer;
}
/*
.new-message-text .x-hidden-offsets, .x-hidden {
    top: 0 !important;
    visibility: visible !important
}

    */

.bitrix-file-load {
    background-image: url(../images/bitrix_file_load.png) !important;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%; /* Safari 3.0 */
    -moz-background-size: 100% 100%; /* Gecko 1.9.2 (Firefox 3.6) */
    -o-background-size: 100% 100%; /* Opera 9.5 */
    background-size: 100% 100%;
}

.ks-message-item {
    overflow: visible;
}

.msg-sender-location-left.msg-rectangle::before {
    display: block !important;
}

.ks-message-comments-panel {
    padding: 10px 30px;
}

.msg-sender-location-top .ks-message-comments-panel {
    padding-left: 90px;
}

.msg-rectangle::before {
    display: none;
    content: '';
    position: absolute;
    top: 60px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    box-shadow: -1px 2px 4px #ddd;
}

.msg-rectangle-left::before {
    left: -13px;
}

.msg-rectangle-right::before {
    right: -13px;
}

.ks-workspace .ks-message-content:first-child {
    padding-left: 30px;
}

.ks-workspace .ks-message-content .files-panel * {
    border: 0 !important;
}

.ks-workspace .ks-message-content .files-panel .x-grid-cell-inner:hover {
    cursor: pointer;
    text-decoration: underline;
}

.ks-workspace .ks-message-text * {
    text-shadow: none !important;
}

#spreadsheet-frame body{
    width: 100%;
    height: 100%;
}

.x-legend {
    padding-right: 5px;
}

.x-legend-item {
    text-align: left;
    max-width: 1000px;
    white-space: normal;
    color: inherit;
    font-family: inherit;
}

.x-legend-inner {
    vertical-align: inherit;
}

.x-legend-container {
    width: 100%;
    box-shadow: none;
    background-color: transparent;
    vertical-align: inherit;
}

/*@media (min-width: 1500px) {*/
/*    .x-form-trigger-wrap-default {*/
/*        border-width: 2px !important;*/
/*    }*/

/*    .ks-mask-field .x-form-trigger-wrap-default {*/
/*        border-width: 0 !important;*/
/*    }*/
/*}*/

.table-layout-panel tbody,
.table-layout-panel table {
    width: 100%;
}

.table-layout-panel-cell {
    background-color: transparent;
}

.table-layout-panel-cell > div {
    background-color: #EEEEEE;
    border: solid 1px;
}

.table-layout-panel-cell .select,
.table-layout-panel-cell div:hover {
    background-color: #CCCCCC;
}

.table-layout-panel-cell.x-hidden-clip {
    clip: unset;
    opacity: 0.5;
}

.table-layout-panel-constructor .grid {
    border-collapse: collapse;
    position: absolute;
    user-select: none;
    width: 100%;
    top: 0;
}

.table-layout-panel-constructor .grid td {
    border: solid 1px;
}

.table-layout-panel-constructor .table-layout-panel-cell {
    position: absolute;
    z-index: 10;
    user-select: none;
}

.bitrix-comment-editor {

}

.bitrix-toolbar {
    text-align: center;
}

.bitrix-toolbar .x-box-inner {
    display: inline-block;
    width: 95% !important;
    max-width: 1200px;
    min-width: 800px;
}

.report-chart-details-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
    opacity: 0.75;
}

.report-chart-details-button:hover {
    opacity: 1;
}

.element-control-box img {
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
}

.print-frame-body {
    padding: 0;
    margin: 0;
}

.print-frame-body .rdl-subreport > div > .x-panel-body {
    width: unset !important;
    height: unset !important;
}
.print-frame-body .rdl-subreport {
    height: unset !important;
}

.ks-active-row td {
    background-color: #90caf9 !important;
}

.x-grid-row-summary .x-grid-cell {
    background-color: #D2E6FF !important;
}

.x-grid-row-summary .ks-multiline-row .x-grid-cell-inner {
    white-space: nowrap !important;
    overflow: hidden !important;
}

.x-grid-row-summary {
    display: none;
}

.show-grid-row-summary .x-grid-row-summary {
    display: table-row;
}

.x-tip-default .x-tool-close {
    background-image: url(../css/theme/images/tools/close-panel.png) !important;
    background-color: unset;
}

.x-tool-over .x-tool-tool-el {
    background-color: unset !important;
}

.ks-mask-field {
    position: absolute;
}

.ks-mask-field textarea {
    visibility: hidden;
}

.ks-mask-field .x-form-text-wrap {
    background: white;
}

.ks-filter-editor.disabled-cell input {
    background-color: inherit !important;
}

.ks-filter-editor .x-form-trigger-wrap,
.ks-filter-editor .x-form-trigger-wrap-default,
.ks-mask-field .x-form-trigger-wrap,
.ks-mask-field .x-form-trigger-wrap-default {
    border: 0 !important;
}

.ks-filter-editor .x-form-trigger {
    min-width: 22px;
    display: none;
}

.ks-filter-editor.x-field-focus .x-form-trigger {
    display: table-cell;
}

.ks-filter-editor:hover .x-form-trigger {
    display: table-cell;    
}

.ks-filter-editor input {
    text-overflow: ellipsis;
}

.x-form-trigger-default {
    vertical-align: middle;
    background-color: white;
}

.x-form-trigger-default.x-form-trgger-over.x-form-trigger-focus {
    background-color: #a6d4cf !important;
}

.x-grid-editor,
.x-grid-editor .x-field,
.x-grid-editor .x-form-trigger-wrap {
    height: 100%;
}

.x-grid-editor * {
    height: 100%;
    min-height: unset !important;
}

.x-grid-editor .x-form-trigger-spinner > div{
    height: 11px;
}

.header-field {
    word-break: break-all;
}

.x-grid-cell.x-item-disabled {
    background: #D3D3D3;
}

/* убираем т.к. нужно указывать паддинг для каждого элемента отдельно, 
   общая настройка делает ненужные отступы в некоторых отчетах */
/*.x-table-layout-cell {*/
/*    padding: 5px;*/ 
/*}*/

.ks-status-bar {
    background-color: #D2E6FF;
    border-top: solid 1px #cecece !important;
}

.x-grid-header-ct {
    background: white;
}

.x-column-header:last-child,
.x-column-header:last-child {
    border-right: solid 1px #d2dce5;
}

.x-grid-view {
    background: white;
}

.x-grid-body {
    border-top: none;
}

.notify-warning {
    background-color: #90caf9 !important;
    color: black !important;
    font-weight: bold;
}

.x-grid-row-filter .x-grid-cell-inner {
    height: 22px;
}

.chart-center-label {
    position: absolute;
    font-size: 32pt;
    text-align: center;
}

.rdl-designer-view .rdl-table-cell .x-autocontainer-innerCt {
    overflow-x: auto;
    overflow-y: hidden;
    display: block;
}

.table-first-row {
    font-size: 0;
    margin: 0;
    padding: 0;
    border-color: transparent;
}

.ks-file-window .x-form-trigger,
.ks-file-window .x-form-file-btn {
    width: 100%;
}

.ks-file-window .drag-drop-zone {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


.x-legend-docked-top,
.x-legend-docked-bottom {
    min-width: 100%;
}

.x-legend-docked-left,
.x-legend-docked-right {
    min-height: 100%;
}

.x-legend {
    overflow: auto;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    /* Растягиваем кнопку закрытия панели
        Вариант 1
        Растягиваем картинку с потерей качества

    .x-tab-close-btn {
        width: 36px !important;
        height: 36px !important;
        background-size: 300% !important;
        background-position: 0 -36px !important;
        top: 5px !important;
    }
    */

    /*
        Вариант 2
        Растягиваем только область клика
    */
    .x-tab-close-btn {
        display: inline-block;
        width: 36px !important;
        height: 36px !important;
        line-height: 36px !important;
        top: 0 !important;
        background: unset !important;
        text-align: right;
    }

    .x-tab-close-btn::after {
        display: inline-block;
        content: '';
        width: 12px;
        height: 12px;
        background: url(../App_Themes/Crisp/images/tab/tab-navigation-tabs-ks-close.png) 0 0;
        vertical-align: middle;
        line-height: 1.25px;
    }
}

.x-tab-default {
    border-color: #cecece;
}

.x-grid-header-ct > div > div > .x-column-header {
    border-bottom: 1px solid #d2dce5;
}

.ks-body table.grid_in th {
    font-size: 14px;
}

.compact-param {
    display: inline;
    padding: 0 5px;
}

.compact-param.x-form-item > label.x-form-item-label,
.compact-param.x-form-item > label.x-form-item-label > span,
.compact-param.x-form-form-item > label.x-form-item-label,
.compact-param.x-form-form-item > label.x-form-item-label > span {
    width: unset !important;
    padding-right: 5px;
    line-height: 30px;
}

.compact-param-container {
    line-height: 30px;
}

.report-field-container {
    margin-top: 10px;
    display: block;
}

.compact-param .x-form-item-body {
    max-width: unset;
    min-width: unset;
}

.report-field-container .x-panel-header {
    /*padding: 0 !important;*/
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none;
    border-spacing: 0;
}

.report-field-container .x-title-text {
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.report-field-container .x-panel-body {
    border: none;
    border-spacing: 0;
}

.dragscroll {
    cursor: grab;
}

.ks-fake-trigger-container .x-form-trigger:not(.x-form-trigger-over) {
    background-color: transparent;
}

.ks-fake-trigger-container .x-form-text-field-body-default {
    min-width: unset;
}

.ks-fake-trigger-container .x-form-trigger-wrap-default {
    border: 0;
    height: 100%;
}

.ks-filter-type-button .x-form-trigger-wrap {
    border: 0;
}

.ks-filter-type-button input,
.ks-select-tab-field input {
    padding: 0 !important;
}

.ks-fake-trigger-container input,
.ks-fake-trigger-container textarea {
    padding: 0;
    min-height: unset !important;
    height: 100%;
    visibility: hidden;
}

.ks-fake-trigger-container .x-form-item-body {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
}

.ks-fake-trigger-container .x-form-trigger-over {
    background-color: rgb(166, 212, 239);
}

.ks-fake-trigger-container {
    display: block;    
    height: 23px;
}

.x-form-spinner {
    height: 11px !important;
}

.x-grid-cell {
    position: relative;
}

.x-column-header-checkbox .x-column-header-checkbox:after, .x-grid-checkcolumn:after {
    height: 14px !important;
}

.rdl-chart .x-panel-body-default { 
    border: 0
}

.recovery-link {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
}

.ks-select-with-icon .x-boundlist-item {    
    display: flex;
    align-items: center;
    border-top-width: 4px;
    border-bottom-width: 4px;
}

.ks-select-with-icon .x-boundlist-item > div:first-child {
    margin-right: 6px;
}

.ks-icon-small {
    width: 16px;
    height: 16px;
}

.ks-icon-small .ks-select-with-icon-text {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    white-space: nowrap;
    margin-left: 2px;
}

.ks-select-tab-field ~ .x-box-scroller.x-box-scroller-right {
    margin-right: 25px;
}

.ks-select-tab-field ~ .x-box-inner {
    padding-right: 25px;
}

.ks-select-with-icon .x-form-trigger-wrap {
    height: 100%;
}

.rdl-cell-fixed-height {
    display: flex;
    align-items: inherit;
    justify-content: inherit;
}

.ks-dict-new .ks-dict-trigger {
    background-image: url(../PlatformHandler.axd?icon=new.png) !important;
}

.ks-dict-edit .ks-dict-trigger {
    background-image: url(../PlatformHandler.axd?icon=edit.png) !important;
}

.x-panel-body-navigator-ks .x-tree-panel
{
    padding-top: 10px;
}

/*.bitrix .x-panel-body-default {*/
/*    border-width: 0;*/
/*}*/


/* grid columnsSettingsVuew*/

.ks-grid-button-settings {
    background-image: url('./../css/theme/images/grid/columns.png') !important;
}

.ks-grid-settings-header-image-container {
    display: flex;
    align-content: center;
    justify-content: center;
}

.ks-grid-settings-visibilty-header {
    background-image: url('./../css/theme/images/visible.png') !important;
    background-repeat: no-repeat;
    height: 10px;
    width: 16px;
}

.ks-grid-settings-total-header {
    background-image: url('./../css/theme/images/gtotal.png') !important;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.ks-grid-settings-linebreak-header {
    background-image: url('./../css/theme/images/column_line_break.png') !important;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.ks-grid-button-filter {
    background-image: url('./../css/theme/images/clear_filter.png') !important;
}

.ks-toolbar-sort-button-delete {
    background-image: url('./../PlatformHandler.axd?icon=delete.png') !important;
}

.ks-toolbar-sort-button-up {
    background-image: url('./../css/theme/images/arrow_up.png') !important;
}

.ks-toolbar-sort-button-down {
    background-image: url('./../css/theme/images/arrow_down1.png') !important;
}

.ks-toolbar-sort-button-sort{
    background-image: url('./../css/theme/images/gsort.png') !important;
}

.ks-toolbar-sort-button-plus {
    background-image: url('./../css/theme/images/plus.png') !important;
}

.ks-treepanel-button-move-left {
    background-image: url('./../css/theme/images/arrow_left.png') !important;
}

.ks-treepanel-button-move-right {
    background-image: url('./../css/theme/images/arrow_right.png') !important;
}

.tree-node-button-sort {
    background-image: url('./../css/theme/images/sort.png') !important;
}

.tree-node-button-sortDesc {
    background-image: url('./../css/theme/images/sortDesc.png') !important;
}

td.rdl-cell-border-radius {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
}

.rdl-cell-border-radius-outer {
    display: flex;
    height: 100%;
    width: 100%;
}

.rdl-cell-border-radius-inner {    
    display: table-cell;
    width: unset;
    height: unset;
    width: 100%;
}

/* переопределения цвета отфильтрованной колонки */
.ks-filterCol,
.ks-filterCol .x-column-header-over {
    background-color: #a6d3ed;
    background-image: none;
}

.ks-select-with-icon .ks-icon-small {    
    position: relative;
    z-index: 1;
}

.ks-select-with-icon-text {
    flex: 1;
    white-space: nowrap;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.ks-select-with-icon-text[active=true]::before {    
    content: '';
    display: block;
    border: solid 1px #69a8e6;
    height: 16px;
    width: 16px;
    margin-left: -24px;
    margin-top: -1px;
    padding: 1px;
    background-color: #b2d7f0;
    position: absolute;
}

.ks-filter-type-select {
    position: absolute;
    left: 0;
    height: 22px;
}

.ks-filter-editor > div {
    min-width: unset;
    max-width: unset;
}

.multiline-cell .x-grid-cell-inner {
    white-space: normal;
}

.element-item-view .x-tab.x-tab-active.x-tab-default {
    background-color: #d1ebfa !important;
}

.element-item-view .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: black;
}

.toolbar-item {
    min-height: 24px;
}

.x-component.x-docked-summary.ks-filter-dock {
    background-color: white !important;
    border-top: none;
}

.x-component.x-docked-summary.ks-filter-dock > div {
    border-top: solid 1px #cecece;    
}

.ks-filter-dock .ks-multiline-row {
    height: 22px !important;
}

.ks-filter-dock .ks-multiline-row .ks-filter-editor,
.ks-filter-dock .ks-multiline-row .ks-filter-type-button {
    height: 22px !important;
}

/*.filter-editor-container {*/
/*    border-bottom: solid 1px #d2dce5;*/
/*}*/

.ks-filter-dock .x-container,
.ks-filter-dock .ks-filter-button,
.ks-filter-dock .x-grid-checkcolumn-cell-inner {
    border-bottom: solid 1px #d2dce5 !important;
}

.ks-bitrix-profile-window .x-panel-body-default {
    border: 0;
}

.ks-toolbar-file-editor .x-panel-body {
    border: 0;
}

/*.rdl-disable-overflow-x .x-panel-body {*/
/*    overflow-x: hidden !important;*/
/*}*/

.x-boundlist .x-boundlist-item {
    min-height: 24px;
}

.rdl-table-table-paging-cell {
    height: 27px;
    padding: 0;
    margin: 0;
    border: 0;
}

.rdl-table-paging-toolbar {
    position: absolute;
    height: 27px;
    width: 100%;
    max-width: 800px;
}

.x-toolbar-text .ks-hidden-bbar-status {
    display: none;
}

.rdl-data-container {
    margin: 20px auto;
    box-shadow: 5px 5px #7E94B8;
}

.rdl-data-container > div {
    
}

.rdl-view-table {
    border: dotted 1px #D3D3D3;
}

.rdl-view-page > div > .x-panel-body {
    border: solid 1px #7E94B8;
    background: whtie;
}


.rdl-view-table {
    border: dotted 1px #D3D3D3;
}

.rdl-view-page > div > .x-panel-body {
    border: solid 1px #7E94B8;
    background: white;
}

.rdl-page {
    border: solid 1px #7E94B8;
    box-shadow: 5px 5px #9DAFCC;
}

.rdl-page-content {
    border: dotted 1px #D3D3D3;
    width: 100%;
    height: 100%;
    position: relative;
}

.rdl-page-counter {
    position: absolute;
    bottom: 0;
    left: 10px;
}

.rdl-page-content #report-body {
    margin: 0 !important;
    padding: 0 !important;
}.ks-icon-noicon {
    display: none;
}
 
.rdl-page-footer {
    border-collapse: collapse;
}

.rdl-page-footer > td {
    padding: 0 1px;
}

.ks-filter-type-button {
    width: 22px;
}

.ks-filter-type-button .ks-icon-noicon {
    display: block;
    visibility: hidden;
}

.ks-element-item-view-toolbar-menu {
    max-width: 25px;
}

.x-tab[not-read-inbox-count]:after {
    content: attr(not-read-inbox-count);
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 12px;
    padding: 0 2px;
    height: 16px;
    line-height: 16px;
    background: #0285D0;
    border-radius: 25px;
    text-align: center;
    overflow: hidden;
    color: white;
    font-size: 11px;
}

.report-param-required {
    background-color: #ffe4e2;
}

.bpmn-chart-panel .x-surface {
    padding: 10px;
}

.ks-filter-editor-bound-list {
    width: auto !important;
}

.ks-fileColumn {
    background-position: right;
}

.bpms-choose-route-grid .x-grid-header-ct {
    border-left-width: 1px !important;
}

.bpms-choose-route-grid .x-grid-item-container { 
    border-left: 1px solid #d2dce5 !important;
}

.ks-select-tab-field .x-form-trigger {
    background-color: #f1f1f1;
}

.ks-select-tab-field .x-form-trigger-wrap {
    border-color: #f1f1f1;
}

.ks-select-tab-field .x-form-trigger:hover {
    background-color: #e6f2fa;
}

.ks-select-tab-field .x-form-trigger-wrap:hover {
    border-color: #e6f2fa;
}

.ks-toolbar-button {
    min-height: 24px;    
}

.main_menu:not(:hover) .x-menu-item-text-default {
    color: white;
}

.x-form-item-body-default > .x-box-layout-ct > .x-box-inner {
    min-height: 24px;
}

.element-grid .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.element-grid .x-grid-with-col-lines .x-grid-item-selected .x-grid-cell {
    border-color: #cecece;
}

.element-grid .x-grid-row .x-grid-cell-selected,
.element-grid .x-grid-item-selected {
    background-color: unset;
}

.x-btn-default-large {
    padding: 1px 8px 3px 10px;
}

.colored-block input {
    background-color: #D1D1D1 !important;
}

/* на широкоформатных мониторах вылезают лишние скролы */
.x-fit-item {
    max-width: 100%;
    max-height: 100%;
}

.element-control-box .x-tab-button {
    max-width: 200px;
}

.element-control-box .x-tab-button .x-tab-icon-el {
    margin-left: 0;
}

.element-item-tooltip {
    position: absolute;
    top: 0;
    right: 0;
}

.ks-fileColumn.x-grid-cell {
    background-image: none !important;;
}

.trigger-display-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: transparent;
    z-index: 1;
}

.trigger-display-container > div {
    height: 100%;
}

.trigger-display-container .x-form-trigger-spinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.grid-editor-triggers-only .x-grid-editor .x-form-trigger-wrap {
    border: 0;
}

.grid-editor-triggers-only .x-grid-cell-inner  {
    visibility: unset !important;
}
.grid-editor-triggers-only .ks-mask-field  {
    display: none;
}

.grid-editor-triggers-only .x-grid-editor .x-form-field {
    width: 0;
    padding: 0;
    background: transparent;
}
.element-control-box .grid-editor-triggers-only .x-grid-editor {
    background-color: transparent;
}

td.ks-empty {
    text-decoration: none !important;
}

.dwh-edit-panel .ks-auto-height-grid .x-grid-item-container {
    min-height: 26px;
}

.hierarchy-external-grid {
    border-left: solid 1px #cecece !important;
    border-right: solid 1px #cecece !important;
    border-bottom: solid 1px #cecece !important;
}

.hierarchy-external-grid .x-tree-view {
    background-color: #ffffff;
}

.ks-hint-column > .x-column-header-inner {
    padding-left: 25px;
}

.ks-hint-text-container {
    word-break: break-word;
}

.element-control-box .ks-label-text.x-abs-layout-item {
    overflow: visible;
}

.element-control-box .x-grid-editor {
    background-color: inherit;    
}
.ks-container-with-hint .x-autocontainer-innerCt{
    display: flex !important;
}

.ks-label-AfterCaption {
    position: relative !important;
    width: auto !important;
    padding: 2px 0px 0px 5px !important;
}

.ks-hint-AfterCaption{
    position: relative !important;
}

.ks-label-BeforeCaption {
    position: relative !important;
    width: auto !important;
    order: 1;
    padding: 2px 0px 0px 0px !important;
}

.ks-hint-BeforeCaption{
    position: relative !important;
    left: 0;
    order: 0;
}