body { padding-right: 0 !important }

.otobus-plani{
	margin-bottom: 20px;
	display: inline-block;
}
.otobus-plani .otobus-plani-header{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	height: 256px;
	width: 40px;
	float: left;
	background-color: #F3F7F8;
}

.sofor-koltuk {
	width: 50px;
	height: 50px;
	background-image: url('https://www.sahilseyahat.com/images/icon/otobus-direksiyon.png');
	background-size: cover;         /* resmi div'e sığdırır */
	background-position: center;    /* resmi ortalar */
	background-repeat: no-repeat;   /* resmi tekrar etmez */
	position: absolute;
	top: 170px;
	left: -25px;
	float:right;
	user-select: none;!important
	-webkit-user-select: none; /* Safari, Chrome */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* Internet Explorer/Edge */
}

.otobus-plani .otobus-plani-koltuk{
	float: left;
	height: 250px;
	width: 700px;
	position: relative;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border:none;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #F3F7F8;
}

.otobus-plani .otobus-plani-koltuk a{
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	font-size: 13px;
	padding: 15px 6px 10px 0px;
	text-align: center;
	color: #337AB7;
	font-weight: 700;
	text-decoration: none;
}

.otobus-plani .otobus-plani-koltuk a:hover{
	color: #337AB7;
	font-weight: 700;
	text-decoration: none;
}

.otobus-plani .otobus-plani-koltuk a:focus{
	color: #337AB7;
	font-weight: 700;
	text-decoration: none;
}

.otobus-plani .otobus-plani-koltuk .koltuk-bos.active{
	background: url(https://www.sahilseyahat.com/images/icon/secili-koltuk-icon.png) no-repeat center;
}

.otobus-plani .otobus-plani-koltuk .koltuk-bos{
	background: url(https://www.sahilseyahat.com/images/icon/bos-koltuk-icon.png) no-repeat center;
}

.otobus-plani .otobus-plani-koltuk .koltuk-kapali{
	background: url(https://www.sahilseyahat.com/images/icon/kapali-koltuk-icon.png) no-repeat center;
}

.otobus-plani .otobus-plani-koltuk .koltuk-erkek{
	background: url(https://www.sahilseyahat.com/images/icon/koltuk-icon-erkek.png) no-repeat center;
}

.otobus-plani .otobus-plani-koltuk .koltuk-kadin{
	background: url(https://www.sahilseyahat.com/images/icon/koltuk-icon-kadin.png) no-repeat center;
}

.koltuk-pozisyon1-1 {top: 191px; left: 0px} .koltuk-pozisyon1-2 {top: 147px; left: 0px} .koltuk-pozisyon1-3 {top: 103px; left: 0px} .koltuk-pozisyon1-4 {top: 59px; left: 0px} .koltuk-pozisyon1-5 {top: 15px; left: 0px}
.koltuk-pozisyon2-1 {top: 191px; left: 46px} .koltuk-pozisyon2-2 {top: 147px; left: 46px} .koltuk-pozisyon2-3 {top: 103px; left: 46px} .koltuk-pozisyon2-4 {top: 59px; left: 46px} .koltuk-pozisyon2-5 {top: 15px; left: 46px}
.koltuk-pozisyon3-1 {top: 191px; left: 92px} .koltuk-pozisyon3-2 {top: 147px; left: 92px} .koltuk-pozisyon3-3 {top: 103px; left: 92px} .koltuk-pozisyon3-4 {top: 59px; left: 92px} .koltuk-pozisyon3-5 {top: 15px; left: 92px}
.koltuk-pozisyon4-1 {top: 191px; left: 138px} .koltuk-pozisyon4-2 {top: 147px; left: 138px} .koltuk-pozisyon4-3 {top: 103px; left: 138px} .koltuk-pozisyon4-4 {top: 59px; left: 138px} .koltuk-pozisyon4-5 {top: 15px; left: 138px}
.koltuk-pozisyon5-1 {top: 191px; left: 184px} .koltuk-pozisyon5-2 {top: 147px; left: 184px} .koltuk-pozisyon5-3 {top: 103px; left: 184px} .koltuk-pozisyon5-4 {top: 59px; left: 184px} .koltuk-pozisyon5-5 {top: 15px; left: 184px}
.koltuk-pozisyon6-1 {top: 191px; left: 230px} .koltuk-pozisyon6-2 {top: 147px; left: 230px} .koltuk-pozisyon6-3 {top: 103px; left: 230px} .koltuk-pozisyon6-4 {top: 59px; left: 230px} .koltuk-pozisyon6-5 {top: 15px; left: 230px}
.koltuk-pozisyon7-1 {top: 191px; left: 276px} .koltuk-pozisyon7-2 {top: 147px; left: 276px} .koltuk-pozisyon7-3 {top: 103px; left: 276px} .koltuk-pozisyon7-4 {top: 59px; left: 276px} .koltuk-pozisyon7-5 {top: 15px; left: 276px}
.koltuk-pozisyon8-1 {top: 191px; left: 322px} .koltuk-pozisyon8-2 {top: 147px; left: 322px} .koltuk-pozisyon8-3 {top: 103px; left: 322px} .koltuk-pozisyon8-4 {top: 59px; left: 322px} .koltuk-pozisyon8-5 {top: 15px; left: 322px}
.koltuk-pozisyon9-1 {top: 191px; left: 368px} .koltuk-pozisyon9-2 {top: 147px; left: 368px} .koltuk-pozisyon9-3 {top: 103px; left: 368px} .koltuk-pozisyon9-4 {top: 59px; left: 368px} .koltuk-pozisyon9-5 {top: 15px; left: 368px}
.koltuk-pozisyon10-1 {top: 191px; left: 414px} .koltuk-pozisyon10-2 {top: 147px; left: 414px} .koltuk-pozisyon10-3 {top: 103px; left: 414px} .koltuk-pozisyon10-4 {top: 59px; left: 414px} .koltuk-pozisyon10-5 {top: 15px; left: 414px}
.koltuk-pozisyon11-1 {top: 191px; left: 460px} .koltuk-pozisyon11-2 {top: 147px; left: 460px} .koltuk-pozisyon11-3 {top: 103px; left: 460px} .koltuk-pozisyon11-4 {top: 59px; left: 460px} .koltuk-pozisyon11-5 {top: 15px; left: 460px}
.koltuk-pozisyon12-1 {top: 191px; left: 506px} .koltuk-pozisyon12-2 {top: 147px; left: 506px} .koltuk-pozisyon12-3 {top: 103px; left: 506px} .koltuk-pozisyon12-4 {top: 59px; left: 506px} .koltuk-pozisyon12-5 {top: 15px; left: 506px}
.koltuk-pozisyon13-1 {top: 191px; left: 552px} .koltuk-pozisyon13-2 {top: 147px; left: 552px} .koltuk-pozisyon13-3 {top: 103px; left: 552px} .koltuk-pozisyon13-4 {top: 59px; left: 552px} .koltuk-pozisyon13-5 {top: 15px; left: 552px}
.koltuk-pozisyon14-1 {top: 191px; left: 598px} .koltuk-pozisyon14-2 {top: 147px; left: 598px} .koltuk-pozisyon14-3 {top: 103px; left: 598px} .koltuk-pozisyon14-4 {top: 59px; left: 598px} .koltuk-pozisyon14-5 {top: 15px; left: 598px}
.koltuk-pozisyon15-1 {top: 191px; left: 644px} .koltuk-pozisyon15-2 {top: 147px; left: 644px} .koltuk-pozisyon15-3 {top: 103px; left: 644px} .koltuk-pozisyon15-4 {top: 59px; left: 644px} .koltuk-pozisyon15-5 {top: 15px; left: 644px}
.koltuk-pozisyon16-1 {top: 191px; left: 690px} .koltuk-pozisyon16-2 {top: 147px; left: 690px} .koltuk-pozisyon16-3 {top: 103px; left: 690px} .koltuk-pozisyon16-4 {top: 59px; left: 690px} .koltuk-pozisyon16-5 {top: 15px; left: 690px}
.koltuk-pozisyon17-1 {top: 191px; left: 736px} .koltuk-pozisyon17-2 {top: 147px; left: 736px} .koltuk-pozisyon17-3 {top: 103px; left: 736px} .koltuk-pozisyon17-4 {top: 59px; left: 736px} .koltuk-pozisyon17-5 {top: 15px; left: 736px}
.koltuk-pozisyon18-1 {top: 191px; left: 782px} .koltuk-pozisyon18-2 {top: 147px; left: 782px} .koltuk-pozisyon18-3 {top: 103px; left: 782px} .koltuk-pozisyon18-4 {top: 59px; left: 782px} .koltuk-pozisyon18-5 {top: 15px; left: 782px}
.koltuk-pozisyon19-1 {top: 191px; left: 828px} .koltuk-pozisyon19-2 {top: 147px; left: 828px} .koltuk-pozisyon19-3 {top: 103px; left: 828px} .koltuk-pozisyon19-4 {top: 59px; left: 828px} .koltuk-pozisyon19-5 {top: 15px; left: 828px}
.koltuk-pozisyon20-1 {top: 191px; left: 874px} .koltuk-pozisyon20-2 {top: 147px; left: 874px} .koltuk-pozisyon20-3 {top: 103px; left: 874px} .koltuk-pozisyon20-4 {top: 59px; left: 874px} .koltuk-pozisyon20-5 {top: 15px; left: 874px}

.scrolling_par {
	margin-top: -140px;	
	position:fixed;		
}

.otobus-plani-detay{
	width: 100%;
	padding-top: 20px;
	padding-bottom:20px;
	display: inline-block;
}

.otobus-plani-detay img{
	width: 30px;
	height: 30px;
	float: left;
}

.otobus-plani-detay span{
	float: left;
	padding: 7px 5px;
	font-size: 13px;
	line-height: 14px;
}

.otobus-plani-detay div{
	width: auto;
	float: left;
	display: inline-block;
	padding: 0px 24px;
}

.sefer-detay {
	padding-left: 20px;
}

.sefer-detay button.btn.btn-primary {
	position: relative;
	top: -25px;
	float:right;
	margin-right: 45px;
	height:46px;
	width:300px!important;
	background-color:#28a745!important;
	border-color: #28a745!important;
}
	

.sefer-detay h4 {
	float:left;
	margin-top: 0px;
	color:#7e7e7e; 
}

.sefer-detay h5 {
	float:left;
	margin-top: 0px;
	margin-bottom: 0px;
	color:#7e7e7e; 
}
			 
.koltuk-detay {
	text-align: left;
	color:#7e7e7e; 
}
			 
.gidis-sefer .alert {
	margin-bottom:0px;
}
			 
.gidis-sefer {
	padding-top: 15px;
	z-index:1;
}

.gidis-sefer button.btn.btn-outline {
	float:right;
	border-color: white!important;
	color: white!important;
	margin-right:auto;
	margin-top: 2px;
}
.gidis-sefer button.btn.btn-outline:hover {
	float:right;
	border-color: #28a745!important;
	color: #28a745!important;
	background:white!important;
	margin-right:auto;
}
.gidis-sefer button.btn.btn-outline:focus {
	float:right;
	border-color: white!important;
	color: white!important;
	background:transparent!important;
	margin-right:auto;
}		
.gidis-sefer p {
	margin-bottom: -4px;
	color:white;
}

.gidis-sefer-fiyat {
	padding-top: 12px;
	padding-left: 60px;	
}

.sefer-bilgileri {
	margin-top: -25px;  
}

.odeme-sefer .alert {
	margin-bottom:0px;
}
			 
.odeme-sefer {
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	z-index:1;
}

.odeme-sefer button.btn.btn-outline {
	float:right;
	border-color: white!important;
	color: white!important;
	margin-right:auto;
	margin-top: 2px;
}
.odeme-sefer button.btn.btn-outline:hover {
	float:right;
	border-color: #28a745!important;
	color: #28a745!important;
	background:white!important;
	margin-right:auto;
}
.odeme-sefer button.btn.btn-outline:focus {
	float:right;
	border-color: white!important;
	color: white!important;
	background:transparent!important;
	margin-right:auto;
}		
.odeme-sefer p {
	margin-bottom: -4px;
	color:white;
}

.odeme-sefer-fiyat {
	padding-top: 12px;
	padding-left: 60px;	
}

.kosullar .form-check-label, .form-file{
	padding-top:2px;
}
	   
.kosullar .form-check-input {
	outline: 0px auto -webkit-focus-ring-color !important;
}

.tc_secim {
	min-height: 1.5em;
	display: block;
	padding-left: 7em;
	margin-top: -2px;
	position:absolute;
	float:right;
}
				
.tc_secim label {
	margin-top: 2px;	
	font-size: 11px;
}
				
.tc_secim .form-check-input {
	outline: 0px auto -webkit-focus-ring-color !important;
}

.tc_secim .form-check-input:checked {
	background-color: #4FA2DA;
	border-color: #4FA2DA;
}
				
.kosullar .form-check-input:checked {
	background-color: #4FA2DA;
	border-color: #4FA2DA;
}
				
.kosullar .is-valid:checked {
	background-color: #28a745;
	border-color: #28a745;
}
				
.card .form-select {
	font-size: .9rem;
	padding: .5rem .3rem .3rem 1rem;
	color: #787878!important;
}

.kredi_kart_no .form-control {
	font-size: 17px!important;
	text-align: center;
	font-weight:600;
}
						
.odeme_buton button.btn.btn-primary {
	position: relative;
	margin-top: 27px;
	float:right;
	height:46px;
	width:100%!important;
	background-color:#28a745!important;
	border-color: #28a745!important;
}
						
.odeme_buton button.btn.btn-primary:hover{
	position: relative;
	margin-top: 27px;
	float:right;
	height:46px;
	width:100%!important;
	background-color: #106523!important;
	border-color: #106523!important;
}
.sorgula_buton button.btn.btn-primary {
	position: relative;
	margin-top: 27px;
	float:right;
	height:46px;
	width:100%!important;
	background-color:#62B6EF!important;
	border-color: #62B6EF!important;
}
						
.sorgula_buton button.btn.btn-primary:hover{
	position: relative;
	margin-top: 27px;
	float:right;
	height:46px;
	width:100%!important;
	background-color: #4FA2DA!important;
	border-color: #4FA2DA!important;
}

.modal-footer .btn.btn-primary {
	position: relative;
	float:right;
	height:40px;
	width:90px!important;
	background-color:#8B8B8B !important;
	border-color: #8B8B8B!important;
}

.modal-footer .btn.btn-primary:hover {
	position: relative;
	float:right;
	height:40px;
	width:90px!important;
	background-color:#62B6EF!important;
	border-color: #62B6EF!important;
}

.modal-body .btn.btn-primary {
	position: relative;
	float:right;
	height:40px;
	width:100px!important;
	background-color:#62B6EF !important;
	border-color: #62B6EF!important;
}

.modal-body .btn.btn-primary:hover {
	position: relative;
	float:right;
	height:40px;
	width:100px!important;
	background-color:#4FA2DA !important;
	border-color: #4FA2DA!important;
}
						
.kredi_karti_resim	 {
	position:absolute;
	right:0px;
	width:300px;
}	

.cookieConsentContainer {
	z-index: 999;
	width: 100%;
	min-height: 20px;
	box-sizing: border-box;
	padding: 10px 80px 20px 55px;
	background: #232323;
	overflow: hidden;
	position: fixed;
	bottom: 0px;
	left: 0px;
	display: none;
}

.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	display: block;
}

.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
}

.cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}

.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	background: #5DAFEF;
	box-sizing: border-box; 
	padding: 10px 20px 10px 20px;
	border:0px solid #FFFFFF;
	border-radius:5px;
	text-align: center;
	transition: background 0.3s;
}

.cookieConsentContainer .cookieButton a:hover {
	cursor: pointer;
	background: #236EA9
}

.cookieTitle b {
	color: #FFFFFF;	
}

.cookieButton a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
	color: #FFFFFF;	
}

.subeler mark{
	padding: 0px!important;
	background-color: transparent!important;
	background: transparent!important;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	left:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
  	z-index:100;
}

.my-float{
	margin-top:15px;
}
.float:hover, .float:focus, .my-float:hover, .my-float:focus{
    color: #FFF!important;
}

.alert-success {
	color: white!important;
}
.alert-danger {
	color: white!important;
}

.kayit_ol button {
	height:46px;	
	border-color: #62B6EF!important;
	background-color: #62B6EF!important;
}

.kayit_ol button:hover {
	height:46px;	
	border-color: #4FA2DA!important;
	background-color: #4FA2DA!important;
}

button.btn.btn-primary.sifre_al {
	background-color:#4FA2DA!important;
	border-color:#4FA2DA!important;
}
button.btn.btn-primary.sifre_al:hover {
	background-color:#337AB7!important;
	border-color:#337AB7!important;
}

.bilet_satis a.btn.btn-primary {
	background-color:#4FA2DA!important;
	border-color:#4FA2DA!important;
}

.bilet_satis a.btn.btn-primary:hover {
	background-color:#337AB7!important;
	border-color:#337AB7!important;
}

a.btn.btn-primary.donus_bilet_buton {
	background-color:#28a745!important;
	border-color:#28a745!important;
}

a.btn.btn-primary.donus_bilet_buton:hover {
	background-color:#106523!important;
	border-color:#106523!important;
}

.hizmet_iframe {
	width: 100%;
	height: 180px;
}

.bg-overlay {
	background: rgba(0, 0, 0, 0)!important;
	opacity: .5!important;	
}

#social-icons {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 15px;
	float: right;
	margin-top: -95px;
}

#social-icons .social {
	padding-left: 0px;
}

#social-icons li {
	display: inline-block;
}

#social-icons li a {
	color: rgba(255,255,255,255.6);
	border-radius: 6px;
	list-style-type: none;
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255,255,255,0.6);
	background: rgba(0, 0, 0, 0.60);
	cursor: pointer;
	margin-bottom: 20px;
	padding: 5px;
	transition: ease .3s;
}

#social-icons li a:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
}

.social:hover > li {
	opacity: 0.5;
}

.social:hover > li:hover {
	opacity: 1;
}

#appDownload {
	float:right;
	height:36px;
	position:relative;
	margin-top: -57px;
	margin-right: 260px;
}

#appDownload li a {
	position:absolute;
	top:0;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
}

.tm1 a {
	background:url(../../images/icon/appbutton.png) left top no-repeat;
	background-position:0 0;
	left:32px;
	width:114px;
	z-index:1;
}

.tm1 a:hover {
	background:url(../../images/icon/appbutton.png) left top no-repeat;
	background-position:0 -46px;
	left:32px;
	width:117px;
	z-index:1;
	padding-top:0;
}

.tm1 a:hover span { 
	display:none; 
}

.tm1 a:hover span { 
    display: inline; 
    padding-top:0; 
}

.tm2 a {
	background:url(../../images/icon/appbutton.png) left top no-repeat;
	background-position:0 -93px;
	left:150px;
	width:115px;
	z-index:2;
}

.tm2 a:hover {
	background:url(../../images/icon/appbutton.png) left top no-repeat;
	background-position:0 -141px;
	left:150px;
	width:115px;
	z-index:2;
}

#appDownload li a:hover {
	z-index:100;
}	

@media (max-width: 991px) {
	.otobus-plani{
		width:256px;
	}
	
	.otobus-plani .otobus-plani-header{
		border: none;
		border-top: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
		border-bottom-left-radius: 0;
		height: 60px;
		width: 100%;
		float: left;
		background-color: #F3F7F8;
	}
	
	.sofor-koltuk {
		width: 50px;
		height: 50px;
		background-image: url('https://www.sahilseyahat.com/images/icon/otobus-direksiyon-mobil.png');
		background-size: cover;         /* resmi div'e sığdırır */
		background-position: center;    /* resmi ortalar */
		background-repeat: no-repeat;   /* resmi tekrar etmez */
		position: absolute;
		top: -30px;
		left: 20px;
		float:right;
		user-select: none;!important
		-webkit-user-select: none; /* Safari, Chrome */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* Internet Explorer/Edge */
	}
	
	.otobus-plani .otobus-plani-koltuk a{
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		font-size: 15px;
		padding: 15px 0px 10px 0px;
		text-align: center;
		color: #337AB7;
		font-weight: 700;
		text-decoration: none;
	}	
	.otobus-plani .otobus-plani-koltuk .koltuk-bos.active{
		background: url(https://www.sahilseyahat.com/images/icon/secili-koltuk-icon-mobil.png) no-repeat center;
	}
	
	.otobus-plani .otobus-plani-koltuk .koltuk-bos{
		background: url(https://www.sahilseyahat.com/images/icon/bos-koltuk-icon-mobil.png) no-repeat center;
	}
	
	.otobus-plani .otobus-plani-koltuk .koltuk-kapali{
		background: url(https://www.sahilseyahat.com/images/icon/kapali-koltuk-icon-mobil.png) no-repeat center;
	}
	
	.otobus-plani .otobus-plani-koltuk .koltuk-erkek{
		background: url(https://www.sahilseyahat.com/images/icon/koltuk-icon-erkek-mobil.png) no-repeat center;
	}
	
	.otobus-plani .otobus-plani-koltuk .koltuk-kadin{
		background: url(https://www.sahilseyahat.com/images/icon/koltuk-icon-kadin-mobil.png) no-repeat center;
	}	
	
	.otobus-plani .otobus-plani-koltuk{
		border:none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border-right: 1px solid #cccccc;
		border-left: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		background:#F3F7F8;
		height: 750px;
		width: 100%;
	}
	
	.otobus-plani .otobus-plani-footer{
		border-right: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		height: auto;
		width: 10px;
		float: left;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
		background-color: #f1f1f1;
	}
	
	.koltuk-pozisyon1-1 {top: 0px; left: 10px} .koltuk-pozisyon1-2 {top: 0px; left: 56px} .koltuk-pozisyon1-3 {top: 0px; left: 102px} .koltuk-pozisyon1-4 {top: 0px; left: 148px} .koltuk-pozisyon1-5 {top: 0px; left: 194px}
	.koltuk-pozisyon2-1 {top: 44px; left: 10px} .koltuk-pozisyon2-2 {top: 44px; left: 56px} .koltuk-pozisyon2-3 {top: 44px; left: 102px} .koltuk-pozisyon2-4 {top: 44px; left: 148px} .koltuk-pozisyon2-5 {top: 44px; left: 194px}
	.koltuk-pozisyon3-1 {top: 88px; left: 10px} .koltuk-pozisyon3-2 {top: 88px; left: 56px} .koltuk-pozisyon3-3 {top: 88px; left: 102px} .koltuk-pozisyon3-4 {top: 88px; left: 148px} .koltuk-pozisyon3-5 {top: 88px; left: 194px}
	.koltuk-pozisyon4-1 {top: 132px; left: 10px} .koltuk-pozisyon4-2 {top: 132px; left: 56px} .koltuk-pozisyon4-3 {top: 132px; left: 102px} .koltuk-pozisyon4-4 {top: 132px; left: 148px} .koltuk-pozisyon4-5 {top: 132px; left: 194px}
	.koltuk-pozisyon5-1 {top: 176px; left: 10px} .koltuk-pozisyon5-2 {top: 176px; left: 56px} .koltuk-pozisyon5-3 {top: 176px; left: 102px} .koltuk-pozisyon5-4 {top: 176px; left: 148px} .koltuk-pozisyon5-5 {top: 176px; left: 194px}
	.koltuk-pozisyon6-1 {top: 220px; left: 10px} .koltuk-pozisyon6-2 {top: 220px; left: 56px} .koltuk-pozisyon6-3 {top: 220px; left: 102px} .koltuk-pozisyon6-4 {top: 220px; left: 148px} .koltuk-pozisyon6-5 {top: 220px; left: 194px}
	.koltuk-pozisyon7-1 {top: 264px; left: 10px} .koltuk-pozisyon7-2 {top: 264px; left: 56px} .koltuk-pozisyon7-3 {top: 264px; left: 102px} .koltuk-pozisyon7-4 {top: 264px; left: 148px} .koltuk-pozisyon7-5 {top: 264px; left: 194px}
	.koltuk-pozisyon8-1 {top: 308px; left: 10px} .koltuk-pozisyon8-2 {top: 308px; left: 56px} .koltuk-pozisyon8-3 {top: 308px; left: 102px} .koltuk-pozisyon8-4 {top: 308px; left: 148px} .koltuk-pozisyon8-5 {top: 308px; left: 194px}
	.koltuk-pozisyon9-1 {top: 352px; left: 10px} .koltuk-pozisyon9-2 {top: 352px; left: 56px} .koltuk-pozisyon9-3 {top: 352px; left: 102px} .koltuk-pozisyon9-4 {top: 352px; left: 148px} .koltuk-pozisyon9-5 {top: 352px; left: 194px}
	.koltuk-pozisyon10-1 {top: 396px; left: 10px} .koltuk-pozisyon10-2 {top: 396px; left: 56px} .koltuk-pozisyon10-3 {top: 396px; left: 102px} .koltuk-pozisyon10-4 {top: 396px; left: 148px} .koltuk-pozisyon10-5 {top: 396px; left: 194px}
	.koltuk-pozisyon11-1 {top: 440px; left: 10px} .koltuk-pozisyon11-2 {top: 440px; left: 56px} .koltuk-pozisyon11-3 {top: 440px; left: 102px} .koltuk-pozisyon11-4 {top: 440px; left: 148px} .koltuk-pozisyon11-5 {top: 440px; left: 194px}
	.koltuk-pozisyon12-1 {top: 484px; left: 10px} .koltuk-pozisyon12-2 {top: 484px; left: 56px} .koltuk-pozisyon12-3 {top: 484px; left: 102px} .koltuk-pozisyon12-4 {top: 484px; left: 148px} .koltuk-pozisyon12-5 {top: 484px; left: 194px}
	.koltuk-pozisyon13-1 {top: 528px; left: 10px} .koltuk-pozisyon13-2 {top: 528px; left: 56px} .koltuk-pozisyon13-3 {top: 528px; left: 102px} .koltuk-pozisyon13-4 {top: 528px; left: 148px} .koltuk-pozisyon13-5 {top: 528px; left: 194px}
	.koltuk-pozisyon14-1 {top: 572px; left: 10px} .koltuk-pozisyon14-2 {top: 572px; left: 56px} .koltuk-pozisyon14-3 {top: 572px; left: 102px} .koltuk-pozisyon14-4 {top: 572px; left: 148px} .koltuk-pozisyon14-5 {top: 572px; left: 194px}
	.koltuk-pozisyon15-1 {top: 616px; left: 10px} .koltuk-pozisyon15-2 {top: 616px; left: 56px} .koltuk-pozisyon15-3 {top: 616px; left: 102px} .koltuk-pozisyon15-4 {top: 616px; left: 148px} .koltuk-pozisyon15-5 {top: 616px; left: 194px}
	.koltuk-pozisyon16-1 {top: 660px; left: 10px} .koltuk-pozisyon16-2 {top: 660px; left: 56px} .koltuk-pozisyon16-3 {top: 660px; left: 102px} .koltuk-pozisyon16-4 {top: 660px; left: 148px} .koltuk-pozisyon16-5 {top: 660px; left: 194px}
	.koltuk-pozisyon17-1 {top: 704px; left: 10px} .koltuk-pozisyon17-2 {top: 704px; left: 56px} .koltuk-pozisyon17-3 {top: 704px; left: 102px} .koltuk-pozisyon17-4 {top: 704px; left: 148px} .koltuk-pozisyon17-5 {top: 704px; left: 194px}
	.koltuk-pozisyon18-1 {top: 748px; left: 10px} .koltuk-pozisyon18-2 {top: 748px; left: 56px} .koltuk-pozisyon18-3 {top: 748px; left: 102px} .koltuk-pozisyon18-4 {top: 748px; left: 148px} .koltuk-pozisyon18-5 {top: 748px; left: 194px}
	.koltuk-pozisyon19-1 {top: 792px; left: 10px} .koltuk-pozisyon19-2 {top: 792px; left: 56px} .koltuk-pozisyon19-3 {top: 792px; left: 102px} .koltuk-pozisyon19-4 {top: 792px; left: 148px} .koltuk-pozisyon19-5 {top: 792px; left: 194px}
	.koltuk-pozisyon20-1 {top: 836px; left: 10px} .koltuk-pozisyon20-2 {top: 836px; left: 56px} .koltuk-pozisyon20-3 {top: 836px; left: 102px} .koltuk-pozisyon20-4 {top: 836px; left: 148px} .koltuk-pozisyon20-5 {top: 836px; left: 194px}
	
	.scrolling_par {
		margin-top: -220px;	
		position:fixed;		
	}
	
	.otobus-plani-detay div{
		width: 50%;
		padding: 5px 5px;
	}
	
	.otobus-plani-detay span{
		font-size: 10px;
	}
	
	.sefer-detay button.btn.btn-primary {
		position: relative;
		top: 0px;
		padding: 0px 16px!important;
		float:right;
		margin-right: 8px;
		height:46px!important;
		width:100%!important;
		background-color:#28a745!important;
		border-color: #28a745!important;
	}
	
	.sefer-detay button.btn.btn-primary:hover{
		position: relative;
		top: 0px;
		padding: 0px 16px!important;
		float:right;
		margin-right: 8px;
		height:46px!important;
		width:100%!important;
		background-color: #106523!important;
		border-color: #106523!important;
	}

	.gidis-sefer {
		padding-top: 15px;
	}
	
	.gidis-sefer .alert{
		margin-bottom: 0px;
		padding-bottom: 75px;
	}
	
	.gidis-sefer button.btn.btn-outline {
		margin-top: 15px;
		position: static;
		border-color: white!important;
		color: white!important;
		width:100%; 
		line-height: 20px!important;
	}
		
	.gidis-sefer .col-lg-4 {
		min-height:48px;	
	}
	
	.gidis-sefer-fiyat {
		padding-top: 12px;
		padding-left: 15px;
	}
	
	.odeme-sefer .alert{
		margin-bottom: 0px;
		padding-bottom: 75px;
	}
	
	.odeme-sefer button.btn.btn-outline {
		margin-top: 15px;
		position: static;
		border-color: white!important;
		color: white!important;
		width:100%; 
		line-height: 20px!important;
	}
		
	.odeme-sefer .col-lg-4 {
		min-height:48px;	
	}
	
	.odeme-sefer-fiyat {
		padding-top: 12px;
		padding-left: 15px;
	}
	
	.odeme_buton button.btn.btn-primary {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:20px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#28a745!important;
		border-color: #28a745!important;
	}
	
	.odeme_buton button.btn.btn-primary:hover{
		position: relative;
		margin-top: 0px!important;
		margin-bottom:20px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color: #106523!important;
		border-color: #106523!important;
	}
	
	.sorgula_buton button.btn.btn-primary {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:20px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#62B6EF!important;
		border-color: #62B6EF!important;
	}
	
	.sorgula_buton button.btn.btn-primary:hover{
		position: relative;
		margin-top: 0px!important;
		margin-bottom:20px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color: #4FA2DA!important;
		border-color: #4FA2DA!important;
	}
	
	.modal-footer .btn.btn-primary {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:5px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#8B8B8B!important;
		border-color: #8B8B8B!important;
	}

	.modal-footer .btn.btn-primary:hover {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:5px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#62B6EF!important;
		border-color: #62B6EF!important;
	}
	
	.modal-body .btn.btn-primary {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:5px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#62B6EF!important;
		border-color: #62B6EF!important;
	}

	.modal-body .btn.btn-primary:hover {
		position: relative;
		margin-top: 0px!important;
		margin-bottom:5px!important;
		padding: 0px 16px!important;
		float:right;
		height:46px!important;
		width:100%!important;
		background-color:#4FA2DA!important;
		border-color: #4FA2DA!important;
	}
						
	.kredi_karti_resim	 {
		left:0px;
		margin-top: 30px;
	}

	.odeme	.card-header {
		padding-bottom:50px;			
	}
	
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
		padding: 10px 10px 10px 10px;
	}
	
	.cookieConsentContainer .cookieButton a {
		width: 100%;	
	}
	
	.kayit_ol button {
		line-height: 0px!important;
		width: 100%;
	}
	
	button.btn.btn-primary.sifre_al {
		line-height: 0px!important;
		width: 100%;
	}

	.bilet_satis a.btn.btn-primary {
		font-size: 12px!important;
		height: 48px!important;
		line-height: 20px!important;
		padding: 14px 14px!important;
		margin-top: 10px;
	}
	
	.hizmet_iframe {
		width: 100%;
		height: 250px;
	}
	
	a.btn.btn-outline.btn-light.populer-seferler {
		line-height:20px!important;
	}
	
	.hizmet_iframe {
		display: none!important;
	}
	
	#appDownload {
		margin-top: 20px;
	}	
}

.koltuk-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px; /* Koltuklar arası boşluk */
  padding-bottom: 20px;
}
.koltuk-wrapper {
  position: relative;
  width: 44px;
  height: 44px;
}

.koltuk-img {
  width: 44px;
  height: 44px;
}

.koltuk-yazi {
  position: absolute;
  top: 52%;
  left: 45%;
  transform: translate(-50%, -50%);
  color: #337AB7;
  font-size: 12px;
  font-weight: bold;
  pointer-events: none;
}


.secilen-koltuk {
	font-size: 0.9rem;
	padding-right: 10px;
	padding-top: 10px;
	color: #7e7e7e;
	font-weight: bold;
}