.mobile-show { 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: 6px 11px;
    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-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:center;
    padding: 10px;
    background: var(--soft-back);
	cursor:pointer;
	margin-bottom: 1px;
}

.v-menu li.selected,.v-menu li.selected:hover {
    background: var(--menu-selected);
}
.v-menu li:hover {
background: var(--menu-hover);
}

span.button-span {
    display: inline-block;
    height: 48px;
    width: 48px;
}

.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)}
.icon { background-size:100% 100%; background-position:50% 50%}
.icon.home { background-image: url(/library/icons/home.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.options { background-image: url(/library/icons/options.png); }
.icon.print { background-image: url(/library/icons/printer.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:var(--indent);
}
.buttonset span.icon {
    height: 16px;
    width: 16px;
    display: 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;
}

/* filter row */

.filter_row {
    padding: 5px;
    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);
}

.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;
    
}

.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;
}