*{
	font-weight: 300 !important;
}
body{
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: 300 !important;
	position: relative;
	color: #555555;
	font-size: 12px;
}
a{
	color: #9B59B6;
	cursor: pointer;
}
a:hover,
a:focus{
	color: #CD91E6;
}
strong,
b{
	font-weight: 700 !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.h1,
h1{
	font-size: 35px;
	font-weight: 100 !important;
}
.btn.active{
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.4);
}
.btn-danger.active{
	/*background-color: #cc2031;*/
}
.btn-danger.active{
	background-color: #cc2031;
}
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"]{
	margin-top: 2px;
}
.checkbox label,
.radio label{
	position: static;
	top: auto;
	padding-left: 20px;
}
.white-label-control .progress{
	height: 5px;
	margin-top: 10px;
}
table.table thead{
	background: #dedede;
	color: #0891d0;
}
table.table tbody tr{
	// -webkit-transition: all 50ms cubic-bezier(0.215, 0.61, 0.355, 1);
	// transition: all 50ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
table.table tbody tr:hover,
table.table tbody tr:focus{
	background: rgba(175, 122, 197, 0.15);
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th{
	vertical-align: middle;
}
.table > thead > tr > th,
.table > tfoot > tr > th,
.table > tbody > tr > th{
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.55;
}
.not-homepage .table-bordered,
.not-homepage .table-bordered > tbody > tr > td,
.not-homepage .table-bordered > tbody > tr > th,
.not-homepage .table-bordered > tfoot > tr > td,
.not-homepage .table-bordered > tfoot > tr > th,
.not-homepage .table-bordered > thead > tr > td,
.not-homepage .table-bordered > thead > tr > th{
	border: 0;
	border-bottom: 1px solid #DDDDDD;
}
span[data-toggle="tooltip"]::after,
.not-homepage .table thead td span[data-toggle="tooltip"]::after,
.not-homepage label.control-label span::after{
	font-family: FontAwesome;
	color: #9B59B6;
	content: "\f059";
	margin-left: 4px;
	font-size: 15px;
}
div.required .control-label:not(span)::after,
td.required::after{
	color: #f00;
	content: " *";
	font-weight: bold;
}
.tab-content{
	padding: 15px;
}
.well{
	background-color: #F5F5F5;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: none;
	border-radius: 0;
	padding-left: 15px;
}
.even-row{
	background: #ffffff none repeat scroll 0 0;
	margin: 0 -10px;
	padding: 20px 10px 2px;
}
.odd-row{
	padding: 25px 0 0;
}
.odd-row:first-child{
	padding: 0 0 0;
}
.picker-switch.accordion-toggle{
	margin-bottom: 15px;
}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover{
	background-color: #03A9F4 !important;
}
.bootstrap-datetimepicker-widget td span.active{
	background-color: #03A9F4 !important;
}
.nav-pills > li > a{
	color: #03A9F4;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover{
	background-color: #03A9F4;
}
.mCSB_outside + .mCSB_scrollTools{
	right: 0;
}
.pagination{
	border-radius: 0;
	margin: 0 25px 25px 15px;
}
.footer-result-count{
	margin: 8px 15px 25px 25px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span{
	border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span{
	border-radius: 0;
}
.jqvmap-label{
	background: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	padding: 5px 7px;
	border-radius: 5px;
}
.jqvmap-zoomin,
.jqvmap-zoomout{
	background: #555 none repeat scroll 0 0;
	padding: 8px 9px 10px;
	border-radius: 0;
	left: 17px;
	-webkit-transition: all 50ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 50ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.jqvmap-zoomin:hover,
.jqvmap-zoomin:focus,
.jqvmap-zoomout:hover,
.jqvmap-zoomout:focus{
	background: #37BC9B none repeat scroll 0 0;
}
.jqvmap-zoomout{
	top: 40px;
}
.open > .dropdown-menu{
}
.dropdown-menu{
	background-color: #FFFFFF;
	width: 230px;
}
// TODO: Make dropdown menu within #content scrollable at certain height
// Requires major CSS changes
#content .dropdown-menu{
	max-height: 85px;
	overflow: hidden;
}
#header .navbar-header {
	transition: 0.3s all;
	display: none;
}
#header .navbar-brand {
	margin-left: 8px;
}

#header .navbar-nav > li {
	display: inline-block;
}	
#header .navbar-right > li {
	border-left: 1px solid #eee;
}

#header .navbar-right {
	margin-right: 0;
	margin: 0px 0px 0px 0px;
	float: right;
}
#header #user-profile {
	max-width: 30px;
	margin-right: 15px;
}

#header .nav > li > a {
	padding: 0px 21px;
	line-height: 45px;
	cursor: pointer;
	color: #6D6D6D;
	border-left: 0px solid #E1E1E1;
}
	
#header .nav > li.dropdown > a {
	padding-left: 10px;
	padding-right: 10px;
}
#header .nav > li.dropdown > a {
	padding-left: 10px;
	padding-right: 10px;
}
/* Desktop */
@media (min-width: 768px){
	#header .navbar-header {
		display: inline-block;
	}
	
	#header #user-profile {
		max-width: none;
	}	
	
	#header .nav > li > a {
		line-height: 60px;
	}
}

.dropdown-menu .divider{
	background-color: #dedede;
}
.dropdown-menu li{
	position: relative;
}
.dropdown-menu .dropdown-header h3{
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
}
.dropdown-menu .dropdown-header > * > i{
	position: absolute;
	right: 24px;
}
.dropdown-menu li a{
	color: #474747;
	font-size: 12px;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dropdown-menu .active a,
.dropdown-menu .active a:focus,
.dropdown-menu .active a:hover,
.dropdown-menu li a:focus,
.dropdown-menu li a:hover{
	color: #F2F2F2;
	background-color: #03A9F4;
}
.form-control{
	border-bottom: 1px solid #AAB2BD;
	border-left: 1px solid #AAB2BD;
	border-top: 1px solid #AAB2BD;
	border-right: 1px solid #AAB2BD;
	border-radius: 0;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.form-control:focus{
	border-bottom: 1px solid #03A9F4;
	border-left: 1px solid #03A9F4;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle){
	border-radius: 0;
	border-top: 0;
	border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle{
	border-radius: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
.badge{
	background: #9b59b6 none repeat scroll 0 0;
}
body > #container,
.body{
	background: #FFFFFF;
	padding: 0;
}
body.login{
	background: #58a3ff;
	background-image: url('/admin/view/image/arkaplan.jpg');
}
body.login div.login-left{
	color: #626262;
	text-align: right;
	float: left;
	min-height: 650px;
	padding: 18% 50px 50px;
	width: 50%;
}
body.login div.login-left h1{
}
body.login div.login-right{
	background: #FFFFFF;
	float: right;
	min-height: 650px;
	padding: 15% 50px 50px;
	width: 50%;
	box-shadow: 1px 5px 15px 0px rgba(145,145,145,1);
}
body.login div.login-right .reset_pass{
	display: block;
	margin-bottom: 10px;
}
#column-left{
	display:none;
}
#column-left.active{
	overflow: hidden;
}
#column-left .sidebar-logo{
	margin-bottom: 23px;
	margin-left: 15px;
	/*visibility: none;*/
	/*text-align: center;*/
}
#header #button-menu + .navbar-brand{
	margin-left: 35px;
}
#column-left .sidebar-logo .hamburger-inner,
#column-left .sidebar-logo .hamburger-inner::after,
#column-left .sidebar-logo .hamburger-inner::before{
	background-color: #F2F2F2;
}
#column-left.open-full .sidebar-logo{
	visibility: visible;
}
#column-left .sidebar-logo a{
}
#column-left .sidebar-logo a img{
	max-width: 148px;
}
.menu-always-visible #column-left,
#column-left.open-full{
	left: 0;
}
#column-left .menu-text{
	display: block;
	-webkit-transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#column-left .nav.side-menu{
}
#column-left .nav.side-menu > li{
}
#column-left .nav.side-menu > li.active_2{
}
#column-left .nav.side-menu > li.active_2 > a{
	color: #F2F2F2;
}
#column-left .nav.side-menu > li a{
	color: #9B9B9B;
	padding: 6px 0;
	clear: both;
	cursor: pointer;
}
#column-left .nav.side-menu > li > a{
	padding: 6px 16px;
}
#column-left.open-full .nav.side-menu > li > a{
	-webkit-transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#column-left .nav.side-menu .open > a,
#column-left .nav.side-menu .open > a:focus,
#column-left .nav.side-menu .open > a:hover,
#column-left .nav.side-menu > li a:hover,
#column-left .nav.side-menu > li a:focus,
#column-left .nav.side-menu > li > a:hover,
#column-left .nav.side-menu > li > a:focus{
	color: #F2F2F2;
	background: none;
}
#column-left .nav.side-menu li .child-menu{
	display: none;
}
#column-left .nav.side-menu li.open .child-menu{
}
#column-left .nav.side-menu > li.active_2 > a i.fa{
	background: #9B59B6 none repeat scroll 0 0;
}
#column-left .nav.side-menu > li > a i.fa{
	float: right;
	background: #474747 none repeat scroll 0 0;
	border-radius: 5px;
	font-size: 18px;
	margin: 0 0 0 12px;
	padding: 12px 13px 13px 11px;
	width: 40px;
	height: 40px;
	text-align: center;
}
#column-left .nav.side-menu > li a span.fa{
	float: right;
	margin: 4px 1px 0;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari */
	transform: rotate(90deg);
	-webkit-transition: all 300ms; /* Safari */
	transition: all 300ms;
}
#column-left .nav.side-menu > li.open > a span.fa,
#column-left .nav.side-menu > li.open > .child-menu > li.open > a span.fa,
#column-left .nav.side-menu > li.open > .child-menu > li.open > .child-menu > li.open > a span.fa{
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari */
	transform: rotate(0deg);
}
#column-left.open-full .nav.side-menu > li a .menu-text{
}
#column-left .nav.side-menu > li > a .menu-text{
	margin-top: 13px;
}
#column-left .nav.side-menu > li .child-menu{
	background: #121212c2;
	padding: 10px 0;
	display: none;
}
#column-left.nav.side-menu > li .child-menu li{
}
#column-left .nav.side-menu > li .child-menu li a{
	// padding: 10px 13px;
}
#column-left .nav.side-menu > li .child-menu li a{
	padding: 10px 30px;
}
#column-left .nav.side-menu > li .child-menu li a span.fa{
	margin: 3px 0 0;
}
#column-left .nav.side-menu > li .child-menu li a + ul.child-menu{
}
#column-left .nav.side-menu > li .child-menu li a + ul.child-menu li{
}
#column-left .nav.side-menu > li .child-menu li a + ul.child-menu li a{
	padding: 10px 30px 10px 65px;
}
#column-left .nav.side-menu > li .child-menu li a + ul.child-menu li a + ul.child-menu li a{
	padding: 10px 30px 10px 100px;
}
#column-left .nav.side-menu > li .child-menu li a + ul.child-menu li a + ul.child-menu li a + ul.child-menu li a{
	padding: 10px 90px;
}
#column-left + #content{
	margin-top: -23px;
}
.top-nav{
	margin: 0px;
	background: #FFFFFF;
	height: 64px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	-webkit-transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-always-visible .top-nav{
	margin-left: 235px;
}
.top-nav .header-logo{
	display: block;
	float: left;
	margin-top: 16px;
	margin-left: 25px;
}
.menu-always-visible .top-nav .header-logo{
	display: none;
}
.top-nav .header-logo img{
	width: 220px;
}
.top-nav .nav.toggle{
	display: block;
	float: left;
	font-size: 30px;
	margin-left: 10px;
}
.top-nav img.loader{
	margin: 15px 10px;
}
.hamburger{
}
#column-left .sidebar-logo button,
.top-nav .nav.toggle button{
	line-height: 36px;
	color: #9B59B6;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
#column-left .sidebar-logo button{
	float: right;
	line-height: 0;
	margin-right: 2px;
	margin-top: -10px;
}
#column-left .sidebar-logo button:hover,
#column-left .sidebar-logo button:focus,
.top-nav .nav.toggle button:hover,
.top-nav .nav.toggle button:focus{
	opacity: 1;
}
.top-nav .nav.toggle button span{
	// color: #9B59B6;
}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{
	background-color: #9B59B6;
}
.top-nav .nav.navbar-nav{
	float: right;
	margin: 0;
}
.top-nav .nav.navbar-nav > li{
	float: left;
}
.top-nav .nav.navbar-nav > li > a{
	color: #575757;
	padding: 22px 20px;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.top-nav .nav.navbar-nav > li > a:focus,
.top-nav .nav.navbar-nav > li > a:hover,
.top-nav .nav.navbar-nav .open > a,
.top-nav .nav.navbar-nav .open > a:focus,
.top-nav .nav.navbar-nav .open > a:hover{
	color: #F2F2F2;
	background: #03A9F4;
}
.top-nav .nav.navbar-nav li{
	border-right: 1px solid #DCDCDC;
}
.top-nav .nav.navbar-nav .header-user-profile{
}
.top-nav .nav.navbar-nav .notification-box .info-number{
	font-size: 20px;
	padding: 22px 20px;
}
.top-nav .nav.navbar-nav .notification-box.has-alert .info-number{
	padding: 12px 20px;
}
.top-nav .nav.navbar-nav .notification-box .info-number i{
}
.top-nav .nav.navbar-nav .notification-box.has-alert .info-number i{
	background: #CF3C2D;
	padding: 10px;
	color: #F2F2F2;
	border-radius: 50%;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.top-nav .nav.navbar-nav > li.notification-box.has-alert > a.info-number:focus i,
.top-nav .nav.navbar-nav > li.notification-box.has-alert > a.info-number:hover i,
.top-nav .nav.navbar-nav .notification-box.has-alert.open > a.info-number i,
.top-nav .nav.navbar-nav .notification-box.has-alert.open > a.info-number:focus i,
.top-nav .nav.navbar-nav .notification-box.has-alert.open > a.info-number:hover i{
	color: #252525;
	background: #FFFFFF;
}
.top-nav .nav.navbar-nav .notification-box.has-alert .info-number span.badge{
	position: absolute;
	right: 10px;
	top: 40px;
}
.top-nav .nav.navbar-nav .header-logout{
	border-left: 0;
	font-size: 20px;
}
.top-nav .nav.navbar-nav .header-logout a{
	padding-right: 20px;
}
.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	margin: 15px 1px 5px 7px;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
@media screen and (max-width: 600px) {
  .myButton {
    display: none;
  }
}

.myButton2 {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
	background-color:#ff0000;
	border-radius:6px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
	margin: 15px 1px 15px 15px;

}
.myButton2:hover {
	background:linear-gradient(to bottom, #ff0000 5%, #ff0000 100%);
	background-color:#ff0000;
	color:#ffffff;
}
.myButton2:active {
	color:#ffffff;
	position:relative;
	top:1px;

}
@media screen and (max-width: 600px) {
  .myButton2 {
    display: none;
  }
}

.detay {
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color:#79bbff;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.detay:hover {
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color:#378de5;
	color:#ffffff;
}
.detay:active {
	position:relative;
	top:1px;
}

.top-nav .nav.navbar-nav .header-logout a:focus,
.top-nav .nav.navbar-nav .header-logout a:hover{
	padding-right: 32px;
	padding-left: 33px;
}
.top-nav .nav.navbar-nav .header-user-profile{
}
.top-nav .nav.navbar-nav .header-user-profile .user-profile{
	padding-top: 13px; 
	padding-bottom: 11px; 
}
.top-nav .nav.navbar-nav .header-user-profile .profile-text{
	margin-right: 48px;
	width: 115px;
}
.top-nav .nav.navbar-nav .header-user-profile .profile-text .user-name{
	display: block;
	font-size: 12px;
	text-align: right;
	margin-top: 3px;
}
.top-nav .nav.navbar-nav .header-user-profile .profile-text span.fa{
	float: left;
	margin-top: 12px;
}
.top-nav .nav.navbar-nav .header-user-profile .profile-text .user-group{
	display: block;
	font-size: 11px;
	font-weight: 700 !important;
	text-transform: uppercase;
	text-align: right;
	line-height: 12px;
}
.top-nav .nav.navbar-nav .header-user-profile .profile-image{
	float: right;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	border: 1px solid #C2C2C2;
	overflow: hidden;
}
.right-column{
	margin: 0px;
	-webkit-transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-always-visible #column-left + .right-column{
	margin-left: 0px;
}
.right-column #content{

}
.right-column #content .container-fluid{
	padding: 0 25px;
}
.right-column #content .page-header{
	margin: 25px 0;
	padding: 0;
	border: 0;
}
#content .page-header h1,
.right-column #content .page-header h1{
	display: inline-block;
	margin: 0 0 0 -25px;
	background: #03A9F4;
	color: #FFFFFF;
	padding: 15px 25px;
}
#content .page-header ul.breadcrumb,
.right-column #content .page-header ul.breadcrumb{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	top: -5px;
	display: none;
}
#content .page-header ul.breadcrumb a,
.right-column #content .page-header ul.breadcrumb a{
	color: #676767;
	font-size: 13px;
	font-weight: 700 !important;
	text-transform: uppercase;
}
.right-column #content .page-header ul.breadcrumb > li + li::before{
	padding: 0;
	color: #676767;
}
.right-column #content .page-header > .container-fluid > .pull-right{
	padding: 18px 0 0;
}
.widget-medium,
.widget-small,
.widget-mini{
	margin-bottom: 25px;
}
.right-column #content .widget-small{
	height: 236px;
	max-width: 100%;
}
.right-column #content .chart-widget-small .widget-small{
	background: #03A9F4;
	position: relative;
	// overflow: hidden;
}
.right-column #content .chart-widget-small .widget-small img.loader{
	position: absolute;
	top: 14px;
	left: 15px;
}
.right-column #content .chart-widget-small .widget-small .top-segment{
	// height: 104px;
	color: #FFFFFF;
}
.right-column #content .chart-widget-small .widget-small .top-segment .top-segment-number{
	font-size: 45px;
	font-weight: 100 !important;
	letter-spacing: -0.03em;
	margin: 0 auto;
	text-align: center;
	padding-top: 21px;
	opacity: 0;
}
.right-column #content .chart-widget-small .widget-small .top-segment .top-segment-text{
	position: relative;
	font-size: 17px;
	margin: 0 auto;
	text-align: center;
}
.right-column #content .chart-widget-small .widget-small .top-segment .top-segment-text a.dropdown-toggle{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	// padding-bottom: 2px;
	-webkit-transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.right-column #content .chart-widget-small .widget-small .top-segment .top-segment-text a.dropdown-toggle:hover,
.right-column #content .chart-widget-small .widget-small .top-segment .top-segment-text a.dropdown-toggle:focus{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-color: #03A9F4;
}
.right-column #content .chart-widget-small .widget-small .bottom-segment{
	overflow: hidden;
	height: 103px;
}
.right-column #content .chart-widget-small .widget-small .bottom-segment .bottom-segment-inner{
	position: relative;
	height: 103px;
	width: 299px;
}
.right-column #content .chart-widget-small .widget-small .bottom-segment .bottom-segment-inner canvas{
	position: relative;
	height: 102px;
	width: 100%;
	left: -10px;
	margin-top: 10px;
}
.right-column #content .widget-mini{
	background: #FFFFFF;
	height: 118px;
	max-width: 100%;
	padding: 25px 15px 25px 5px;
}
.right-column #content .even-row .widget-mini{
	border: 1px solid #E6E6E6 !important;
}
.right-column #content .widget-mini .left-segment{
	float: right;
	color: #555555;
	text-align: right;
	letter-spacing: -0.03em;
}
.right-column #content .widget-mini .left-segment .info-number{
	font-size: 35px;
	line-height: 120%;
	font-weight: 100 !important;
}
.right-column #content .widget-mini .left-segment .info-title{
	font-size: 17px;
}
.right-column #content .widget-mini .right-segment{
	color: #37BC9B;
	float: right;
	font-size: 60px;
	line-height: 95px;
	margin: -15px 0 0 12px;
	text-align: right;
}
.right-column #content .panel{
	box-shadow: none;
	border-radius: 0 !important;
	border-color: transparent !important;
	margin-bottom: 0;
}
.homepage .right-column #content .panel{
	height: 378px;
}
.homepage .right-column #content .panel > .table-responsive{
	height: 327px;
	overflow: hidden;
}
.homepage .right-column #content .panel .mCSB_outside + .mCSB_scrollTools{
	right: -8px;
	margin: 0;
}
.homepage .right-column #content .even-row .panel{
	border: 1px solid #E6E6E6 !important;
	border-radius: 0 !important;
}
.homepage .right-column #content .even-row .widget-mini .panel{
	border: 0 !important;
}
.homepage .right-column #content .panel.medium-height{
	height: 236px;
}
.homepage .right-column #content .panel.small-height{
	height: 118px;
}
.right-column #content .panel .panel-heading{
	position: relative;
	color: #555555;
	border-radius: 0 !important;
	border: 0 !important;
	background-color: transparent !important;
	padding: 15px;
}
.right-column #content .panel .panel-heading .status-selector,
.right-column #content .panel .panel-heading .range-selector{
	display: inline-block;
	margin: 0 0 0 10px;
}
.right-column #content .chart-widget-small .range-selector{
	display: block;
}
.right-column #content .panel .panel-heading .panel-title{
	color: #555555;
	font-size: 17px;
}
.right-column #content .panel .panel-heading .panel-title img.loader{
	margin-left: 5px;
	margin-top: 0;
	position: absolute;
}
.right-column #content .panel .panel-heading .panel-title i{
	display: none;
}
.right-column #content .panel .panel-body{
	padding: 0;
}
.right-column #content div[id^="filter-"] .panel .panel-body{
	padding: 0 15px 15px 15px;
}
.right-column #content .panel .panel-body .panel-body-bottom{
	text-align: center;
	height: 120px;
	color: #FFFFFF;
	background: #03A9F4;
}
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-left{
	border-right: 1px solid #FFFFFF;
}
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-left,
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-right{
	float: left;
	padding: 10px;
	height: 120px;
	width: 50%;
}
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-left .top-segment-maintext,
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-right .top-segment-maintext{
	opacity: 0;
	color: #ffffff;
	font-size: 45px;
	font-weight: 100 !important;
	height: 62px;
	letter-spacing: -0.03em;
	margin: 0 auto;
	padding-top: 4px;
	text-align: center;
}
.right-column #content .map-widget-medium .panel .panel-body .panel-body-bottom .panel-body-bottom-left .top-segment-maintext,
.right-column #content .map-widget-medium .panel .panel-body .panel-body-bottom .panel-body-bottom-right .top-segment-maintext{
	font-size: 30px;
	padding-top: 15px;
	height: 60px;
}
.right-column #content .map-widget-medium .panel .panel-body .panel-body-bottom .panel-body-bottom-left .top-segment-maintext a,
.right-column #content .map-widget-medium .panel .panel-body .panel-body-bottom .panel-body-bottom-right .top-segment-maintext a{
	color: #fff;
	letter-spacing: 0.03em;
	text-decoration: underline;
}
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-left .top-segment-subtext,
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-right .top-segment-subtext{
	font-size: 17px;
}
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-left .top-segment-subtext .timeframe,
.right-column #content .panel .panel-body .panel-body-bottom .panel-body-bottom-right .top-segment-subtext .timeframe{

}
.right-column #content .panel .panel-body .panel-body-inner{
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-left{
	float: left;
	width: 50%;
	padding: 0 15px;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-left .panel-body-left-chart{
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-left .panel-body-left-chart canvas{
	display: block;
	margin: 0 auto;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-left .panel-body-left-chart .chart-no-data{
	width: 100%;
	padding: 40px 15px 0;
	text-align: center;
	font-size: 17px;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right{
	float: left;
	width: 50%;
	height: 173px;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul{
	padding: 0;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li{
	border-bottom: 1px solid #D8D8D8;
	padding: 10px;
	list-style: none;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li:last-child{
	border-bottom: 0;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li .legend-box-outer{
	border: 1px solid #D8D8D8;
	float: left;
	height: 14px;
	margin-top: 3px;
	width: 14px;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li .legend-box-outer .legend-box-inner{
	height: 8px;
	margin: 2px auto;
	width: 8px;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li .stat-number{
	display: inline-block;
	font-size: 14px;
	font-weight: 400 !important;
	min-width: 70px;
	padding: 0 10px;
	text-align: center;
}
.right-column #content .panel .panel-body .panel-body-inner .panel-body-right ul li .stat-text{
	font-size: 14px;
	display: inline-block;
}
.right-column #content .panel.small-height li.list-group-item{
	border-radius: 0;
	font-size: 17px;
	padding: 15px 50px 0;
}
.right-column #content .panel.small-height li.list-group-item.no-results{
	padding-top: 45px;
}
.homepage .right-column #content #activity-medium .widget-mini{
	padding: 0;
	overflow: hidden;
}
.right-column #content .unslider{

}
.right-column #content .unslider .unslider-nav{
	bottom: 32px;
	left: 0;
	position: absolute;
	right: 0;
}
.right-column #content .unslider .unslider-nav ol li{
	border: 2px solid #03A9F4;
	background-color: #03A9F4;
	height: 10px;
	width: 10px;
}
.right-column #content .unslider .unslider-nav ol li.unslider-active{
	background-color: #FFFFFF;
}
.right-column #content .unslider-arrow{
	top: 41px;
	font-size: 30px;
	color: #CD91E6;
}
.right-column #content .unslider-arrow.prev{
	left: 27px;
}
.right-column #content .unslider-arrow.next{
	right: 27px;
}
.right-column #content .unslider-arrow:hover,
.right-column #content .unslider-arrow:focus{
	color: #9b59b6;
}
.not-homepage .right-column #content{
	margin: 0 0 25px;
}
.not-homepage .right-column #content .panel .panel-body > table.table-responsive{
	min-height: 800px;
}
#content .panel .panel-body table.table thead td a,
#content .panel .panel-body table.table thead td a.asc,
#content .panel .panel-body table.table thead td a.desc
.not-homepage .right-column #content .panel .panel-body table.table thead td a,
.not-homepage .right-column #content .panel .panel-body table.table thead td a.asc,
.not-homepage .right-column #content .panel .panel-body table.table thead td a.desc{
	color: #03a9f4;
	background: transparent;
}
.table a.asc::after{
	font-family: FontAwesome;
	color: #FFFFFF;
	content: "\f107";
	margin-left: 4px;
	font-size: 15px;
}
.table a.desc::after{
	font-family: FontAwesome;
	color: #FFFFFF;
	content: "\f106";
	margin-left: 4px;
	font-size: 15px;
}
.not-homepage .right-column #content .panel .panel-body table.table td:first-child{
	padding-left: 15px;
}
.not-homepage .right-column #content .panel .panel-body table.table td:last-child{
	padding-right: 15px;
}
.right-column #content .panel.note-editor .note-popover .popover-content,
.right-column #content .panel.note-editor .panel-heading.note-toolbar{
	padding: 0 0 5px 0;
}
.right-column #content .panel.note-editor .note-editing-area{
	border-bottom: 1px solid #AAB2BD;
	border-left: 1px solid #AAB2BD;
	border-right: 0;
	border-top: 0;
	border-radius: 0;
}
.right-column #content .panel.note-editor .note-editing-area .note-editable.panel-body{
	padding: 15px;
}
#content div[id^="filter-"] .panel .summary-data{
	border-radius: 50%;
	width: 176px;
	height: 176px;
	margin: 0 auto;
	color: #FFFFFF;
	text-align: center;
	background-color: #03A9F4;
}
#content div[id^="filter-"] .panel .summary-data .summary-data-number{
	font-size: 45px;
	font-weight: 100 !important;
	letter-spacing: -0.03em;
	margin: 0 auto;
	padding-top: 53px;
	text-align: center;
	line-height: 100%;
}
#content div[id^="filter-"] .panel .summary-data .summary-data-text{
	font-size: 17px;
	text-align: center;
	margin: 0 auto;
}
#content div[id^="filter-"] .panel .summary-data .summary-data-text{
	font-size: 17px;
	text-align: center;
	margin: 0 auto;
}
.not-homepage .right-column #content .panel > .panel-body > fieldset > legend,
.not-homepage .right-column #content .panel > .panel-body > div#extension > fieldset > legend,
.not-homepage .right-column #content .panel > .panel-body > form > .form-group,
.not-homepage .right-column #content .panel > .panel-body > form > fieldset > legend,
.not-homepage .right-column #content .panel > .panel-body > form > fieldset > .form-group{
	padding: 0 15px;
}
.not-homepage .right-column #content .panel > .panel-body > div#extension > fieldset > .alert{
	margin-left: 15px;
	margin-right: 15px;
}
.not-homepage .right-column #content .col-md-4 > .panel{
	margin-bottom: 25px;
}
.not-homepage .right-column #content .col-md-4 > .panel > table.table td:first-child,
.not-homepage .right-column #content .col-md-4 > .panel > table.table td:last-child{
	padding-left: 15px;
}

/*  Pluging Overwrite */
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus{

}
.js-switch{
	display: none;
}


footer{
	font-size: 11px;
	text-align: center;
	margin: 0px;
	-webkit-transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: margin-left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu-always-visible #column-left + .right-column + footer{
	margin-left: 244px;
}
footer .footer-inner{
	background: #EAEAEA;
	margin-right: 10px;
	padding: 15px 24px;
}

/* DROPZONE */
.dropzone{
	min-height: 0 !important;
	background-color: #03A9F4 !important;
	display: block !important;
	height: 50px !important;
	color: #FFFFFF !important;
	text-align: center !important;
	padding: 15px 10px !important;
	border-radius: 3px !important;
	border: 3px dashed #ffffff !important;
}
.dropzone:hover,
.dropzone:focus{
	opacity: 0.7;
}
.dz-progress .progress-bar,
.dz-progress .progress{
	display: block;
}
#customized-dropzone-results-dark{
	color: #FFFFFF;
}
/* MODAL */
.modal{
	z-index: 10000;
}
.modal-backdrop{
	z-index: 9999;
}
.modal-body{
	padding: 0 15px 15px;
}

/* OPENCAT DEFAULT STYLES */

/* Tiles */
.tile {
	position: relative;
	margin-bottom: 15px;
	border-radius: 3px;
	background-color: #279FE0;
	color: #FFFFFF;
	transition: all 1s;
}
.tile:hover {
	opacity: 0.95;
}

.tile a {
	color: #FFFFFF;
}
.tile-heading {
	padding: 5px 8px;
	text-transform: uppercase;
	background-color: #1E91CF;
	color: #FFF;
}
.tile .tile-heading .pull-right {
	transition: all 1s;
	opacity: 0.7;
}
.tile:hover .tile-heading .pull-right {
	opacity: 1;
}
.tile-body {
	padding: 15px;
	color: #FFFFFF;
	line-height: 48px;
}
.tile .tile-body i {
	font-size: 50px;
	opacity: 0.3;
	transition: all 1s;
}
.tile:hover .tile-body i {
	color: #FFFFFF;
	opacity: 1;
}
.tile .tile-body h2 {
	font-size: 42px;
}
.tile-footer {
	padding: 5px 8px;
	background-color: #3DA9E3;
}