/* toolsToolSprites кнопки хэдера (ракрыть/развернуть/на полный экран и т.д.) */

.toolsToolSprites {
    background-image: url(../resources/images/tools/tool-sprites.gif) !important;
    cursor: pointer;
    height: 15px;
    width: 15px;
    min-width: 15px;
    border: 0px;
    overflow: hidden;
    color: #958383;
    text-align: right;
}

.toolsToolSprites_collapse {
    background-position-y: -75px;
}

.toolsToolSprites_expand {
    background-position-y: -60px;
}

.toolsToolSprites_close {
    background-position-y: 0px;
}

.toolsToolSprites_fullScreen {
    background-position-y: -45px;
}

.toolsToolSprites_resize {
    background-position-y: -30px;
}

.toolsToolSprites_showHorizontal {
    background-position-y: -165px;
}

.toolsToolSprites_show {
    background-position-y: -210px;
}

.toolsToolSprites_hide {
    background-position-y: -195px;
}

.toolsToolSprites_collapse,
.toolsToolSprites_expand,
.toolsToolSprites_close,
.toolsToolSprites_fullScreen,
.toolsToolSprites_resize,
.toolsToolSprites_showHorizontal,
.toolsToolSprites_show,
.toolsToolSprites_hide {
    background-position-x: 0;
}

.toolsToolSprites_collapse:hover,
.toolsToolSprites_expand:hover,
.toolsToolSprites_close:hover,
.toolsToolSprites_fullScreen:hover,
.toolsToolSprites_resize:hover,
.toolsToolSprites_showHorizontal:hover,
.toolsToolSprites_show:hover,
.toolsToolSprites_hide:hover {
    background-position-x: -15px;
}

/* оформление ввода текста (градиентная картинка для задника) */

.formTextBg {
    background-image: url(../resources/images/form/text-bg.gif) !important;
    box-sizing: border-box;
    color: #000;
    background: repeat-x 0 0;
    outline: none;
    width: 100%;
    background-color: #fff;
    height: 100%;
}

/* Кнопка для выпадающего списка */

.formTrigger {
    background-image: url(../resources/images/form/trigger.gif) !important;
}

/* Кнопка для календаря */

.formDateTrigger {
    background-image: url(../resources/images/form/date-trigger.gif) !important;
}

.formTrigger,
.formDateTrigger {
    width: 17px;
    min-width: 17px;
    cursor: pointer;
    background-position: 0 0;
}

.formTrigger:hover,
.formDateTrigger:hover {
    background-position: -17px 0 !important;
}

.formTrigger:active,
.formDateTrigger:active {
    background-position: -34px 0 !important;
}

.formTrigger_focus,
.formDateTrigger_focus {
    background-position: -51px 0 !important;
}

/* Кнопки увеличения/уменьшения (используются для числовых значений в текстовом поле) */

.formSpinner {
    background-image: url(../resources/images/form/spinner.gif) !important;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 0;
    white-space: nowrap;
    width: 17px;
    background: 0 0 transparent no-repeat;
    border-width: 0 1px 1px 1px;
    border-color: #b5b8c8;
    border-style: solid;
    height: 100%;
    max-height: 12px;
    box-sizing: border-box;
}

.formSpinner_up {
    background-position: 0px 0px;
}

.formSpinner_up:hover {
    background-position: -17px 0px;
}

.formSpinner_up:active {
    background-position: -34px 0px;
}

.formSpinner_focus .formSpinner_up {
    background-position: -51px 0px;
}

.formSpinner_focus .formSpinner_up {
    background-position: -68px 0px;
}

.formSpinner_down {
    background-position: 0px -11px;
}

.formSpinner_down:hover {
    background-position: -17px -11px;
}

.formSpinner_down:active {
    background-position: -34px -11px;
}

.formSpinner_focus .formSpinner_down {
    background-position: -51px -11px;
}

.formSpinner_focus .formSpinner_down:hover {
    background-position: -68px -11px;
}

/* Чекбокс (см. стили в основном компоненте) */

.formCheckbox {
    background-image: url(../resources/images/form/checkbox.gif) !important;
}

/* Radio Button (см. стили в основном компоненте)*/

.formRadio {
    background-image: url(../resources/images/form/radio.gif) !important;
}

/* Крестик для удаления получателя в письме */

.formTagFieldItemClose {
    background-image: url(../resources/images/form/tag-field-item-close.gif) !important;
}

/* Подчеркивание неверного текстового поля */

.gridInvalidLine {
    background-image: url(../resources/images/grid/invalid_line.gif) !important;
}

/* Сортировка по возрастания/убыванию */

.gridSortAsc {
    content: url(../resources/images/grid/sort_asc.gif) !important;
}

.gridSortDesc {
    content: url(../resources/images/grid/sort_desc.gif) !important;
}

/* Кнопки в заголовках таблицы для вызова меню колонки */

.gridBtn {
    background-image: url(../resources/images/grid/grid3-hd-btn.gif) !important;
}

html[class~='mobile'] .gridBtn {
    background-image: url(../resources/images/grid/sort_desc.gif) !important;
}

/* Маленькая стрелочка для кнопки с вызовом контекстного меню */

.buttonArrow {
    background-image: url(../resources/images/button/arrow.gif) !important;
    height: 8px;
    width: 8px;
}

/* Стрелка сворачивания/разворачивания (вправо/влево) на разделителе  */

.utilSplitterMiniLeft {
    background-image: url(../resources/images/util/splitter/mini-left.gif) !important;
}

.utilSplitterMiniRight {
    background-image: url(../resources/images/util/splitter/mini-right.gif) !important;
}

/* Крестик для вкладок */

.tabDefaultClose {
    background: url(../resources/images/tab/tab-default-close.gif) 0 0 !important;
}

/* Набор спрайтов для тулбара редактора текста */

.editorTbSprite {
    background-image: url(../resources/images/editor/tb-sprite.gif) !important;
    width: 16px;
    height: 16px;
}

/* Стрелка в дереве, плюс и минус в дереве, линии в дереве */

.treeArrows {
    background-image: url(../resources/images/tree/arrows.gif) !important;
}

.treeElbowEndMinus {
    background-image: url(../resources/images/tree/elbow-end-minus.gif) !important;
}

.treeElbowEndPlus {
    background-image: url(../resources/images/tree/elbow-end-plus.gif) !important;
}

.treeElbowEnd {
    background-image: url(../resources/images/tree/elbow-end.gif) !important;
    cursor: default !important;
}

.treeElbowLine {
    background-image: url(../resources/images/tree/elbow-line.gif) !important;
    background-size: 16px 20px;
    background-repeat: repeat-y;
    background-position-y: 20px
}

.treeElbow {
    background-image: url(../resources/images/tree/elbow.gif) !important;
    cursor: default !important;
}

.treeElbowMinusNl {
    background-image: url(../resources/images/tree/elbow-minus-nl.gif) !important;
}

.treeElbowMinus {
    background-image: url(../resources/images/tree/elbow-minus.gif) !important;
}

.treeElbowPlusNl {
    background-image: url(../resources/images/tree/elbow-plus-nl.gif) !important;
}

.treeElbowPlus {
    background-image: url(../resources/images/tree/elbow-plus.gif) !important;
}

/* Кнопки в заглавной шапке приложения */

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

.openAgent {
    background-image: -webkit-image-set(url(/images/Agent16.png) 1x,
            url(/images/Agent24.png) 2x,
            url(/images/Agent32.png) 3x) !important;
    background-image: image-set(url(/images/Agent16.png) 1x,
            url(/images/Agent24.png) 2x,
            url(/images/Agent32.png) 3x) !important;
}

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

.openForEditGrayscale,
.systemMessages,
.openAgent {
    width: 16px;
    height: 16px;
    display: flex;
    vertical-align: middle;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.searchTrigger {
    background-image: url(/images/search-trigger-my.png) !important;
}

.searchTriggerAdvanced {
    background-image: url(/images/advanced-search-trigger-my.png) !important;
}

.searchTrigger,
.searchTriggerAdvanced {
    background-position: -51px 0;
    border-width: 0px !important;
    width: 17px;
    height: 20px;
    cursor: pointer;
}

.searchTrigger:hover,
.searchTriggerAdvanced:hover {
    background-position: -68px 0;
}

.searchTrigger:active,
.searchTriggerAdvanced:active {
    background-position: -34px 0;
}

/* Кнопки в тулбаре приложения */

.menu {
    background-image: url(/images/Menu.png) !important;
    width: 24px;
    height: 24px;
}

.info {
    background-image: url(/images/Info.png) !important;
    width: 16px;
    height: 16px;
}

.tableHeadIcon {
    background-image: url(/images/bitmapTableHeadIcons.png) !important;
    background-repeat: no-repeat;
    background-clip: content-box;
}

.tableHeadIcon_ViewObject {
    background-position: 5px 5px;
}

.tableHeadIcon_ViewRestrFile {
    background-position: -12px 5px;
}

.tableHeadIcon_ViewFile {
    background-position: -12px 5px;
}

.tableHeadIcon_EditAttr {
    background-position: -28px 5px;
}

.tableHeadIcon_EditFile {
    background-position: -44px 5px;
}

.tableHeadIcon_EditContent {
    background-position: -60px 5px;
}

.tableHeadIcon_DeleteObject {
    background-position: -78px 5px;
}

.tableHeadIcon_CreateVersion {
    background-position: -92px 5px;
}