/* ========================================================================
   Use this file to add custom CSS easily
   ========================================================================== */

/* Home Page */
body{ line-height:24px; font-size:14px;}
.read-button:hover, .tab-inner .read-button:hover, .project-status .read-button:hover, .login-btn:hover, .green-btn:hover{ background:#434343; color:#FFFFFF;}
a:focus{ color:#f56c13;}
p{ text-align:justify; margin-top:5px; margin-bottom:15px; }

.read-button,
.tab-inner .read-button,
.project-status .read-button,
.login-btn{ margin-left:0;}
.uk-sticky-placeholder{ height:auto!important;}

.offcanvas-box{ z-index:1;}

#homeContent{ position:relative; }
#bodyContent{ position:relative; }
.leftContent{ display:block; position:relative;}
.heading, .service-content h2 { display:block; width:100%; border-bottom: 1px solid rgba(0, 0, 0, 0.075); font-family: "Lato",sans-serif;  
font-weight: 700; color: #f56c13; font-size: 22px; line-height: normal; margin: 0 0 10px 0;    padding-bottom: 5px;}
.pageTitleHeader h1, .pageTitleHeader h2{ font-size: 24px;    line-height: normal;    margin: 0 0 10px 0;    padding-bottom: 5px;}
.login-info .social-icon{ color:#f56c13;}
.TopHeadText{ position:relative;}
.TopHeadText span{ color:#f56c13; font-size:14px;}

.tableContent{ position:relative; overflow-y:hidden; overflow-x:hidden; border-radius:5px;}
.table > tbody > tr > th,
.table > tfoot > tr > th, 
.table > thead > tr > th{vertical-align:middle;}

.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td{ vertical-align:middle; font-size:12px;}
.tableContent .table thead{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb955e+0,f17432+23,ea5507+48,fb955e+100 */
background: #fb955e; /* Old browsers */
background: -moz-linear-gradient(top, #fb955e 0%, #f17432 23%, #ea5507 48%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fb955e 0%,#f17432 23%,#ea5507 48%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fb955e 0%,#f17432 23%,#ea5507 48%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb955e', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */color:#FFFFFF; box-shadow:none; font-size:14px;} 
.tableContent .table tbody tr td a.green-btn{ padding:3px 15px;}

.Largelistingtable .table > tbody > tr > th,  
.Largelistingtable .table > tfoot > tr > th,  
.Largelistingtable .table > thead > tr > th{ text-align:center; position:relative; line-height:16px;}

.Largelistingtable .table > tbody > tr > th,  
.Largelistingtable .table > tfoot > tr > th,  
.Largelistingtable .table > thead > tr > th:after{ background:#FF9933; height:50%; width:2px; position:absolute; content:''; top:30%; right:0; }

.Largelistingtable .table > tbody > tr > td, 
.Largelistingtable .table > tbody > tr > th, 
.Largelistingtable .table > tfoot > tr > td, 
.Largelistingtable .table > tfoot > tr > th, 
.Largelistingtable .table > thead > tr > td, 
.Largelistingtable .table > thead > tr > th:nth-last-child(9){ white-space:nowrap;  padding:5px; text-align:center; }




.column.colorBg{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7e3d+0,e85e19+47 */
background: #ff7e3d; /* Old browsers */
background: -moz-linear-gradient(top, #ff7e3d 0%, #e85e19 47%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7e3d 0%,#e85e19 47%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7e3d 0%,#e85e19 47%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e3d', endColorstr='#e85e19',GradientType=0 ); /* IE6-9 */
box-shadow:0 1px 0 rgba(255, 255, 255, 0.075) inset, 0 1px 3px rgba(0, 0, 0, 0.1) inset;}
.column{ position:relative; display:block; margin-bottom:20px;  padding:15px 15px 20px 15px; background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.075) inset, 0 5px 15px rgba(0, 0, 0, 0.1) inset;
	border-radius: 10px;}
.column p{ margin-top:0; text-align:justify; line-height:22px; }
.column p strong{color:#333333;}
.column .read-button{ display:inline-block; margin-top:10px;}
.rating{ position:relative; color:#f56c13; }

.rating a{ display:inline-block; vertical-align:middle; font-size:16px; padding:3px 8px; background:#FFCC00; color:#e85e19; border-radius:5px;}
.Rate{ margin:0; padding:0;}
.Rate li.starRating{    line-height: 0px;    width: 28px;    height: 28px;    padding: 0px;    margin: 0px;    margin-left: 2px;    list-style: none;    float: left;    cursor: pointer;}
.Rate li.starRating span{    display: none;}

.rating a.starRating, .rating span.starRating{ background:url(../images/ratingstar.png) no-repeat 0 0; width:25px; height:25px; margin-right:0px;}
.rating a.starRating.halfyellowStar, .rating span.starRating.halfyellowStar{ background:url(../images/halfyellowStar.png) no-repeat 0 0; }
.rating a.starRating.graystar, .rating a.starRating.graystar{ background:url(../images/graystar.png) no-repeat 0 0; }

/*.rating a.starRating:hover{background:url(../images/ratingstar.png) no-repeat left center; background-position:0px -30px;}
.rating a.starRating.active{background:url(../images/ratingstar.png) no-repeat left center; background-position:0px -30px*/;}

.rating a:hover{ background:#344550; color:#FFFFFF;}
.rating p{ margin:10px 0;}
.rating p strong{ font-size:18px;}
.whitebg{border:#e7e7e7 solid 1px; background:#FFFFFF;}
.Bahis_Siteleri{position:relative; padding:10px 10px; border:#e7e7e7 solid 1px; background:#FFFFFF; margin-top:-11px; margin-bottom:0; }
.Bahis_Siteleri li{ display:table; width:100%; margin-bottom:3px; padding-bottom:3px; border-bottom:#e7e7e7 dashed 1px; }
.Bahis_Siteleri li:last-child{ border:none;}
.Bahis_Siteleri li .roundLogo{ display:inline-block; margin-bottom:0; vertical-align:middle;}
.Bahis_Siteleri li a{display:inline-block; color:#333; text-decoration:none; vertical-align:middle;}
.Bahis_Siteleri li a strong{ display:block; color:#f56c13; margin-top:-5px;}

.Bahis_Siteleri li a { width:80%; float:right; }
.Bahis_Siteleri li figure { float:left; }
.Bahis_Siteleri li figure a { float:none; width:auto; }

.SporBahisHaberleri{position:relative;  padding:10px 10px; background:#FFFFFF; margin-top:0; margin-bottom:0; border:#e7e7e7 solid 1px;}
.SporBahisHaberleri li{ display:block; margin-bottom:15px; padding-bottom:5px; border-bottom:#CCCCCC dashed 1px; }
.SporBahisHaberleri li bdo{ position:relative; display:block; border-bottom:#e7e7e7 solid 1px;}
.SporBahisHaberleri li bdo i{ font-size:20px; width:25px; height:25px; color:#44a602; display:inline-block; vertical-align:middle;}
.SporBahisHaberleri li bdo p{ width:210px; font-size:14px; color:#44a602; font-weight:700; line-height:normal;  display:inline-block; vertical-align:middle; margin-bottom:5px;}
.pageTitleHeader .fonTColor{ color:#FFFFFF;}
.SporBahisHaberleri li .monthYear{ padding-top:0px; display:block; font-size:14px;}
.SporBahisHaberleri li .timeDate{ padding-bottom:10px; display:block; font-size:14px;}
.SporBahisHaberleri li a{ color:#e85e19; display:block;}

.slimScrollBar{ background:#eaeaea url(../images/scrollBg.png) no-repeat center top 50%!important; cursor:pointer;}

.align-left{ margin-right:15px;}
.align-left img {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(255, 255, 255, 0.07);
	padding: 2px;
	margin: 5px 0;
}
.align-right{ margin-left:15px;}
.align-right img {
	border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(255, 255, 255, 0.07);
	padding: 2px;
	margin: 5px 0;
}

.service-content{ margin-bottom:20px; text-align:justify;}
.service-content ul{ list-style:none; margin:0; padding:0;}
.service-content ul li{ display: block;  margin-bottom:3px;   padding-bottom:3px; padding-left:30px; position:relative; line-height:22px;}
.service-content ul li:before {content: "\f00c"; font-family:"fontAwesome";	font-size: 20px; margin-right:10px; position:absolute; left: 0; margin-top:0px; color:#e85e19;}

.leftsidebar{ position:relative; display:block; border:1px solid #e7e7e7; border-radius:5px 5px 0 0; margin-bottom:15px; }
.leftsidebar .heading{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fb955e+0,f17432+23,ea5507+48,fb955e+100 */
background: #fb955e; /* Old browsers */
background: -moz-linear-gradient(top, #fb955e 0%, #f17432 23%, #ea5507 48%, #fb955e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fb955e 0%,#f17432 23%,#ea5507 48%,#fb955e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fb955e 0%,#f17432 23%,#ea5507 48%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb955e', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
border-radius:5px 5px 0 0;  padding:5px 10px;  overflow:hidden; position:relative; display:block;  width:100%; color: #ffffff; margin-bottom:0;}
.leftsidebar .heading .fa-th-large{ margin-right:10px; font-size:18px; vertical-align:middle; margin-top:-3px;}

.leftsidebar ul{list-style:none; padding:10px; margin:0px; /*border:#e7e7e7 solid 1px;*/ background:#FFFFFF; height:100%; }
.leftsidebar ul > li{ display:block; margin-bottom:3px; padding-bottom:3px; padding-left:30px; border-bottom:#e7e7e7 solid 1px; position:relative;}
.leftsidebar ul > li:before {	content: "\f00c";	font-family: "fontAwesome";	font-size: 20px; margin-right: 10px;	position: absolute;	left: 0; color:#e85e19;}
.leftsidebar ul > li:last-child{ border:none; margin-bottom:0; padding-bottom:0;}
.leftsidebar ul > li a{ color:#333; font-size:12px; line-height:18px; display:inline-block; padding-right:10px; font-weight:bold; }
.leftsidebar ul > li .textColor{ color:#FF0000;  border-left:#e7e7e7 solid 1px; padding-left:10px; float:right; width:100px; font-style:italic;}

/*.leftsidebar ul > li:after{content:"\f0fe"; font-family:'FontAwesome'; text-align:right; position:absolute; right:0; top:0; color: #e85e19; }
.leftsidebar ul > li:hover:after{ content:"\f146"; }*/

.smallheading{ display:block; margin-top:20px; }
.smallheading h2 { font-size:16px; margin:0 0 10px; line-height:normal; font-weight:bold; padding:0; border:none; }
.smallheading strong{color:#e85e19;}
.postbox{ position:relative; display:block; border:1px solid #e7e7e7; border-radius:5px;  clear:both;  max-width:600px; margin-top:20px; margin-bottom:5px; margin-left:auto; margin-right:auto;}
.postbox .name{ margin-left:10px; margin-right:10px; margin-top:10px; color:#e85e19; font-size:18px; display:block;}
.postbox .name a{  color:#e85e19; font-size:18px; display:block; margin-bottom:5px;}
.postbox ul{list-style:none; padding:0 10px; margin:0px; display:inline-block; width:70%; vertical-align:middle; }
.postbox ul.largeWith{ width:100%; margin-bottom:10px;}
.postbox ul.largeWith li a{ text-decoration:underline;}
.postbox ul.largeWith li a:hover{color:#e85e19;}
.postbox ul.largeWith li i{ font-size:10px;  margin-top:-5px;}
.postbox ul > li{ display:block; margin-bottom:3px; padding-bottom:3px; padding-left:30px; border-bottom:#e7e7e7 solid 1px; position:relative;}
.postbox ul > li:before {	content: "\f00c";	font-family: "fontAwesome";	font-size: 20px; margin-right: 10px;	position: absolute;	left: 0; color:#e85e19;}
.postbox.signbullets ul > li:before {	content: "\f101";/*content: "\f0a9";*/ 	font-family: "fontAwesome";	font-size: 15px; top:2px; margin-right: 10px;	position: absolute;	left: 10px; color:#e85e19;}
.postbox ul > li:last-child{ border:none; margin-bottom:0; padding-bottom:0;}
.postbox ul > li a{ color:#333; font-size:12px; line-height:18px; display:inline-block; padding-right:10px; font-weight:bold; }
.postbox ul > li .textColor{ color:#FF0000;  border-left:#e7e7e7 solid 1px; padding-left:10px; float:right; width:100px; font-style:italic;}
.postbox .companylogo{ display:inline-block; vertical-align:middle; margin-top:0;}
.OnlineRating{ clear:both; display:block; margin-top:10px; border:1px solid #e7e7e7; border-radius:5px; padding:10px 10px;  max-width:600px; margin-left:auto; margin-right:auto;}
.OnlineRating .read-more-btn{ display:inline-block; width:auto; vertical-align:middle; }
/*.OnlineRating .read-more-btn.largeWith{ width:85%;}*/
.OnlineRating .read-more-btn .green-btn{ display:inline-block;}
.green-btn.displyInlineblock{ display:inline-block;}
.smallStar.rating{display:inline-block; vertical-align:middle; margin-top:-2px; float:right; text-align:center;}
.smallStar.rating.margMinu{margin-top:-30px;}
.smallStar.rating.floatNome{ float:none;}
.smallStar.rating p{ margin:-5px 0 0 0; font-size:9px;}
.smallStar.rating a.starRating, .smallStar.rating i.starRating{ display:inline-block;
background:url(../images/smallratingstar.png) no-repeat 0 0; width:18px; height:18px; margin-right:0px;}
.smallStar.rating a.starRating.halfyellowStar, .smallStar.rating i.starRating.halfyellowStar{ 
background:url(../images/smallhalfyellowStar.png) no-repeat 0 0; }
.smallStar.rating a.starRating.graystar, .smallStar.rating i.starRating.graystar{ background:url(../images/smallgraystar.png) no-repeat 0 0; }
.martopNone{ margin-top:0;}
.service-box .service-link{ color:#e85e19; }
.service-box span{ line-height:inherit; height:40px; width:30px; padding:0; text-align:center; vertical-align:middle; display:inline-block; margin-right:10px;}
.service-box h2{ margin-bottom:0; padding-bottom:0;}
.service-box smallStar.rating span { border:none; } 

.page-sidebar .column p a { color:#07d; text-decoration:underline; }
.page-sidebar .column p a:hover { color:#F00; text-decoration:none; }

.service-box p { margin-bottom:15px; }