body {  padding:0; margin:0; background:#fff; font:12px Tahoma, Helvetica, sans-serif }
img { border:0; }
p, td { /*font:12px Tahoma, Arial, Helvetica, sans-serif;*/ }
h1 { color:#000; font:22px/36px Arial, Helvetica, sans-serif; margin:0; }
h2, h3, h4 { font-size:12px; font-weight:bold; margin:5px 0; }
a { /*color:#000; text-decoration:underline;*/ }
hr { width:100%; height: 1px; border: medium none; color: #d1d0d0; background-color: #d1d0d0; margin:5px 0; }
#wrap { min-width:960px; height:100%; }
.starrequired { color:Red; }

#header {margin:0; background:url(images/top-bg.png) repeat-x left top;}
#header .left {color:#fff;font:14px Arial, Helvetica, sans-serif;padding:6px 0 0 13px;}
#header .left a {text-decoration:none; color:#fff}
#header .left .top {font:bold 14px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#header .left .bottom {font:14px Arial, Helvetica, sans-serif;margin:-2px 0 5px 0;}
#header .middle {color:#fff;font:12px Arial, Helvetica, sans-serif;vertical-align:bottom;padding:0 0 6px 0}
#header .middle a {color:#fff;text-decoration:none;}
#header .middle a:hover {text-decoration:underline;}
#header .middle a.selected {text-decoration:underline;}
#header .right {padding:0px 10px 0 0;color:#fde403;font:16px/18px Arial, Helvetica, sans-serif; text-align:right; }

#sub-header {background:#e2e2e2 url(images/header-bg.jpg) top left repeat-x; margin:0 0 2px 0;}
#sub-header .left {}/*20%*/
#sub-header .left h1 {margin:0;}
#sub-header .left h1 span {display:none;}
#sub-header .right {background:url(images/engine-bg.png) no-repeat top right; vertical-align:bottom;}
#footer * { margin:50px 0 0 0; color:#969696; font-size:11px; text-decoration:none; }
#footer td { padding:5px; }
#footer .right { text-align:right; }

#main {margin:0;}
#main .left {vertical-align:top;}/*20%*/
#main .left a {color:inherit;text-decoration:none;}
#main .left a:hover {text-decoration:underline;}
#main .left a.root-item-selected {color:#7c7c7c;font-weight:bold}
#main .left a:hover.root-item-selected {text-decoration:none;}
#main .left ul {color:#000000;font:12px/15px Arial, Helvetica, sans-serif;list-style:none;padding:0;margin:7px 0 0 0;}
#main .left ul li {border-bottom:1px solid #939393;padding:3px 0 3px 11px;}
#main .left ul ul {list-style:url(images/grey_arrow.gif);margin:0 0 0 19px;padding:0;}
#main .left ul ul li {border-bottom:none;padding:3px 0;}
#main .left ul ul li  a.item-selected {font-weight:bold}
#main .right {background:url(images/body-shadow.png) no-repeat left top; vertical-align:top;}
#main .right .page-header {background:#98abb8;}

.bx-component-panel .left {width:1px!important;padding:0!important;margin:0!important;}

.main-body-container {padding:10px 15px; position: relative; min-width:940px; }
.main-body-container a { color:#2b5eaa; text-decoration:underline; }

.page-header { padding:5px; }
.page-header h1 { color:White; }
.order-body { padding:10px 15px; font:11px Tahoma,Arial, Helvetica, sans-serif; }

a.script { text-decoration:none; color:#2b5eaa; border-bottom:dashed 1px #2b5eaa; }

/* result table */
table.result-table { border-collapse:separate; border-spacing:1px; width:100%; border:solid 1px #98abb8; }
/*table.result-table a { color:#000; }*/
table.result-table td .searched { background-color:Yellow; padding:0px; font-weight:bold; text-decoration:inherit; }
table.result-table th { font:11px Tahoma,Arial, Helvetica, sans-serif; background:#cbd9e2; padding:5px; }
table.result-table td { background:#ececec; padding:3px; font:11px Tahoma,Arial, Helvetica, sans-serif; }
table.result-table td.available { background-image: url(/images/presense.gif); background-repeat:no-repeat; background-position: center center; }
table.result-table td.available-one { background-image: url(/images/presense2.gif); background-repeat:no-repeat; background-position: center center; }
table.result-table tr.hover td { background-color:#d6e5f1; }
table.result-table tr.click td { background-color:#d0edda; }


table.order-list-table { border-collapse:separate; width:100%; border-spacing:1px; border:solid 1px #98abb8; }
table.order-list-table a { color:#000; }
table.order-list-table th { font: 11px Tahoma,Arial, Helvetica, sans-serif; background:#cbd9e2; padding:5px; }
table.order-list-table td.order-info { background:#ccc; padding:3px; }
table.order-list-table td.order-btn { text-align:center; width:45px; }
table.order-list-table tr.item-info { background:#eee; }
table.order-list-table tr.item-info td { padding:2px; font:11px Tahoma,Arial, Helvetica, sans-serif; }
table.order-list-table tr.filtered td { background:#f7f1dc; }
table.order-list-table tr.result td { /*border-top:solid 1px #c4cfd7;*/ background:#dee2e7; padding:5px; }
table.order-list-table a.filtered { color:Gray; }
table.order-list-table a.filtered span { color:#000; }
/*canceled*/
table.order-list-table tr.canceled td,
table.order-list-table tr.canceled td * { color:#ccc !important; }
table.order-list-table tr.click td { background-color:#d0edda; }
table.order-list-table td.hover { background:#d6e5f1; }
table.order-list-table tr.hover td { background:#d6e5f1; }
input.order-button { padding:3px 6px; font:bold 12px Tahoma,Arial, Helvetica, sans-serif; background:#cbd9e2; border:solid 1px #98abb8; cursor:pointer; }
input.order-button:hover { background:#b4c8d6; }
input.order-button.cancel { background: #e1e1e1; color: #5c5c5c; }
input.order-button.cancel:hover { background: #cdcdcd; }
input.green { background:MediumSeaGreen; }
.order-input { padding:2px; font:11px Tahoma,Arial, Helvetica, sans-serif; background-color:#fff; border:solid 1px #98abb8; }
.order-select { border:solid 1px #98abb8; font:11px Tahoma,Arial, Helvetica, sans-serif; padding:1px; height:20px; width:200px; }
.order-select option { padding:2px; background:#fff; }
.order-select option:selected { font-weight:bold; padding:1px; }
.order-textarea { width:98%; padding:2px; font:11px Tahoma,Arial, Helvetica, sans-serif; background:#fff; border:solid 1px #98abb8; }
.verify_order_container { margin:10px 0 10px; padding:1px; border:solid 1px #98abb8; }
.verify_order, .verify_order td { font:14px Tahoma,Arial, Helvetica, sans-serif; /*background:#ececec;*/ background-color:Magenta; text-align:left; }
.verify_descr { padding:10px; }
.wh-code { color:Gray; font-weight:normal; }
.filter-field-name { font:bold 11px Tahoma,Arial, Helvetica, sans-serif; text-align:right; white-space:nowrap; vertical-align:middle; }

/*notification*/
div.notification_container { margin:10px 0 10px; padding:1px; border:solid 1px #98abb8; background-color:#fff; }
div.notification_container div.notification { padding:10px; background-color:#fdf0bf; }

/*search cross confirm*/
div.cross-confirm-container { width:280px; background:#fff; position:absolute; z-index:1000; /*border:solid 1px #fde384;*/ border:solid 1px #98abb8; padding:1px; display:none; }
div.cross-confirm-container div.cross-confirm { background:#fdf0bf; padding:15px; text-align:center; font:12px Tahoma,Arial, Helvetica, sans-serif; }
div.cross-confirm-container div.cross-confirm a { color:#000; display:inline-block; font-weight:bold; padding:3px; width:60px; background:#cbd9e2; border:solid 1px #98abb8; cursor:pointer; text-decoration:none; }
div.cross-confirm-container div.cross-confirm a:hover { background:#b4c8d6; }

/*Navigation*/
div.nav-container { background:#fff; position:fixed; z-index:99; /*border:solid 1px #fde384;*/ border:solid 1px #98abb8; padding:1px; bottom:5px; right:40%; }
div.nav-container div.nav { background:#fdf0bf; padding:5px 10px; text-align:center; font:12px Tahoma,Arial, Helvetica, sans-serif; }

/*change status window*/
div.change-status-container { width:310px; background:#fff; position:absolute; z-index:1000; /*border:solid 1px #fde384;*/ border:solid 1px #98abb8; padding:1px; display:none; }
div.change-status-container div.change-status { padding:10px; text-align:center; font:12px Tahoma,Arial, Helvetica, sans-serif; }
div.change-status-container div.change-status a { display:inline-block; font-weight:bold; padding:3px; width:80px; background:#cbd9e2; border:solid 1px #98abb8; cursor:pointer; text-decoration:none; }
div.change-status-container div.change-status a:hover { background:#b4c8d6; }

.basket-line { padding:5px 15px 5px 25px; display:inline-block; position:relative; }
.basket-line .ui-icon-cart { position:absolute; left:5px; }
.basket-line div a { color:#000; }

.ajaxBusy {
    backdrop-filter: blur(20px);
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Ccircle cx="50" cy="50" r="20" fill="none" stroke="%23333333" stroke-width="6" stroke-dasharray="70 30" stroke-linecap="round"%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 50 50" to="360 50 50" dur="0.7s" repeatCount="indefinite" /%3E%3C/circle%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px;
}