body {
	font: 12px/18px Tahoma, Arial, sans-serif; background-color: #fff;
}

/* test colors
	https://colormagic.app/palette/RCZVFGEZl0ChiobWk4KN
*/



/*base #5FA2DD*/
.header {
	height: 50px; width:100%;
	background: #FFD963; color: #000 !important;
	position: fixed; top: 0; z-index: 1000;
	display: flex; align-items: center; justify-content: space-around;
}
.header div {
	width:50%;
}
.header a {
	color: #fff; font-weight: bold;
}

.main-navi { /*navigation column*/
	float: left; width: 250px;
	background: transparent;
	font-size: 12px;
}
.main-navi a {
	text-decoration: none; padding: 5px 7px; display: block;
	background-color: #5FA2DD; color: #fff; position: relative;
}
.main-navi a:hover {
	background: #FFD963 !important;
}
.main-navi ul {
    list-style: none outside none; padding: 0 5px;
}
.main-navi ul ul{
   padding: 0;
}
.main-navi li{
	margin: 1px; padding: 0 0px 1px 0px;
}
.main-navi .grpLab {
	background-color: #2b71a8 !important;
}
.main-navi ul > li.group {
    background-color: transparent;
}
.main-navi ul > li.group ul {
    display: none;
}
.main-navi ul > li.expand ul {
    display: block;
}
.main-navi ul li.group a {
    background-color: #5FA2DD; display: block;
}

.main-navi a.grpLab {
}
.main-navi a.grpLab::after {
	position: absolute;	right: 1em; color: var(--col-white);
	content: '\25BC';
}

.main-navi li.expand a.grpLab::after {
	position: absolute;	right: 1em;
	content: '\25B2';
}

.main-navi ul > li.active a {
    background-color: #FFD963; color: #000; margin: 1px;
}
.main-navi a i {
    padding-right: 5px;
}
.main-navi a i.dn {
    display: none;
}

.content {
	margin-left: 255px;  margin-top: 50px;
	padding: 1em;
	background-color: #fff;
}

/*commons*/
.fb{font-weight: bold;}
.ac{text-align: center;}
.ar{text-align: right;}
.al{text-align: left;}
.fr{float: right;}
.fl{float: left;}
.cl{clear: left;}
.cr{clear: right;}
.fc{clear: both;}
.warning{color: #C12E2A;}
.info-box{background-color: #FCFF9A; padding: 1em;}
.dist-l-fill{margin-left: 10px;}

.comp-distance{margin-bottom: 1em;}
.help-link{padding: 0 .5em; text-decoration: none; color:#0072c6 !important; font-size: 20px;}

.button{border-radius: 0.4em; display: inline-block; vertical-align: middle; text-align: center; line-height: 100%; padding: 1em 1.5em; margin: 0.3em; border: 0; cursor: pointer; font-size: 11px; line-height: 16px; font-weight: normal;}
.button:hover{color: #000; background-color: #FF6600;}
a.button {text-decoration: none;}

/*Ext buttons*/
.grd-but{color: #fff; cursor: pointer; display: inline-block; padding: 3px 7px; width: auto !important;
    text-align: center; vertical-align: middle; white-space: nowrap; border: 1px; font-size: 12px;}
.grd-but:hover, .grd-but:active{color: #000;}

.frm-but, .frm-but:hover, .frm-but:active{background-image: none;}
.frm-but .x-btn-inner-default-small, .frm-but .x-btn-inner-default-toolbar-small, .frm-but .x-btn-inner-default-toolbar-medium{color: #fff;}

.but-success{background-color: #5CB85C; border-color: #e4e4e4; color: #fff !important;}
.but-success:hover{background-color: #449D44;}
.but-success .x-btn-icon-el-default-toolbar-small{color: #fff;}
.but-success .x-btn-inner-default-toolbar-small{color: #fff;}

.but-primary, .but-edit{background-color: #428BCA; border-color: #e4e4e4;}
.but-primary:hover, .but-edit:hover{background-color: #3071A9;}

.but-danger, .but-del{background-color: #D9534F; border-color: #e4e4e4;}
.but-danger:hover, .but-del:hover{background-color: #C9302C;}

.but-warning{background-color: #F0AD4E; border-color: #e4e4e4;}
.but-warning:hover{background-color: #EC971F;}

.but-info{border-color: #e4e4e4;}
.but-info:hover{background-color: #2AABD2;}

.but-neptun{font-family: helvetica,arial,verdana,sans-serif; font-size: 15px; line-height: 19px; min-height: 24px;}

.ext-grid-row-closed{background-color: silver;}
.ext-grid-row-open, .ext-grid-row-ok{background: #ccff99; color:#000;}
.ext-grid-row-warning{background-color: #cc0000; color:#000;}
.ext-grid-row-hold{background-color: #ff6666; color:#000;}
.ext-grid-row-error{background: #cc0000; color:#fff;}/*red*/
.ext-grid-row-watch{background: #FFC439; color:#000;}/*orange*/
.ext-grid-row-extra{background: #FF9A55; color:#000;}/* extra, action*/
.ext-grid-row-back{background: #C9302C; color: #fff;}/*order back*/
.ext-grid-row-dead{background: #000; color: #fff;}/*dead*/
.ext-grid-row-comp{background: #d3f1ff; color: #000;}/*order composite type*/
.ext-grid-row-bonus{background: #FCFF9A; color: #000;}/*checkpoint bonus item*/

.ext-grid-row-split{background: #478500; color:#fff;}

.number-back{background-color: #FCFF9A; padding: 0 10px;}

.icoOnly{width: 35px;}
.icoDistanced {margin-left: 10px;}
.icoHide{display: none;}
.icoRefresh{background-image: url(../images/refresh.gif) !important;}

/*flex*/
.flex-box {display: flex;}

/* dashboard*/
.linkBox {display: flex;}
.linkBox div {margin: 1em; padding: 1em; background-color: #3071A9; color: #fff; text-align: center; font-size: 1.5em; width: 150px;
	 line-height: 1.5em;
}
.linkBox a {color: #fff; text-decoration: none; font-weight: bold;}
.linkBox p {margin: .1em;}
.linkBox .type0 {background-color: #0072c6; color: #fff;} /*OBP*/
.linkBox .type1 {background-color: #0e428e; color: #fff;} /*TYPE_WG*/
.linkBox .type2 {background-color: #0e428e; color: #fff;} /*TYPE_WG_IDENTITY*/
.linkBox .type100 {background-color: #3071A9; color: #fff;} /*TYPE_TRACELINK*/
.linkBox .type101 {background-color: #3071A9; color: #fff;} /*TYPE_TRACELINK_CLOUD*/

.linkBox .type900 {background-color: #F59F06; color: #fff;} /*EMVO*/
.linkBox .type901 {background-color: #2b71a8; color: #fff;} /*NOOL*/
.linkBox .type901a {background-color: #95C221; color: #fff;} /*NOOL green*/
.linkBox .type902 {background-color: #009edd; color: #fff;} /*EMVS*/
.linkBox .type903 {background-color: #001E2B; color: #fff;} /*MongoDB*/

/* EMVS - NBS */
.emvs-result{width: 100%; font-size: 14px; color: #fff;}
.emvs-result span{display: inline-block; min-width: 65px; text-align: right;}
.emvs-item{padding: .5em 0;}
.emvs-item .pack{font-size: 12px;}
.emvs-item .operationCode{font-size: 12px;}
.emvs-item .state{font-weight: bold;}
.emvs-item .alertId{font-weight: bold;}
.emvs-info{background-color: #5CB85C; border-color: #3E8F3E;}
.emvs-alert{background-color: #D9534F; border-color: #B92C28;}
.emvs-warning{background-color: #FF7E00; border-color: #FF7E00;}
.emvs-product{background-color: #fff; border: 1px solid #58636b; padding: .5em; margin: 3px 0; color: #000;}
.emvs-product label{color: #58636b; font-size: 14px;}

/**/
.info-box{background-color: #FCFF9A; padding: 1em; margin: 1em 0;}

/* Ext bug*/
.x-fieldset-header, .x-fieldset-header-default > .x-fieldset-header-text {
    position: initial;
}
.x-fieldset-header, .x-fieldset-header-default .x-tool-tool-el {
    overflow: initial;
}
.x-fieldset-header-default > .x-fieldset-header-text {font-size: 13px; font-weight: bold;}

.x-form-display-field-default{min-height: 24px;} /*displayfield hack*/

.ico-lang-cz{background-image: url(/images/ico_lang_cz.png);}
.ico-lang-en{background-image: url(/images/ico_lang_uk.png);}