/**
 * Файл CSS для библиотеки QExtUI
 * @author Podzorov P.V.
 * @version 0.0.1
 */

/**************************************************************************************************************************/
/* Системные классы  ******************************************************************************************************/

/*Класс эелемента QExtUI  */
.q-ext-ui {
}

.input_submit {
    width: 20px; /* Ширина кнопки */
    height: 20px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url(/images/logo_akt/akt.png) no-repeat 50% 50%; /* Параметры фона */
}

/**************************************************************************************************************************/
/* Классы ГИП  ************************************************************************************************************/

/*Настройка Body  */
body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
    font-size: 16px;
    font-family: arial, sans-serif;
    /*overflow-x: hidden;*/
    /*overflow-y: hidden;*/
}

/*---------------------------------------------------------------------------------------------------------*/
/*Метки  --------------------------------------------------------------------------------------------------*/

/*Метка перемещения мышью  */
.qui-marker-movable {;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Декорирование  ------------------------------------------------------------------------------------------*/

/*Рамка  */
.qui-border-rect {
    border: #8c8c8c solid 1px;
}

/*Рамка с зкругленными углами  */
.qui-border-round-rect {
    border: #8c8c8c solid 1px;
    border-radius: 3px 3px 3px 3px;
}

.qui-bg-none {
    background: none;
}

.qui-bg-gray {
    background-color: #8c8c8c;
}

.qui-bg-gray-opacity {
    background-color: rgba(100, 100, 100, 0.4);
}

/*---------------------------------------------------------------------------------------------------------*/
/*Компоненты  ---------------------------------------------------------------------------------------------*/

/*Класс базового компонента  */
.qui-component {
    position: absolute;
    display: block;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 16px;
    font-family: arial, sans-serif;
    z-index: 200;
}

/*Класс корневого компонента  */
.qui-root-panel {
    padding: 0px;
    margin: 0px;
    border: none;
    z-index: 200;
}

/*Класс редактируемого компонента  */
.qui-component-editable {
    padding: 0px;
    margin: 0px;
    border: none;
    z-index: 200;
}

/**Класс панели карточек  */
.q-card-panel {;
}

/**Класс панели закладок  */
.q-tab-panel {;
}

/**Класс панели заголовка закладок  */
.q-tab-header {
    padding: 0px 2px 0px 2px;
    border-bottom: #595959 solid 3px;
}

/**Класс единицы закладки заголовка закладок  */
.q-tab-item {
    display: inline-block;
    border-radius: 4px 4px 0px 0px;
    border-left: #595959 solid 1px;
    border-top: #595959 solid 1px;
    border-right: #595959 solid 1px;
    margin: 0px 1px 0px 1px;
    padding: 0px 5px 0px 5px;
    font-weight: normal;
    font-size: 0.8em;
    cursor: pointer;
    height: 100%;
}

.q-tab-item-mark {
    border-left: #595959 solid 2px;
    border-top: #595959 solid 2px;
    border-right: #595959 solid 2px;
    font-weight: bold;
    font-size: 0.8em;
}

/**Класс компонента закладок  */
.q-tabbed-pane {;
}

.q-tabbed-pane-content {
    border-radius: 0px 0px 4px 4px;
    border-left: #8c8c8c solid 1px;
    border-right: #8c8c8c solid 1px;
    border-bottom: #8c8c8c solid 1px;
}

.q-tabbed-pane-header {;
}

/*Класс ярлыка  */
.qui-label {
    font-weight: normal;
    font-size: 12px;
}

/*Класс вершинной панели Up  */
.qui-panel-up {
    z-index: 5100;
}

/*Класс зафиксированной панели Fixed  */
.qui-panel-fixed {
    position: fixed;
    z-index: 5100;
}

/*Класс виджета  */
.qui-widget {
    cursor: pointer;
    z-index: 5000;
}

/*Класс прогресса  */
.qui-progress {
    background-color: #c8c8c8;
    border: 1px solid #646464;
    border-radius: 8px 8px 8px 8px;
    z-index: 200;
}

.qui-progress-thumb {
    background-color: #2dbe2d;
    border-radius: 8px 8px 8px 8px;
    z-index: 200;
}

/*Класс компонента с разделителем  */
.qui-split-pane {;
}

.qui-split-pane-vert {;
}

.qui-split-pane-hor {;
}

/*Класс разделителя  */
.qui-splitter {
    border: none;
}

.qui-splitter-vert {
    background: url('/images/q_ext_ui/SplitterVert.png') repeat-y center;
    cursor: ew-resize;
}

.qui-splitter-hor {
    background: url('/images/q_ext_ui/SplitterHor.png') repeat-x center;
    cursor: ns-resize;
}

/*Класс компонента со скролом  */
.qui-scrollbar {;
}

.qui-scrollbar::-webkit-scrollbar {
    width: 12px;
}

.qui-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.qui-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.65);
}

.qui-scrollbar::-webkit-scrollbar-thumb:window-inactive {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
}

/*
  Sublime
*//*
qui-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
qui-scrollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background: linear-gradient(left, #212121, #323232);
    box-shadow: 0 0 1px 1px #111;
}
qui-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left, #4A4A4A, #404040);
    box-shadow: inset 0 0 1px 1px #191919;
}
qui-scrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(left, #555555, #4e4e4e);
}*/

/*---------------------------------------------------------------------------------------------------------*/
/*Графические UI  -----------------------------------------------------------------------------------------*/

/*Класс холста  */
.qui-canvas {
    z-index: 200;
}

/*Класс холста 2D  */
.qui-canvas-2d {;
}

/*Класс холста 3D  */
.qui-canvas-3d {;
}

/*Класс холста 3DT  */
.qui-canvas-3d-t {;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Кнопки, переключатели  ----------------------------------------------------------------------------------*/

/*Класс кнопки  */
.qui-button {
    background-color: #c8c8c8;
    border: 1px solid #8c8c8c;
    border-radius: 6px 6px 6px 6px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    z-index: 200;
}

.qui-button:hover {
    background-color: #dadee1;
    border: 1px solid #595959;
    cursor: pointer;
}

.qui-button-shadow {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/*Класс чистой кнопки  */
.qui-button-clear {
    background: none;
    border-radius: 0px 0px 0px 0px;
    border: none;
}

.qui-button-clear:hover {
    background: none;
    border-radius: 0px 0px 0px 0px;
    border: none;
}

.qui-button-clear-geom {
    background: none;
    border: none;
    padding: 0px 0px 0px 0px;
}

.qui-button-clear-geom:hover {
    background: none;
    border: none;
    padding: 0px 0px 0px 0px;
}

/*Класс кнопки с PopUp  */
.qui-button-popup {;
}

.qui-button-popup:hover {
    background-color: #dadee1;
    border: 1px solid #595959;
    cursor: pointer;
}

.gui-component-popup-button-popup {
    background-color: #dadee1;
    border: 1px solid #595959;
    z-index: 5100;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Sheet  --------------------------------------------------------------------------------------------------*/

/*Класс компоента листов  */
.qui-sheet {;
}

/*Класс листа  */
.qui-sheet-component {;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Sheet  --------------------------------------------------------------------------------------------------*/

/*Класс компоента панели карточек  */
.qui-card {;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Виды (представления)  -----------------------------------------------------------------------------------*/

/*Класс вида  */
.qui-view {;
}

/*Класс структурированноговида  */
.qui-view-structure {;
}

/*Класс вида списка  */
.qui-list {;
}

/*Класс вида структурированного списка  */
.qui-list-sructure {;
}

/*Класс комнпонента единицы списка  */
.qui-list-item {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

.qui-list-item:hover {
    background-color: #ffffbe;
}

/*Класс вида Flow  */
.qui-flow {;
}

/*Класс вида структурированного Flow  */
.qui-flow-sructure {;
}

/*Класс комнпонента единицы Flow  */
.qui-flow-item {
    display: inline-block;
    position: relative;
    /*left: 0px;
    right: 0px;*/
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    border-right: #e6e6e6 solid 1px;
    cursor: default;
}

.qui-flow-item:hover {
    background-color: #ffffbe;
}

/*Класс вида дерева  */
.qui-tree {;
}

/*Класс вида структурированного дерева  */
.qui-tree-sructure {;
}

/*Класс комнпонента узла дерева  */
.qui-tree-node {
    position: relative;
    left: 0px;
    right: 0px;
    padding: 2px 5px 2px 5px;
    border-bottom: #e6e6e6 solid 1px;
    cursor: default;
}

.qui-tree-node:hover {
    /* background-color: #ffffbe; */
    background-color: #f5f5f5;
}

/*Node-Open  */
.qui-tree-button-expand-open {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeOpen.png') no-repeat center;
}

.qui-tree-button-expand-open:hover {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeOpen_F.png') no-repeat center;
}

/*Node-Close  */
.qui-tree-button-expand-close {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeClose.png') no-repeat center;
}

.qui-tree-button-expand-close:hover {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeClose_F.png') no-repeat center;
}

/*Node-Root  */
.qui-tree-button-expand-root {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeRoot.png') no-repeat center;
}

.qui-tree-button-expand-root:hover {
    border: 0px none;
    padding: 0px;
    background: url('/images/q_ext_ui/TreeNodeRoot_F.png') no-repeat center;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Окна  ---------------------------------------------------------------------------------------------------*/

/*Класс окна  */
.qui-window {
    background-color: #ebeaeb;
    border: #8c8c8c solid 1px;
    border-radius: 8px 8px 3px 3px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
    z-index: 5400;
}

.qui-window-title {
    background-color: #bebebe;
    border: #8c8c8c solid 1px;
    border-radius: 8px 8px 0px 0px;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial, sans-serif;
    text-align: center;
    vertical-align: middle;
    z-index: 5400;
}

.qui-window-panel-substrate {
    background-color: rgba(45, 45, 45, 0.5);
    z-index: 5350;
}

.qui-window-panel-substrate-tansparency {
    background-color: rgba(0, 0, 0, 0.0);
}

.qui-window-title-button {
    background: none;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.qui-window-title-button:hover {
    background: none;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.qui-window-title-button-close {
    background: url('/images/q_ext_ui/ButtonClose_18_D.png') no-repeat center;
}

.qui-window-title-button-close:hover {
    background: url('/images/q_ext_ui/ButtonClose_18_F.png') no-repeat center;
}

.qui-window-title-button-expand {
    background: url('/images/q_ext_ui/ButtonExpand_18_D.png') no-repeat center;
}

.qui-window-title-button-expand:hover {
    background: url('/images/q_ext_ui/ButtonExpand_18_F.png') no-repeat center;
}

.qui-window-title-button-turn {
    background: url('/images/q_ext_ui/ButtonTurn_18_D.png') no-repeat center;
}

.qui-window-title-button-turn:hover {
    background: url('/images/q_ext_ui/ButtonTurn_18_F.png') no-repeat center;
}

.qui-window-title-icon {
    background: url('/images/q_ext_ui/WinTitleIcon_18_D.png') no-repeat center;
}

.qui-window-title-icon:hover {
    background: url('/images/q_ext_ui/WinTitleIcon_18_F.png') no-repeat center;
}

.qui-window-content {
    background-color: #ebeaeb;
    border-radius: 8px 8px 3px 3px;
    border-style: none;
    z-index: 5400;
}

.qui-window-footer {
    background-color: #ebeaeb;
    border-radius: 0px 0px 3px 3px;
    z-index: 5400;
}

.qui-window-footer-button {
    vertical-align: top;
}

.qui-window-footer-button:hover {;
}

/*Класс диалога  */
.qui-dialog {;
}

/*Класс диалога прогресса  */
.qui-dialog-progress {
    font-weight: bold;
    font-size: 16px;
    font-family: arial, sans-serif;
}

/*Класс диалога ожидания  */
.qui-dialog-waiter {;
}

.qui-image-waiter {
    background: url('/images/q_ext_ui/AnimWater_3D_64.gif') no-repeat center;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Element  ------------------------------------------------------------------------------------------------*/

/*Класс компоента элемента  */
.qui-element {;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Documentation -------------------------------------------------------------------------------------------*/

/*Класс компоента документирования  */
.qui-documentation {;
}

.qui-documentation-header {
    background-color: #e6e6e6;
    border-bottom: #8c8c8c solid 1px;
}

.qui-documentation-status-bar {
    background-color: #e6e6e6;
    border-top: #8c8c8c solid 1px;
}

.qui-documentation-structure {
    border-right: #8c8c8c solid 1px;
}

.qui-documentation-content {
    border-left: #8c8c8c solid 1px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Формы  --------------------------------------------------------------------------------------------------*/

/*Класс ввода  */
.qui-input {;
}

/*Класс формы  */
.qui-form {;
}

/*Класс текста  */
.qui-text {
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: left;
}

.qui-text:focus {
    outline: 0;
}

/*Класс поля ввода текста  */
.qui-text-field {
    color: rgb(15, 15, 15);
    border: 1px solid #a5a5a5;
    border-radius: 8px 8px 8px 8px;
}

/*Класс текстового поля поиска  */
.qui-text-find {
    color: rgb(15, 15, 15);
    border: 1px solid rgb(62, 163, 70);
    border-radius: 8px 8px 8px 8px;
}

/*Класс текстового поля поиска Search (HTML5 Forms)  */
.qui-text-search {
    color: rgb(15, 15, 15);
    border: 1px solid #07c7ff;
    border-radius: 8px 8px 8px 8px;
}

/*Класс текстового поля пароля  */
.qui-text-password {;
}

/*Класс области ввода текста  */
.qui-text-area {;
}

.qui-text-area::-webkit-scrollbar {
    width: 12px;
}

.qui-text-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.qui-text-area::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.65);
}

.qui-text-area::-webkit-scrollbar-thumb:window-inactive {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
}

/*Класс области ввода URL  */
.qui-text-url {
    color: rgb(15, 15, 15);
    border: 1px solid #a5a5a5;
    border-radius: 8px 8px 8px 8px;
}

/*Класс области ввода чисел  */
.qui-text-number {
    color: rgb(15, 15, 15);
    border: 1px solid #a5a5a5;
    border-radius: 4px 4px 4px 4px;
}

/*Класс области ввода EMail  */
.qui-text-email {
    color: rgb(15, 15, 15);
    border: 1px solid #a5a5a5;
    border-radius: 8px 8px 8px 8px;
}

/*Класс CheckBox-а  */
.qui-checkbox {
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: left;
}

.qui-checkbox-element {
    background: none;
    border: #8c8c8c solid 1px;
    border-radius: 2px;
    cursor: pointer;
}

/*Класс RadioBox-а  */
.qui-radiobox {
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: left;
}

.qui-radiobox-element {
    cursor: pointer;
}

/*Класс ползунка для чисел  */
.qui-range {;
}

/*Класс выбора даты  */
.qui-date {;
}

/*Класс выбора цвета  */
.qui-color {;
}

/*Класс кнопки отправки  */
.qui-submit {
    font-weight: bold;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: center;
    cursor: pointer;
}

/*Класс кнопки очистки всех полей  */
.qui-reset {
    font-weight: bold;
    font-size: 12px;
    font-family: arial, sans-serif;
    text-align: left;
    text-align: center;
    cursor: pointer;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Переключатели параметров  -------------------------------------------------------------------------------*/

/*Переключение видимости  */
.qui-par-visible-false {
    visibility: hidden;
}

/*Переключение присутствия  */
.qui-par-show-false {
    display: none;
}

/*Отображение скролинга  */
.qui-scrolling-hor {
    overflow-x: auto;
}

.qui-scrolling-hor-force {
    overflow-x: scroll;
}

.qui-scrolling-hor-hidden {
    overflow-x: hidden;
}

.qui-scrolling-vert {
    overflow-y: auto;
}

.qui-scrolling-vert-force {
    overflow-y: scroll;
}

.qui-scrolling-vert-hidden {
    overflow-y: hidden;
}

/*Позиционирование  */
.qui-position-absolute {
    position: absolute;
}

.qui-position-fixed {
    position: fixed;
}

.qui-position-relative {
    position: relative;
}

/*Курсоры  */
.qui-cursor-none {
    cursor: none;
}

.qui-cursor-hand {
    cursor: pointer;
}

.qui-cursor-ns-resize {
    cursor: ns-resize;
}

.qui-cursor-ew-resize {
    cursor: ew-resize;
}

/*Выравнивание текста  */
.qui-text-align-hor-left {
    text-align: left;
}

.qui-text-align-hor-center {
    text-align: center;
}

.qui-text-align-hor-right {
    text-align: right;
}

.qui-text-align-vert-top {
    vertical-align: top;
}

.qui-text-align-vert-middle {
    vertical-align: middle;
}

.qui-text-align-vert-bottom {
    vertical-align: bottom;
}

/*Шрифты  */
.qui-font-weight-bold {
    font-weight: bold;
}

.qui-font-weight-normal {
    font-weight: normal;
}

.qui-font-style-normal {
    font-style: normal;
}

.qui-font-style-italic {
    font-style: italic;
}

.qui-font-style-inherit {
    font-style: inherit;
}

.qui-font-style-oblique {
    font-style: oblique;
}

.qui-font-size-base {
    font-size: 16px;
}

.qui-font-size-small {
    font-size: 12px;
}

.qui-font-size-small_very {
    font-size: 8px;
}

.qui-font-size-big {
    font-size: 20px;
}

.qui-font-size-big_very {
    font-size: 24px;
}