.catalogue { font-size: 13px; padding: 0; margin: 0; }
.catalogue li { list-style-type: none; background: url(./Images/pixel.gif) repeat-y 4px 0; padding-bottom: 5px; clear: both; padding-top: 4px; }
.catalogue li .gap { width: 4px; background: url(./Images/pixel.gif) repeat-x 0 6px; float: left; }

.catalogue .nodes { padding-left: 30px; }

.catalogue .materials { padding: 0; }
.catalogue .materials li { background-position: 0 0; margin-left: 34px; }
.catalogue .materials li .gap { width: 7px }

.catalogue .node-caption * { float: left; }
.catalogue .node-caption .checker { margin: 0 4px 0 0; border: 0 !important; }

.catalogue .node-caption .material-name { padding-left: 45px; }
.catalogue .node-caption .material-name a:visited { color: #3578CB; }
.catalogue .node-caption .material-name * { float: none; }
.catalogue .node-caption .material-name,
.catalogue .node-caption .node-name { float: none; }
.catalogue .node-caption .node-name { margin-left: 5px; padding: 0 0 5px 25px; font-weight: bold; }
.catalogue .node-caption .node-name span { cursor: pointer; }
.catalogue .node-caption .highlighted { color: #3578cb; }

.catalogue .node-caption .expandee { margin-top: 2px; cursor: pointer; }

.catalogue li.last { background: url(./Images/line.gif) no-repeat 4px -10px;  }
.catalogue li.unavailable { padding-left: 4px; }
.catalogue li.unavailable .node-name { margin-left: 1px; color: #585A5E; }
.catalogue .materials li.last { background-position: 0px -10px; }
.catalogue .materials li.locked { color: #787b80; }

.activatable .materials li.activated a { font-weight: bold; }

.without-checkboxes .node-caption .material-name { padding-left: 30px; }
.without-checkboxes .node-caption .node-name  { padding-left: 15px; }
.without-checkboxes .materials li { margin-left: 20px; }
.without-checkboxes .nodes { padding-left: 20px; }

.tree-table-wrapper { margin: 30px 0 10px 30px; }
.without-checkboxes .tree-table-wrapper { margin-left: 20px; }

.table .min-size { width: 1px; }
.table .body { border: solid 1px #c5cbd0; }
.table .body table { border-collapse: collapse; font-size: 13px; width: 100%; }
.table .body table tr.odd { background-color: #f0f3f8; }
.table .body table tr.even { background-color: #fff; }
.table .body table th, 
.table .body table td { text-align: left; font-weight: normal; border-top: solid 1px #e7e7e7; padding: 7px; margin: 0; }
.table .body table .actions { white-space: nowrap; text-align: left; vertical-align: middle; }
.table .body table .actions .action { display: inline-block; margin-right: 10px; }
.table .body table .checkbox input { border: 0; }
.table .body table thead th { background-color: #dadfe9; border-top: 0; }
.table .body table thead th a { text-decoration: none; color: #000; }
.table .body table thead th a:hover { text-decoration: underline; }
.table .body table thead th a.inactive:hover { text-decoration: none; }
.table .body table thead th .sort { display: inline-block; /*IE display: inline; font-size: 9px; padding: 0 5px;*/ }
.table .body table thead th .no-sort { display: none; }
.table .body table tbody td.grouping { font-weight: bold; }
.table .body table tbody td.grouping .action { display: inline-block; margin-right: 4px; margin-left: 4px; }

.table .paging { font-size: 11px; font-family: Tahoma; margin-top: 6px; }
.table .paging .pages, .table .paging .status { padding: 6px 0; }
.table .paging .pages, .table .paging .total { float: left; }
.table .paging .pages, .table .paging .total select { width: auto; }
.table .paging .pages { padding-right: 12px; margin-right: 12px; border-right: solid 1px #c5cbd0;  }
.table .paging .status { float: right; padding: 6px 0; }

.table .paging { height: 25px; }
.table .paging, 
.table .paging .pages a { color: #585a5e; }
.table .paging .pages a { text-decoration: none; }
.table .paging .pages a:hover { text-decoration: underline; }
.table .paging .pages .icon { margin-top: 2px; }
.table .paging .pages .icon,
.table .paging .pages .links { float: left; }
.table .paging .pages .links { padding: 0 6px; }
.table .paging .pages .links .separator,
.table .paging .pages .links a { margin-left: 5px; }
.table .paging .pages .links a.selected { color: #000; font-weight: bold; }

.table .buttons { clear: both; padding-top: 6px; margin-top: 6px; border-top: solid 1px #e7e7e7; }

.olimp-button { 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-khtml-border-radius: 4px; 
	border-radius: 4px;
	display: inline-block; 
	position: relative; 
	padding: 6px 20px; 
	text-decoration: none !important; 
	cursor: pointer; 
	text-align: center; 
	zoom: 1; 
	overflow: visible;
	background-color: #0a67b7;
	font-size: 18px;
	color: #fff !important;
    font-family: Arial;
	font-stretch:condensed;
	font-weight: bold;
	border: 0;
	line-height: 22px;
}
.olimp-button[disabled] {
    cursor: default;
    background-color: darkgray !important;
}

@-moz-document url-prefix() { button.olimp-button { line-height: 20px; } } 
.olimp-button-hover { background-color: #2d89dc; }

.olimp-dialog { border: solid 1px #c5cbd0; background-color: #fff; }
.olimp-dialog .olimp-dialog-content { position: relative; border: 0; padding: 6px; background: none; overflow: auto; zoom: 1; }
.olimp-dialog .olimp-dialog-titlebar { cursor: move; border-bottom: solid 1px #c5cbd0; padding: 4px 0 4px 12px; background: url(./Images/dlgttlbg.gif) repeat-x; position: relative; }
.olimp-dialog .olimp-dialog-titlebar-close { position: absolute; right: 6px; top: 9px; width: 14px; height: 14px; display: block; background: url(./Images/dlgcls.gif) no-repeat; }
.olimp-dialog .olimp-dialog-title { font-family: Arial; font-stretch:condensed; font-size: 18px; font-weight: bold; color: #fff; } 

.olimp-dialog .olimp-dialog-buttonpane { text-align: left; border-top: solid 1px #c5cbd0; margin: 0 6px; }
.olimp-dialog .olimp-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }

.olimp-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #3b4752; filter: alpha(opacity=50); opacity: .5; }

.olimp-combobox { width: 100%; border-collapse: collapse; background-color: #fff; }
.olimp-combobox tr td { padding: 0; border-top:solid 1px #c9ccd6 !important; border-bottom:solid 1px #c9ccd6 !important;}
.olimp-combobox tr td.first {border-left:solid 1px #c9ccd6 !important;}
.olimp-combobox tr td.last {border-right:solid 1px #c9ccd6 !important;}
.olimp-combobox tr td.out {border:none;}
.olimp-combobox tr td input { border: 0; width: 100% !important; }
.olimp-combobox tr td input:disabled { margin-left: 0px; }
.olimp-combobox .olimp-combobox-button { margin: 0 3px 0 5px; }
.olimp-combobox .olimp-combobox-button-wrap { width: 13px;  cursor: pointer; }
.olimp-combobox .out { border: 0 !important }
.combobox[disabled] + table.olimp-combobox input, .form-table[disabled]{
    -ms-opacity: 0.5;
    opacity: 0.5;
}
.olimp-combobox tr td input 
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; }
* html .ui-autocomplete { height: 200px; }

.olimpcheckradio { display: inline-block; margin-right: 15px; width: 32px; height: 32px; }
.olimp-checkbox-unchecked { background: url(./Images/olimp-checkbox-unchecked.png); }
.olimp-checkbox-checked { background: url(./Images/olimp-checkbox-checked.png); }
.olimp-radio-unchecked { background: url(./Images/olimp-radio-unchecked.png); }
.olimp-radio-checked { background: url(./Images/olimp-radio-checked.png); }

.olimp-multiselect-list {
    display: table;
    font-size: 11px;
    color: #262626;
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 0;

}
.olimp-multiselect-list li { display: table-row; }
.olimp-multiselect-list li div { display: table-cell; padding: 0 5px 12px 0;vertical-align: top; }
.olimp-multiselect-list li div:first-child { padding-right: 7px; }
.olimp-multiselect-list .icon-delete-active { margin: 0 5px -1px 0; }
.olimp-multiselect-list.disabled-list .icon, .olimp-multiselect-list li.disabled .icon { filter: alpha(opacity=50);opacity: 0.5;cursor: default;}
.olimp-multiselect-menu-add-text { color: #000000; opacity: 0.6; filter: alpha(opacity=60);}
.olimp-multiselect-input-tip{display: none; position: absolute; color: #262626; white-space: nowrap; overflow: hidden;}
.ui-state-hover .olimp-multiselect-menu-add-text{ color: #ffffff;}

.btn-add-delete-all-small {
    height: 22px;
    width: 88px;
    color: #fff;
    background-color: #0A67B7;
    border-radius: 3px;
    padding: 4px 8px !important;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 11px !important;
    border-color: #0A67B7;
    border-style: none;
    font-stretch: normal;
    font-weight: normal;
    line-height: normal !important;
}

/* default radio styles */
.radio-label .radio-mark {
    height: 15px;
    width: 15px;
    margin-right: 4px;
    background: url(./Images/radio/radio_off.svg);
    background-size: 15px;
    display: block;
    float: left;
}

.radio-label input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

/* checked radio styles */
.radio-label input:checked ~ .radio-mark {
    background: url(./Images/radio/radio_on.svg);
    background-size: 15px;
}

/* default checkbox styles */
.checkbox-label input {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.checkbox-label {
    height: 14px;
    width: 14px;
    position: relative;
    margin-right: 4px;
}

.checkbox-label .checkbox-mark {
    position: relative;
    top: 0;
    left: 0px;
    height: 14px;
    width: 14px;
    border: 1px solid;
    border-radius: 3px;
    border-color: gray;
    float: left;
}

.checkbox-label .checkbox-mark::after {
    content: "";
    position: absolute;
    opacity: 0;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate(45deg);
    transform: rotate( 45deg );
}

.checkbox-label input ~ .checkbox-mark:hover {
    border-color: #515151;
}

.checkbox-label input ~ .checkbox-mark:active {
    border-color: #c4c4c4;
}

/* checked checkbox styles */
.checkbox-label input:checked ~ .checkbox-mark {
    background: #0075ff;
    border-color: #0075ff;
}

.checkbox-label input:checked ~ .checkbox-mark:hover {
    background: #005dc8;
    border-color: #005dc8;
}

.checkbox-label input:checked ~ .checkbox-mark:active {
    background: #3794ff;
    border-color: #3794ff;
}

.checkbox-label input:checked ~ .checkbox-mark::after {
    opacity: 1;
}

/*for virtual tree*/
.tabs-navigator {
    height: 100%;
    display: table;
    width: 100%
}

.tab-container {
    height: 100%;
    padding: 10px 6px 6px 0px;
    display: table-cell;
    width: 100%;
}

.tab {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.main-tab {
    padding-left: 6px;
}

.tab-view {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

.tab-footer {
    display: table-row;
    width: 100%;
    height: 40px;
}

.back-container {
    position: relative;
    background-color: #f0f3f8;
    height: 100%;
    display: table-cell;
    float: none;
    min-width: 56px;
}

.tab-content {
    height: 100%;
}

.edit-action-content-wrapper {
    height: 100%;
}

.tab-buttons button.olimp-button {
    margin-bottom: .1em;
}

.not-main-tab {
    margin-left: 6px;
    padding-right: 6px;
}

.without-padding {
    padding: 0px!important;
}

.base-tree-view > .need-borders {
    border-top: 2px solid #e7e7e7;
    border-bottom: 2px solid #e7e7e7;
    margin-top: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 200px;
    overflow-y: auto;
}
.tab .base-tree-view > .need-borders {
    border-top: none;
    border-bottom: none;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    max-height: none;
    background-color: transparent;
}
.main-tab .base-tree-view > .need-borders {
    margin-top: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 200px;
    overflow-y: auto;
    background-color: #f0f3f8;
}
.catalogue .appointment-name { font-weight: bold; cursor: pointer;}
.catalogue .node-name > span { width: 90%; }
.catalogue .node-name > span.icon.catalogue-icon { width: 13px; }
.catalogue .appointment-name > span { float: left; max-width: 90%; }
.catalogue .appointment-name.unselected  { font-weight: 400 !important; }
.catalogue .node-caption .appointment-name { float: none; }

.tree-control-buttons-container { display: inline; }
.show-only-selected-control { float: right; }
.show-only-selected-control span {
    font-size: 11px;
    font-family: Tahoma;
    cursor: pointer;
}
.show-only-selected-control input { margin-right: 5px; width: auto!important; }
.show-only-selected-control tr td { padding-top: 3px; border: none; text-align: inherit; padding: 0px; }
.show-only-selected-control tr td:first-child { padding-top: 3px; }

.group-tree-wrap {
    overflow: auto;
}

.is-disabled-link {
    color: currentColor;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

ul.ui-autocomplete {
    z-index: 9999;
}

.hidden {
    display: none!important;
}

.icon-back-align {
    margin-top: 16px;
    margin-left: 21px;
}

.icon-back {
    background-position: -23px -210px;
    width: 15px;
    height: 15px;
}

.banner-admin-page {
    height: 50px;
    margin-right: -20px;
}

.banner-splash {
    height: 50px;
    width: 100%;
    margin-right: 0;
    position: absolute;
    bottom: 0;
    z-index: 1050;
}

.banner-splash-indent {
    width: 45px;
    padding-left: 128px;
    padding-right: 10px;
}

.banner-admin-indent {
    width: 43px;
    padding-left: 18px;
}

.banner-red {
    background: #f44336;
}

.banner-gray {
    background-color: #818181;
}

.banner-table {
    display: table;
}

.banner-cell {
   display: table-cell;
   vertical-align: middle; 
}

.banner-warning-icon {
    width: 12px;
    height: 12px; 
    background: url(./Images/icon_warning.svg) no-repeat;
    display: block;
}

.banner-time-icon {
    width: 12px;
    height: 12px; 
    background: url(./Images/icon_time.svg) no-repeat;
    display: block;
}

.banner-refresh-icon {
    width: 32px;
    height: 32px;
    margin-left: 7px;
    margin-right: -10px;
    background: url(./Images/icon_refresh.svg) no-repeat;
    display: block;
}

.banner-close-icon {
    width: 32px;
    height: 32px;
    background: url(./Images/icon_close.svg) no-repeat;
    display: block;
    cursor: pointer;
}

a.banner-btn {
    width: 141px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 18px;
    cursor: pointer;
    text-decoration: none;
}
a.banner-btn:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.banner-text {
    color: #fff;
    font-size: 14px;
}

.virtual-scrolling-view .scroll-cell:first-child {
    max-width: 0;
}

.virtual-scrolling-view .scroll-item {
    border-bottom: none;
    line-height: 1.07;
    padding-top: 10px;
    min-height: 24px;
    display: flex;
}

.virtual-container {
    width: 100%;
}

.virtual-scrolling-view .scroll-cell {
    vertical-align: middle;
}

.virtual-scrolling-view .scroll-item .toggle {
    height: 0;
}