.wrap{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding:50px 0 0 0;
}

form{
	margin:0;
}

input, select{
	border-radius: 2px;
	border:1px #999 solid;
	padding:5px;
	}



header{
	padding:10px;
	background:#2247b2;
	#overflow: hidden;
	height:30px;
	color:#fff;
}

header .column{
	float:left;
}
header .column.leftmargin{
	margin-left:10px;
}
header .column.right{
	float:right;
	text-align: right;
	font-size: 10px;
	padding:5px 0 0 5px;
}

header .column.icon{
	color:#fff !important;
	background:rgba(255,255,255,1) !important;
	width: 30px !important;
	height:30px !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
}

header .column.list{
	color:#fff !important;
	background:#117199 !important;
}

header .column select.toplist{
	color:#000 !important;
	background:#fff !important;
	padding:6.5px !important;
	height: 30px;
	border: 0 !important;
	border-radius: 0 !important;
	cursor: pointer;
}
header .column select:focus{
	outline-width: 0;
}

header .column.button{
	background:rgba(255,255,255,1) !important;
	width: 30px !important;
	height:30px !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	cursor: pointer;
}
header .column.button:hover{
	background-color: rgba(255,255,255,0.9) !important;
}
header .column.button.add{
background-image: url('/img/addnew2.png') !important;
}
header .column.button.edit{
background-image: url('/img/iconEdit3.png') !important;
}

header .column.link{
	background-position: top 7px left !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	cursor: pointer;
}
header a .column{
	color:#fff !important;
}
header .column.link.project{
	padding:8px 5px 0px 25px;
	background-image: url("/img/iconCompany.png") !important;
}

header .column.navbutton{
	background:rgba(0,0,0,0.2) !important;
	color: #fff;
	font-weight: bold;
	padding:8px 12px 8px 27px;
	text-transform: uppercase;
	font-size: 10px !important;
	background-position: left 8px center !important;
	background-repeat: no-repeat !important;
	background-size: 10px !important;
	cursor: pointer;
}
header .column.navbutton:hover,header .column.navbutton.on{
	background-color: rgba(0,0,0,0.4) !important;
}
header .column.navbutton.order{
	#border-left:1px #89cd1e solid;
	background-image: url('/img/iconOrder.png') !important;
}
header .column.navbutton.personalliggare{
	#border-left:1px #89cd1e solid;
	background-image: url('/img/iconPersonbutton.png') !important;
}
header .column.navbutton.message{
	#border-left:1px #1ecbcd solid;
	background-image: url('/img/iconMessenger2.png') !important;
}
header .column.navbutton.map{
	#border-left:1px #cd1ea6 solid;
	background-image: url('/img/iconMapbutton.png') !important;
}header .column.navbutton.lock{
	background-image: url('/img/iconPass.png') !important;
}


header .column.iconbutton{
	#background:#2b6178 !important;
	position: relative;
	width: 30px;
	height:30px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: 16px !important;
	cursor: pointer;
}
header .column.iconbutton.settings{
	background-image: url('/img/iconSettings.png') !important;
}
header .column.iconbutton.help{
	background-image: url('/img/iconHelp_10.png') !important;
}
header .column.iconbutton.logout{
	background-image: url('/img/iconLogout.png') !important;
}
header .column.iconbutton.mobmenu{
	background-image: url('/img/mobMenuW.png') !important;
}


.navigation{
	position:relative;
	width:100%;
	height:30px;
	margin:0 0 10px 0;
	box-shadow:1px 1px 0px #999;
	background-color:#17399b;
	box-shadow:0px 0px 1px #666;
	}
	
.navigation .button{
	position:relative;
	float:left;
	border-left: 1px #407b94 solid;

	background-color:rgba(0,0,0,0);
	padding-top:10px;
	padding-bottom:9px;
	padding-left:15px;
	padding-right:15px;
	font-family: arial, abel, 'Exo 2';

	font-size:9px;
	text-transform: uppercase;
	text-shadow:1px 1px 1px #000;
	cursor:pointer;
	text-align:left;
	color:#fff;
	}

.navigation .column{
	position:relative;
	float:left;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:15px;
	padding-right:15px;
	font-weight: bold;
	font-size:9px;
	cursor:pointer;
	text-align:left;
	color:#fff;
	}
	

.navigation .button.on{
	background:rgba(0,0,0,0.3);
	}
	
.navigation .button:hover{
	background:rgba(0,0,0,0.4);
	}


.mobMenuDropdown {
    position: absolute;
    top:0px;
    right:9px;
    width: auto;
    height: auto;
    background: #2247b2;
    #box-shadow: 5px 50px 5px rgba(0,0,0,0.1);
    overflow: hidden;
    z-index: 1;
    display: none;
}
.mobMenuDropdown .mobItem{
	padding:10px 20px 10px 35px;
	color:#fff;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 10px;
}

.mobMenuDropdown .mobItem.settings{
	background-image: url('/img/iconSettings.png') !important;
}
.mobMenuDropdown .mobItem.help{
	background-image: url('/img/iconHelp_10.png') !important;
}
.mobMenuDropdown .mobItem.logout{
	background-image: url('/img/iconLogout.png') !important;
}
.mobMenuDropdown .mobItem.personalliggare{
	#border-left:1px #89cd1e solid;
	background-image: url('/img/iconPersonbutton.png') !important;
}
.mobMenuDropdown .mobItem.message{
	#border-left:1px #1ecbcd solid;
	background-image: url('/img/iconMessenger2.png') !important;
}
.mobMenuDropdown .mobItem.map{
	#border-left:1px #cd1ea6 solid;
	background-image: url('/img/iconMapbutton.png') !important;
}
.mobMenuDropdown .mobItem.lock{
	background-image: url('/img/iconPass.png') !important;
}
.mobMenuDropdown .mobItem.log{
	background-image: url('/img/iconLogbookW.png') !important;
}
.mobMenuDropdown .mobItem.export{
	background-image: url('/img/iconExportW.png') !important;
}
.mobMenuDropdown .mobItem.schedule{
	background-image: url('/img/iconSchedule.png') !important;
}

.mobMenuDropdown .mobTop{
	height:40px;
	color:#fff;
	background: #2247b2;
	text-align: right;
	text-transform: uppercase;
	background-position: right 2px top 13px;
	background-repeat: no-repeat;
	background-size: 10px;
	background-image: url("/img/iconXW.png");
}

.notimereports{
	color:red;
	font-style: italic;
}



.settingsColumns .settingsColumn{
	display: inline-block;
	vertical-align: top;
	padding:0 30px;
	width: 25%;
}

table tr.hRow:hover{
	background:#f1f1f1;
}

table tr.hRow.inactive td{
	color: gray;
}

.sButton{
	display: inline-block;
	padding: 5px 10px;
	background: #2247b2;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}

.customerSign{
	color: orange;
	font-size: 9px;
}

.infobox{
	display: inline-block;
	background: #F7F2CA;
	padding: 5;
	margin: 0 0 5px 0;
	border: 1px #000 solid;
	font-size: 11px;
	max-width: 200px;
}



.infoflip{
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	z-index: 5;
	background: rgba(0, 0, 0, .6);
}
.infoflip-sidebar{
	display: none;
	position: absolute;
	right: 0;
	height: 100vh;
	main-width: 50%;
	max-width: 100%;
	background: #fff;
	padding: 0px;
	z-index: 6;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	overflow: auto;
}

.infoflip-highlight-row td{
	background: #dde8d5;
	#font-weight: bold;
}
.infoflip-row{
	cursor: pointer;
}

table.infoflip-table-list tr td{
	white-space: nowrap;
	overflow: hidden;
}

.infoflip-closearea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 5;
}

.infoflip-close-button{
	float: right;
	cursor: pointer;
}

.showinfoflip{
	cursor: pointer;
}

select#menulist option{
	font-size: 13px !important;
}


#searchid
{
	max-width:200px;

}
#result
{
	position:absolute;
	min-width:200px;
	color: #000;
	display:none;
	margin-top:-1px;
	border-top:0px;
	overflow:hidden;
	border:1px #CCC solid;
	background-color: white;
}
.show
{
	padding:5px; 
	border-bottom:1px #f1f1f1 solid;
	font-size:13px; 
}
.show:hover
{
	background:#133495;
	color:#FFF;
	cursor:pointer;
}
.show.inactive
{
	background: #e1e1e1;
}
.show.inactive:hover
{
	background:#133495;
	color:#FFF;
	cursor:pointer;
}