/* Add here all your CSS customizations */
html, body{
	background-color: #fff;
}
fieldset {
	/*padding: 0 12px 12px 12px;*/
	padding: 0;
	margin-bottom: 20px;
}
legend {
		margin: 7px 2px 10px 2px;
		padding: 0 2px 3px 2px;
		font-size:1em;
		font-weight:bold;
}
td, th {
	padding-right: 20px;
}
a {
    white-space: nowrap;
}
.modal-dialog a {
	white-space: normal;
}
.type_section{
	border: 1px solid #e5e5e5;
	padding-top: 15px;
	/*padding-bottom: 4px;
	padding-left: 10px;
	display: block;
	margin-bottom: 20px;*/
	border-radius: 5px;
}
.type_section .f_pre{
	padding: 0;
}
.type_section > div{
	width:auto;
}
.f_image_view{
	height: 200px;
	width: 100px;
}
.f_type{
	float:left;
}
.f_sections{
	float:left;
	margin-left: 120px;
}
.f_type .f_pre,
.f_sections .f_pre{
	margin-top: -3px;
}

.f_hdr {
		font-style: italic;
}

.f_pre, .f_req {
		float: left;
		line-height: 18px;
}
.f_pre, .f_req, .f_npr {
		vertical-align: top;
		padding-top: 3px;
}
.f_npr, .f_err, .f_lin {
		clear: both;
/*    zoom: 100%;*/
		height: 1%;
}
.f_npr, .f_err {
		/*padding: 2px 0 0 140px; /* this needs to be width of f_pre + width of f_req */
		/*text-align: center;*/
		/*padding-bottom: 20px;*/
		/*margin: 0 auto;*/
}
.f_pre {
		width: 130px;
		font-weight: bold;
		max-width: 100%;
		padding-right: 10px;
}
.f_req {
		width: 10px;
		color: #FF0000;
		max-width: 100%;
}

.f_suf {
	display: inline;
	line-height: 20px;
	width: 350px;
	margin-left:0px;
	max-width: 100%;
}
.f_err {
		color: #FF0000;
		font-style: italic;
}

.f_err_left { padding-left: 2px; }

td.f_pre { float: none; }

.f_pre label{font-weight: bold;}

.f_lin {
		font-size: 1px;
		height: 10px;
		line-height: 0;
		visibility: hidden;
}

.f_text, .f_textarea, .f_select, .f_file {
	padding: 7px;
	border: 1px solid #C0C0C0;
	width: 305px;
	text-align: left;
	max-width: 100%;
	border-radius: 6px;
	margin-bottom:5px;
}
.f_text, .f_textarea { padding: 5px 3px; width:305px; max-width: 100%;}
.f_select { height: auto; }
.f_pre { margin-top:3px; max-width: 100%;}
.f_date { width: 6em; margin-right:3px; max-width: 100%;}
.tab_body input.f_text.f_number, .panel-body input.f_text.f_number { width: 6em; text-align:right; max-width: 100%; }
.tab_body input.f_text.f_medium, .panel-body input.f_text.f_medium { width: 8em !important; }
.tab_body input.f_text.f_number_small, .panel-body input.f_text.f_number_small { width: 4.5em; max-width: 100%; }
.tab_body input.f_text.f_date_year, .panel-body input.f_text.f_date_year { width: 4em; max-width: 100%; }
.f_text:disabled, .tab_body input[type="text"]:disabled, .tab_body input[type="input"]:disabled, .tab_body textarea:disabled { background-color: #ebebe4; }
.f_select:disabled { color:graytext; background-color: #ebebe4; }

.f_radio, .f_checkbox {
		margin: 0 4px 0 0;
		width: 13px;
		height: 13px;
		max-width: 100%;
}


.f_checkset_pop {
    position:relative;
}

.f_checkset_pop .f_display {
    width:305px;
}

.f_checkset_pop fieldset {
    display:none;
    position:absolute;
    left:0;
    bottom:0;
    background:#FFF;
    border:2px solid #CECECE;
    border-radius:6px;
    box-shadow:0 0 5px #000;
    width:307px;
    /* padding:10px; //fix ff bug in rendering a fieldset */
    padding:0px;
    margin:0;
    z-index:10000;
}

.f_checkset_pop fieldset div {
    margin: 0 10px;
	padding-top: 10px;
    max-height:200px;
    min-height:6px;
    margin-right:18px;
    overflow:auto;
}

.f_checkset_pop fieldset label {
    display:block;
}

.f_checkset_pop a {
    color: #464646;
}

.f_split {
		background: url('/admin/images/dots.gif') repeat-x center center;
		padding: 10px 0;
}

.f_select_break { background-color: #EAEAEA; border: 1px solid #DBDBDB; }

.f_nfo, .f_enfo {
	background-repeat: no-repeat;
	background-position: 13px center;
	padding: 17px 35px;
	padding-left: 60px !important;
	margin-bottom: 25px;
}
.f_nfo {
	background-color: #e9e9e9;
	background-image: url('/admin/images/f_nfo.gif');
	border: 1px solid #dcdcdc;
}
.f_enfo {
	background-color: #ffffcc;
	background-image: url('/admin/images/f_err.gif');
	border: 1px solid #ffcc00;
	color: #ff0000;
}

span.new_record {
	position: absolute;
	top: 15px;
	right: 45px;
	opacity: 0.5;
	font-weight: bold;
	display:none;
    padding: 1px 5px;
    border: 1px solid lightblue;
    border-radius: 4px;
    font-size: 0.9em;
    color: lightblue;
}

#table-editorial-corporateId span.new_record {
	right: 80px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 12em;
}

ul.menu a {
  display: block;
  min-height: 1.4em;
  text-decoration: none;
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  padding: 0.8em 0.3em 0.6em 0.5em;
  background-color: #5562A3;
  color: #fff;
  font-weight: bold;
}

/* ie hack - should be necessary */
ul.menu li a:visited {
  color: #fff;
}

ul.menu li a:hover {
  background: #000;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 1.5em;
}

/* ie hack - should be necessary */
ul.menu li ul li a:visited {
  color: #000;
}

ul.menu li ul li a:hover {
  background: #aaa;
  color: white;
  border-left: 0.5em #000 solid;
  padding-left: 1em;
}
ul.menu li ul li.submenu a { background: #999999; }

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
/* .left_bar { float: left; padding: 5px 10px 15px 10px; width: 200px;  background-color: red; float: left; */
.left_bar { float: left; width: 13.5em; margin-left: -100%; margin-top: 10px;}
.left_bar_padding { margin: 5px 10px 10px 10px; }
ul.menu li ul li #left_menu_on, ul.menu li ul li a.left_menu_on { color: #5562A3; } /* item selected in the left menu */
ul.menu li #left_menu_on, ul.menu li a.left_menu_on { color: #000; } /* item selected in the left menu */
ul.menu li a { z-index:10; }

/* Popup additions */
#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#popupContact{
    display:none;
    width:500px;
    background:#FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    border:2px solid #cecece;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    z-index:2;
    /* padding:12px; */
    font-size:13px;
    /*max-height:100%;*/
    overflow:auto;
    -webkit-box-shadow: 0 0 64px #1e1e1e;
    -moz-box-shadow: #1e1e1e 0 0 64px;
    box-shadow: 0 0 64px #1e1e1e;
}

#popupContactClose, .f_popup_close, a.f_popup_close
{
    line-height:14px;
    right:6px;
    top:4px;
    color: #777777;
    position:absolute;
    font-weight:700;
    font-size: 13px;
    font-weight: bold;
    padding: 2px 1px 2px 3px;
    text-decoration: none;
    display:block;
}

#popupContactClose:hover, a.f_popup_close:hover { color: #000000; text-decoration:none; }

#popupContactBody { padding: 0 9px 10px 9px; }

#popupContact h1{
    text-align:left;
    font-size:1.1em;
    font-weight:700;
    margin-bottom:10px;
    background-color: #E9E9E9;
    border-bottom: 1px solid #ccc;
    padding: 8px 12px 4px 12px;
}
/* END Popup additions */
a.title_merge {
    width:30px;
    height:15px;
    display:inline-block;
    margin-top:3px;
    background:url('/admin/images/merge-icon.png') center no-repeat;
}
/* List Titles */
a.title_merge:hover { background:url('/admin/images/merge-icon-hover.png') center no-repeat; }
a.title_split {
    width:28px;
    height:15px;
    display:inline-block;
    margin-top:3px;
    background:url('/admin/images/split-icon.png') center no-repeat;
}
a.title_split:hover { background:url('/admin/images/split-icon-hover.png') center no-repeat; }

a.traffic-light { margin-left: 2px; cursor:pointer; display: inline-block; font: normal normal normal 16px/1 FontAwesome; font-weight: 300; text-decoration: none; opacity: 0.8; }
a.traffic-light:hover{ opacity:1; }
a.traffic-light-on:before { content: "\f058"; }
a.traffic-light-off:before { content: "\f10c"; }
a.traffic-light-on {color: green;}
a.traffic-light-off { color: #d2322d; }
/* END List Titles */
/* Title Detail */
ul.link-menu{
	display: block;
	list-style: none;
	float: right;
	padding-left: 0;
}
ul.link-menu li{
	float: left;

}
ul.link-menu.icon-link-menu li{
	padding: 0px 5px;
	position:relative;
}
.help{
	background-color: #cfcfcf;
	float: right;
	padding: 3px;
    border: 0;
}
.help a{
	font-weight: bold;
    color: white;
	text-decoration: none;
}
.tab_body input[type='text'], .tab_body input[type='input'], .tab_body textarea{
	width: 305px;
	max-width: 100%;
    padding: 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tab_body input[type='input'].f_date, .tab_body input[type='text'].f_date{width: 7em; max-width: 100%;}
.tab_body input[type='input'].f_date_year{width: 5em; max-width: 100%;}
.tab_body input[name="keywords"]{width: 100%;}
/* Title Detail */
/* Tab Scroll */
.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
  	height:50px;
}
.list {
    position:absolute;
    left:0px;
    top:0px;
	min-width: 4000px;
    margin-top:0px;
}
.list li{
	display:table-cell;
    position:relative;
    text-align:center;
    cursor:grab;
    cursor:-webkit-grab;
    color:#efefef;
    vertical-align:middle;
}
.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:#fff;
}
.scroller-right{
  float:right;
}
.scroller-left {
  float:left;
}
/* END Tab Scroll */

#gant_dates div {
	float: left;
	text-align: center;
	margin-top: 10px;
	font-size:11px;
}

table.report_grid tr:first-child th{
	border-top: 0;
}

form > input[name="keywords"]{
	border-radius: 6px;
	margin-top: 10px;
}

input[data-plugin-datepicker]{
	width: 90px;
	border-radius: 6px;
	margin-top: 10px;
}

#ui-datepicker-div{
	z-index: 9999 !important;
}

.input-form-control{
	border-radius: 6px;
	margin-top: 10px;
	max-width: 100%;
	border: 1px solid #C0C0C0;
	padding: 5px 3px;
}
.tag_box .has_children {
	width: 300px;
	max-width: 100%;
}

input[type="checkbox"] {
	opacity: 1;
	position: relative;
	/*top: 50%;*/
	left: 3px;
	margin: -6px 20px 0 0;
	z-index: 2;
	cursor: pointer;
}

input[type="checkbox"]:checked:before {
	position: absolute;
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\F00C';
	top: 50%;
	left: 4px;
	margin-top: -5px;
	font-size: 11px;
	line-height: 1;
	width: 16px;
	height: 16px;
	color: #333;
	z-index: 10;
}

input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

input[type="checkbox"]:disabled:checked:before {
	color: #999;
}

input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

input[type="checkbox"]:disabled:after {
	background-color: #eee;
}

input[type="checkbox"]:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 19px;
	height: 18px;
	display: inline-block;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

input[type="radio"]{
	position: relative;
	/*top: 50%;*/
	left: 0px;
	margin: -6px 8px 0 0px;;
	z-index: 2;
	cursor: pointer;
}

input[type="radio"]:checked:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -5px;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	width: 10px;
	height: 10px;
	background-color: #0088cc;
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 1px #0088cc;
	box-shadow: 0px 0px 1px #0088cc;
	z-index: 10;
}

input[type="radio"]:disabled {
	cursor: not-allowed;
}

input[type="radio"]:disabled:checked:after {
	color: #999;
}

input[type="radio"]:disabled{
	cursor: not-allowed;
}

input[type="radio"]:disabled:before {
	background-color: #eee;
}

input[type="radio"]:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	display: inline-block;
	border-radius: 50px;
	border: 1px solid #bbb;
	background: #fff;
}

input[value="Cancel"]{
	color: #333;
    background-color: #fff;
    border-color: #ccc;
	text-shadow: none;
}

input[value="Cancel"]:hover{
	color: #333;
	background-color: #ccc;
	border-color: #ccc !important;
	text-shadow: none;
}

.tabs{
	margin-bottom: 15px;
}
br {
   /* display: none; */
}
form .f_npr:last-child{
	padding: 2px 0 0 140px;
	text-align: left;
}
img[alt="sort"]{
	position: absolute;
}

.no-border{
	border: 0 !important;
}

.table-responsive{
	padding: 5px;
}

.table.table-no-more{
	width: auto;
}

.table.table-no-more th{
	border: 0;
}

.table.table-no-more td{
	border: 0;
	vertical-align: middle;
}

body .active .btn-info{
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0088cc;
    border-color: #0088cc;
}

body .active .btn-info:hover{
	border-color: #0099e6 !important;
    background-color: #0099e6;
}

.notifications .notification-icon:before{
	top: 33px;
}

.dropdown-menu{
	top: auto;
	left: auto;
}

.footer{
	float: right;
	padding-right: 10px;
}

.footer_text{
	float: right;
	padding-right: 10px;
}

#popupContact{
	max-width: 100%;
	overflow: visible !important;
	top: 125px !important;
}

#popupContactHeader{
	margin-top: -20px;
}

#popupContactBody{
	overflow: auto;
}

.o2k7Skin{
	max-width: 100%;
	overflow: auto;
	float: left;
}

@media only screen and (max-width: 767px){
	form .f_npr:last-child{
		padding: 0;
		text-align: center;
	}
	.notifications {
		float: right;
		margin: 25px 8px 0 0;
	}
	html.fixed .content-body{
		margin-left: 0;
	}

}

div.no-bottom-margin { margin-bottom:0; }
h2.title { margin-top:0; }
a.del_row { font-size:1.5em; }
.help { margin-top:15px; }
.tabs { margin-bottom:0; }
#tbar.row { margin-top: 10px; }
.header-right{
	padding-right: 5px;
}
.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after{
	display: none;
}
td.g_dragger {
	min-width:25px;
	/* color:#0099e6; */
	font-size:1.15em;
}
td.g_dragger:hover {
	cursor: pointer;
}

table > tbody > tr > td > .container{
	background: #e8e8e8;
	border-radius: 5px;
	margin-bottom: 10px
}

.dashboard-panel .panel-heading { padding-top:8px; padding-bottom:8px; }
.dashboard-panel .panel-title { font-size:1.2em; }
.content-body { padding:8px; }
.panel-heading { padding: 5px 15px; }
.g_norows { width: 100%; text-align: center; font-size: 1em; background: #fdfdfd; padding: 5px 20px 20px 20px; }
.g_ftr { width: 100%; text-align: center; background: #f6f6f6; border-radius: 0 0 5px 5px; border-top: 1px solid #DADADA; }
.g_ftr footer.panel-footer .paging { text-align: right; }
ul.link-menu li.text { /*line-height:32px;*/ margin-left: 8px;margin-top: 5px; }
.g_ftr { border-top: 0; }

#sales_table > tbody > tr > td > div > a,
#payments_table > tbody > tr > td > div > a {
	color:#fff;
}
#sales_table > tbody > tr > td > div > select,
#payments_table > tbody > tr > td > div > select {
	z-index: 100; position: absolute; max-height:100%;
}
#sales_table > tbody > tr > td > .selector_inner,
#payments_table > tbody > tr > td > .selector_inner {
	padding:4px;
}
.sales_shdr_col_ignore, .payments_shdr_col_ignore { padding:4px; }


@media only screen and (min-width: 1400px) {
	.sidebar-left {
		width: 285px;
	}
	html.fixed .content-body {
		margin-left: 285px;
	}
	html.fixed .page-header {
		left: 285px;
	}
	html.sidebar-left-collapsed .sidebar-left .nano:hover {
		width: 285px;
	}
	.content-body { padding:15px; }
}

@media only screen and (max-width: 1399px) and (min-width: 768px){
	.sidebar-left {
    	width: 210px;
	}
	html.fixed .content-body {
		margin-left: 210px;
	}
	html.fixed .page-header {
		left: 210px;
	}
	html.sidebar-left-collapsed .sidebar-left .nano:hover {
		width: 210px;
	}

}

@media only screen and (min-width: 768px){
	/**/
	.header .separator{
		height: 99%;
	}
	html.fixed .header{
		height: 45px;
	}
	html.fixed .inner-wrapper{
		padding-top: 55px;
	}
	html.fixed .sidebar-left{
		top: 45px;
	}
	html.fixed .page-header{
		top: 45px;
	}
	/**/
	html.sidebar-left-collapsed .sidebar-left {
		width: 52px;
	}
	.sidebar-left .sidebar-header .sidebar-toggle{
		width: 52px;
	}
	html.fixed.sidebar-left-collapsed .content-body{
		margin-left: 50px;
	}
	html.fixed.sidebar-left-collapsed .page-header{
		left: 50px;
	}
	ul.nav-main > li > a{
		padding-right: 15px;
		padding-left: 15px;
	}
	ul.nav-main li .nav-children .nav-children li a{
		padding-left: 40px;
	}
	.sidebar-left .sidebar-header .sidebar-title{
		padding-right: 5px;
		padding-left: 10px;
	}
	ul.nav-main li i{
		width: 1em;
	}
	ul.nav-main li.nav-parent > a:after{
		padding-left: 10px;
		padding-right: 10px;
	}
	ul.nav-main li .nav-children li a{
		padding-left: 20px;
	}
}

span.sub_break { display:block; background-color:#f7f7f7; border:1px solid gainsboro; padding:2px 6px; }
td span.sub_break:last-child { margin-bottom:4px; }
.f_text:focus, .f_textarea:focus, .f_select:focus, .f_file:focus, input:focus, select:focus {
	border-color: #66afe9 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.table tbody tr.g_row:last-child {
	border-bottom: 1px solid #ddd;
}

.datepicker-dropdown:before, .datepicker-dropdown:after{
	display: none;
}

.datepicker.dropdown-menu{
	margin-top: 5px;
	margin-bottom: 5px;
}

.left_menu_on{
	color: #0088cc !important;
}

/*Style Tabs*/
div.tabs.panel-heading{
	background: none;
	border: 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
div.tabs.panel-heading.row{
	margin: 0;
}
.tabs{
	border-radius: 0;
}
.help{
	margin-right: 10px;
	margin-top: 5px;
	/* display: none; */
}
div.tab_body{
	padding: 15px;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fdfdfd;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus{
    border-left-color: #ddd;
    border-right-color: #ddd;
}
/*Style input*/
.tab_body input[type='text'], .tab_body input[type='input']{
	min-height: 33px;
}
.tab_body input[name="cur_page"]{
	padding: 5px 3px;
}
/*Style select*/
.select2-container .select2-selection{
	border-color: #ddd;
	margin-top: -5px;
    height: 33px;
}
.select2-container .select2-selection span{
	line-height: 33px !important;
}
.select2-container .select2-selection span.select2-selection__arrow{
	height: 33px;
	top: -5px;
}
.select2-container .select2-dropdown{
	border-color: #66afe9 !important;
	outline: 0 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
.select2-container .select2-results ul li{
	cursor: pointer;
}
.select2-container .select2-results ul li:hover{
	background: #5897fb;
	color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background: none;
	color: inherit;
}
.select2-container .select2-results ul li.select2-back:hover{
	background: none;
	color: inherit;
}
.select2-container .select2-results ul li[role="group"] > strong:after{
	content: "\f0da";
	padding-top: 3px;
	float: right;
	font: normal normal normal 12px/1 FontAwesome;
}
.select2-container .select2-results ul li[role="group"].select2-back > strong:after{
	display: none;
}
.select2-container .select2-results ul li[role="group"].select2-back > strong:before{
	content: "\f0d9";
	padding-top: 3px;
	padding-right: 10px;
	font: normal normal normal 12px/1 FontAwesome;
}
.select2-container .select2-results ul li[role="group"].select2-back > strong:hover{
	background: #5897fb;
	color: #fff;
}
.select2-container .select2-results ul li[role="group"] > ul{
	display: none;
}
/* style table */
.table > tbody > tr > td{
	vertical-align: middle;
}
/* style adven filter*/
.f_checkset_pop .f_display{
	height: 33px;
	border-radius: 6px;
	padding: 5px 3px;
}

h2.title { font-size: 2.25rem; margin-bottom:5px; }

.g_row1 { background: #e7e7e7 !important; }
.g_row_hover { background: #f0f0f0 !important; }
.info { color:#ababab; }

/* START styling for the search input field */

/* enable absolute positioning */
.inner-addon {
	position: relative;
}

/* style icon */
.inner-addon .glyphicon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	z-index:5;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left: 30px !important; }
.right-addon input { padding-right: 30px !important; }

div.inner-addon span.input-group-btn button.btn { height:34px; }

/* END styling for the search input field */

ul.link-menu li.total-results { padding: 5px 0; }

.record_selector a i.fa, a i.fa-minus-square-o, a i.fa-search-plus, a i.fa-pencil-square-o { font-size:1.4em; margin-left: 0.25em; margin-right:0.25em; }
a.del_row { white-space: normal; }

.sidebar-right .sidebar-widget .nav-tabs li.active a,
.sidebar-right .sidebar-widget .nav-tabs li.active a:hover,
.sidebar-right .sidebar-widget .nav-tabs li.active a:focus {
	border-top: 3px solid #333333;
	background-color: #404040;
}
.sidebar-right .sidebar-widget .nav-tabs li a,
.sidebar-right .sidebar-widget .nav-tabs li a:hover,
.sidebar-right .sidebar-widget .nav-tabs li a:focus {
	background-color: #5e5e5e;
	color:#fff;
	border-top:3px solid #4d4d4d;
	border-right:1px solid #666666;
	border-left:1px solid #666666;
}
.sidebar-right .sidebar-widget .nav-tabs {
	border-bottom: 1px solid #404040;
}
.sidebar-right .sidebar-widget .tab_body { background:transparent; }
.sidebar-right .sidebar-widget hr {
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.7), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(255, 255, 255, 0.7), transparent);
	background-image: -ms-linear-gradient(left, transparent, rgba(255, 255, 255, 0.7), transparent);
	background-image: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.7), transparent);
}
.sidebar-right .sidebar-widget .sidebar-tasks li { margin-bottom:15px; }
.sidebar-right .sidebar-widget ul.sidebar-notes li span.note {
	display: block;
	color: #cccccc;
	font-size: 1.2rem;
}

.sidebar-right .sidebar-widget ul.sidebar-tasks { list-style:none; padding:20px 0;}
.sidebar-right .sidebar-widget ul.sidebar-tasks li span {
	color: #fff;
	font-size: 1.2rem;
}
.sidebar-right .sidebar-widget ul.sidebar-tasks li span.task_name {
	color: #cccccc;
}
.sidebar-right .sidebar-widget ul.sidebar-tasks li span.screen_name {
	float:right;
}
.sidebar-right .sidebar-widget ul.sidebar-tasks li time {
	color: #777;
}
.sidebar-right .sidebar-widget ul.link-menu {
    height: 32px;
}

.sr-only {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

.mce-container .mce-statusbar .mce-charactercount {
	position: absolute;
	top: 0;
	right: 80px;
}

.prod_item_count, #adminbar .item_count, ul.icon-link-menu .item_count {
	display: block;
	position: absolute;
	left: 6px;
	top: -5px;
	background: #de4011;
	padding: 2px 5px;
	border-radius: 7px;
	font-size: 6pt;
	color: whitesmoke;
	font-weight: bold;
	line-height: 9pt;
}
ul.icon-link-menu .item_count {
	left: 16px;
	top:-6px;
}
#adminbar .bar_wrapper a>.item_count {
	line-height: 13px;
	padding: 2px 5px;
	left: 30px;
	top: 1px;
	min-width: 7px;
	text-align: center;
}
.bubble_tabs{height: 255px;overflow-x: auto;}
.bubble_tabs.ui-tabs {  }
div#all_notes {
    overflow-x: auto;
}
.colorpicker{
	z-index: 100;
}

.colorpicker .colorpicker_hex input,
.colorpicker .colorpicker_field input{
	top: 0px;
	right: 10px;
	height: auto;
}

.notifications .notification-menu{
	width:300px;
}
.notification-menu li.filter_item {
    margin-bottom: 5px;
    width: auto;
}

ul.notifications .content ul {
    z-index: 10;
    max-height: 400px;
    overflow: auto;
}

.notifications .notification-menu{
	width:300px;
}
.notification-menu li.filter_item {
    margin-bottom: 5px;
    width: auto;
}
.notification-menu li.filter_item label {
    width: 100%;
    color: #333;
}

.notification-menu.menu-filter input[type="submit"] {
	width: 100%;
}

.notification-menu li.filter_item label input[type=checkbox] {
    float:left;
    margin: 5px 20px 0 0;
}
ul.notifications .content ul{
	z-index:10;
    max-height: 300px;
    overflow: auto;
}
.notification-menu .content a
{
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    display: block;
}
#sales_table .sales_hdr_col_ignore {
	background: #580000;
}
#sales_table .sales_hdr_col_ignore:hover {
	background: #800000;
}
#sales_table .sales_shdr_col_ignore {
/*	color: #808080;*/
	background: #EEEEEE;
}
#sales_table .sales_col_ignore {
/*	color: #C0C0C0;*/
	background: #EEEEEE;
	opacity: 0.5;
}
.overdue { background-color: #fdc0bf !important; }
.grey-box {
	padding:10px 14px 1px;
	border: 1px solid #c0c0c0;
	background-color:#f8f8f8;
	border-radius:10px;
	margin-bottom:6px;
}

/** multi select styling **/
div.btn-group ul.dropdown-menu li .radio input[type="radio"],
div.btn-group ul.dropdown-menu li .checkbox input[type="checkbox"] {
	margin-top: 2px;
	margin-left: 8px;
}
/* enable scroll on the drop down */
div.btn-group ul.dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
div.btn-group ul.dropdown-menu li:last-child { margin-bottom:4px; }

/*
#table_supplier a.del_row{
	position: absolute;
	right: 30px;
	top: 15px;
	z-index: 1111;
	color: #F44336;
}
#table_supplier a.del_row:hover{
	color: #d01305;
}
*/
#table_supplier .expand_functions:hover{
	background: #4aa6ef;
}
#table_supplier .expand_functions {
	display: block;
	width: 100%;
	cursor: pointer;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	background: #70b8f1;
}
.table_price_wapper{
	padding:10px;
	background: #e8e8e8;
    /* background: #e8f8ff; */
    border-radius: 6px;
    margin-bottom: 20px;
    /* border: 1px solid #87d5f9; */
}
#table_supplier div.price-row {
	/* background: #bde2ff; */
	margin-bottom:6px;
	border-radius:5px;
	background: #dcdcdc;
	padding: 3px 6px;
}
.table_price_wapper > table tbody tr.supplier td { border-bottom:1px solid #C0C0C0; padding-bottom:6px; }
.table_price_wapper > table tbody tr.supply_details td { padding-top:8px; }
#output div.btn-group ul.dropdown-menu li:nth-child(2){display:none!important;}

ul.sidebar-notes li.g_row { margin-bottom:1em; }
table#sales_table {
    position: relative;
}
.dropdown-menu.multiselect-container > li.show_all{
	margin-bottom: 0 !important;
	padding: 5px;
}
.dropdown-menu.multiselect-container > li > a.show_all_options{
	background: #eee;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid #ccc;
	border-radius: 4px;
}
.dropdown-menu.multiselect-container > li > a.show_all_options:hover{
	background: #0088cc;
	color: #fff;
}
@media all and (max-width: 991px){
	ul.dropdown-menu.multiselect-container{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		max-height: 187px !important;
		z-index: 10000;
	}
	ul.dropdown-menu.multiselect-container .input-group{
		margin: 0;
		padding: 5px;
		width: 100%;
	}
	ul.dropdown-menu.multiselect-container .input-group input.multiselect-search{
		width: 100%;
	}
}
@media print {
	#sidebar-left,
	.header,
	.page-header { display:none; }
	.content-body { margin:0; padding:0; }
	.no_print_show { display:none !important; }
	div.tab_body { border: 0; background:none; }
	div.content-body > div.tab_body { padding:0; }
	html.fixed .inner-wrapper{padding-top:0}
	div.tab_body{background: #fff;}
}

.accordion {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #444;
	cursor: pointer;
	padding: 10px;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-radius: 5px;
}

.acc-active, .accordion:hover {
	background-color: #fff;
}

.accordion:after {
	content: '\25b6';
	color: #777;
	font-weight: bold;
	float: left;
	margin-right: 10px;
}

.acc-active:after {
	content: "\25bc";
}
.acc-panel {
	padding: 0 18px;
	background-color: white;
	border: 1px solid #e5e5e5;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	padding:0px 10px;
}

.acc-panel:before{
	max-height: none!important;
}

.edit-addresses, .edit-address,
.edit-contact, .edit-contact-details{
	display: none;
}
.acc-active span.edit-addresses,
.acc-active span.edit-contact-details{
	display: block;
}

.contacts_admin_f_select{
	width: 205px!important;
}

.address_edit_row i,
.del_address_row i{
	font-size: 1.9em!important;
}

.note_panel .tab_body{
	margin-bottom: 10px;
}
.fix_f_pre_image div:nth-child(2){
	width: auto;
}
.accordion +.acc-panel {
    border: none;
}
.accordion.acc-active {
    border-radius: 5px 5px 0 0;
}
.accordion.acc-active + .acc-panel{
	border: 1px solid #e5e5e5;
	border-top: none;
	border-radius: 0 0 5px 5px;
}
a.traffic_fontawesome.traffic-light-on i {
    color: #1d9d74;
}

a.traffic_fontawesome i {
    font-size: 20px;
    color: #cc3300;
}

.dragable .bootstrap-tagsinput:hover .badge{
	width: 190px;
	min-height: 50px;
	margin: 5px;
	cursor:grab;
}

.bootstrap-tagsinput .badge{
    display: inline-block;
    position: relative;
    overflow-wrap: break-word;
    white-space: normal;
    vertical-align: top;
    padding-right: 25px;
    padding-left: 10px;
    text-align: left;
}

.bootstrap-tagsinput .ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px solid #5bc0de !important;
    background: none;
}

.tab_body .bootstrap-tagsinput input{
    margin-top: 5px;
}

.bootstrap-tagsinput .badge [data-role="remove"]{
    position: absolute;
    top: 4px;
    right: 5px;
    margin: 0;
}