/* CSS by Grzegorz */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap&subset=latin-ext');
body {
	font-family:'open sans', sans-serif;
	
}
@media(min-width:991px) {
	#left-navigation {
	min-height:calc(100vh - 51px);
	}	
	.breadcrumb {
	margin: 0 -30px;
height: 50px;
line-height:33px;
border-radius: 0;
background:#fff;
border-bottom:1px solid #C8CED3;
font-size:12px;
	}
}
.user-block {
	height:51px;
	border-color:#C8CED3;
	border-right:0px none;
	border-bottom:1px solid #C8CED3;
	background:#fff;
}
#left-navigation {
	
	background:#2F353A;
	margin-top:51px !important;
}

.navbar-default {
	background:#fff;
	border-color:#C8CED3;
	
}
.sidebar ul li {
	bordeR:0;
	
}
nav.main-nav #left-navigation a {
	color:#fff;
	
}

nav.main-nav #left-navigation a i {
	color:#73818f !important;
	
}
#page-wrapper {
	background:#E4E5E6;	
}

.panel-heading {
	border:0px none;
	background:none !important;
	
}
.panel {
	border:1px solid #C8CED3 !important;
	border-radius:0;
	box-shadow:none;
	
}
a.active {
	background:#3A4248 !important;
	
}
a.active .fa-fw {
	color:#20a8d8 !important
	
}
.nav > li > a:focus, .nav > li > a:hover {
	background:#20a8d8;
	color:#fff;
	
	
}
.nav > li > a {
	padding:15px;
	
}
#left-navigation > .sidebar-nav {
	border:0 !important;
	
}
.nav-second-level, li.active a.active{
	background:#25292D !important;
	
}
a, .dataTable a, .breadcrumb a {
color:#20a8d8
}
#left-navigation li a.inside {
	background:none !important;
	color:#fff;
	font-weight:bold;
	
}

.dataTables_paginate .paginate_button.active a {
	background: #20a8d8 !important;
	border-color: #20a8d8 !important;
	
}


div#left-navigation a {
    font-size: 14px;
}

div#left-navigation .nav-second-level a {
    font-size: 12px;
}

.page-header {
    color: #111;
    border: 0;
    margin: 40px 0 20px 0 !important;
    text-transform: initial;
    font-size: 32px;
}
.img-container-cockpit img {
	/* width:auto;	 */
	margin-top:6px;
	margin-left:10px;
}
#wrapper {
	background:#2F353A;
	
}
.come-back, .move-up, .move-down {
	color:#2F353A;
	
}
.mx-auto {
	margin-left:auto;
	margin-right:auto;
	
}
#b2b-curl .col-md-8.mx-auto {
	float:none;
}
#b2b-curl #position_list .form-group {
	margin:10px 0 20px 0;
	
}
#b2b-curl #case_1 .input-group-append {
	position: absolute;
	right: 0;
	z-index: 9;	
}
.btn.orange-bg {
	background:#1366A2;
	bordeR:1px solid #1366A2;
	
}
.login-panel .panel-body img {
	max-width:200px;
	width:100%;
	margin-bottom: 20px;
	
}
.login-panel .btn {
	background:#1366A2;
	bordeR:1px solid #1366A2;
}
.login-panel .text-success {
	color:#1366A2;
	
}
.cockpit-menu{
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}
.cockpit-menu li{
    display: inline-block;
    width: 25%;
    height: 105px;
    margin: 5px;
    padding: 0px;
    float: left;
}
.cockpit-menu li a{
    display: inline-block;
    width: 100%;
    height: 105px;
    background-color: #f9f9f9;
    margin: 0px;
    padding: 5px;
    color: #004A86;
    text-decoration: none;
    text-align: center;
}
.cockpit-menu li a i{
    display: inline-block;
    width: 100%;
    font-size: 30px;
    line-height: 60px;
}
.cockpit-menu li a span{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 13px !important;
    color: #004A86;
}
.cockpit-menu li a:hover, .cockpit-menu li a:hover span{
    background-color: #004A86 !important;
    color: white !important;
}
@media (min-width: 1100px) {
    .cockpit-menu li{
        width: 17%;
    }
}