.mobile-show { display:none; }
.mobile-inlineshow { display:none; }
.mobile-row { display:none; }
.mobile-cell { display:none; }
	
.table.logintable {
    max-width: 400px;
    width: 100%;
	margin-left: auto;
    margin-right: auto;
    background: aliceblue;
	padding: 15px;
}

.dom-input {
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    border: 1px solid var(--input-border);
	font-size: 14px;
}

input[type="submit"].dom-input,input[type="button"].dom-input {
    display: inline-block;
    width: auto;
    padding: 5px 9px;
    font-weight: bold;
    background: var(--darklight);
    color: var(--buttonfont);;
    border: none;
	cursor: pointer;
}

.dom-input.bs_updating {
    background: #e8ffcc;
}

.content_editable {
	border: 1px solid var(--darklight);
    background: var(--soft-back);
    color: var(--dark);
    padding: var(--indent);
	font-size: 13px;
}

.dom-input.bs_error {
    background: #ffe7e5;
}

.login-company {
    padding: 5px;
    background: #607D8B;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

a.login-language {
    padding: 4px 6px;
    margin-right: 5px;
    font-size: 12px;
    text-decoration: underline;
}

label.login-label.mx {white-space: nowrap;}

.main-screen-left {
	padding:var(--indent);
    width: 94px;
    background: var(--dark);
}

.main-screen-top {
    padding: var(--half-indent);
    background: var(--dark);
}

select.main-menu-select {
    border: none;
    background: aliceblue;
    font-size: 18px;
    padding: var(--half-indent) var(--indent);
	border-radius: 3px;
	min-width:50%;
}

.main-menu {
    text-align: center;
}

img.dom-main-logo {
    width: 100%;
}

ul.v-menu {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style: none;
	box-shadow: inset 1px 0px 13px 12px rgba(240,248,255,1);
}

ul.v-menu li {
    display: block;
    text-align:left;
    padding: var(--indent);
    background: var(--soft-back);
	cursor:pointer;
	margin-bottom: 1px;
	line-height:24px;
}

.v-menu li.selected,.v-menu li.selected:hover {
    background: var(--menu-selected);
}
.v-menu li:hover {
background: var(--menu-hover);
}
form.nosubmit {
    padding: 3px;
    display: block;
	background: #f4f4f4;
}
span.button-span {
    display: inline-block;
    height: 24px;
    width: 24px;
	padding-left:32px;
	white-space:nowrap;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: 50%;
}
span.button-span:empty {
	padding-left:0px;
}

.view-screen,.module-top,.module-bottom,.module-middle { padding:0px; }
.module-top {
    padding: var(--indent) var(--indent) 0px var(--indent);
    background: #ebebeb;
}
.module-bottom {
    padding: var(--indent);
    background: #ebebeb;
}

.indent { padding:var(--indent) }
.indentdbl { padding:var(--indentdbl) }
.indent-grid { padding:10px; }
.indent-menu { padding:var(--indent) 0px var(--indent) var(--indent)}

div.button {
 padding: var(--button-indent);	
 display: inline-flex;
 align-items: anchor-center;
 cursor:pointer;
 background: var(--darklight);
 color: #fff;
 width: fit-content;
 white-space:nowrap;
}

div.button .icon_btn { margin-right:2px;}

.tool_menuline {
    background: var(--noticebg);
    padding: 3px;
}

.tool_label {
    display: inline-block;
    vertical-align: super;
	padding:3px;
	font-weight: bold;
	color: var(--darklight);
}
.tool_content_box { background:#ffffff; padding:3px; }

.icon { background-size:100% 100%; background-position:50% 50%; transition:all 0.5s;}
.icon_btn { width: 20px; height: 20px; display:inline-block;}
.icon.home { background-image: url(/library/icons/home.png); }
.icon.acc { background-image: url(/library/icons/building.png); }
.icon.operation { background-image: url(/library/icons/planet.png); }
.icon.sales { background-image: url(/library/icons/contract.png); }
.icon.invoices { background-image: url(/library/icons/outbox.png); }
.icon.clients { background-image: url(/library/icons/clients.png); }
.icon.mobile { background-image: url(/library/icons/mobile.png); }
.icon.exit { background-image: url(/library/icons/exit.png); }
.icon.new { background-image: url(/library/icons/new.png); }
.icon.edit { background-image: url(/library/icons/edit.png); }
.icon.cancel { background-image: url(/library/icons/cancel.png); }
.icon.copy { background-image: url(/library/icons/copy.png); }
.icon.delete { background-image: url(/library/icons/cancel.png); }
.icon.deletegrey { background-image: url(/library/icons/cancelgrey.png); }
.icon.disable { background-image: url(/library/icons/cancel.png); }
.icon.save { background-image: url(/library/icons/disk_blue.png); }
.icon.savegreen { background-image: url(/library/icons/disk_green.png); }
.icon.search { background-image: url(/library/icons/search.png); }
.icon.help { background-image: url(/library/icons/help.png); }
.icon.link { background-image: url(/library/icons/link.png); }
.icon.payments { background-image: url(/library/icons/money2.png); }
.icon.accounting { background-image: url(/library/icons/cashier.png); }
.icon.options { background-image: url(/library/icons/options.png); }
.icon.print { background-image: url(/library/icons/printer.png); }
.icon.setting { background-image: url(/library/icons/setting.png); }
.icon.next { background-image: url(/library/icons/arrow_right_green.png); }
.icon.prev { background-image: url(/library/icons/arrow_left_green.png); }
.icon.product { background-image: url(/library/icons/cabinet.png); }

/* ACTIVE ICONS */

.icon.home.active { background-image: url(/library/icons-color/home.png); }
.icon.acc.active { background-image: url(/library/icons-color/building.png); }
.icon.operation.active { background-image: url(/library/icons-color/planet.png); }
.icon.sales.active { background-image: url(/library/icons-color/contract.png); }
.icon.invoices.active { background-image: url(/library/icons-color/outbox.png); }
.icon.clients.active { background-image: url(/library/icons-color/clients.png); }
.icon.mobile.active { background-image: url(/library/icons-color/mobile.png); }
.icon.exit.active { background-image: url(/library/icons-color/exit.png); }
.icon.new.active { background-image: url(/library/icons-color/new.png); }
.icon.edit.active { background-image: url(/library/icons-color/edit.png); }
.icon.cancel.active { background-image: url(/library/icons-color/cancel.png); }
.icon.copy.active { background-image: url(/library/icons-color/copy.png); }
.icon.delete.active { background-image: url(/library/icons-color/cancel.png); }
.icon.deletegrey.active { background-image: url(/library/icons-color/cancelgrey.png); }
.icon.disable.active { background-image: url(/library/icons-color/cancel.png); }
.icon.save.active { background-image: url(/library/icons-color/disk_blue.png); }
.icon.savegreen.active { background-image: url(/library/icons-color/disk_green.png); }
.icon.search.active { background-image: url(/library/icons-color/search.png); }
.icon.help.active { background-image: url(/library/icons-color/help.png); }
.icon.link.active { background-image: url(/library/icons-color/link.png); }
.icon.payments.active { background-image: url(/library/icons-color/money2.png); }
.icon.accounting.active { background-image: url(/library/icons-color/cashier.png); }
.icon.options.active { background-image: url(/library/icons-color/options.png); }
.icon.print.active { background-image: url(/library/icons-color/printer.png); }
.icon.setting.active { background-image: url(/library/icons-color/setting.png); }
.icon.next.active { background-image: url(/library/icons-color/arrow_right_green.png); }
.icon.prev.active { background-image: url(/library/icons-color/arrow_left_green.png); }
.icon.product.active { background-image: url(/library/icons-color/cabinet.png); }
input.dom-input.icon {
    padding-left: 27px;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 20px 20px;
}

input.dom-input.icon.delete {
    background-image: url(/library/icons-color/cancel.png);
}

/* dictionary */
.dic_searchtop {
    background: var(--soft-back);
    border-bottom: 1px solid var(--darklight);
}

.dic_label {
    font-weight: bold;
    font-size: 11px;
}

.dic_content textarea {
    height: 80px;
}

/* popup */

.BS_Popup .footerbutton {
    background: var(--dark);
    font-weight: normal;
    font-size: inherit;
}

.BS_Popup .footerbutton:hover {
    background: var(--darklight);
}

/* buttonset */

.buttonset {
	background: var(--soft-back);
	padding-left: var(--indent);
}
.buttonset span.icon {
    height: 16px;
    width: 16px;
    display: inline-block;
	margin-right: 5px;
	float:left;
}

.buttonset .b_btn {
    padding: 8px;
    display: inline-block;
    background: var(--darklight);
	cursor:pointer;
	white-space:nowrap;	
}

.buttonset .b_btn:hover {
    background: var(--darkhover);
}

.buttonset .b_btn.disabled {
	cursor:not-allowed;
    background: var(--link-visited);
	color:#fff;
}

.buttonset .b_btn span.label {
    display: block;
    line-height: 16px;
    font-size: 12px;
	float:left;
	color:#fff;
}

.buttonset .b_btn:hover span.label {
	color: #333;
}

.buttonset .b_btn.disabled:hover span.label {
	color: #fff;
}

.buttonset .b_btn.disabled:hover {
	cursor:not-allowed;
    background: var(--link-visited);
}

.buttonset .btn_splitter {
    padding: 0px;
    width: 10px;
    display: inline-block;
    margin: 0px;
}

.buttonset.mini .b_btn {
    padding: 4px 4px;
}

.buttonset.mini .b_btn span.icon {
    height: 12px;
    width: 12px;
    margin-top: 1px;
}

/* filter row */

.filter_row {
    padding-bottom: 3px;
    background: #f4f4f4;
    /* border-bottom: 1px solid var(--dark);*/
}

.filter_col {
    float: left;
    width: 100%;
    position: relative;
}

.filter_label {
    display: block;
    float: left;
    width: 30%;
    padding-right: 4px;
    overflow: hidden;
}

.l_innner {
    padding: 4px;
    /* background: #e1f1ff; */
    border-radius: 4px;
}

.filter_content {
    display: block;
    width: 70%;
    float: left;
    padding: 0px;
}

.filter_content.fullwidth {
    width: 100%;
}

.filter_content .fcol { 
    padding-right: 2.5px;
    float: left;
}

.filter_content .fcol.cl2 { width: 50%; }
.filter_content .fcol.finalcol  { padding-right: 0px; padding-left: 2.5px; }
.filter_content .fcol.cl3 { width: 33.3%; }
.filter_content .fcol.cl3.u2 { width: 66.6%; }
.filter_content .fcol.cl4 { width: 25%; }
.filter_content .fcol.cl4.u2 { width: 50%; }
.filter_content .fcol.cl4.u3 { width: 75%; }

.rsplit {
    height: 2px;
    background: var(--darklight);
    margin-bottom: 3px;
    display: block;
    clear: both;
}

.inputicon {
	padding-left: 22px;
    background-size: 16px 16px;
    background-position: 3px 4px;
    background-repeat: no-repeat;
}

.inputicon.itel {
    background-image: url(/library/icons/mobile.png);
}

.inputicon.iemail {
    background-image: url(/library/icons/mail.png);
}

.dom_panel {
    padding: 5px;
    background: #f4f4f4;
	height:100%;
    
}

.dom_subheader {
    background: var(--soft-back);
    padding: 5px;
    color: var(--dark);
	display:inline-block;
}

.mini_user_info {
    padding: 2px;
    font-size: 10px;
    color: var(--dark);
	display: flex;
    flex-direction: row;
}

.inline_minibutton {
	display: inline-block;
	width:16px;
	height:16px;
	cursor: pointer;	
}

.inline_minitext {
	display: inline-block;
	line-height:16px;	
}

.dom_fiskal {
    font-family: monospace;
    font-size: 11pt;
}

.tool_btn {
    display: block;
    width: 20px;
    height: 20px;
    float: right;
    background: url(/library/icons-color/dots.png) no-repeat /*var(--darklight)*/;
    background-size : cover;
	cursor:pointer;
}



.mini_label {
    text-align: center;
    padding: 2px 4px;
    font-size: 11px;
    background: var(--darkhover);
    color: var(--dark);
}

.mini_label.notice {
    background: var(--noticebg);
}

.dom-checkboxcontainer label {
    display: block;
    width: 50%;
    overflow: hidden;
    float: left;
    white-space: nowrap;
    padding: 3px;
    margin: 1% 0px 1% 0px;
    background: var(--soft-back);
    margin: 0px;
}

.dom-checkboxcontainer {
    padding: 5px 0px;
}

.client_image_logo {
    display: block;
    width: 120px;
    height: 97px;
    background: var(--tab-border);
    border: 1px solid var(--input-border);
	cursor:pointer;
	z-index:2;
}

.client_image_logo:active {
	background-color:#FCC;
}

.client_image_logo_content {
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain; /*auto 100%;*/
    background-position: center center;
}

.indent_header {
    padding: var(--indent);
    font-weight: bold;
    background: var(--soft-back);
}

.drop_area {
    height: 103px;
    vertical-align: middle;
    text-align: center;
}

.drop_files {display: inline-block;border: 1px dotted var(--input-border);color: var(--input-border);background-color: var(--soft-back);padding: 20px 30px;}
.drop_area .tcell {
    text-align: center;
    vertical-align: middle;
}
/* MEDIA BOX */
.media-box {
    width: 150px;
    display: inline-block;
    height: 120px;
    border: 1px solid var(--input-border);
    background: #fff;
    margin: 0px 9px 9px 0px;
	background-size: contain;
 	background-repeat: no-repeat;
 	background-position: center center;
}

.media-box.err {
    background: var(--error);
    border: 1px solid var(--error-border);
}

.media-box.new {
 background-image:url(/library/images/loading.gif);
 background-repeat:no-repeat;
 background-position:center center;
}

.media-back {
 background: var(--soft-back);
 padding: 15px 20px;
}

.media-box.selected { border: 2px solid var(--dark); }

.media-box.file {
    width: 48%;
    height: 42px;
    padding-left: 30px;
	background-size: 32px;
    background-position-x: 0px;
    background-position-y: 50%;
}

.file-label {
    overflow: hidden;
    white-space: nowrap;
    margin: 3px;
    font-size:11px;
}

.media-box.file.zip { background-image: url(/library/icons-color/zip.png); }
.media-box.file.rar { background-image: url(/library/icons-color/rar.png); }
.media-box.file.doc,.media-box.file.docx { background-image: url(/library/icons-color/word.png); }
.media-box.file.xls,.media-box.file.xslx { background-image: url(/library/icons-color/excel.png); }
.media-box.file.pdf { background-image: url(/library/icons-color/pdf.png); }
.media-box.file.txt { background-image: url(/library/icons-color/txt.png); }
.media-box.file.ini { background-image: url(/library/icons-color/ini.png); }

table.userrights td {
    padding: 3px 5px;
}

td.usr_lv1 {
    background: #51718d;
    color: #fff;
}
 
td.usr_lv2 {
    background: #6186a8;
    color: #fff;
}

td.usr_lv3 {
    background: #77a5ce;
    color: #fff;
}

td.usrl_lv1 { padding-left: 10px !important; }
td.usrl_lv2 { padding-left: 20px !important; }
td.usrl_lv3 { padding-left: 30px !important; }
td.usrl_lv4 { padding-left: 40px !important; }

.sublabel {
    background-color: var(--noticebg);
    font-weight: bold;
    padding: 7px 6px;
}

.r_table_passenger {
    display: table;
}

.r_row_passenger {
    display: table-row;
}

.r_cell_passenger {
    display: table-cell;
	padding:3px;
}

.r_minilabel_passenger {
    color: var(--darklight);
    font-size: smaller;
    padding: 2px;
}

.r_row_passenger.r0 {
    background: var(--soft-back);
}