body {
	font-size: 12px;
	font-family: arial;
	margin: 0;
	padding: 0;
	background: #333333 url('img/body-bck-3.gif');
	overflow-y: scroll;
}

canvas {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background: #fff;
	border: 1px solid #999;
}

#header.navbar-inverse .navbar-inner {
	height: 56px;
	padding-top: 5px;
	background-image: url('img/theme-green.png');
	background-repeat: repeat-x;
	background-position: 0 -190px;
}

#main-menu li.sub-menu a {
	line-height: 56px;
	border-right: 1px solid rgba(0,0,0,0.2);
	border-left: 1px solid rgba(255,255,255,0.1);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

#main-menu li.sub-menu a:hover, #main-menu li.sub-menu.active a:first-child {
	background: rgba(0,0,0,0.3);
	border-right: 1px solid rgba(0,0,0,0.1);
}

#main-menu ul.sub {
	background: #000;
}

#main-menu li.sub-menu ul.sub a {
	border-bottom: none;
	background: none;
}

#main-menu li.sub-menu ul.sub a:hover {
	background: none;
	color: #999;
}

#main-content {
	background: none;
}

#mainwrap {
	border-radius: 5px !important;
	background-color: #e3e3e3;
}

.widget.orange {
	border: none;
	background: none;
}

#main-content .widget .widget-title {
	background: none;
	border-bottom: none !important;
}

#main-content .widget .widget-title i, #main-content .widget .widget-title .tools {
	display: none;
}

#main-content .widget .widget-title h4 {
	font-family: "Poppins",Arial;
	font-size: 18px;
	color: #333;
}

.widget .widget-body {
}

.maincontent { /*margin-top:70px;*/ /*position:relative;*/
}

.ct-chart {
	background: #fff;
}

.page-title { /*position: absolute;*/
	/*left: -10px;*/
	top: 30px;
	/*width: 98%;*/
	padding: 10px;
	padding-left: 40px;
	color: white;
	border-left: none;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	background-color: #7AA935;
	background: -moz-linear-gradient(top, #7AA935, #648E25);
	background: -o-linear-gradient(top, #7AA935, #648E25);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#7AA935), color-stop(1,#648E25));
}

.filters {
	background-image: url("img/fieldset-bck.jpg");
	border: 1px solid #adadad;
	box-shadow: none;
	border-radius: 5px !important;
}

fieldset.filters legend {
	background: #f4f4f4;
	border: 1px solid #adadad;
	font-size: 12px;
	color: #666666;
}


.btn-default, .btn-primary {
	background-color: #434343;
	background: -moz-linear-gradient(top, #525252, #2b2b2b);
	background: -o-linear-gradient(top, #525252, #2b2b2b);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#525252), color-stop(1,#2b2b2b));
}

.btn, .btn-default, .btninsert {
	color: white;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
	border: none;
	box-shadow: none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
}

.btn-default:hover, .btninsert:hover {
	background-color: #434343;
	background: -moz-linear-gradient(top, #525252, #2b2b2b);
	background: -o-linear-gradient(top, #525252, #2b2b2b);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#525252), color-stop(1,#2b2b2b));
}

#footer {
	width: 1060px;
	margin: 0 auto;
	position: inherit;
	color: #333333;
	font-size: 11px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #bababa;
	background: -moz-linear-gradient(top, #e6e6e6, #9a9a9a);
	background: -o-linear-gradient(top, #e6e6e6, #9a9a9a);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e6e6e6), color-stop(1,#9a9a9a));
}


/* TABLO STYLE*/
table.dataTable, table.table {
	border: none !important;
}

.dataTables_wrapper .row-fluid:last-child {
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ABABAB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	background-color: #cdcdcd;
	background: -moz-linear-gradient(top, #d1d1d1, #c6c6c6);
	background: -o-linear-gradient(top, #d1d1d1, #c6c6c6);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d1d1d1), color-stop(1,#c6c6c6));
}


.dataTables_wrapper .row-fluid:last-child .dataTables_info {
	margin-top: 0 !important;
	margin-left: 5px;
}

.dataTables_wrapper .row-fluid:last-child .dataTables_paginate {
	margin-top: 0 !important;
	margin-right: 5px;
	margin-bottom: 0;
}

.pagination ul > li > a, .pagination ul > li > span {
	border-color: #ababab;
	color: #666;
	background-color: #d0d0d0;
	background: -moz-linear-gradient(top, #e0e0e0, #d0d0d0);
	background: -o-linear-gradient(top, #e0e0e0, #d0d0d0);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e0e0e0), color-stop(1,#d0d0d0));
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.pagination ul > li.active > a {
	background-color: #648E25;
	background: -moz-linear-gradient(top, #648E25, #7AA935);
	background: -o-linear-gradient(top, #648E25, #7AA935);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#648E25), color-stop(1,#7AA935));
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.pagination ul > li.disabled > a {
	opacity: 0.5;
}

table.dataTable thead tr, table.table thead tr {
	border-top: 1px solid #ABABAB;
	border-bottom: 1px solid #ABABAB;
	line-height: normal;
	text-align: center;
	color: #333333;
	font-size: 14px;
	font-family: 'Calibri';
	font-style: normal;
	background-color: #cdcdcd;
	background: -moz-linear-gradient(top, #d1d1d1, #c6c6c6);
	background: -o-linear-gradient(top, #d1d1d1, #c6c6c6);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d1d1d1), color-stop(1,#c6c6c6));
}

table.table thead tr td, table.table thead tr th {
	padding: 10px;
	border: none;
}

table.table thead th {
	border-bottom: 1px solid #ababab;
	border-top: 1px solid #ababab;
}

.table td {
	padding: 12px 5px;
}

table.table tr td a.btn {
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
}
/* TABLO STYLE*/


/* TAB STYLE*/
ul.nav-tabs li.active a, ul.nav-tabs li.active a:hover, ul.nav-tabs li.active a:focus {
	border: 1px solid #58811B;
	box-shadow: inset 1px 1px 0 #B8DD80;
	background: #7eb825; /* Old browsers */
	background: -moz-linear-gradient(top, #7eb825 0%, #547b1a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7eb825 0%,#547b1a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7eb825 0%,#547b1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

ul.nav-tabs li a, ul.nav-tabs li a, ul.nav-tabs li a {
	color: #fff;
	border: 1px solid #3c3c3c;
	box-shadow: inset 1px 1px 0 #9A9A9A;
	background: #666b5e; /* Old browsers */
	background: -moz-linear-gradient(top, #666b5e 0%, #3c3c3c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #666b5e 0%,#3c3c3c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #666b5e 0%,#3c3c3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

ul.parktab {
	border: none;
}

ul.parktab li.active a, ul.parktab li.active a:hover, ul.parktab li.active a:focus {
	box-shadow: none;
	border: none;
}

.parktab.active a, .parktab.active a:hover, .parktab li.active a:focus {
	border: none;
	box-shadow: none;
	box-shadow: inset 1px 1px 0 #B8DD80;
	background: #7eb825; /* Old browsers */
	background: -moz-linear-gradient(top, #7eb825 0%, #547b1a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #7eb825 0%,#547b1a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #7eb825 0%,#547b1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.parktab li a.error {
	background: #ff0000;
	color: #fff;
	border: none;
}

.parktab li.active a.error, .parktab li.active a.error:hover, .parktab li.active a.error:focus {
	box-shadow: none;
}
/* TAB STYLE*/

.searcharea {
	padding: 15px;
	color: #333;
	width: 245px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #F5AA25;
	background: -moz-linear-gradient(top, #FECF4C, #F5AA25);
	background: -o-linear-gradient(top, #FECF4C, #F5AA25);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#FECF4C), color-stop(1,#F5AA25));
}

.searcharea p label {
	width: 80px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
}

.searcharea p input, .searcharea p input:focus {
	display: inline-block;
	width: 160px;
	border: none;
	font-size: 11px;
	box-shadow: inset 1px 1px 1px #999;
}

#ozet .table tr td, #ozet .table tr th {
}

#ozet .table {
	border: 1px solid #999 !important;
}

#ozet .item {
}

.bisikletler {
	background: #fff;
	border: 1px solid #333;
	margin-left: 5px;
	width: 166px;
	height: 240px;
}

.bisikletler h3 {
	background: #cdcdcd;
}

.newbtn {
	position: absolute;
	right: 20px;
	top: -56px;
}


.export, .export:hover, .export:focus, .export:active {
	text-decoration: none;
	color: #fff;
	background: #5B8320;
	padding: 5px 10px;
}

#istasyonliste {
	margin-left: 0;
}
/*#istasyonliste .span3:nth-child(4n+1) {clear:both; margin-left:0;}
#istasyonliste .span2:nth-child(6n+1) {clear:both; margin-left:0;}*/
#istasyonliste .span2:nth-child(5n+1) {
	clear: both;
	margin-left: 0;
}

#istasyonliste .span2 small, #istasyonliste .span3 small {
	display: block;
	border-bottom: 1px solid #ccc;
}

#istasyonliste .iststyle {
	border: 1px solid #bbb;
	background: #fff;
	text-align: center;
	padding: 7px;
	margin-bottom: 15px;
	margin-left: 15px;
	box-shadow: 4px 4px 0px #ccc;
	border-radius: 5px 5px 32px 32px !important;
	width: 198px;
	position: relative;
}

#istasyonliste .iststyle::before {
	position: absolute;
	content: ' ';
	height: 184px;
	width: 53px;
	background: url('../img/istasyon.png') no-repeat center center;
	z-index: 0;
	left: 0;
	top: 44px;
	opacity: 0.3;
	background-size: cover;
}

.iststyle h3 {
	line-height: normal;
	margin: 0;
	font-weight: 500;
	padding: 10px 0;
	font-size: 16px;
	position: relative;
	left: -7px;
	bottom: 7px;
	background: #ccc;
	width: 155px;
	border-radius: 3px 3px 0 0;
	width: 196px;
}

.iststyle h3 a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
}

.okchk, .okchk:hover {
	color: #fff;
	font-size: 14px;
	padding: 5px;
	background: #008000 !important;
	border-radius: 15px;
}

.iststyle .arizaliparklar {
	line-height: 20px;
	min-height: 40px;
	text-align: center;
}

.iststyle .arizaliparklar a {
	display: inline-block;
	width: 20px;
	border-radius: 10px !important;
	font-weight: bold;
	color: #fff;
	background: #ff0000;
	text-decoration: none;
	margin-bottom: 1px;
}

.iststyle img {
	text-align: center;
}

.iststyle .details {
	display: none;
}

.iststyle .detaybtn {
	display: inline-block;
	clear: both;
	background: #eee;
	color: #222;
	padding: 3px 11px;
	box-shadow: 1px 1px 0px #aaa;
	border-radius: 5px !important;
}

.iststyle .detaybtn:hover, .iststyle .detaybtn:active, .iststyle .detaybtn:focus {
	text-decoration: none;
}

.iststyle .detaybtn:hover {
	text-decoration: none;
}

.iststyle p {
	text-align: left;
	position: relative;
	z-index: 1;
}

.iststyle.dyes h3 {
	background: #73A030;
	color: #fff;
}

.iststyle.dno h3 {
	background: #ff0000;
	color: #fff;
}

.iststyle .cihazlar {
	text-align: center;
}

.cihazlar span {
	padding: 0 10px;
	margin-bottom: 3px;
	margin-right: 3px;
	font-size: 10px;
	border-radius: 9px !important;
	display: inline-block;
	cursor: context-menu;
}

.cihazlar span.act0 {
	background: #ff0000;
	color: #fff;
}

.cihazlar span.act1 {
	background: #008000;
	color: #fff;
}

.cihazlar span.act2 {
	border: 1px solid #ccc;
	font-weight: bold;
}

.cihazlar span.act3 {
	background: #FBC21C;
	font-weight: bold;
}

.battery {
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 34px;
	color: #fff;
	text-align: center;
}

.gsmsinyal {
	height: 16px;
	width: 34px;
	text-align: center;
	background: #333;
}


/* Base for label styling */
.checkstyle {
	display: inline-block;
	margin-bottom: 0;
	padding: 0 5px;
}

.checkstyle [type="checkbox"]:not(:checked), .checkstyle
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

.checkstyle [type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}

/* checkbox aspect */
.checkstyle [type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid #ccc;
	background: #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.checkstyle [type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: .1em;
	left: .3em;
	font-size: 1.3em;
	line-height: 0.8;
	color: #09ad7e;
	transition: all .2s;
}
/* checked mark aspect changes */
.checkstyle [type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

.checkstyle [type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
.checkstyle [type="checkbox"]:disabled:not(:checked) + label:before,
.checkstyle [type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

.checkstyle [type="checkbox"]:disabled:checked + label:after {
	color: #999;
}

.checkstyle [type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */
.checkstyle [type="checkbox"]:checked:focus + label:before, .checkstyle
[type="checkbox"]:not(:checked):focus + label:before {
	border: 2px dotted blue;
}

.dataTables_paginate {
	margin-right: 0;
	margin-bottom: 0;
}

.tablemesai_info {
	color: #333;
}

.dataTables_wrapper .row-fluid:last-child {
	color: #333;
}

.dataTables_wrapper .row-fluid .col-md-6 {
}

.dataTables_paginate ul {
	padding-left: 0;
	width: 100%;
}

.dataTables_paginate ul li {
	display: inline-block;
}

.dataTables_paginate ul li a {
	display: block;
	text-decoration: none;
	padding: 5px;
}

/* hover style just for information */
.checkstyle label:hover:before {
	border: 2px solid #4778d9 !important;
}