body {
	
/* complementary: #18bc9c; | #18a5bc; | #bc1838; | #51e9cb; | black; | 6a6a6a; */
	padding-top: 55px;
	padding-bottom: 41px;
	background-color: #162634;
}
body, p, label, p, p > i, legend, legend > i,.text-white{
	color: white !important;
}
body.login {

	background-image: url(/images/login_bgpicture.png);
	background-repeat:  no-repeat;
	background-position:  center center;
	background-attachment:  fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.login fieldset legend, body.login label {color: white;}
.modal .close span {color:#666;}
body.login fieldset {margin:0 auto;}
body.login input {padding-left: 65px; height: 46px;}
body.login .form-control:focus {border-color: #DAB550;}
body.login .well{
	background-color: transparent;
}
body.login fieldset {
	margin:0 auto;
}
body.login .logo-enter {
	max-width: 200px;
}
.login, .login p,.login label,.login p,.login p > i,.login legend,.login legend > i{
	color:white!important;}
a {color: #97e5f3 !important;}
a:hover {color: #51e9cb !important;}
h3, h3 > i.fa {color: #18a5bc;}
.nav a, .btn i{color: #eee !important;}
@media screen and (max-width: 768px) {
	body.login {
		background-size: auto 100%;
	}
}
.pull-down {
	position: absolute;
	left: 0;
	padding: 2px;
	z-index: 10;
	background-color: grey;
}
.dataTables_wrapper {
	background-color: grey;
	border-radius: 8px;
	padding: 7px 0px;
}
.dataTables_wrapper div{
	padding:0;
}
.dataTables_wrapper table{
	border-radius: 0;
}
.dataTables_wrapper label, .dataTables_wrapper input, .dataTables_info{
	margin: 5px 10px;
}
div.dataTables_paginate {margin: 8px 10px;}
.dataTables_filter input, .dataTables_filter select {
	background-color: lightgrey;
}
.pagination a { color: #222 !important; background-color: #ccc;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: white; background-color: #999;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #222; background-color: #eee;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #fff; color: black;}
.pagination > li > a, .pagination > li > span {
    color: #ffffff; background-color: #bbb;}
.table {
	background-color: #32404c;
	border-radius: 8px;
	
}
.table thead {background-color: #646d76; font-weight: bold;}
.table thead, .table thead tr, .table thead tr th, .table thead tr td {height: 36px; line-height: 36px}
.table tr td {font-size: 16px !important;}
.table tr.even, .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #2a3640 !important;}
.table > tbody + tbody { border-top: 1px solid #ecf0f1;}
div.modal-body thead {background-color: #ddd;}
/*#desk .table-striped {font-family: 'Bebas';letter-spacing: 1px;}*/
form, div.modal-dialog input, div.modal-dialog label {color: black !important;}
.dt-bootstrap input, .dt-bootstrap select, .inputs input {background-color: #fafafa; padding: 2px 5px; margin: 0; height: 28px;}
div.modal-body .table tr.even {background-color: #ddd !important;}
div.modal-body .table tr.odd {background-color: #ccc !important;}

div .table tr:hover td{
	background-color: #2a2a2a !important;
	color: white;
}
.text-white {color:white !important;}
.text-light {color: lightgrey !important;}
.table tr.tfoot, .table tr.tfoot.text-right {background-color: black !important;/*position: absolute !important;*/ margin-top: -40px;}
tr.tfoot td{
	text-align: right !important;
	margin-left: -50px !important;
	padding: 0 5px !important;
	font-size: 22px !important;
	font-size: 22px !important;
	color: #18bc9c !important;
	font-weight: bold !important;
}
.table#table-summary tr td:first-child{
	max-width: 150px;
	text-align: right;
	padding-right: 10%;
}
.table#table-summary tr td:last-child{
	padding-right: 10%;
}
.table#table-summary > tbody > tr > td {
	margin: 20px !important; 
}
ul.dropdown-menu {
	background-color: #333;
}
.list-box {
	border-radius: 3px; font-size:1.2em; padding: 0.5em;
	text-decoration:none;
	display:inline-block;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
}

.object.active {
	/*border:2px solid #B29C61 !important;*/ color: #FFFFFF; background-color: #A90505;
	background-image: -webkit-linear-gradient(top, #A90505, #6D0202);
	background-image: -moz-linear-gradient(top, #A90505, #6D0202);}
.list-box:hover {
	opacity:0.7;
}

div.modal-dialog, div.modal-dialog p, input[type="text"], textarea, .panel, .panel a{
	color: black !important;
}
body.submenu {
	padding-top: 91px;
}
body.secondary {
	padding-top: 132px;
}
.modal:not(.bootbox) .modal-dialog {
	width: 95%;
}
.navbar-default {
	background: #2c3e50 url(/images/navbar_bg2.png) no-repeat top left;
	border-bottom: 1px solid #567696;
}
.navbar-submenu {
	top: 51px;
	background-color: #507191;
}
.navbar-secondarymenu {
	top: 82px;
	background-color: #89A4BE;
}
.navbar-nav > li > a, .navbar-brand {
	padding-top: 15px;
	padding-bottom: 10px;
	height: 51px;
}
#leftnav .navbar-nav {
	padding-left: 22px;
}
.navbar-brand img {
	margin-top: 8px;
	float: left;
	width: 100px;
}
@media screen and (max-width:768px) {
	#leftnav .navbar-nav {
		padding-left: 0;
	}
	.navbar-brand img {
		position: absolute;
		top: 7px;
		left: 125px;
		width: 100px;
	}
}
h3 span {
	color: #555;
	font-size: 20px;
}
input.warn {
	border-color: #e74c3c;
}
.navbar {
	height: 51px;
	min-height: auto;
}
.bf-tooltip {
	border: 1px solid #2c3e50;
	position: absolute;
	z-index: 9999;
	background-color: #fff;
	padding: 10px;
	box-shadow: none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.footer_operators {
	padding: 5px;
	background-color: #2c3e50;
	opacity: 1;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
	border: 1px solid grey;
}
.footer_operators .inner a {
	padding: 3px;
	margin-left: 10px;
}
.dataTables_wrapper .row {
	margin: 0;
}
.app-alerts-cont:empty {
	display: none;
}

.app-alerts-cont {
	pointer-events: none;
	position: fixed;
	top: 45px;
	padding-bottom:90px;
	right: 5px;
	width: 200px;
	height: 100%;
	 display: flex;
	z-index: 9999;
	flex-direction: column-reverse;
}

.app-alerts-cont .alert {
	

	display: none;

}
.table > thead {
	text-align: center;
}
.table-smaller, .form-control.input-xs {
	width: 100% !important;
	font-size: 12px;
}
.table-smaller tr {
	line-height: 25px;
	height: 25px;
}
.table-smaller input.form-control {
	padding: 0;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
	bottom: 5px;
	font-size: 8px;
	right: 20px;
}
table.dataTable tr, table tr a {
	cursor: pointer;
}
.combobox-container .input-group-addon {
	padding: 5px 10px;
}
div.form-control:empty {
	display: none;
}
.fs20 {
	font-size: 20px;
}
.right-button {
	text-align: right;
}
.apperror {
	margin: 10px 0;
}
[v-cloak] {
	display: none;
}
div {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dropdown-menu-big li a{
	padding:20px 10px;
}
.btn-transparent {
	color: white;
	background-color: transparent;
	border: 2px solid lightgrey;
	padding: 10px 20px;
	border-radius: 20px;
	font-weight: bold;
}
@media (max-width:768px) {
	div.table-responsive {
		border: 0px solid black !important;
	}
	.navbar {
		height: 60px;
	}
	.navbar-collapse {
		background-color: #2c3e50;
	}
	body {
		padding-top: 60px;
	}
	.list-box-cont {
	    float:left;
	    /*display: table;*/
	    padding: 3px;
	}
	#desk > .col-md-4 {
		margin-bottom: 30px;
	}
	.navbar-fixed-bottom li {
		display: inline-block;
	}
}
.bf-dtable {visibility: hidden;}
.bf-loader {width:100%;text-align:center;}



.bfc-red{background-color:rgb(244, 67, 54);color:white}.bfc-pink{background-color:rgb(233, 30, 99);color:white}.bfc-purple{background-color:rgb(156, 39, 176);color:white}.bfc-deep-purple{background-color:rgb(103, 58, 183);color:white}.bfc-indigo{background-color:rgb(63, 81, 181);color:white}.bfc-blue{background-color:rgb(33, 150, 243);color:white}.bfc-light-blue{background-color:rgb(3, 169, 244);color:black}.bfc-cyan{background-color:rgb(0, 188, 212);color:black}.bfc-teal{background-color:rgb(0, 150, 136);color:white}.bfc-green{background-color:rgb(76, 175, 80);color:black}.bfc-light-green{background-color:rgb(139, 195, 74);color:black}.bfc-lime{background-color:rgb(205, 220, 57);color:black}.bfc-yellow{background-color:rgb(255, 235, 59);color:black}.bfc-amber{background-color:rgb(255, 193, 7);color:black}.bfc-orange{background-color:rgb(255, 152, 0);color:white}.bfc-deep-orange{background-color:rgb(255, 87, 34);color:white}.bfc-brown{background-color:rgb(121, 85, 72);color:white}.bfc-grey{background-color:rgb(158, 158, 158);color:white}.bfc-blue-grey{background-color:rgb(96, 125, 139);color:white}


#leftnav ,#rightnav{background-color:#2c3e50;}
			.navbar-toggle {float:none; }
			.navbar-toggle-left {margin-left:20px;}
			.navbar-toggle-right {float:right;}
			.navbar-brand {float:none;line-height: 50px}
			.navbar-left {width:100%;}
			@media (min-width: 768px){
			.navbar-right {margin-right:0;}
			}
			@media (max-width: 768px){

				.navbar-footer .navbar-right {border-top:3px solid #fff;}
				.navbar-fixed-bottom li {display: block;}
				.-open-leftnav,.-open-rightnav {overflow:hidden;}
				#leftnav,#rightnav {position: fixed; top:0; width:250px; overflow-y:auto;padding-top:10px; transition:all 0.34s;}
				#leftnav {left:0;padding-left:15px;padding-right:15px;left:-250px;height:100%;}
				#rightnav {right:0;left:auto;right:-250px;}
				.-open-leftnav #leftnav {left:0;}
				.-open-rightnav #rightnav  {right:0;}
				.-open-leftnav .navbar-left {margin-left:250px;transition:all 0.34s;}
				.-open-rightnav .navbar-left {overflow:hidden;}
				.-open-rightnav .navbar-left .navbar-header{    padding-right: 250px; transition:all 0.34s;
    margin-left: -250px;}
				#leftnav a,#rightnav a {padding: 10px;}

			}

.btn-control {
	background-color: #fff;
	color:#2c3e50;
	border:1px solid #2c3e50;
}
.btn-control:hover {
	background-color: #f1f1f1;
	color:#2c3e50;
}

.btn-control.active {
	background-color: #3498db;
	color:#fff!important;
}

.ml-1 {
	margin-left:1em;
}
.mt-1 {
	margin-top:1em;
}
.mr-1 {
	margin-right:1em;
}
hr {
	margin:0.5em 0;
}

/*.navbar-nav > li > a, .navbar-brand,.navbar {
	height:auto;
}
.navbar-nav > li > a {
	font-size:20px;
	padding:15px;
}*/
.bootstrap-datetimepicker-widget {
	color:#000;
}