@import url(bootstrap.css);
@import url(ekko-lightbox.css);
@import url(ekko-lightbox-dark-theme.css);

/* --- FONTER --- */
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600);

body {
	background-color: #f9f9f9;
	color: #202020;
	font-family: Source Sans Pro;
}

body, html {
	overflow-x: hidden !important;
}

.load * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}

a {
    color: #e7001c;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.container-fluid {
	padding: 30px;
}

.content {
	padding-top: 100px;
}

@media screen and (max-width: 560px) {
	.content {
		padding-top: 30px;
	}
}

.content > .row {
	margin-bottom: 10px;
}

.panel {
	border: 1px solid #eaeef1;
	border-radius: 2px;
}

.panel-heading {
	background-color: #f9fafc;
	font-weight: 600;
	border-bottom: 1px solid #eaeef1;
}

.panel-heading.no-border {
	margin: -1px -1px 0 -1px;
	border: none;
}

.panel-body {
	padding: 20px 15px;
}

.panel-form > div > div > [class^="col-"]:first-child, 
.panel-form > div > div > [class*=" col-"]:first-child,
.panel-form > div > [class^="col-"]:first-child, 
.panel-form > div > [class*=" col-"]:first-child {
	padding-top: 25px;
}

.panel-footer {
	border-color: #eaeef1;
	border-radius: 0 0 2px 2px;
	background-color: #f9fafc;
}

.list-group-item {
	border-color: #eaeef1;
}

a.list-group-item:hover, 
a.list-group-item:focus {
	background-color: #f9fafc;
}

.panel-primary {
	border-color:#428bca;
}

.panel-primary>.panel-heading {
	color:#fff;
	background-color:#428bca;
	border-color:#428bca;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#428bca;
}

.panel-primary>.panel-heading .badge {
	color:#428bca;
	background-color:#fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#428bca;
}

.panel-success {
	border-color:#d6e9c6;
}

.panel-success>.panel-heading {
	color:#3c763d;
	background-color:#dff0d8;
	border-color:#d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#d6e9c6;
}

.panel-success>.panel-heading .badge {
	color:#dff0d8;
	background-color:#3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#d6e9c6;
}

.panel-info {
	border-color:#bce8f1;
}

.panel-info>.panel-heading {
	color:#31708f;
	background-color:#d9edf7;
	border-color:#bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#bce8f1;
}

.panel-info>.panel-heading .badge {
	color:#d9edf7;
	background-color:#31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#bce8f1;
}

.panel-warning {
	border-color:#faebcc;
}

.panel-warning>.panel-heading {
	color:#8a6d3b;
	background-color:#fcf8e3;
	border-color:#faebcc;
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#faebcc;
}

.panel-warning>.panel-heading .badge {
	color:#fcf8e3;
	background-color:#8a6d3b;
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#faebcc;
}

.panel-danger {
	border-color:#ebccd1;
}

.panel-danger>.panel-heading {
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1;
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color:#ebccd1;
}

.panel-danger>.panel-heading .badge {
	color:#f2dede;
	background-color:#a94442;
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color:#ebccd1;
}

.nav-tabs {
	border-color: #eaeef1;
}

.nav-tabs.nav-justified {
	width: auto;
}

@media (min-width: 768px) {
	.nav-tabs.nav-justified > .active > a, 
	.nav-tabs.nav-justified > .active > a:hover, 
	.nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #fff;
	}
}

.nav-tabs.nav-justified > .active > a, 
.nav-tabs.nav-justified > .active > a:hover, 
.nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #ddd;
}

.panel-heading .nav-tabs > li > a {
	margin: 0;
	padding-top: 11px;
	padding-bottom: 11px;
	color: #505050;
}

.nav-tabs > li.active > a {
	border-color: #eaeef1 !important;
	border-bottom-color: #fff !important;
}

.nav-tabs > li > a {
	border-radius: 2px 2px 0 0;
	border-bottom-color: #eaeef1 !important;
}

.nav > li > a:hover, 
.nav > li > a:focus {
	background-color: #f7f8fb;
}

.panel-heading .nav-tabs {
	margin: -11px -16px;
}

.border-left {
	border-left: 1px solid #eaeef1;
}

.border-right {
	border-right: 1px solid #eaeef1;
}

.border-top {
	border-top: 1px solid #eaeef1;
}

.border-bottom {
	border-bottom: 1px solid #eaeef1;
}

.border-all {
	border: 1px solid #eaeef1;
}

.no-border, .no-borders {
	border-color: transparent;
	border-width: 0;
}

.margin-none {
	margin: 0;
}

.margin-all {
	margin: 15px;
}

.margin-bottom {
	margin-bottom: 15px;
}

.margin-top {
	margin-top: 15px;
}

.margin-left {
	margin-left: 15px;
}

.margin-right {
	margin-right: 15px;
}

.padding-none {
	padding: 0;
}

.padding-all {
	padding: 15px;
}

.padding-bottom {
	padding-bottom: 15px;
}

.padding-top {
	padding-top: 15px;
}

.padding-left {
	padding-left: 15px;
}

.padding-right {
	padding-right: 15px;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 20px 15px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #202020;
	background-color: #fff;
	background-image: none;
	border: 1px solid #cbd5dd;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .2s;
	transition: border-color ease-in-out .2s;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn {
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
	min-width: 85px;
	padding: 6px 12px;
	white-space: normal;
}

.btn-lg {
	min-width: 110px;
	padding: 9px 15px;
}

.btn-xs {
	font-size: 11px;
	padding: 4px 2px;
	min-width: 70px;
}

.btn-xs i {
	font-size: 11px;
}

.btn-round {
	border-radius: 20px;
}

.btn.dropdown-toggle {
	min-width: 10px !important;
	margin-left: -1px !important;
	margin-right: 5px !important;
}

.btn-default {
	color: #6a7177;
}

.btn-primary {
	background-color: #e7001c;
	border-color: #c20024;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #c20024;
  border-color: #c20024;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #ca4242;
  border-color: #ca4242;
}
.btn-primary .badge {
  color: #e7001c;
  background-color: #fff;
}

.btn-success {
	background-color: #61ae24;
	border-color: #4f9518;
}

.btn-info {
	background-color: #42b3e5;
	border-color: #1f96da;
}

.btn-warning {
	background-color: #f38630;
	border-color: #e17622;
}

.btn-danger {
	background-color: #dd0000;
	border-color: #880000;
}

.text-white {
	color: #fff;
	color: rgba(255,255,255,0.8);
}

.text-red {
	color: #f56954 !important;
}

.text-yellow {
	color: #f39c12 !important;
}

.text-aqua {
	color: #00c0ef !important;
}

.text-blue {
	color: #0073b7 !important;
}

.text-light-blue {
	color: #3c8dbc !important;
}

.text-green {
	color: #00a65a !important;
}

.text-navy {
	color: #001f3f !important;
}

.text-teal {
	color: #39cccc !important;
}

.text-olive {
	color: #3d9970 !important;
}

.text-lime {
	color: #01ff70 !important;
}

.text-orange {
	color: #ff851b !important;
}

.text-fuchsia {
	color: #f012be !important;
}

.text-purple {
	color: #932ab6 !important;
}

.text-maroon {
	color: #85144b !important;
}

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red a,
.bg-yellowa,
.bg-aqua a,
.bg-blue a,
.bg-light-blue a,
.bg-green a,
.bg-navy a,
.bg-teal a,
.bg-olive a,
.bg-lime a,
.bg-orange a,
.bg-fuchsia a,
.bg-purple a,
.bg-maroon a,
.bg-black a {
	color: #f9f9f9 !important;
}

.bg-red a:hover,
.bg-yellowa:hover,
.bg-aqua a:hover,
.bg-blue a:hover,
.bg-light-blue a:hover,
.bg-green a:hover,
.bg-navy a:hover,
.bg-teal a:hover,
.bg-olive a:hover,
.bg-lime a:hover,
.bg-orange a:hover,
.bg-fuchsia a:hover,
.bg-purple a:hover,
.bg-maroon a:hover,
.bg-black a:hover {
	color: rgba(250,250,250,0.9) !important;
}

.bg-gray {
	background-color: #eaeaec !important;
}

.bg-black {
	background-color: #222222 !important;
}

.bg-red {
	background-color: #f56954 !important;
}

.bg-yellow {
	background-color: #f39c12 !important;
}

.bg-aqua {
	background-color: #00c0ef !important;
}

.bg-blue {
	background-color: #0073b7 !important;
}

.bg-light-blue {
	background-color: #3c8dbc !important;
}

.bg-green {
	background-color: #00a65a !important;
}

.bg-navy {
	background-color: #001f3f !important;
}

.bg-teal {
	background-color: #39cccc !important;
}

.bg-olive {
	background-color: #3d9970 !important;
}

.bg-lime {
	background-color: #01ff70 !important;
}

.bg-orange {
	background-color: #ff851b !important;
}

.bg-fuchsia {
	background-color: #f012be !important;
}

.bg-purple {
	background-color: #932ab6 !important;
}

.bg-maroon {
	background-color: #85144b !important;
}

.dropdown-menu {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	border: 1px solid #eaeef1;
	border-radius: 2px;
	padding: 10px 0;
}

.dropdown-menu .divider {
	background-color: #eaeef1;
}

.navbar-custom {
	background: white;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-top: 0;
}

.navbar-custom .nav > li > a {
	padding-right: 20px;
	padding-left: 20px;
	color: #999;
	font-weight: 600;
	font-size: 16px;
}

@media (min-width: 992px) {
	.navbar-custom .nav > li > a {
		padding-right: 25px;
		padding-left: 25px;
	}
}

.navbar-custom .nav > li > a:hover,
.navbar-custom .nav > .open > a,
.navbar-custom .nav > .open > a:hover,
.navbar-custom .nav > .open > a:focus {
	background: rgba(0,0,0,.03);
	color: #202020;
}

.navbar-custom .nav > li.active > a {
	color: #202020;
}

@media (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.navbar-custom .nav {
		text-align: left;
		background: transparent;
		margin-top: auto;
		padding: 0;
		box-shadow: none;
	}
}

.navbar-custom .navbar-toggle {
	margin-top: 15px;
	margin-bottom: 15px;
}

.right-side,
.left-side {
	min-height: 100%;
	display: block;
	transition: all 0.25s ease-in-out 0s;
}

.right-side {
	margin-left: 240px;
}

.left-side {
	position: fixed;
	width: 240px;
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background-color: #f0f0f0;
	box-shadow: inset -5px 0 5px -7px rgba(0,0,0,.4);
}

@media screen and (min-width: 992px) {
	.left-side {
		top: 70px;
		padding-bottom: 70px;
	}

	.right-side.strech {
		margin-left: 0;
	}
	
	.right-side.strech > .content-header {
		margin-top: 0px;
	}
	/* Left side collapse */
	.left-side.collapse-left {
		left: -240px;
	}
}

@media screen and (max-width: 992px) {
	.right-side {
		margin-left: 0;
	}
}

.sidebar .nav-sidebar {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.sidebar .nav-sidebar > li {
	margin: 0;
	padding: 0;
}

.sidebar .nav-sidebar > li > a,
.sidebar .nav-sidebar > li > ul > li > a {
	display: block;
	color: #666666;
}

.sidebar .nav-sidebar > li > a:hover,
.sidebar .nav-sidebar > li > ul > li > a:hover,
.sidebar .nav-sidebar .open > a, .nav .open > a:hover,
.sidebar .nav-sidebar .open > a:focus
.sidebar .nav-sidebar .open > a {
	background: rgba(0,0,0,.02);
	color: #202020;
	text-decoration: none;
	border-color: transparent;
}

.sidebar .nav-sidebar > li > a {
	padding: 10px 20px;
	font-weight: 600;
}

.sidebar .nav-sidebar > li > ul > li > a {
	padding: 10px 15px 10px 20px;
	font-weight: normal;
}

.sidebar .nav-sidebar > li > a > i {
	margin-top: 5px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.sidebar .nav-sidebar > li.open > a > i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sidebar .nav-sidebar > li > ul {
	background: rgba(255,255,255,0.4);
	list-style: none;
	padding: 0;
}

.sidebar-profile {
	padding: 30px 0 20px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	box-shadow: 0px 0px 1px rgba(255,255,255,.9)
	/*background: rgba(255,255,255,0.6);
	box-shadow: inset -21px 0px 2px -6px rgba(0,0,0,.1), inset 0 -5px 2px -5px rgba(0,0,0,.25);*/
}

.sidebar-profile > img {
	height: 75px;
}

@media screen and (max-width: 992px) {
	.sidebar {
		position: absolute;
	}

	.relative {
		position: relative !important;
	}
	
	.row-offcanvas-right .sidebar-offcanvas {
		right: -240px;
	}
	
	.row-offcanvas-left .sidebar-offcanvas {
		left: -240px;
	}
	
	.row-offcanvas-right.active {
		right: 240px;
	}
	
	.row-offcanvas-left.active {
		left: 240px;
	}
	
	.sidebar-offcanvas {
		left: 0;
	}
	
	body.fixed .sidebar-offcanvas {
		margin-top: 50px;
		left: -240px;
	}
	
	body.fixed .row-offcanvas-left.active .navbar {
		left: 240px !important;
		right: 0;
	}
	
	body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
		left: 0px;
	}
}

.header {
	z-index: 10;
	position: fixed;
	width: 100%;
}

.content {
	z-index: 1;
}

.header .navbar-custom {
	height: 70px;
	margin-bottom: 0;
}

.navbar {
	border: 0;
	border-width: 0;
	position: static;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.navbar .navbar-nav > li {
		float: left;
	}
	
	.navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
	}
	
	.navbar .navbar-right {
		float: right;
	}
	
	.navbar .navbar-left {
		float: left;
	}
}

@media screen and (max-width: 560px) {
	.header .navbar-custom {
		height: auto;
		padding: 0;
	}
	
	.navbar-nav {
		margin: 0;
		float: left;
	}
	
	.header {
		position: relative;
	}
	
	.header .navbar {
		width: 100%;
		float: none;
		position: relative!important;
	}
	
	.header .navbar {
		margin: 0;
	}
	
	body.fixed > .header {
		position: fixed;
	}
	
	body.fixed > .wrapper,
	body.fixed .sidebar-offcanvas {
		margin-top: 100px!important;
	}
}

.navbar-brand {
	color: #202020;
	width: 240px;
	height: auto;
	padding: 25px 25px;
	line-height: 1.2em;
}

.navbar-brand:hover {
	color: #505050;
}

.navbar-brand i {
	font-size: 45px;
	position: absolute;
}

.navbar-brand b, 
.navbar-brand span {
	margin: 0 0 0 0;
}

.navbar-brand b {
	font-size: 20px;
	font-weight: 300;
}

.navbar-brand span {
	font-size: 12px;
}

@media screen and (max-width: 560px) {
	.header .logo, 
	.header .navbar-nav {
		width: 100%;
		float: none;
		position: relative !important;
	}
	
	.navbar-brand {
		width: 100%;
		text-align: center;
		background: rgba(0,0,0,.05);
	}
	
	.navbar-brand b, 
	.navbar-brand span {
		margin: 0;
	}
	
	.navbar-brand i {
		display: none;
	}
}

.select-service {
	width: 320px;
	height: 250px;
	overflow-y: auto;
	padding: 20px;
}

.select-service > li {
	float: left;
	width: 33.333333333333%;
	text-align: center;
}

.select-service > li > a {
	padding: 20px 10px;
	height: 100px;
	line-height: 55px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 5px;
}

.select-service > li > a > img {
	width: 75%;
}

.signin {
	padding: 15px;
	margin: 0 auto;
}

.signin .checkbox {
	font-weight: normal;
}

.signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 20px;
}

.signin .form-control:focus {
	z-index: 2;
}

.signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.navbar-form {
	width: 300px;
	margin: 18px 5px;
	padding: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-form[role="search"] input {
	color: rgb(119, 119, 119);
	background-color: white;
	border-color: transparent;
	box-shadow: none;
	outline: none;
	width: 100%;
	padding: 15px 5px;
}

.highcharts-axis,
.highcharts-grid,
.chart text {
	display: none;
}

.highcharts-container {
	padding: -10px;
}

.chart svg,
.chart svg g {
	width: 100%;
}