@charset "utf-8";

body {
	background : #FFFFFF;
	background-size: cover;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin : 10px 0px;
	text-align: center;
	line-height:1.2em;
} 

body.waiting * {
    cursor: progress;
}

#main_container {
	text-align: left;
	width: 960px;
	background-color : #ffffff;
	margin: auto; 
	border: 2px solid #cccccc; 	
}

#header{
	height: 80px;
	width: 960px;
} 

#header_logo{
	height: 80px;
	width: 165px;
	float: left;
	text-align:center;
}
#header_logo img {
	margin-top: 5px;
}

#header_version {
	text-align: center;
	height: 80px;
	width: 250px;
	float: left;
}

#header_data_logo {
	height:80px;
	width:180px;
	float: left;
	text-align:center;
}

#header_data_logo img {
	margin-top: 5px;
	max-height:70px;
	max-width:180px;
}

#header_data {
	height: 80px;
	width: 360px;
	float: left;
	text-align:center;
}

#header_data .title{
	font-weight : bold;
	color: #2E2EFE;
	text-align: right;
	margin-top: 4px;
}

#header_data.unregistered {
	width:360px;
}

#header_data.unregistered form{
	margin-top:10px;
}

#header_data .inputs{
	text-align: right;
}

#header_data input{
	border: 1px solid gray;
	background-color: #F2F5A9;
	margin: 2px;
}

#header_data .button{
	text-align: right;
}

#header_languages {
	text-align:right;
	position:relative;
	margin-right:12px;
}

#header_data h1 {
	font-size: 12pt;
	color: #2E2EFE;
	margin:6px 0px;
	line-height: 1.1em;
}

#header_data h2 {
	font-size: 10pt;
	margin:6px 0px;
	color: #2E2EFE;
}

#header_data a {	
	font-size: 7pt;
	margin-right: 4px;
}

#main_menu{
	clear:both;
	position:relative;
	height:20px;
	padding:2px 5px;
} 

#main_menu.open{
	height:42px;
}

#main_menu .ui-icon:hover {
	opacity:1 !important;
}

.main_menu_option{
	margin-right:10px;
	height:14px;
	float:left;
	padding:3px 4px 4px 4px; 
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

#admin_menu {
	display:none; 
	margin-left:20px;
}

#main_body{
	width:952px;	
	min-height: 300px;
	padding: 5px 4px;
	background-color : #ffffff;
	float:left;
}

.buttonflat  {
	border: 1px solid gray;
	background-color: #F2F5A9;
	text-align: center;
}

.textflat {
	border: 1px solid gray;
	background-color: #F2F5A9;
	text-align: left;
}

.smallform {
	font-size: 6pt;
}

h1{
	font-size: 12pt;
} 

#dataeditor_menu_group {
	height:75px; 
	width:130px; 
	margin:1px 5px 0px 2px; 
	float:left; 
	cursor:pointer;
}

#dataeditor_options {
	height:75px; 
	width:810px; 
	display:inline-block; 
	position:relative; 
	overflow-y:hidden; 
	overflow-x:hidden; 
	margin-bottom:5px; 
	text-align:center;
}

#editor_window {
	width:100%;
	min-height:520px;
}

#main_foot {
	clear : both;	
	text-align : right;	
	margin : 10px 10px 0px 10px;
	padding-bottom:10px;
	font-size:0.8em;
}

#main_foot  a {
	color : #bbbbbb;
	text-decoration: none;
}

div.clear {
	clear:left;
	line-height:0;
	height:0;
}
div.clearboth {
	clear:both;
	line-height:0;
	height:0;
}

.hidden {
	display:none;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.row { cursor:pointer; }
.row:hover { background-color:#aaaaff !important; }
.row:focus { background-color:#aaaaff !important; }
.sel { background-color:#ffbb44 !important; }
.row.cur td { border-top: 1px dotted gray; border-bottom: 1px dotted gray;}
.even { background-color:#eeeeee; }
.odd { background-color:#ffffff; }
.bold { font-weight: bold; }
.center {text-align: center;}
.small {font-size: 0.8em;}
.rowseparator { background-color:#aaaaaa; font-weight: bold; }
.pointer { cursor:pointer; }
.optionsbutton { padding:2px; margin-left:5px; cursor:pointer; border:1px solid gray; background-color:#ffffff; }
.optionsbutton:hover { background-color:#aaffaa; }

#actor_map { width:620px;height:410px; }
#actor_map_options { width:100%;padding:2px;margin-bottom:4px; }
#orders_list {margin-top:2px; height:calc(80vh - 200px); min-height:425px; overflow-y:auto; overflow-x:hidden; position:relative;}
#invoices_list {margin-top:2px; height:calc(80vh - 220px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#charges_list {margin-top:5px; height:calc(80vh - 230px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#statementaccounts_list {margin-top:5px; height:calc(80vh - 220px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#commissions_list {margin-top:10px; height:calc(80vh - 220px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#liquidations_list {margin-top:10px; height:calc(80vh - 250px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#expenses_list {margin-top:10px; height:calc(80vh - 200px); min-height:425px; overflow-y:auto; overflow-x:hidden;}
#statement_list {margin-top:10px; height:calc(80vh - 200px); min-height:425px; overflow-y:auto; overflow-x:hidden;}

.geocodrow {height:30px;padding:4px;margin:4px 2px;border:1px solid gray;}

.dataeditor_nav { position:relative; height:500px; width:280px; margin-right:8px; float:left; }
.dataeditor_search { margin-bottom:2px; }
.dataeditor_list { float:left; height:460px; width:278px; overflow-y:auto; overflow-x:hidden; }
.dataeditor_list.short { height:440px; }
.dataeditor_list.long { height:486px; }
.dataeditor_detail { height:500px; width:660px; float:left; }
.dataeditor_tabs { height:504px; }
.dataeditor_tab { height: 450px;}

.dataeditor_selector_cont {width:205px; display:inline-block; height:calc(100% - 40px); margin-top:5px;margin-right:10px; }
.dataeditor_selector_cont.withscroll {overflow-y:auto;}
.dataeditor_selector_cont.invert {width:355px;}
.dataeditor_selector {width:100%;height:100%;}
.dataeditor_detail_cont {width:405px; display:inline-block; height:calc(100% - 40px); margin-top:5px; overflow-y:auto; overflow-x:hidden; position:relative;}
.dataeditor_detail_cont.invert {width:255px;}


.dataeditor_menu_element {
	margin:2px 2px 2px 2px;
	padding-top:2px;
	height:66px; 
	width:80px; 
	cursor:pointer; 
	text-align:center;
	float:left;
	position:relative;
	overflow:hidden;
}
.list_element,
.report_element {
	position:relative;
 	height:56px;
	padding:2px;
	cursor:pointer;
	overflow: hidden;
}
.list_element .sub1,
.report_element .sub1 {
	margin-left:5px;position:absolute;display:inline;
}
.list_element .sub1 .sub2 {
	margin:0 0 0 5px;font-size:0.9em;font-weight:normal;
}
.report_element .sub1 .sub2 {
	margin:5px 0 0 5px;font-size:0.8em;
}
.list_element .subimg {
	max-height:54px;max-width:80px;
}
.rows_count {
	position:absolute;bottom:-22px;left:10px;font-size:0.9em;color:gray;
}
.subrows_count {
	position:absolute;bottom:-22px;left:10px;font-size:0.9em;color:gray;
}
.icon {
	cursor:pointer;
	margin:2px 4px;
}
.txtlist {
	width:150px;
	overflow:hidden;
}
.fullscreen {
	display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
}
.menunav {
	height:11px;
	padding:2px;
	margin-left:5px; 
	/*background:#AAFFAA;*/
	cursor:pointer;
	text-align:center;
}
.spaced {
	margin:4px;
	padding:4px;
	border:1px solid gray;
}
.menuslider {
	position:absolute; top:0px; height:75px; width:34px; background-color:#000000; opacity:0.4; cursor:pointer;	
}
.menuslider:hover {
	opacity:0.6;
}
.menuslider.left {
	background-image: url("./images/navleft.png");
	background-position: center;
	background-repeat: no-repeat;
}
.menuslider.right {
	background-image: url("./images/navright.png");
	background-position: center;
	background-repeat: no-repeat;
}

.globalview_separator {
	display: inline-block;
   	margin: 0 auto;
	width:340px;
	height:16px;
	background: url("./images/down16.png") no-repeat center;
}

.globalview_box {
	display: inline-block;
   	margin: 2px auto;
   	padding: 5px;
   	width:750px;
	height:100px;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid gray;
}

.globalview_redux {
	width:336px;
}

.searchfilter {
	padding-top:0.1em; 
	position:absolute; 
	text-align:center; 
	cursor:pointer; 
	width:40%; 
	display:inline-block;
	overflow:hidden;
	text-overflow: ellipsis;
	padding:2px;
}
	
.filter {
	width:220px;
	height:10px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin:0px 0px 2px 2px; 
	padding:4px;
	display:inline-block; 
	border:1px solid #CCCCCC; 
	cursor:pointer; 
}
.filter:hover {
	background-color:#CCEEEE;
}
.filled {
	background-color:#EECCEE;
}
.filter_res {
	width:95%;
	border-bottom:1px solid #DDDDDD;
	cursor:pointer;
	background-color:#FFFFFF;
	margin:2px;
	padding:2px;
}
.filter_res:hover {
	background-color:#CCEEEE;
}
.but {
	width:95%;
	margin:5px;
}
.loadmore {
	padding-top: 15px;
	min-height: 30px;
	text-align:center;
	font-size:1.2em;
}
.actions {
	width:935px;
	margin: 0.2em;
	padding: 0.5em;
	text-align: right;
}

.actions.small {
	width:900px;
}

 .ui-autocomplete {
	max-height: 420px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 400px;
}

.linklike {
	text-decoration:underline;color:blue;cursor:pointer;
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.file_cont {
	position:relative;
	float:left; 
	display:inline; 
	width:90px;
	height:90px; 
	max-height:90px;
	margin:4px; 
	padding:2px; 
	background:white; 
	text-align:center;
	word-break:break-all;
	overflow-y:auto;
}

.file_buttons {
	position:absolute;
	bottom:0px;
	width:90px;
}

textarea {
	resize: vertical;
}

#sticker_info_cont {position:absolute;top:170px;left:16px;width:620px;height:320px;overflow-y:auto;padding-left:4px;}
.stickerinfo_felem {padding:5px 0px;margin:2px 0px;position:relative;border-bottom:1px solid gray;font-weight: bold;}
.stickerinfo_delem {padding:5px 0px;margin:2px 0px 2px 5px;position:relative;border-bottom:1px solid gray;font-weight: bold;}
.stickerinfo_elem {padding:5px 0px;margin:2px 0px 2px 10px;position:relative;}
.stickerinfo_imgu {position:absolute;right:50px;}
.stickerinfo_imgd {position:absolute;right:20px;}

@media screen and (max-width:991px){.order_row{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}}