﻿.details * {
    direction: rtl;
    unicode-bidi: embed;
}
.details * {
    border-radius: 0 !important;
}
.details * {
    box-sizing: border-box;
}
.details{padding:10px}
.details{padding:10px;border-radius:5px;position:relative}
.details p{color:#343434;font-size:14px;line-height:1.5em}
.details .alertBar{position:relative;text-align:center;margin:10px auto;max-width:650px;text-align: right;}
.details .titleVehicleContainer{position:relative;text-align:center;margin:10px auto;max-width:650px}
.details .SitWrap{background-color:#f3f3f3;position:relative;border:1px solid #f7f7f7;border-left:none;border-radius:5px;border-top-right-radius:10px!important;border-bottom-right-radius:10px!important;text-align:center;margin:auto;max-width:650px}
.details .SitWrap p{margin:10px 0;font-size:12px;color:#a8a6a6;font-weight:300}
.details .SitWrap .Sits{display:inline-block;margin:auto;width:90%}
.details .SitWrap .Sits div:last-child{margin-top:10px;margin-bottom:10px}
.details .SitWrap .Sits ul{overflow:hidden;margin:2px;display:flex;justify-content:space-between;direction:ltr}
.details .SitWrap .Sits ul>li{padding:0}
.details .SitWrap .Sits li{display:inline}
.details .SitWrap .Sits li span{display:block;float:left;width:27px;height:27px;margin:3px 4px 0 0}
.details .SitWrap .Sits .SitSide{display:inline-block;margin:10px}
.details .SitWrap .Sits li.Sit span{background-color:#fff;border:1px solid silver;border-radius:5px!important;font-size:11px;width:27px;height:27px;text-decoration:none;padding-top:6px;border-radius:5px}
.details .SitWrap .Sits li.available span{background-color:#fff;cursor:pointer;color:#22819c}
.details .SitWrap .Sits li.selected span{background-color:#73bb46;border:1px solid #057d38;cursor:pointer;color:#fff}
.details .SitWrap .Sits li.green span{background-color:#73bb46;border:1px solid #057d38}
.details .SitWrap .Sits li.othersSelected span{background-color:#4ae2fa;border:1px solid #aee2fa;color:#fff}
.details .SitWrap .Sits li.friendsSelected span{background-color:#ff7c3a;border:1px solid #ffb2d3;color:#fff}
.details .SitWrap .Sits li.noSit span{background-color:rgba(255,255,255,0);width:27px;height:27px;cursor:default;color:#fff}
.legend.type1>div{max-width:650px;margin-right:auto;margin-left:auto}
.legend.type1 div.Sit{width:22px;height:22px;border-radius:5px!important}
.legend.type1 ul{margin-top:20px}
.legend.type1 ul li{margin-right:20px;list-style-type:none}
.legend.type1 p{text-align:right;color:#999;font-size:12px;margin-right:25px;margin-top:-20px;float:right}
.legend.type1 .available{background-color:#fff;border:1px solid silver;border-radius:5px}
.legend.type1 .green{background-color:#73bb46;border:1px solid #057d38;border-radius:5px}
.legend.type1 .othersSelected{background-color:#4ae2fa;border:1px solid #aee2fa;border-radius:5px}
.legend.type1 .friendsSelected{background-color:#ff7c3a;border:1px solid #ffb2d3;border-radius:5px}
.details .row{margin-left:-15px;margin-right:-15px}
.details .row:after, .details .row:before{display:table;content:" "}
.details .row:after{clear:both}
.details .row{display:block;margin-left:5px;margin-right:5px}
.details .front{position:absolute;left:-21px;width:45px;height:179px;background:url(http://safar724.com/Content/Images/BusFront.png) 0 0 no-repeat;background-size:60% 100%}
@media(min-width:768px){
	.header-v8 .mega-menu .mega-menu-fullwidth .mega-menu-content .row{margin-left:15px}
}
@media(max-width:768px){
	.Sit-icon{width:100%}
.details .alertBar{position:relative;text-align:center;margin:44px auto;max-width:300px;text-align: right;}
.details .titleVehicleContainer{position:relative;text-align:center;margin:44px auto;max-width:300px}
	.details .SitWrap{margin-left:auto;margin-right:auto;margin-top:15px;max-width:300px;border:1px solid #c6c6c6;border-top:none}
	.details .SitWrap .Sits{margin-top:10px;margin-left:0;width:100%}
	.details .SitWrap .Sits div:last-child{margin-top:0}
	.details .SitWrap .Sits .SitSide{width:90px;margin:10px}
	.details .SitWrap .Sits ul{width:40px;display:inline-block;padding:0}
	.details .SitWrap .Sits li{display:block}
	.details .SitWrap .Sits li.Sit span{height:33px;width:33px;margin:5px 4px 0 0}
	.details .SitWrap .Sits li.noSit span{height:33px;width:33px;margin:5px 4px 0 0}
	.details .front{position:relative;top:-35px;left:0;width:100%;height:57px;background:url(http://safar724.com/Content/Images/busFrontHorizontal.png) 0 0 no-repeat;background-size:100% 70%}
	.details .list-inline > li{display:initial !important;}
}
/*#Sits .SitWrap .selectable li{cursor:pointer}*/
.bg-color-white{color:#555}
.bg-color-white{background-color:#fff!important}
/*Small Screen Correction*/
@media(max-width:450px) {
		.details .SitWrap .Sits li.noSit span{width:15px;}
		.details .SitWrap .Sits ul{width:unset;}
	}
	@media(max-width:370px) {
		.details .SitWrap .Sits ul{margin-left:1px;margin-right: 1px;}
		.details .SitWrap .Sits li.Sit span{width:22px; height:22px}
		.details .SitWrap .Sits li.noSit span{width:10px; height:22px}
	}
	@media(max-width:340px) {
		/*.details .SitWrap .Sits li.noSit span{width:10px; height:22px}*/
		.details .SitWrap .Sits li.Sit span{width:18px;}
		.details .SitWrap .Sits ul{margin-left:0px;margin-right:0px;}
	}