.panel {
	width: 100%;
	height: 140px;
	margin-top: -240px;  
	border: 1px solid rgba(255, 255, 255, 0.90);
	padding: 10px 10px 10px 10px;
	background: rgba(0, 0, 0, 0.60);
	border-radius: 5px;
	z-index:3;
	position:relative;
}

.panel .col-lg-12 {
	height: 35px;
	margin-bottom: 5px;
}

.cagri_merkezi {
	margin-top: -355px;
	float: right;
	opacity:0.8;
}

.cagri_merkezi h3 {
	margin-top: -33px;
	margin-left: 20px;
	opacity:1;
}

@media screen and (max-width:990px){
	.panel{
		height:410px;
		margin-top: -520px;  
	}
	.panel .tg-btn {
		margin-top: 5px !important;
	}
	
	.panel .col-lg-12 {
		height: 35px;
		margin-bottom: 25px;
	}
	.cagri_merkezi {
		display: none;
	}
}

@media screen and (max-width:480px){
	.panel{
		height:410px;
		margin-top: -520px;  
	}
}

@media screen and (max-width:330px){
	.panel{
		height:410px;
		margin-top: -510px;  
	}
}

.panel .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.panel .col-lg-3{
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.panel label {	
	text-transform: none;
    margin-bottom: 0.5rem;
	padding-left: 5px;
    font-weight: 500;
    color: #fff;
    top: -1px;
    display: block;
    float: left;
	font-size: 12px;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;	
}

.panel .radio-label{
    font-weight: 500;
    color: #fff;
    float: left;
	font-size: 20px;
	margin-right: 20px;
    line-height: 0.9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;	
}

.tarih_secim {
	border: 1px solid rgba(255, 255, 255, 0.30);
	padding: 10px;
	background: transparent;
	border: 1px solid white;
	color: white;
	border-radius: 5px;
	line-height:1.9;
	width: 100%;
}

/* enable absolute positioning */
.tarih-icon {
	position: relative;
	display: block;
}

/* style glyph */
.tarih-icon .tar-icon {
	position: absolute;
	padding: 16px;
	pointer-events: none;
	color:#fff;
}

/* align glyph */
.tarih-right-icon .tar-icon { 
	right: 0px;
}

.panel .btn {
	background: transparent !important;
	border: 1px solid white !important;
	color: white !important;
	border-radius: 5px !important;
	margin-bottom: 3px !important;
	outline: none !important;
	line-height: 22px !important;	
}

.cancelBtn {
	background-color: red !important;
	border: 1px solid white !important;
	color: white !important;
	border-radius: 5px !important;
}

.dropdown .open {
 	max-height: 300px !important;
	overflow-y: initial !important;
}
	
textarea:focus, input:focus{
    outline: none;
}
select {
	color: #000!important;
	color: rgba(0,0,0,0) !important;
	text-shadow: 0 0 0 #000!important;
}

.panel .form-group {
	margin: 0;
	width: 30%;
	float: left;
	padding: 0 5px;
}

.panel .form-group:nth-child(3), .panel .form-group:nth-child(4) { 
	width: 20%; 
}

.panel .form-group:first-child { 
	padding-left: 0;
}

.panel .form-group:nth-child(4) {
	padding-right: 0; 
}

.panel .form-group .tg-select select {
	height: 50px;
	padding: 15px 20px;
	border-color: rgba(0, 0, 0, 0.10);
}
.panel .form-group .tg-select:after {
	line-height: 50px;
}

.panel .tg-btn {
	top: 30px;
	height: 49px;
	margin-top: 27px;
	padding: 0 5px;
	border-radius: 5px;
	background-color:rgba(79, 162, 218, 0.5);
	border: 1px solid white !important;
	color: white !important;
	border-radius: 5px !important;
	width: 100%;
}

.panel .tg-btn:hover{
	color:#fff;
	background-color:rgba(79, 162, 218, 1);
}

.panel .tg-btn:after {
	display:none;
}

*,
*:after,
*:before {
	box-sizing: border-box;
}

.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.radio input[type="radio"] + .radio-label:before {
	font-weight: 800;
	font-size: 1.2rem;
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	position: relative;
	top: -0.1em;
	margin-right: 0.5em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
}

.radio input[type="radio"]:checked + .radio-label:before {
	background-color: #3197ee;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #3197ee;
}

.radio input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}

.radio input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}

.panel_inner {
	width: 100%;
	height: 140px;
	margin-top:-25px;
	border: 1px solid rgba(220, 220, 220, 0.90);
	padding: 10px 10px 10px 10px;
	background: rgba(248, 248, 248);
	border-radius: 5px;
	z-index:0 !important;
}

.panel_inner .col-lg-12 {
	height: 35px;
	margin-bottom: 5px;
}


@media screen and (max-width:990px){
	
	
	.panel_inner{
		height:410px;
		margin-top: 0px;  
	}

	.panel_inner .tg-btn {
		margin-top: 5px !important;
	}
	
	.panel_inner .col-lg-12 {
		height: 35px;
		margin-bottom: 25px;
	}

}

@media screen and (max-width:480px){
	.panel_inner{
		height:410px;
		margin-top: 0px;  
	}
}

@media screen and (max-width:330px){
	.panel_inner{
		height:400px;
		margin-top: 0px;  
	}
}

.panel_inner .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.panel_inner .col-lg-3{
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.panel_inner label {
	text-transform: none;
    margin-bottom: 0.5rem;
	padding-left: 5px;
    font-weight: 500;
    color: #8b8b8b;
    top: -1px;
    display: block;
    float: left;
	font-size: 12px;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;
}

.panel_inner .radio-label{
    font-weight: 500;
    color: #8b8b8b;
    float: left;
	font-size: 20px;
	margin-right: 20px;
    line-height: 0.9em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;
}

.panel_inner .btn {
	background: transparent !important;
	border: 1px solid #8b8b8b !important;
	color: #8b8b8b !important;
	border-radius: 5px !important;
	margin-bottom: 3px !important;
	outline: none !important;
	line-height: 23px !important;
}

.panel_inner .form-group {
	margin: 0;
	width: 30%;
	float: left;
	padding: 0 5px;
}

.panel_inner .form-group:nth-child(3), .panel_inner .form-group:nth-child(4) {
	width: 20%;
}

.panel_inner .form-group:first-child { 
	padding-left: 0; 
}

.panel_inner .form-group:nth-child(4) { 
	padding-right: 0;
}

.panel_inner .form-group .tg-select select {
	height: 50px;
	padding: 15px 20px;
	border-color: rgba(0, 0, 0, 0.10);
}

.panel_inner .form-group .tg-select:after {
	line-height: 50px;
}

.panel_inner .tg-btn {
	top: 30px;
	height: 49px;
	margin-top: 26px;
	padding: 0 5px;
	border-radius: 5px;
	background-color:rgba(79, 162, 218, 0.7);
	border: 1px solid #4FA2DA !important;
	color: white !important;
	border-radius: 5px !important;
	width: 100%;
}

.panel_inner .tg-btn:hover{
	color:#4FA2DA;
	background-color:rgba(79, 162, 218, 1);
}

.panel_inner .tg-btn:after {
	display:none;
}

.panel_inner .tarih_secim {
	border: 1px solid rgba(255, 255, 255, 0.30);
	padding: 10px;
	background: transparent;
	border: 1px solid #8b8b8b;
	color: #8b8b8b;
	border-radius: 5px;
	line-height:1.9;
	width: 100%;
}

.panel_inner .tarih-icon .tar-icon {
	position: absolute;
	padding: 16px;
	pointer-events: none;
	color:#8b8b8b;
}

.seferlist table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	font-family: "Arial", sans-serif;
	line-height: 1.25;
	color: black;
}

.seferlist table caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.seferlist table tr {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}

.seferlist table th, table td {
	padding: .625em;
	text-align: center;
}

.seferlist table th {
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

td.yolcular {
text-align:left!important;
}

th.yolcular{
text-align:left!important;
width:20%!important;
}

@media screen and (max-width: 600px) {
	
	.seferlist table {
		border: 0;
	}
	
	.seferlist table caption {
		font-size: 1.3em;
	}
	
	.seferlist table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	
	.seferlist table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}
	
	.seferlist table td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	
	.seferlist table td:before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
  	}
  
  	.seferlist table td:last-child {
		border-bottom: 0;
	}
	
	td.yolcular {
		text-align:right!important;
	}
	
	th.yolcular{
		text-align:right!important;
	}
}

.seferlist h4 {
margin-top: 20px;	
	
}

.dual_table .row {
	padding-buttomm: 0px !important;
}

.seferlist .sec {
background-color: #28a745 !important;
border-color: #28a745 !important;
}

.seferlist .sec:hover{
	background-color: #106523 !important;
	border-color: #106523 !important;
}

.seferlist .degistir {
background-color: #4fa2da !important;
border-color: #4fa2da !important;
}

.seferlist .degistir:hover{
	background-color: #8b8b8b !important;
	border-color: #8b8b8b !important;
}
.seferlist .dolu {
background-color: #8b8b8b !important;
border-color: #8b8b8b !important;
}

.seferlist .dolu:hover{
	background-color: #8b8b8b !important;
	border-color: #8b8b8b !important;
}

.panel-hidden-load {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.panel-hidden-load.visible {
  opacity: 1;
  pointer-events: auto;
}