body {
	background: #FBFBFB;
}

#navBar {
	background: #242D58;
}

#loginDiv {
	color: #333;
	background: #FFF;
	border: 1px solid #EEE;
}

#loginDiv label {
	margin-top: 5px;
}

#loginDiv h3 {
	text-align: center;
}

.modal-backdrop.in {
	filter: alpha(opacity=30);
	opacity: .3;
}

#headLineLeft img {
	margin-right: 20px;
}

.panel-default > .panel-heading {
	background: #FFF;
}

.panel-default > .panel-heading, #mainTable thead, #mainTable tbody td.tic, .modal-title {
	color: #0b3d7f;
}

.modal-title {
	line-height: 2;
	font-size: 15px;
}

.panel-default, .panel-default > .panel-heading, .btn-default, .form-control, .table-bordered, .input-group-addon, .pagination > li > a, .pagination > li > span, .readOnlyDialog .toggle.btn, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border-color: #EEE;
}

.input-group-addon {
	background-color: #F5F5F5;
}

.table > thead > tr > th {
	font-weight: normal;
}

.mainMenu .nav li a:hover {
	background-color: #2e3b68;
}

.mainMenu .nav li a:focus {
	background: #242D58;
}

.mainMenu .nav-pills li.active > a {
	background-color: #2e3b68 !important;
	color: #E88450;
}

.mainMenu .dropdown-menu {
	background: #242D58;
}

.mainMenu .nav .open > a {
	background: #2e3b68;
}

.pagination .active a {
	background-color: #F5F5F5 !important;
	border-color: #EEE !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #F5F5F5 !important;
}

.table-striped > tbody > tr:nth-of-type(2n+2) {
	background-color: #FFFFFF !important;
}

.table-striped.hasSubTables > tbody > tr:nth-of-type(4n+1) {
	background-color: #F5F5F5 !important;
}

.panel-heading {
	font-weight: normal;
}

.form-control:focus {
	border-color: #7cb0f4;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(124, 176, 244, .6);
}

.btn-primary {
	background-color: #0f54ae;
	border-color: #136add;
}

.btn-primary:hover {
	background-color: #0d4896;
	border-color: #115fc5;
}

.btn-default:hover {
	background-color: #eee;
	border-color: #ddd;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-default.focus, .btn-default:focus {
	background-color: #eee;
	border-color: #ccc;
}

#editDialog .smallBtn {
	display: inline;
	margin-right: 5px;
}

/*Left menu*/
#navBar {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0; 
}

#mainMenu {
	float: none;
	width: 100%;
}

#mainMenu > li {
	float: none;
}

#mainMenu > li.active {
	border-right: 8px solid #E98551;
	border-radius: 5px;
	width: 208px;
}

#mainMenu.nav > li > a {
	padding: 20px 20px;
}

#mainMenu .dropdown-menu {
	position: unset;
	float: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #062246;
}

#headLineLeft {
	float: none;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	width: 100%;
}

#headLineRight {
	float: none;
	margin-top: 15px;
	height: auto;
	padding: 5px;
}

#headLineRight button {
	width: 100%;
}

#headLineRight .btn {
	white-space: normal;
}

body#wMenu #mainDiv {
	margin-left: 200px;
	padding: 20px;
}

.centerWidth {
	width: 100%;
}

/*select badges*/
x-r {
	padding: .25em .4em;
	vertical-align: baseline;
	border-radius: .25rem;
	background: #dc3545;
	color: #FFF;
}

x-b {
	padding: .25em .4em;
	vertical-align: baseline;
	border-radius: .25rem;
	background: #007bff;
	color: #FFF;
}

x-g {
	padding: .25em .4em;
	vertical-align: baseline;
	border-radius: .25rem;
	background: #28a745;
	color: #FFF;
}

x-o {
	padding: .25em .4em;
	vertical-align: baseline;
	border-radius: .25rem;
	background: #fd7e14;
	color: #FFF;
}

x-slug {
	padding: 7px 30px 7px 15px;
	vertical-align: baseline;
	border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	background: #ed9a6e;
	color: #FFF;
	cursor: pointer;
	margin-left: -15px;
	box-shadow: -2px 0px 3px rgba(20, 20, 20, 0.3);
	font-size: 12px;
}

#mainTableContent > .preTableDiv > x-slug:last-child {
	padding: 7px 15px 7px 15px;	
}

#mainTableContent > .preTableDiv {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.invoicePreview {
	width: 700px;
}

.invoicePreview h4 {
	color: #0b3d7f;
}

.invoicePreview .hasTable {
	padding: 0 !important;
}

.invoicePreview table > tbody >  tr > td:first-child {
	font-weight: bold;
}