/*
Basic Typography
 */
body {
	background-color: #d9dde8;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1,h2,h3 {
	font-weight: normal;
	line-height: 2.0;
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

/*
Helpers
 */
.auto-width {
	width: auto !important;
}

p.intro {
	margin: 0 0 2em 0;
	font-size: 125%;
	color: #777;
	text-align: center;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

.text-justify {
	text-align: justify !important;
}

.small {
	font-size: 90%;
	font-weight: lighter;
	line-height: 1.2em;
	color: #999;
}

.big-text {
	font-size: 2.4em;
}

pre {
	margin-top: 18px;
}

.pagination {
	margin-right: 20px;
	margin-top: 0;
}

/*
Page Structure
 */
.container-fluid,.fluid-container {
	margin: 0 auto;
	max-width: 2400px;
}

.body {
	background-color: #fdfdfd;
	border: 1px solid #adadad;
	border-top: none;

	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	padding: 100px 20px 20px 20px;
	z-index: 1;
	min-height: 200px;

	font-weight: lighter;
}

.navbar {
	font-size: 10pt;
}

.nav .dropdown img {
	display: none;
}

.navbar .dropdown img {
	display: none;
}

.dropdown-menu > li > ul {
	display: none;
	list-style-type: none;
	position: absolute;
	left: 120px;
	top: 0;
	background: #fff;
	border: 1px solid #ccc;
}

.dropdown-menu > li:hover > ul {
	display: block;
}

a.brand {
	width: 200px;
	overflow: hidden;
	white-space: nowrap;

	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/* Subnav */
.subnav {
	width: 100%;
	background-color: #eeeeee; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);

	background-image: -moz-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
	background-image: -o-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
	background-image: -ms-linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%);
	background-image: linear-gradient(top, #e8e8e8 0%, #d8d8d8 100%); /* W3C */

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid #163355;

	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.08);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.08);
	box-shadow: 0 3px 5px rgba(0,0,0,.08);
	position: fixed;
	margin-top: 40px;
	z-index: 5;
}

.subnav h1 {
	font-size: 18px;
	line-height: 16px;
}

.subnav .nav {
	margin-bottom: 0;
	margin-top: -36px;
}

.subnav .nav > li > a {
	margin: .1px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-size: 13px;
	color: #777;
	border-right: 1px solid #c3c3c3;
	border-left: 1px solid #e8e8e8;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.subnav .nav > li:last-child > a { border-right: none; }

.subnav .nav > li > a:hover,.subnav .nav .active a,.subnav .nav a:hover,.subnav .nav .active a {
	background: transparent;
	color: #333;
}

.subnav .nav .active a {
	background-color: #ddd;
	border-right-color: #c5c5c5;
	border-left: 0;

	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 5px 5px rgba(0,0,0,0.1);

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

footer.footer {
	padding-top: 10px;
	color: #858585;
}

.footer p {
	font-size: 10pt;
}

/*
Toolbar Profile
 */
.toolbar-profile {
	padding: 12px;
	padding-bottom: 0;
	max-width: 500px !important;
}

.toolbar-profile .inner {
	width: 300px;
}

.toolbar-profile-info a {
	display: block;
	padding: 3px 20px;
	color: #333333;
}

.toolbar-profile-info p {
	line-height: 1.3 !important;
}

.toolbar-profile-img {
	width: 100px;
	float: left;
	display: inline-block;
	margin-bottom: 8px;
}

.toolbar-profile-info {
	width: 190px;
	display: inline-block;
	padding-left: 10px;
}

.toolbar-profile-footer {
	border-top: 1px solid #e6e6e6;
}

/*
Toolbar Keys
 */
.toolbar-keys {
	padding: 12px;
	padding-bottom: 0;
	max-width: 500px !important;
}

.toolbar-keys .inner {
	width: 300px;
}

.toolbar-keys a {
	padding: 5px 0;
	color: #aaa;
}

.toolbar-keys ul {
	list-style: none;
	margin: 0;
}

.toolbar-keys ul li span {
	font-weight: bold;
	width: 80px;
}

/*
Grids
 */
.row,.last-column {
	overflow: hidden;
	*overflow: visible;
	*zoom: 1;
}

.row {
	margin-left: 0;
}

.column {
	float: left;
}

.column-right {
	float: right;
}

.size1of1 {
	float: none;
}

.size1of2 {
	width: 50%;
}

.size1of3 {
	width: 33.33333%;
}

.size2of3 {
	width: 66.66666%;
}

.size1of4 {
	width: 25%;
}

.size3of4 {
	width: 75%;
}

.size1of5 {
	width: 20%;
}

.size2of5 {
	width: 40%;
}

.size3of5 {
	width: 60%;
}

.size4of5 {
	width: 80%;
}

.last-column {
	float: none;
	width: auto;
	_position: relative;
	_left: -3px;
	_margin-right: -3px;
}

.row .admin-box {
	margin: 0 10px 20px 10px;
}

.row .last-column .admin-box {
	margin-right: 0;
}

.row .admin-box:first-child {
	margin-left: 0;
}

/* Admin Box */
.admin-box {
	margin-bottom: 18px;

	-ms-overflow-x: scroll;
	overflow-x: auto;
	min-height: 250px;
}

.admin-box h3 {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 20pt;
	padding: 0 10px 0 0;
	margin: 0;
}

.admin-box .table {
	margin-bottom: 0;
	max-width: 100%;
}

.admin-box .table th {
	border-bottom: 1px solid #b6b6c6;
}

.admin-box .form-actions,.admin-box form {
	margin-bottom: 0;
}

.admin-box .form-actions {
	margin-top: 0;
}

.admin-box tfoot {
	line-height: 18px;
}

.admin-box .nav {
	margin-bottom: 3px;
}

.admin-box > p {
	margin-left: 10px;
}

.media-box img {
	float: left;
	margin: 0 10px 10px 5px;
}

.admin-box .control-group:nth-child(even) {
	/*background-color:  #f9f9f9;
	*/
}

table .column-check {
	width: 2em;
	text-align: center;
}

tfoot td {
	line-height: 2.1 !important;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
	background-color: #f5f5f5;
}

/*
Login Page
 */
.login-container {
	margin: 0 auto;
	width: 600px;
}

/*
Tabs
 */
.nav-tabs > li > a {
	border-color: #f2f2f2;
	border-bottom-color: #d5d5d5;
}

.nav-tabs a {
	color: #999;
}

.nav-tabs .active a {
	color: #222;
}

.nav-tabs li a:hover,.nav-tabs .active a {
	background-color: #fff;
}

.nav-tabs-left .tab-content {
	margin-left: 175px;
}

.admin-box .nav-tabs {
	background: whitesmoke;
	padding-left: 10px;
	padding-top: 7px;
	border-bottom: 1px solid #d5d5d5;
}

.admin-box .nav-tabs a {
	background-color: none;
	color: #333;
}

.admin-box .nav-tabs > li > a {
	border-color: none;
}

.admin-box .nav-tabs .active a {
	font-weight: bold;
	background: #fff;
	color: #000;
	border-color: #d5d5d5;
	border-bottom-color: #fff;
}

.admin-box .nav-tabs li a:hover {
	background-color: #f2f2f2;
	color: #000;
	border-color: #d5d5d5;
}

/*
Link Lists
 */
.filter-link-list a {
	display: inline-block;
	margin-right: 5px;
	line-height: 2.0;
}

/*
Forms
 */
.form-horizontal .control-group {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 18px;
	padding-top: 18px;
	margin-bottom: 0;
}

.form-horizontal .control-group > label {
	font-weight: bold;
	width: 180px;
}

.form-horizontal .control-group .controls {
	margin-left: 200px;
}

.form-horizontal .form-actions {
	padding-left: 200px;
}

.form-horizontal fieldset .control-group:last-child {
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 36px;
}

label.checkbox {
	font-weight: normal;
}

input[type=checkbox],input[type=radio] {
	margin-right: 9px;
}

.help-inline,.help-block {
	color: #999;
}

.admin-box legend {
	display: block;
	padding-top: 12pt;
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: auto;
}

@-moz-document url-prefix() {
	.admin-box legend  {
	 font-weight: normal;
}

/*
Additional Buttons
 */
}

 .btn.dark {
	background-color: #333333;

	background-image: -webkit-linear-gradient(top, #434343, #131313);
	background-image: -moz-linear-gradient(top, #434343, #131313);
	background-image: -o-linear-gradient(top, #434343, #131313);
	background-image: -ms-linear-gradient(top, #434343, #131313);
	background-image: linear-gradient(top, #434343, #131313);
	background-repeat: repeat-x;
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, .25);
	color: #eee;
}

.btn.dark:hover,.btn.dark:active,.btn.dark.active,.btn.dark.disabled {
	background-color: #333333;
}

.btn.dark[disabled] {
	background-color: #0055cc;
}

.btn.dark:active,.btn.dark.active {
	background-color: #004099 9;
}

.btn.small {
	line-height: 1.0;
}

.dropdown .caret {
	display: inline-block;
	margin-left: 6px;
}

.caret.light-caret {
	border-top: 4px solid #a6a6a6;
}

/* custom.js */

.dropdown{position:relative;display:inline-block;}
.dropdown-menu-small{ position:absolute; left:auto; right:0;}
.dropdown-menu-small:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

 .dropdown-menu-small:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}
.dropdown-toggle{}


.demo_jui table thead{text-align:left;}

.bold{font-weight:bold;}
.clear{clear:both;}
.errorcolor{color:red;}


.ui-widget-header{border:0;background:#84969e;}

td select,td input{width:auto;}

/*
.dataTables_info,.dataTables_paginate,.dataTables_filter,.dataTables_length {border:0;background:#84969e;padding:5px;width:470px;}
.DTTT_container {padding:10px; float:right; display:inline-block;}
.dataTables_filter,.dataTables_length{margin-top:0;}
.dataTables_length select{width:60px;}
.dataTables_length label,.dataTables_filter label{display:inline;color:#fff;}
.dataTables_filter input{width:170px;}
.dataTables_length label input, .dataTables_length label textarea, .dataTables_length label select,.dataTables_filter label input, .dataTables_filter label textarea, .dataTables_filter label select{display:inline;margin-bottom:0;}
.mb10{margin-bottom:10px;}
.one_half{width:470px;}
.view_page .controls{padding-top:5px; margin-bottom:5px;}

.DataTables_sort_wrapper .ui-icon{ display:inline-block;}

.filtering_table td input,.filtering_table td select{width:120px;}
.dataTables_info, .dataTables_paginate, .dataTables_filter, .dataTables_length {
background: #49afcd;
}
*/

.open .dropdown-menu {
display: block;
}
 .form-horizontal .control-group{border-bottom:none;padding:5px 0; float:left; }
 .form-horizontal.form-dib .control-group{display:inline-block;}
 .dib {display:inline-block;}
 .form-horizontal .dib {display:inline-block;}
 .form-horizontal .db {display:block; float:none;}
  .form-horizontal .hideme {display:none; }

 .ui-autocomplete {
        max-height: 300px;
		/*max-width: 306px;*/
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
		min-width:200px;
    }
    /* 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: 300px;
		/*width:306px;*/
    }
.ui-combobox {
        position: relative;
        display: inline-block;
    }
    .ui-combobox-toggle {
        position: absolute;
        top: 0;
        bottom: 0;
        margin-left: -1px;
      /*  padding: 0; */
        /* adjust styles for IE 6/7 */
        *height: 1.7em;
        *top: 0.1em;
    }
    .ui-combobox-input,.ui-autocomplete-input {
        margin: 0;
        padding:4px 6px;
		/*width:206px; */
		display:inline-block;
		*height: 40px;

    }







table{

}
.notification{margin-bottom:0; margin-top:10px;}
.body{padding:0 0 0 0;}
.admin-box{ background:#fdfdfd; padding:10px 0; margin-bottom:0;}

@media (max-width: 979px){
#tb_email, #user-menu .dropdown-toggle, #user-menu p { display: block !important;}
}

.navbar{z-index:200; position:relative;}
.subnav{z-index:100; position:relative; margin-top:0; }
ul.side_menu{list-style:none; margin:0;padding:0;padding-top: 20px;}
ul.side_menu li{display:block;text-align:left;}
ul.side_menu li a{ display:block;  margin:0; padding:10px 5px 5px 5px; font-size:16px; line-height: 16px; color:#fff; position:relative; background: #e30c13;   }
ul.side_menu li a:hover,ul.side_menu li a.active{ background:#e30c13; text-decoration:none;}
ul.side_menu li a i{vertical-align:middle;}
/*ul.side_menu li a img{display:none;}
a.menu_type_0{ background:url('/assets/images/allitems.png') no-repeat; }
a.menu_type_1{ background:url('/assets/images/liftingequipment.png') no-repeat; }
a.menu_type_2{ background:url('/assets/images/liftingaccessories.png') no-repeat; }
a.menu_type_4{ background:url('/assets/images/vehicle.png') no-repeat; }
a.menu_type_5{ background:url('/assets/images/mobileplant.png') no-repeat; }
a.menu_type_settings{ background:url('/assets/images/settings.png') no-repeat; }
*/
.actionlist{margin:10px 0;}


.navbar .navbar-inner{background:url(/assets/images/headerbg.png) repeat; border:0;}
.container-fluid { padding:0;}
.subnav{ display:none;}
.headline{ padding:0; font-size: 35px;
color: #49afcd; margin: 0; border-bottom:1px solid #ddd; padding:5px;}

body{background:#fff;}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #666;
  *background-color: #333;
  background-image: -moz-linear-gradient(top, #666, #333);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
  background-image: -webkit-linear-gradient(top, #666, #333);
  background-image: -o-linear-gradient(top, #666, #333);
  background-image: linear-gradient(to bottom, #666, #333);
  background-repeat: repeat-x;
  border-color: #666 #666 #333;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#333', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #333;
  *background-color: #666;
}
.body_span10{position:relative;z-index:5;background:#fdfdfd;margin-top:0;padding:0 10px;}
/*ul.side_menu li a img{}
ul.side_menu li a span.menu_title{position:absolute; position: absolute;
left: 110px;
bottom: 15px;
padding: 5px 10px;
font-size: 24px;
line-height:26px;
width: auto;
background: #0e75a7;
color:#fff;
display:none;
}
*/
/*
.sidenav ul{list-style:none; margin:0;padding:0;}
.sidenav ul li{background:#364952;display:block;margin:0 1px;border-bottom:1px solid #1d2e37;padding:15px 20px;position:relative;}
.sidenav ul li.active{background:#0e75a7;}
.sidenav ul li span{position:absolute;left:68px;top:0;line-height:58px; width:150px;background:#1d2e37;padding:0 20px ; color:#fff;font-size:15px;font-weight:bold;display:none;}
.sidenav ul li:hover{background:#0e75a7}
.sidenav ul li:hover span{background:#0e75a7;display:inline;}
*/
.rowhighlight tr td{ cursor:pointer;}
span.page_title{ font-size:20px; color:#333;}
.greybg {background:#ccc;margin-bottom:0;-webkit-border-radius:0; border-radius:4px 4px 0 0; border:0;}
.container-fluid, .fluid-container {margin:0;}

.icons{ background:url(/assets/images/icons.png) no-repeat; width:30px; height:30px; display:inline-block; vertical-align:middle;}
.icons-dashboard{ background-position: 0 0;}
.icons-clients{ background-position: 0 -46px;}
.icons-projects{ background-position: 0 -99px;}
.icons-po{ background-position: 0 -143px;}
.icons-pms{ background-position: 0 -192px;}
.icons-timesheet{ background-position: 0 -241px;}
.icons-annoucements{ background-position: 0 -290px;}


.contentbox{background:#fff; border:1px solid #ddd;}
.contentbox .title{background:#e30c13; padding:10px; color:#fff;}
.contentbox .content{background:#fff; padding:10px;}
.contentbox .content .title2{margin:10px 0; font-size:18px; font-weight:bold;}
.dbprojdesc{color:#fff; margin:10px auto; font-size:14px; line-height:18px;}

.assign_hours_form{ text-align:right;}
.assign_hours_form label, .assign_hours_form a{ margin:0 10px;}
td.timesheet_colour_odd{ background: #ddd; border-top: 1px solid #ddd; }
td.timesheet_colour_even{ background: #B1ADB0; border-top: 1px solid #B1ADB0; }

span.help_text{ font-size:11px; display:block;}
.alert-validation{ padding:5px; margin:0; }


.hideme{display:none;}
.tab-content{overflow:visible;}
.align_center{text-align:center;}
.strong{font-weight:bold;}
label.error{color:#c00;}
.gap10{clear:both;height:10px;}
.gap20{clear:both;height:20px;}
.gap30{clear:both;height:30px;}
.divider{clear:both;height:1px; background:#ddd;}
.row-fluid .span10{width:85%;}
.hidden{display:none;}
/*--------------------------------------------------------------------
// RESPONSIVE FIXES
//-------------------------------------------------------------------*/

@media (max-width: 979px) {
	.navbar-fixed-top { position: relative; }
	.subnav { margin-top: 0; margin-bottom: 0; }
	#topbar { margin-bottom: 0; }
	.body { padding-top: 0; margin-top: 0; }
	.navbar .btn-navbar { display: inline; }
	#shortcuts { display: none; }
	#user-menu a { display: inline-block; width: auto; }
	.toolbar-profile-img { width: auto; }
	.toolbar-profile-img img { width: 24px; height: 24px; }
	#tb_email,
	#user-menu .dropdown-toggle,
	#user-menu p { display: none !important; }
	.dropdown-menu > li:hover > ul { display: none; }
	.row-fluid .span10{width:85%;}
}

@media (max-width: 767px) {
	.navbar-fixed-top { margin-left: 0; margin-right: 0; }
	.row-fluid .span10{width:99%;}
}

@media (max-width: 480px) {
	#sub-menu { display: block; float: none; margin-top: 36px; }
	.form-horizontal .control-group > label { display: block; width: inherit; margin-left: 20px; }
	.form-horizontal .control-group .controls { margin-left: 20px; }
	.form-horizontal .form-actions { padding-left: 20px; }
}

.icons {
background: url(/assets/images/iconsnew.png) no-repeat;
width: 35px;
height: 35px;
}

ul.side_menu li a {
background: #e30c13;
}

ul.side_menu li a:hover,ul.side_menu li a.active{
background: #0f0e09;
color: #fff;
}

.icons-dashboard {
background-position: 0 0;
}

.icons-projects {
background-position: 0 -35px;
}

.icons-clients {
background-position: 0 -70px;
}

.icons-po {
background-position: 0 -105px;
}

.icons-timesheet {
background-position: 0 -140px;}

.icons-pms {
background-position: 0 -175px;}


.icons-employees {
background-position: 0 -210px;}


.icons-annoucements {
background-position: 0 -245px;
}

.icons-costing {
background-position: 0 -280px;
}

.icons-training {
background-position: 0 -315px;
}

/*
ul.side_menu li a:hover .icons-dashboard ,ul.side_menu li a.active .icons-dashboard {
background-position: -35px 0;
}

ul.side_menu li a:hover .icons-projects ,ul.side_menu li a.active .icons-projects {
background-position: -35px -35px;
}

ul.side_menu li a:hover .icons-clients ,ul.side_menu li a.active .icons-clients {
background-position: -35px -70px;
}

ul.side_menu li a:hover .icons-po ,ul.side_menu li a.active .icons-po {
background-position: -35px -105px;
}

ul.side_menu li a:hover .icons-timesheet ,ul.side_menu li a.active .icons-timesheet {
background-position: -35px -140px;
}

ul.side_menu li a:hover .icons-pms ,ul.side_menu li a.active .icons-pms {
background-position: -35px -175px;
}

ul.side_menu li a:hover .icons-employees ,ul.side_menu li a.active .icons-employees {
background-position: -35px -210px;}



ul.side_menu li a:hover .icons-annoucements ,ul.side_menu li a.active .icons-annoucements {
background-position: -35px -245px;}

ul.side_menu li a:hover .icons-costing ,ul.side_menu li a.active .icons-costing {
background-position: -35px -280px;}

ul.side_menu li a:hover .icons-training ,ul.side_menu li a.active .icons-training {
background-position: -35px -315px;}
*/



.headline {
font-size: 35px;
color: #e30c13;
}

.ui-widget-header {
background: #ccc;
}

.themebg{
    background: #e30c13;
}


.text-red{ color:#c9302c; }
.text-amber{ color:#f0ad4e; }
.text-green{ color:#449d44; }


.scombobox {
    position: relative;
}
.scombobox select {
    display: none;
}

.scombobox-display {
    width: 100%;
    height: 100%;
    padding: 2px 4px;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.scombobox-display:focus {
    box-shadow: 0 0 3px #CCC;
    outline: none;
}
.scombobox-display:disabled {
    background: #F0F0F0;
}
.scombobox-display.scombobox-invalid {
    background: #FFCCD4;
}
.scombobox-display-div {
    border: 1px solid #CCC;
    border-radius: 4px;
    cursor: pointer;
}
.scombobox-display-div-holder {
    padding: 2px;
}
.scombobox-display-div-item {
    border: 1px solid #CCC;
    margin: 2px;
    border-radius: 4px;
    float: left;
    height: 100%;
    max-width: 150px;
    padding: 4px 18px 4px 8px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    background: #F8F8F8;
    display: none;
}
.scombobox-display-div-item-text {
    max-width: 140px;
    overflow: hidden;
}
.scombobox-display-div-item-remove {
    position: absolute;
    right: 2px; top: 2px;
    background: #A0A0A0;
    border-radius: 100px;
    color: white;
    cursor: pointer;
    line-height: 90%;
    padding: 1px 3px 0px;
}
.scombobox-display-div-item-remove:hover {
    background: #408CBE;
}
.scombobox-display-div-item-remove:active {
    background: #3075A3;
}

.scombobox-list {
    display: none;
    position: absolute;
    max-height: 400px;
    min-width: 100%;
    max-width: 300%;
    white-space: nowrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow-y: auto;
    background: white;
    border: 1px solid #CCC;
    border-top: none; /* instead of margin-top: -1px */
    border-radius: 4px;
    box-shadow: 0 0 3px #CCC;
    z-index: 10;
}
.scombobox-list p {
    cursor: pointer;
    margin: 0;
    padding: 5px;
}
.scombobox-list p input[type="checkbox"] {
    margin-right: 8px;
	vertical-align: middle;
}
.scombobox-list p:hover, .scombobox-list p.scombobox-hovered {
    background-color: #E9EFFC;
}
.scombobox-list p.scombobox-separator {
    height: 2px; padding: 0; cursor: default; background: #EEE;
}
.scombobox-list p.scombobox-header {
    cursor: default;
    background: #EEE;
}

.scombobox-dropdown-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    /* background size: 4 Kb */
    background: url(data:image/png;base64,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) center no-repeat;
    z-index: 1;
    opacity: 0.85;
    filter:alpha(opacity=85);
    cursor: pointer;
}
.scombobox-dropdown-arrow:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.scombobox-dropdown-arrow-up {
    /* background size: 4 Kb */
    background: url(data:image/png;base64,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) center no-repeat;
}
.scombobox-dropdown-background {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: white;
    border: 1px solid #CCC;
    border-radius: 0 4px 4px 0;
    border-left: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.scombobox-dropdown-background-invalid {
    border-left: 1px solid #CCC;
}

.scombobox-marker {
    background: #958FFF;
    color: white;
    border-radius: 2px;
    padding: 0 2px;
    margin: 0 2px;
}

.scombobox input[type="checkbox"] {
    cursor: pointer;
}

.scombobox-disabled .scombobox-dropdown-background,
    .scombobox-disabled .scombobox-dropdown-arrow {
    display: none;
}
.scombobox-disabled .scombobox-display-div {
    background: #F8F8F8;
    cursor: default;
}

.ui-menu .ui-menu-item{ list-style-image:none;}
.form-horizontal .has-feedback .form-control-feedback{right:5px;}

td.details-control {
    background: url('/assets/images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('/assets/images/details_close.png') no-repeat center center;
}