html{
	overflow-x:hidden !important;
}
#divSeatMenu{
	background-color: #d80000;
	display:none;
}
/*Popups*/
.popUp{
	position:absolute;
	display:none;
	overflow:auto;
}
.popUpHead{
	position:relative;
	background-color:#f5f5f5;
	width:100%;
	padding:0px 1%;
	height:40px;
	border-bottom:1px solid #ccc;
	cursor:move;
	z-index:2;
}
.popUpHeadText{
	position:relative;
	float:left;
	display:table;
	font-size:16px;
	font-weight:900;
	color:#333;
	line-height:40px;
}
.popUpHeadSettings{
	position:absolute;
	right:1%;
	top:10px;
}
.popUpHeadSettings i{
	position:relative;
	width:20px;
	height:20px;
	background-color:#333;
	color:#fff;
	float:left;
	margin-left:5px;
	text-align:center;
	line-height:20px;
	border-radius:3px;
	cursor:pointer;
}
.popUpHeadSettings i:hover{
	background-color:#333;
}
i.bgYellow{
	background-color:#FF9800;
	cursor:move;
}
i.bgRed{
	background-color:#e42c27;
}
i.bgPurple{
	background-color:#ba27e4;
}
.popupAlign{
	position: absolute;
	top: -1000px;
	right: 0px;
	background-color: #fff;
	padding: 10px;
	display: table;
	width: 128px;
	z-index: 2;
	border: 1px solid #ccc;
	cursor:default;
}
.popupAlignCol{
	position: relative;
    width: 30px;
    height: 30px;
    border: 2px solid #333;
    float: left;
    margin-bottom: 6px;
    cursor: pointer;
    line-height: 26px;
    text-align: center;
}
.popupAlignCol:nth-child(2), .popupAlignCol:nth-child(5), .popupAlignCol:nth-child(8){
	margin-left:6px;
	margin-right:6px;
}
.popupAlignCol:hover{
	background-color:#333;
}
.popupAlignCol i{
	background-color:transparent;
	color:#333;
	font-size:20px;
	margin-left:0px;
	line-height:26px;
	float:none;
}
.popupAlignCol:hover i{
	background-color:transparent;
	color:#fff;
	font-size:20px;
}
/*Popups*/
#divTickets{
	max-width:98%;
	max-height:calc(100vh - 100px);
	background:white;
	z-index:15;
}
#divTools{
	max-width:98%;
	max-height:calc(100vh - 100px);
	background:white;
	z-index:15;
	overflow:hidden;
}
#divReports{
	max-width:98%;
	max-height:98%;
	background:white;
	z-index:15;
}
#divReportsPop{
	position:relative;
	overflow:auto;
	width:100%;
	height: calc(100% - 40px);
	display:block;
}
#divTicketsPop{
	position:relative;
	overflow:auto;
	width:100%;
	height: calc(100% - 40px);
	display:block;
	padding:1%;
}
#divToolsPop{
	position:relative;
	overflow:auto;
	width:100%;
	height: calc(100% - 40px);
	display:block;
}
@media screen and (max-width: 1024px){
	#divBg{
		position:fixed !important;
	}
	#divTickets{
		position:fixed !important;
		width:98% !important;
		height:calc(100vh - 40px) !important;
		top:20px !important;
		left:1% !important;
	}
	#divTools{
		position:fixed !important;
		width:98% !important;
		height:calc(100vh - 40px) !important;
		margin:20px 1% !important;
		top:20px !important;
		left:1% !important;
	}
	#divReports{
		position:fixed !important;
		width:98% !important;
		height:calc(100vh - 40px) !important;
		margin:20px 1% !important;
		top:20px !important;
		left:1% !important;
	}
}
.ui-resizable-handle.ui-resizable-w{
	position: absolute;
	width: 10px;
	height: calc(100% - 50px);
	top: 40px;
	left: 0px;
	background: transparent;
	cursor: w-resize;
}
.ui-resizable-handle.ui-resizable-e{
	position: absolute;
	width: 10px;
	height: calc(100% - 50px);
	top: 40px;
	right: 0px;
	background: transparent;
	cursor: e-resize;
}
.ui-resizable-handle.ui-resizable-s{
	position: absolute;
	left: 0px;
	right: 10px;
	bottom: 0px;
	width: calc(100% - 10px);
	height: 10px;
	cursor: s-resize;
}
.ui-resizable-handle.ui-resizable-se{
	position: absolute;
	background-color: #fff;
	cursor: nw-resize;
	bottom: 0px;
	right: 0px;
	width:10px;
	height:10px;
}	
.ui-resizable-handle.ui-resizable-sw{
	position: absolute;
	background-color: #fff;
	cursor: ne-resize;
	bottom: 0px;
	left: 0px;
	width:10px;
	height:10px;
}
.popUpResize{
	position:absolute;
	right:0px;
	bottom:0px;
	width:10px;
	height:10px;
	background-color:rgba(0,0,0,0.3);
	cursor:nw-resize;
	z-index:-1;
}
.resizeExample{
	position:fixed;
	top:0px;
	right:2%;
	width:600px;
	height:600px;
	border:4px dashed #0000ff;
	z-index:20;		
}
.resizableDiv{
	position:relative;
	right:0px;
	top:150px;
	width:250px;
	height:300px;
	background-color:#ff57fe;
	
	overflow:auto;
}
.linePriceType{
	position:absolute;
	left:650px;
	top:250px;
	width:200px;
	max-height:300px;
	min-height:300px;
	overflow-y:auto;
	display:none;
	background-color: yellow;
}
/*Popups*/
.popover{
	border-radius:0;
	
}
.seatSelectOption{
	position:relative;
	width:98%;
	padding:0px 1%;
	height:38px;
	line-height:38px;
	border:1px solid #e0e0e0;
	background-color:#e0e0e0;
	font-size:15px;
	font-weight:600;
	color:#333;
	margin-bottom:5px;
	cursor:pointer;
}
.seatSelectOption:hover{
	border-color:#333 !important;
}
.seatWomen{
	background-color:#f9cef9;
	border-color:#f9cef9;
}
.seatMen{
	background-color:#b6d9ff;
	border-color:#b6d9ff;
}
.seatWomenReservation{
	background-color:#fff0ff;
	border-color:#fff0ff;
}
.seatMenReservation{
	background-color:#e6f2ff;
	border-color:#e6f2ff;
}
.seatOpenTicket{
	background-color: #f1d095;
    border-color: #f1d095;
}
.seatArea{
	background-color: #fdb399;
    border-color: #fdb399;
}
.seatPlaceClose{
	background-color: #fd99a4;
    border-color: #fd99a4;
}
.seatTurnSale{
	background-color: #f1d095;
    border-color: #f1d095;
}
.seatReservationCancel{
	background-color: #ffc0c0;
    border-color: #ffc0c0;
}
.seatReservationMove{
	background-color: #e6f5a1;
    border-color: #e6f5a1;
}
.seatReservationUpdate{
	background-color: #b0f5a1;
    border-color: #b0f5a1;
}
.seatChangeGender{
	background-color: #cdb5f7;
    border-color: #cdb5f7;
}
.seatCancel{
	background-color: #f77c8a;
    border-color: #f77c8a;
}
.seatMove{
	background-color: #e6f5a1;
    border-color: #e6f5a1;
}
.seatUpdate{
	background-color: #b0f5a1;
    border-color: #b0f5a1;
}
.seatDoOpen{
	background-color: #f7c9b5;
    border-color: #f7c9b5;
}
.seatAgainPrint{
	background-color: #f5f5ce;
    border-color: #f5f5ce;
}
.seatClose{
	background-color: #fd9f89;
    border-color: #fd9f89;
}

.seatMenu{
	display: inline-block;
	background-color:#d80000;
	padding:1%;
	color:#ffff;
	font-weight:bold;
	font-size:13px;
	border-right:1px solid #fff;
	cursor:pointer;
}

.seatMenuClose{
	display: inline-block;
	width: 2%;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}

.seatMenuClose i{
	display: inline-block;
	width: 2%;
	font-size:18px;
	font-weight:bold;
	cursor:pointer;
}
.seatSubMenu{
    background: #d80000;
    position: absolute;
    z-index: 99999;
}

th.subArrivalOption{
	border-bottom:1px solid #333;
	cursor:pointer;
}
th.subArrivalOption:hover{
	background-color:#f5f5f5;
}
.hourRefresh{
	float:left;
	padding:5px;
}
.NORSE{
  background: url( ../images/cinsNORSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.NORSB{
  background: url( ../images/cinsNORSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.REZRE{
  background: url( ../images/cinsREZRE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.REZRB{
  background: url( ../images/cinsREZRB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.SDKXE{
  background: url( ../images/cinsSDKXE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.SDKXB{
  background: url( ../images/cinsSDKXB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.YKPSE{
  background: url( ../images/cinsYKPSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.YKPSB{
  background: url( ../images/cinsYKPSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.INTSE{
  background: url( ../images/cinsINTSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.INTSB{
  background: url( ../images/cinsINTSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.METSE{
  background: url( ../images/cinsMETSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.METSB{
  background: url( ../images/cinsMETSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}

.METRE{
  background: url( ../images/cinsMETSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.METRB{
  background: url( ../images/cinsMETSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.INTRE{
  background: url( ../images/cinsINTRE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.INTRB{
  background: url( ../images/cinsINTRB.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.seatSel{
  background: url( ../images/sec.png) no-repeat;
  width: 34px; 
  height: 34px;
  padding-left:3px;
}
.selMan{
  background: url( ../images/selManSelect.png) no-repeat;
  width: 34px; 
  height: 34px;
  padding-left:3px;
}
.selWoman{
  background: url( ../images/selWomanSelect.png) no-repeat;
  width: 34px; 
  height: 34px;
  padding-left:3px;
}
.notAllow{
  background: url( ../images/cinsNotAllow.png) no-repeat;
  width: 34px; 
  height: 34px;
}

.MISSE{
  background: url( ../images/cinsMISSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.MISSB{
  background: url( ../images/cinsMISSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}

.POINTSE{
  background: url( ../images/cinsPOINTSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.POINTSB{
  background: url( ../images/cinsPOINTSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}

.KPOINTSE{
  background: url( ../images/cinsKPOINTSE.png) no-repeat;
  width: 34px; 
  height: 34px;
}
.KPOINTSB{
  background: url( ../images/cinsKPOINTSB.png) no-repeat;
  width: 34px; 
  height: 34px;
}

@keyframes blink{
	0%{opacity: 1;}
	75%{opacity: 1;}
	76%{ opacity: 1;}
	100%{opacity: 0;}
}

.blinkSeat {
-webkit-animation-name: blink; 
-webkit-animation-iteration-count: infinite; 
-webkit-animation-timing-function: cubic-bezierr(1.0,0,0,1.0);
-webkit-animation-duration: 1s;
color:white;
}
blink{
	-webkit-animation-name: blink; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-timing-function: cubic-bezierr(1.0,0,0,1.0);
	width:24px;
	height:24px;
	border-radius:24px;
	background:#ff0000;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	border-radius:1em;
	font-size:14px;
	-webkit-animation-duration: 1s;
	display:inline-block;
}

.seatFlueDiv{
float:none;
display:block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
-khtml-opacity:0.3;
-moz-opacity:0.5;
-webkit-opacity:0.5;
filter: alpha(opacity=30);                   
opacity:0.5;  
transition:opacitiy 0.2s ease;
margin-left:0px;
margin-top:0px;
background:#013104;
position:absolute;
border-radius:8px;
}

.tarihtd{
	
	font-weight:bold;
	cursor:pointer;
	
}

.calendarhead{
	display:inline-block;
	width:100%;
	text-align:center;
	border:2px solid #e3ebf4;
	cursor:pointer;
	background:#e3ebf4;
}

.calendarInput{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid #fff;
  background: #ffffff;
  padding: 6px 10px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;	
}

.popoverclose {	
  margin: -14px 102px;
  position: absolute;
  background:  white;
  border-radius: 13px;
}

.textCenter{
 text-align: center;
}

.altcizgi{
  border-bottom:1px;
  border-style: solid;
  border-color:#e3ebf4;
}
.ustcizgi{
  border-top:1px;
  border-style: solid;
  border-color:#e3ebf4;
}

.koltukNo{
	display: inline-block;
	color: #3a86c8;
	border: 0px solid #3a86c8;
	font-weight: 800;
	padding: 4px 1px;
	line-height: 1;
	border-color: red;
	float:left;width:20%;text-align:center;
	background-image:url(../images/new-seat.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	width:25px;
	height:30px;
	line-height:25px;
	color:#fff;
}

.koltukNoMdrn{
    display: inline-block;
    color:red;
    background-color: #3a86c8;
    font-weight: 800;
    padding: 0px 0px;;
    line-height: 1;
    border-radius: 10px;
    border-color: red;
}

.seciliTravel{

    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: deepskyblue;
    border: 1px solid #a0f3b5;
    border-style: solid;
    padding-bottom: 2px;
    padding-top: 2px;	

}



.hoverYellow{
  background-color: white;
  font-size:15px;
  border-bottom:1px dotted;
}
.hoverYellow:hover{
  cursor: pointer;
  background-color: #ffffdc;
  font-weight: bold;
}


.baslikpnl{
    padding-left: 16px;
    font-size: 17px;
    font-weight: bold;
}
.spnleft{
    float:left;
    padding:5px 10px;
}
.travels thead th {
  color: black;
  background-color: #e3ebf4;
  font-weight: bold !important;
}
.bordera{ 
  border: 1px solid fuchsia;
}


.boshucre {
	height: 36px;
	margin: 5px 3px;
}
.koridor {
	height: 18px;
	margin: 5px 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ortakapi {
	height: 36px;
	margin: 5px 3px;
}
.cinsiyet-secim {
	display: inline-block;
	width: 65px;
	height: 60px;
	text-align: center;
	padding: 10px 18px;
	cursor: pointer;
	img {
	}
	span {
		font-size: 7px;
		font-weight: 500;
		line-height: 5px;
		display: block;
		margin-top: 5px;
	}
	&.erkek {
		border-radius: 3px 0 0 3px;
		background-color: rgba(48, 152, 208, 0.15);
		color: #3098d0;
	}
	&.kadin {
		border-radius: 0 3px 3px 0;
		background-color: rgba(246, 138, 181, 0.15);
		color: #3098d0;
	}
}

.popovertut {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
	background-color: #ffffff;
	border:none;
}

.arrow {
	border-top-color: #fff;
}
.popover-content {
	padding: 5px;
}

.popUp {
	position:absolute;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.50);
	border-radius: 10px;
	border:none;
	background:white;
	display:none;
	z-index:15;
}

.arrow	{
	border-top-color: #fff;
}
 
.inputborder {
     padding: 1px;
     font-size: 14px;
     border-width: 1px;
     border-color: #6b6666;
     background-color: #ffffff;
     color: #000000;
     box-shadow: 1px 1px 1px rgba(32,24,24,.75);
}
.inputborder:focus {
     outline:none;
}

.tblborder{
 font-family: serif;
 font-size:14px;
 padding:2px 12px;
}
.tblhead{
  background-color: #D0D0D0;
  font-family: serif;
  font-weight: bold;
  font: bold;
  color: black;
  text-align: center;
  font-size:14px;
}
.anabaslik{
  background-color: #D0D0D0;
  font-family: serif;
  font-weight: bold;
  font: bold;
  color: black;
  text-align: center;
  font-size:19px;
}
.btngreen {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    background-color:#89c403;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #74b807;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
}
.btngreen:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    background-color:#77a809;
}
.btngreen:active {
    position:relative;
    top:1px;
}

.btnblue {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 6px;

    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
}

.btnblue:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btnmor{
  background: #0000FF;
  background-image: -webkit-linear-gradient(top, #0000FF, #C0C0FF);
  background-image: -moz-linear-gradient(top, #0000FF, #C0C0FF);
  background-image: -ms-linear-gradient(top, #0000FF, #C0C0FF);
  background-image: -o-linear-gradient(top, #0000FF, #C0C0FF);
  background-image: linear-gradient(to bottom, #0000FF, #C0C0FF);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 6px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
}

.btnmor:hover {
  background: #0000FF;
  background-image: -webkit-linear-gradient(top, #C0C0FF, #0000FF);
  background-image: -moz-linear-gradient(top, #C0C0FF, #0000FF);
  background-image: -ms-linear-gradient(top, #C0C0FF, #0000FF);
  background-image: -o-linear-gradient(top, #C0C0FF, #0000FF);
  background-image: linear-gradient(to bottom, #C0C0FF, #0000FF);
  text-decoration: none;
}

.btnyellow {
  background: #E6E600;
  background-image: -webkit-linear-gradient(top, #E6E600, #FF8000);
  background-image: -moz-linear-gradient(top, #E6E600, #FF8000);
  background-image: -ms-linear-gradient(top, #E6E600, #FF8000);
  background-image: -o-linear-gradient(top, #E6E600, #FF8000);
  background-image: linear-gradient(to bottom, #E6E600, #FF8000);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 6px;

    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding: 6px 20px 6px 20px;
    text-decoration: none;
}

.btnyellow:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #FF8000, #E6E600);
  background-image: -moz-linear-gradient(top, #FF8000, #E6E600);
  background-image: -ms-linear-gradient(top, #FF8000, #E6E600);
  background-image: -o-linear-gradient(top, #FF8000, #E6E600);
  background-image: linear-gradient(to bottom, #FF8000, #E6E600);
  text-decoration: none;
}

.btnred {
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF8080));
    background:-moz-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-webkit-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-o-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-ms-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:linear-gradient(to bottom, #FF0000 5%, #FF8080 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF8080',GradientType=0);
    background-color:#FF0000;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #580000;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #528009;
}
.btnred:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF8080), color-stop(1, #FF0000));
    background:-moz-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-webkit-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-o-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-ms-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:linear-gradient(to bottom, #FF8080 5%, #FF0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080', endColorstr='#FF0000',GradientType=0);
    background-color:#FF8080;
}
.btnred:active {
    position:relative;
    top:1px;
}


.btnadd {
    -moz-box-shadow: 0px 5px 7px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #59e612));
    background:-moz-linear-gradient(top, #77b55a 5%, #59e612 100%);
    background:-webkit-linear-gradient(top, #77b55a 5%, #59e612 100%);
    background:-o-linear-gradient(top, #77b55a 5%, #59e612 100%);
    background:-ms-linear-gradient(top, #77b55a 5%, #59e612 100%);
    background:linear-gradient(to bottom, #77b55a 5%, #59e612 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#59e612',GradientType=0);
    background-color:#77b55a;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    border:1px solid #4b8f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #5b8a3c;
}
.btnadd:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #59e612), color-stop(1, #77b55a));
    background:-moz-linear-gradient(top, #59e612 5%, #77b55a 100%);
    background:-webkit-linear-gradient(top, #59e612 5%, #77b55a 100%);
    background:-o-linear-gradient(top, #59e612 5%, #77b55a 100%);
    background:-ms-linear-gradient(top, #59e612 5%, #77b55a 100%);
    background:linear-gradient(to bottom, #59e612 5%, #77b55a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59e612', endColorstr='#77b55a',GradientType=0);
    background-color:#59e612;
}
.btnadd:active {
    position:relative;
    top:1px;
}

.btndell {
    -moz-box-shadow: 0px 5px 7px -7px #FF8080;
    -webkit-box-shadow: 0px 10px 14px -7px #FF8080;
    box-shadow: 0px 10px 14px -7px #FF8080;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #FF8080));
    background:-moz-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-webkit-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-o-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:-ms-linear-gradient(top, #FF0000 5%, #FF8080 100%);
    background:linear-gradient(to bottom, #FF0000 5%, #FF8080 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#FF8080',GradientType=0);
    background-color:#FF0000;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    border:1px solid #4b8f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
    text-shadow:0px 1px 0px #FF8080;
}
.btndell:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF8080), color-stop(1, #FF0000));
    background:-moz-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-webkit-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-o-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:-ms-linear-gradient(top, #FF8080 5%, #FF0000 100%);
    background:linear-gradient(to bottom, #FF8080 5%, #FF0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8080', endColorstr='#FF0000',GradientType=0);
    background-color:#FF8080;
}
.btndell:active {
    position:relative;
    top:1px;
}


.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-weight:bold;
	font-size:11px;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
	border:1px solid #dddddd;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    left: 6px;
    top: 5px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tTip { font-weight: bold;}
.tip {
	width: 110px;
	padding-top: 20px;
	overflow: hidden;
	display: none;
	font-weight:bold;
	position: absolute;
	z-index: 500;			
	background: transparent url(img/tipTop.png) no-repeat;
	background-size: 110px 20px;
}

.tipMid {
	background: transparent url(img/tipMid.png) repeat-y;
	padding: 0 20px 10px 20px;
	background-size: 110px 20px;
}
.tipBtm {
	background: transparent url(img/tipBtm.png) no-repeat bottom; 
	height: 20px;
	background-size: 110px 20px;
}

 .logomy{
  width:180px;
  float:right;	
	
}
@media (max-width:803px){
  .logomy{
    display:none;	
  }
}

		
 .logofirma{
  width:180px;
  float:right;	
	
}
@media (min-width:769px) and (max-width:1024px){
  .logofirma{
    width:8%;
    float:right;	
  }
}
.arrival{
 margin-left: 7px;
 font-size: 10px;
}
@media (min-width:769px) and (max-width:1024px){
.arrival{
 margin-left: 5px;
 font-size: 9px;
}	
}

.time{
 margin-top:-6px;
}
	
@media (min-width:769px) and (max-width:1024px){
.time{
 margin-top:-6px;
 font-size: 9px; 
}	
}

.locationtime{
 float:left;
 width:20%;
 font-size:20px;
 padding:2px 0px;
}
	
@media (min-width:769px) and (max-width:1024px){
.locationtime{
 float:left;
 width:20%;
 font-size:20px;
 padding:2px 2px;
}	

}


.smClose{
 display:none;
}

@media (max-width:768px){
	
.smClose{
 display:none;
}


}
@media (max-width:768px){
	
	#blockContainer {
	display: -webkit-box;
	display: -moz-box;
	display: box;

	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	}
	
	#blockA {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
	}
	
 }
/*Ekrem*/
@import url("https://fonts.googleapis.com/css?family=Lato");
/*Seat CSS*/
.seatDetail{
	position:relative;
	width:100%;
	display:table;
	padding:8px 2%;
	background-color:#f0f0f0;
	margin:8px 0px;
	font-size:14px;
	font-weight:900;
}
.selectSeatInfo{
	position:relative;
	display:flex;
	justify-content:space-around;
	align-items:center;
	color:#fff;
	margin:10px auto;
}
.selectSeatCol{
	position:relative;
	display:table;
	height:20px;
	border:1px solid #333;
	border-radius:5px;
}
.selectSeatCol.ticket{
	border-color:#0088cc;
}
.selectSeatCol.reservation{
	border-color:#e36159;
}
.selectSeatCol.internet{
	border-color:#2baab1;
}
.selectSeatCol.metro{
	border-color:#ffb400;
}
.selectSeatCol.other{
	border-color:#34a03e;
	color:#fff;
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}
.selectSeatCol.wint{
	border-color:#ffc903;
}
.selectSeatCol.mint{
	border-color:#ff8f03;
}
.selectSeatCol span{
	position:relative;
	width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:16px;
	font-weight:600;
	float:left;
}
.selectSeatCol p{
	position:relative;
	float:left;
	display:table;
	margin:2px 5px;
	font-size:12px;
	font-weight:600;
	line-height:16px;
	color:#333;
}
.selectSeatCol.ticket span{
	background-color:#0088cc;
}
.selectSeatCol.reservation span{
	background-color:#e36159;
}
.selectSeatCol.internet span{
	background-color:#2baab1;
}
.selectSeatCol.metro span{
	background-color:#ffb400;
}
.selectSeatCol.other span{
	background-color:#34a03e;
}
.selectSeatCol.wint span{
	background-color:#ffc903;
}
.selectSeatCol.mint span{
	background-color:#ff8f03;
}
/*Seat CSS*/
.calendarAndtourInfo{
	position:relative;
	background-color:white;
	width:100%;
	border:1px solid transparent;
	border-radius:5px;
	font-family: Lato, Arial;
	display:table;
	/*margin:0px auto;*/
	/*-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);*/
}
.calendar{
	position:relative;
	display:table;
	float:left;
	border-radius:5px;
	
}
.calendarHeader{
	position:relative;
	width:100%;
	background-color:#337ab7;
	height:30px !important;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.calendarMonth{
	position:relative;
	width:100%;
	float:left;
	display:table;
	height:4px;
	line-height:4px;
}
.calendarYear{
	position:relative;
	width:100%;
	margin-left:1%;
	float:left;
	display:table;
	height:24px;
	line-height:24px;
}
.calendarContent{
	position:relative;
	background-color:#fff;
	display:table;
	float:left;
	
	
}
.calendarWeek{
	position:relative;
	width:100%;
	display:table;
	background-color:#ff7555;
}
.calendarWeekDayName{
	position:relative;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:12px;
	color:#fff;
	font-weight:900;
	float:left;
}
.calendarWeekRow{
	position:relative;
	width:100%;
	display:table;
	border-left:1px solid transparent;
}
.calendarDay{
	position:relative;
	width:30px;
	height:30px;
	text-align:center;
	font-size:14px;
	font-weight:600;
	color:#333;
	line-height:30px;
	float:left;
	/*transition:ease 0.3s;*/
	cursor:pointer;
	border:1px solid #fff;
}
.activeDay, .calendarDay:hover{
	border-radius:30px;
	background-color:#337ab7;
	color:#fff;
}
.passDay, .afterMonth, .beforeMonth{
	color:#999;
}
.arrivalTourInfo{
	position:relative;
	width:calc(100% - 212px);
	display:block;
	float:left;
}
i.changeRoute{
	position:absolute;
	left:50%;
	margin-left:-10px;
	top:32px;
	z-index:3;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff;
	background-color:#333;
	display:table;
	margin:1px auto;
	background-color:#de4b27;
	transform:rotate(-90deg);
}
button.btn-chroute{
	position:relative;
	display:table;
	margin:0px auto;
	height:20px;
	line-height:20px;
	background-color:#de4b27;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	transition:ease 0.3s;
	padding:0px 10px;
}
button.btn-chroute:hover{
	color:#fff;
}
button.btn-chroute i{
	transform:rotate(-90deg);
	font-size:11px;
	transition:ease 0.7s;
}
button.btn-chroute:hover i{
	transform:rotate(90deg);
}
@media screen and (min-width: 1600px) {
	.calendarDay{
		width:40px;
		height:40px;
		line-height:40px;
	}
	.calendarWeekDayName{
		width:40px;
		height:30px;
		line-height:30px;
	}
	.arrivalTourInfo{
		width:calc(100% - 283px);
	}
}
.cal-cell{
	position:relative;
	height:30px;
	line-height:30px;
	float:left;
}
.cal-1{
	width:30px;
}
.cal-2{
	width:60px;
}
.cal-3{
	width:90px;
}
.cal-4{
	width:120px;
}
.cal-5{
	width:150px;
}
.cal-6{
	width:180px;
}
.cal-7{
	width:210px;
}
.calendarButton{
	position:relative;
	float:left;
	display:table;
}
.selectLabel{
	position:relative;
	display:block;
	margin:5px 0px;
}

span.labelSelect{
	position:absolute;
	top:-5px;
	left:5px;
	background-color:#fff;
	font-size:12px;
	line-height:12px;
	font-weight:600;
	margin:0px;
	padding:0px 5px;
	z-index:1;
}
/*.calendarButton a{
	position:relative;
	display:table;
	float:left;
	border:1px solid #333;
	padding:0px 5px;
	margin-right:2px;
	background-color:#333;
	color:#fff;
	line-height:20px;
	-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;
	transition:ease 0.3s;
}
.calendarButton a:hover{
	background-color:#ff7555;
	color:#fff;
	border-color:#ff7555;
}*/
.calendarButton a{
	font-size:12px;
	line-height:20px;
	color:#333;
	transition:ease 0.3s;
	margin-right:10px;
}
.calendarButton a:hover{
	color:#ff7555;
}
button.btn-cal{
	width:100%;
	border:none;
	font-size:12px;
	font-weight:600;
	letter-spacing:2px;
	line-height:30px;
	padding:0px;
	border:1px solid transparent;
}
button.btn-cal:hover{
	border:1px solid transparent;
}
button.btn-cal.btn-pink{
	background-color:#ff7555;
	color:#fff;
}
button.btn-cal.btn-orange{
	background-color:orange;
	color:#fff;
}
button.btn-cal.btn-green{
	background-color:#71c586;
	color:#fff;
}
button.btn-cal.btn-blue{
	background-color:#3774c4;
	color:#fff;
}
button.btn-cal.btn-red{
	background-color:#de4b27;
	color:#fff;
}
button.btn-cal:hover{
	background-color:#333;
}
.btn-call i{
	font-size:10px;
}

.col-xs-6.height-30{
	height:30px;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 30px;
  line-height:24px;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #337ab7;
	padding: 2px 5px;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.select-styled:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 12px;
	right: 2px;
}
.select-styled:hover {
	background-color: #1e4d75;
}
.select-styled:active, .select-styled.active {
	background-color: #1e4d75;
}
.select-styled:active:after, .select-styled.active:after {
	top: 0px;
	border-color: transparent transparent #fff transparent;
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #1e4d75;
}
.select-options li {
	margin: 0;
	padding: 2px 0;
	text-indent: 15px;
	border-top: 1px solid #962d22;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.select-options li:hover {
	color: #ff7555;
	background: #fff;
}
.select-options li[rel="hide"] {
	display: none;
}
/*Toggles*/
.toggles *,.toggles *:before, .toggles *:after {
	box-sizing:border-box;
/*	margin:0;
	padding:0;*/
	-webkit-transition:.25s ease-in-out;
	-moz-transition:.25s ease-in-out;
	-o-transition:.25s ease-in-out;
	transition:.25s ease-in-out;
	outline:none;
	font-family:Helvetica Neue,helvetica,arial,verdana,sans-serif;
}
.ios-toggle, .ios-toggle:active {
	position:absolute;
	top:-5000px;
	height:0;
	width:0;
	opacity:0;
	border:none;
	outline:none;
}.checkbox-label {
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	float:left;
	display:block;
	position:relative;
	padding:2px;
	font-size:12px;
	line-height:16px;
	width:24px;
	height:14px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	background:#f8f8f8;
	cursor:pointer;
}span.toggle-title{
	position:relative;
	display:table;
	float:left;
	line-height:20px;
	height:20px;
	padding-left:8px;
	font-size:12px;
	font-weight:600;
	color:#333;
}.checkbox-label:before{
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	line-height:14px;
	text-indent:0px;
	height:14px;
	width:14px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	top:0px;
	left:0px;
	right:auto;
	background:white;
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	-moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
	box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}.checkbox-label:after {
	content:attr(data-off);
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:-300px;
	padding:2px;
	height:100%;
	width:300px;
	text-align:right;
	color:#bfbfbf;
	white-space:nowrap;
	opacity:0;
}.ios-toggle:checked + .checkbox-label {
	-webkit-box-shadow:inset 0 0 0 20px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
	-moz-box-shadow:inset 0 0 0 20px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
	box-shadow:inset 0 0 0 20px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
}.ios-toggle:checked + .checkbox-label:before {
	left:calc(100% - 14px);
	-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
	-moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
	box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}.ios-toggle:checked + .checkbox-label:after {
	content:attr(data-on);
	left:60px;
	width:36px;
}.ios-toggle + .checkbox-label {
	-webkit-box-shadow:inset 0 0 0 0px rgba(113,197,134,1),0 0 0 2px #dddddd;
	-moz-box-shadow:inset 0 0 0 0px rgba(113,197,134,1),0 0 0 2px #dddddd;
	box-shadow:inset 0 0 0 0px rgba(113,197,134,1),0 0 0 2px #dddddd;
}.ios-toggle:checked + .checkbox-label {
	-webkit-box-shadow:inset 0 0 0 18px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
	-moz-box-shadow:inset 0 0 0 18px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
	box-shadow:inset 0 0 0 18px rgba(113,197,134,1),0 0 0 2px rgba(113,197,134,1);
}.ios-toggle:checked + .checkbox-label:after {
	color:rgba(113,197,134,1);
}
/*Toggles*/
@media screen and (max-width: 500px) {
	.calendar{
		float:none;
		margin:0px auto;
		display:block;
		width:100%;
	}
	.calendarContent{
		display:block;
		width:100%;
	}
	.calendarWeek{
		width:100%;
		display:block;
	}
	.calendarWeekDayName{
		width:14.28571428571429%;
		background-color:#333;
	}
	.calendarDay{
		width:14.28571428571429%;
	}
	.arrivalTourInfo{
		width:100%;
	}
}
@media screen and (max-width: 1024px) {
	/*.calendarDay{
		width:22px;
	}
	.calendarWeekDayName{
		width:22px;
	}*/
}

/*Sefer Listesi*/
.travelContent#divTravel{
	position:relative;
	padding:2px;
	overflow-y:scroll;
	min-height:calc(100vh - 130px) !important;
	width:100%;
	height:calc(100vh - 130px) !important;
}
/* width */
#divTravel::-webkit-scrollbar {
  width: 4px;
}

/* Track */
#divTravel::-webkit-scrollbar-track {
  background: #fff;
}
 
/* Handle */
#divTravel::-webkit-scrollbar-thumb {
  background: #ccc; 
}

/* Handle on hover */
#divTravel::-webkit-scrollbar-thumb:hover {
  background: #ddd; 
}
.tourBody{
	position:relative;
	width:100%;
	padding-left:3%;
	min-height:40px;
	border:1px solid #8f959b;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow:hidden;
	cursor:pointer;
	transition:ease 0.3s;
	margin:2px 0px;
}
.tourBody:hover{
	z-index:2;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.hoverTravel{
  background-color: white;
}
.tourBody.hoverTravel:hover{
  cursor: pointer;
  background-color: #dcdfff;
}
.tourBody.tourSmyrna.hoverTravel:hover{
  background-color: skyblue;
}
.tourBody.tourDayNight.hoverTravel:hover{
  background-color: #ccc;
}
.tourBody.tourPast.hoverTravel:hover{
	background-color:#d80000;
}
.tourBody.tourListTrue.hoverTravel:hover{
	background-color:#ffff40;
}
.tourBody.tourDisable.hoverTravel:hover{
	background-color:#eee;
}
.tourType{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	width:3%;
	background-color:#337ab7;
}
.tourTimeId{
	position:relative;
	height:40px;
	width:60px;
	padding-right:3%;
	/*background-color:#004899;*/
	display:flex;
	justify-content:center;
	align-items:center;
	float:left;
}
.tourTIBlock{
	position:relative;
	display:table;
}
.tourTime{
	position:relative;
	width:100%;
	font-size:14pt;
	font-weight:600;
	text-align:center;
	line-height:20px;
}
.tourId{
	position:relative;
	text-align:center;
	font-size:10pt;
	font-weight:400;
	display:table;
	margin-top:24px;
	width:100%;
}
.tourInfo{
	position:relative;
	width:calc(100% - 60px);
	/*max-height:40px;*/
	float:left;
}
.tourName{
	position:relative;
	width:98%;
	line-height:18px;
	font-size:14px;
	font-weight:900;
	float:left;
	margin-left:2%;
}
.tourName span{
	white-space:nowrap;
}
.routeName{
	position:relative;
	float:left;
	display:table;
	font-weight:900;
	max-width:calc(100% - 110px);
}
.tourFeature{
	position:relative;
	width:110px;
	height:24px;
	float:left;
}
.tourFeature img{
	float:left;
	margin-right:4px;
}
.tourPlate{
	position:relative;
	display:table;
	height:22px;
	font-size:14px;
	line-height:22px;
	margin-left:10px;
	float:left;
	border:1px solid #333;
	border-radius:5px;
	overflow:hidden;
	background-color:#fff;
}
.plateNt{
	position:relative;
	width:23px;
	height:23px;
	background-color:#004899;
	color:#fff;
	font-weight:600;
	text-align:center;
	float:left;
}
.plateText{
	position:relative;
	display:table;
	margin:0px 5px;
	float:left;
	font-weight:600;
}
.tourListOk{
	position:relative;
	float:left;
	margin-left:5px;
	height:24px;
	background-color:#ffff40;
	color:#333;
	line-height:24px;
	font-size:12px;
	font-weight:600;
	padding-right:12px;
	border-radius:12px;
	display:none;
}
.tourDriverInfo{
	position:relative;
	width:98%;
	height:18px;
	line-height:18px;
	margin:0px 1%;
	font-size:12px;
	font-weight:600;
	width:100%;
}
/* Eski Sağa yaslı
.tourNumbers{
	position:relative;
	width:20px;
	height:60px;
	float:right;
	background-color:#000;
}*/
.tourNumbers{
	position:absolute;
	bottom:0px;
	right:0px;
	height:20px;
	width:60px;
}
/* Eski Sağa Yaslı
.tourNum{
	position:relative;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-weight:600;
	transition:ease 0.3s;
}
.tourNum:hover span{
	right:20px;
}
*/
.tourNum{
	position:relative;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-weight:600;
	transition:ease 0.3s;
	float:left;
}
.tourNum:hover span{
	right:20px;
}
.tourNum.total, .tourNum.total span{
	background-color:#fff;
	color:#13dcde;
	transition:ease 0.3s;
	z-index:1;
}
.tourNum.here, .tourNum.here span{
	background-color:#fff;
	color:#81dc45;
	transition:ease 0.3s;
	z-index:2;
}
.tourNum.empty, .tourNum.empty span{
	background-color:#fff;
	color:#d80000;
	transition:ease 0.3s;
	z-index:3;
}
.tourNum span{
	position:absolute;
	top:0px;
	right:-400px;
	bottom:0px;
	display:table;
	padding:0px 5px;
	color:#fff;
	white-space:nowrap;
	transition:ease 0.3s;
	z-index:1;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.tourList{
	position:relative;
	width:100%;
	background-color:#fff;
	display:table;
}
.tourDayTotal{
	position:relative;
	width:100%;
	display:table;
	margin:10px 0px;
}
.tourDayList{
	position:relative;
	width:32%;
	padding:5px 0px;
	float:left;
	text-align:center;
	font-size:14px;
	font-weight:900;
	color:#fff;
	line-height:18px;
	border-radius:5px;
	border:1px solid #333;
}
.tourDayTotal .tourDayList:nth-child(2){
	margin:0px 2%;
}
.tourDayList span{
	font-size:18px;
}
.tourDayList i{
	position:absolute;
	color:#fff;
	opacity:.5;
	bottom:1%;
	right:1%;
	font-size:24px;
}
.total{
	background-color:#13dcde;
}
.here{
	background-color:#81dc45;
}
.empty{
	background-color:#d80000;
}
/*Tour Style Type*/
@media only screen and (max-width: 1200px) {
	.tourTimeId{
		padding-right:0px;
		width:40px;
	}
	.tourInfo{
		width:calc(100% - 40px);
	}
	.tourNumbers{
		display:none;
	}
}
.tourBody:hover{
	border-color:#337ab7;
}

.tourBody.type3{
	background-color:#337ab7;
	z-index:2;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
/*
.tourBody.tourSelect.type3{
	background-color:#ffff40;
}
.tourBody.tourSelect:hover{
	border-color:#ffff40;
}
.tourBody.tourListTrue.type3{
	background-color:#ffff40;
}
.tourBody.tourListTrue:hover{
	border-color:#ffff40;
}
.tourBody.tourPast.type3{
	background-color:#d80000;
}
.tourBody.tourPast:hover{
	border-color:#d80000;
}
.tourBody.tourDisable.type3{
	background-color:#ccc;
	color:#888;
}
.tourBody.tourDisable:hover{
	border-color:#888;
}
.tourBody.type2 .tourTimeId, .tourBody.type3 .tourTimeId, .tourBody.type3 .tourInfo{
	background-color:#337ab7;
}

.tourBody.tourPast.type2 .tourTimeId, .tourBody.tourPast .tourTimeId, .tourBody.tourPast .tourInfo{
	background-color:#d80000;
}

.tourBody.tourListTrue.type2 .tourTimeId, .tourBody.tourListTrue .tourTimeId, .tourBody.tourListTrue .tourInfo{
	background-color:#ffff40;
}

.tourBody.tourSelect.type2 .tourTimeId, .tourBody.tourSelect.type3 .tourTimeId, .tourBody.tourSelect.type3 .tourInfo{
	background-color:#ffff40;
}

.tourBody.tourDisable.type2 .tourTimeId, .tourBody.tourDisable.type3 .tourTimeId, .tourBody.tourDisable.type3 .tourInfo{
	background-color:#ccc;
}*/

.tourBody.tourListTrue{
	background-color:#ffff40;
}

.tourBody.tourPast{
	background-color:#d80000;
	color:#fff;
}
.tourBody.tourPast .tourId{
	color:#fff;
}
.tourBody.tourPast .tourFeature .plateText{
	color:#000;
}

.tourBody.type3, .tourBody.type3.tourPast, .tourBody.type3.tourListTrue{
	background-color:#337ab7;
}
.tourBody.type3{
	color:#fff;
}
.tourBody.type3 .tourFeature .plateText{
	color:#000;
}

.tourBody.type2 .tourTimeId .tourTime, .tourBody.type2 .tourTimeId .tourId, .tourBody.type3 .tourTimeId .tourTime, .tourBody.type3 .tourTimeId .tourId, .tourBody.type3 .tourInfo .tourName, .tourBody.type3 .tourInfo .tourDriverInfo{
	color:#fff;
	font-weight:600;
}

.tourId{
	color:#333;
}
.tourBody.type3 .tourInfo .tourName .tourPlate .plateText{
	color:#333;
}

/*Tour Type Class Change*/
.tourBody.tourSelect{
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
}
.tourBody.tourSelect .tourType{
	background-color:#ffff40;
}

.tourBody.tourListTrue .tourType{
	background-color:#ffff40;
}
.tourBody.tourListTrue .tourInfo .tourFeature .tourListOk{
	display:table;
}

.tourBody.tourPast .tourType{
	background-color:#d80000;
}

.tourBody.tourSmyrna{
	background-color:skyblue;
}
.tourBody.tourSmyrna .tourType{
	background-color:skyblue;
}

.tourBody.tourDayNight{
	background-color:#aaa;
}

.tourBody.tourDayNight .tourType{
	background-color:#aaa;
}

.tourBody.tourDisable .tourType{
	background-color:#ccc;
}
.tourBody.tourDisable .tourName, .tourBody.tourDisable .tourDriverInfo, .tourBody.tourDisable .tourTime, .tourBody.tourDisable .tourId{
	color:#888 !important;
}
.tourBody.tourDisable .tourNumbers .tourNum, .tourBody.tourDisable .tourNum span{
	background-color:#ccc !important;
	color:#888 !important;
}
.tourBody.tourDisable .tourInfo .tourName span{
	background-color:#333;
	color:#333;
	line-height:16px;
	border-radius:8px;
	padding:0px 4px;
	margin-top:4px;
}
.tourBody.tourPast .tourInfo .tourName span{
	background-color:#d80000;
	color:#fff;
	line-height:16px;
	border-radius:8px;
	padding:0px 4px;
	margin-top:4px;
}

.tourBody.tourListOkTrue.type3 .tourInfo .tourName{
	color:#333;
}
.tourBody.tourListTrue .tourInfo .tourName span{
	background-color:#ffff40;
	color:#333;
	line-height:16px;
	border-radius:8px;
	padding:0px 4px;
	margin-top:4px;
}
.tourListOk img{
	height:16px;
	margin-top:4px;
}
.tourListOk{
	height:16px;
	padding-right:3px;
	
}
.tourListOk span{
	
}
.tourPlate{
	font-size:12px;
	height:16px;
	line-height:16px;
	margin-top:0px;
}
.plateNt{
	height:16px;
	width:18px;
}
.tourTimeId .tourTime{
	font-size:18px;
	line-height:30px;
}
.tourTimeId .tourId{
	margin:0px;
	line-height:30px;
}
.tourName, .tourDriverInfo{
	font-size:12px;
}
.tourFeature a{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.mdlTv{
	background: url(../images/modelOption/tv.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tourBody.tourDisable .tourInfo .tourFeature .mdlTv{
	background-image: url(../images/modelOption/dsbtv.png);
}
.mdlWc{
	background: url(../images/modelOption/wc.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	
}
.tourBody.tourDisable .tourInfo .tourFeature .mdlWc{
	background-image: url(../images/modelOption/dsbwc.png);
}
.mdlPower{
	background-image: url(../images/modelOption/power.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tourBody.tourDisable .tourInfo .tourFeature .mdlPower{
	background-image: url(../images/modelOption/dsbpower.png);
}
.mdl21{
	background: url(../images/modelOption/mdl21.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tourBody.tourDisable .tourInfo .tourFeature .mdl21{
	background-image: url(../images/modelOption/dsb21.png);
}
.mdl22{
	background: url(../images/modelOption/mdl22.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tourBody.tourDisable .tourInfo .tourFeature .mdl22{
	background-image: url(../images/modelOption/dsb22.png);
}
.mdlWifi{
	background: url(../images/modelOption/wifi.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.mdlDayNight{
	background: url(../images/modelOption/daynight.png);
	width: 24px; 
	height: 24px;
	margin-left: 2px; 
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.tourBody.tourDisable .tourInfo .tourFeature .mdlWifi{
	background-image: url(../images/modelOption/dsbwifi.png);
}
@media only screen and (max-width: 1600px){
	.mdlTv{
		background: url(../images/modelOption/tv.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdlWc{
		background: url(../images/modelOption/wc.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdlPower{
		background: url(../images/modelOption/power.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdl21{
		background: url(../images/modelOption/mdl21.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdl22{
		background: url(../images/modelOption/mdl22.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdlWifi{
		background: url(../images/modelOption/wifi.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.mdlDayNight{
		background: url(../images/modelOption/daynight.png);
		width: 16px; 
		height: 16px;
		margin-top:4px;
		margin-left:1px;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
}
.tourListOk img{
	height:16px;
	margin-top:4px;
}
.tourListOk{
	height:16px;
	padding-right:3px;
	
}
.tourListOk span{
	/*display:none;*/
}
.tourPlate{
	font-size:12px;
	height:16px;
	line-height:16px;
	margin-top:0px;
	margin-left:0px;
}
.plateNt{
	height:16px;
	width:18px;
}
.tourBusPhone{
	position:relative;
	float:left;
	font-size:12px;
	line-height:18px;
	margin-right:10px;
}
.tourTimeId .tourTime{
	font-size:18px;
	line-height:20px;
}
.tourTimeId .tourId{
	margin:0px;
	line-height:20px;
}
.tourName, .tourDriverInfo{
	font-size:12px;
	text-overflow:ellipsis;
}
.tourFeature img{
	width:16px;
	margin-top:4px;
}

.x{
	clear:both;
}
@media only screen and (max-width: 800px) {
	
}
@media only screen and (max-width: 600px) {
	.tourListOk img{
		height:16px;
		margin-top:4px;
	}
	.tourListOk{
		height:16px;
		padding-right:0px;
		background-color:transparent;
	}
	.tourListOk span{
		display:none;
	}
	.tourPlate{
		font-size:12px;
		height:18px;
		line-height:18px;
		margin-top:3px;
	}
	.plateNt{
		height:18px;
		width:18px;
	}
	.tourTimeId .tourTime{
		font-size:18px;
		line-height:30px;
	}
	.tourTimeId .tourId{
		margin:0px;
		line-height:30px;
	}
	.tourName, .tourDriverInfo{
		font-size:12px;
	}
	.tourFeature img{
		width:16px;
		margin-top:4px;
	}
}
@media only screen and (max-width: 400px) {
	.tourBody{
		padding-left:2%;
		width:98%;
	}
	.tourType{
		width:2%;
	}
	.tourTimeId{
		width:auto;
		display:table;
		padding-right:2%;
	}
	.tourTimeId .tourTime{
		font-size:14px;
	}
	.tourId{
		font-size:10px;
	}
	.tourInfo{
		width:calc(96% - 66px);
	}
	.tourName, .tourDriverInfo{
		font-size:10px;
	}
	.tourFeature img{
		margin-right:1px;
	}
	.tourPlate{
		margin-left:2px;
	}
}
/*Sefer Listesi*/

/*Ekrem*/

/*29.07.2019 Mesaj Kutusu Tasarımı*/
.messageWriteBox{
  position:relative;
  width:100%;
  display:inline-block;
  margin-top:10px;
}
.messageTextBox{
	position:relative;
	width:80%;
	display:block;
	padding-left:2%;
	padding-right:2%;
	height:32px;
	line-height:25px;
	font-size:11pt;
	color:#333;
	font-weight:600;
	border-radius:16px;
	outline:none;
	resize:none;
	box-sizing:border-box;
}
.spnDirective{
	position:absolute;
	width:20%;
	right:0px;
	border-radius:16px;
	height:32px;
	line-height:32px;
	background-color:#ff8000;
	top:0px;
	text-align:center;
}
span.chkBox{
	position:relative;
	width:20px;
	height:20px;
	margin:6px 4px;
	margin-right:2px;
	background-color:#fff;
	overflow:hidden;
	display:inline-block;
	float:left;
	border-radius:3px;
}
span.chkBox i{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	opacity:0;
	font-size:12pt;
	color:#ff8000;
	line-height:20px;
	width:20px;
	text-align:center;
	z-index:2;
	transition:ease 0.2s;
}
input[type=checkbox].newChkBox{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:20px;
	height:20px;
	margin:0px;
	opacity:1;
	z-index:4;
	background-color:#fff;
	border:none;
	opacity:0;
}
input[type=checkbox].newChkBox:checked ~ label i#chkBoxI{
	opacity:1;
	z-index:4;
}
input.newChkBox:checked>#chkBoxI{
	opacity:0;
}
label#chkBoxDirective2{
	position:relative;
	line-height:14px;
	font-weight:600;
	font-size:7pt;
	margin-bottom:0px;
	color:#fff;
	margin-top:4px;
}
label#chkBoxDirectiveBg{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255, 0.3);
}
span.chkBox label#chkBoxDirective{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:#fff;
	margin-bottom:0px;
	float:left;
	z-index:3
}
/*Chat*/
.messageFullBox{
	position:relative;
	width:100%;
	display:inline-block;
	margin-bottom:4px;
}
.chatWindowMessages .messageFullBox:first-child{
	margin-top:4px;
}
.messageBox{
	position:relative;
	display:table;
	border:1px solid transparent;
	border-collapse: separate;
	padding:5px;
	padding-bottom:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	max-width:90%;
	min-width:30%;
}
.mbleft{
	float:left;
	margin-left:10px;
	-webkit-border-radius: 7.5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 7.5px;
	-moz-border-radius-topleft: 0;
	border-radius: 7.5px;
	border-top-left-radius: 0;
	background-color: #fff;
}
.mbright{
	float:right;
	margin-right:10px;
	-webkit-border-radius: 7.5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 7.5px;
	-moz-border-radius-topright: 0;
	border-radius: 7.5px;
	border-top-right-radius: 0;
	background-color:#dcdfff;
}
.messageBox:before{
	content:'';
	position:absolute;
	top:-2px;
	background-repeat:no-repeat;
	background-size:contain;
	width:10px;
	height:10px;
}
.messageBox.mbleft:before{
	left:-10px;
	background-image:url(../images/mbleft.png);
	background-position:right top;
}
.messageBox.mbright:before{
	right:-10px;
	background-image:url(../images/mbright.png);
	background-position:left top;
}
/*.messageBox:before{
	font-family:'icon-echo';
    font-weight:900;
	content:'/f0da';
	position: absolute;
	top: 4px;
}
.messageBox.mbleft:before{
	left:-10px;
	/*border-right: 10px solid #fff;
}
.messageBox.mbright:before{
	right:-10px;
	/*border-right: 10px solid #dcdfff;
	transform:rotate(-180deg);
}*/
.messageUserName{
	font-size:7pt;
	letter-spacing:1pt;
	font-weight:300;
	color:#fff;
	display:none;
}
.messageText{
	position:relative;
	display:block;
	font-size:10pt;
	letter-spacing:1px;
	font-weight:600;
	color:#333;
	word-break:break-word;
}
.messageDate{
	position:absolute;
	right:5px;
	bottom:-3px;
	font-size:7pt;
	font-weight:100;
	color:#333;
}
.messageSender{
	position:relative;
	width:100%;
	height:20px;
	font-size:9pt;
	font-weight:600;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	color:#000;
	background-color:#fff;
	border-radius:10px;
	margin-bottom:8px;
	margin-top:5px;
	padding:0px 10px;
	white-space:nowrap;
}
.messageReceiver{
	position:relative;
	width:100%;
	height:20px;
	font-size:9pt;
	font-weight:600;
	text-align:center;
	line-height:20px;
	letter-spacing:1px;
	color:#ff0000;
	background-color:#fff;
	border-radius:10px;
	margin-bottom:8px;
	margin-top:5px;
}
/*Chat*/
/*29.07.2019 Mesaj Kutusu Tasarımı*/
/*BusSeat*/
@media only screen and (max-width: 1200px) {
	.busSeat{
		
	}
}
/*BusSeat*/
/*05/09/2019*/
:root{
	--fa-primary-color: #ce0814;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #0089cc;
	--fa-secondary-opacity: 1;
}
.ticketCol{
	position:relative;
	margin:2px 0px;
	float:left;
	display:block;
	height:calc(100vh - 100px);
	z-index:2;
}
.ticketCol[data-type="travelFilter"]{
	
}
.generalMessage, .divMessage{
	height:calc(100vh - 156px);
}
.ticketCol2{
	position:relative;
	margin:2px 0px;
	float:left;
	display:block;
	height:calc(100vh - 100px);
	background-color:#fff;
}
.ticketColAnchor{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:14;
	background-color:#fff;
	border-radius:50px;
	line-height:30px;
	height:30px;
	width:30px;
	text-align:center;
	border:1px solid #ff7555;
	cursor:move;
	display:none;
}
.travelContainer{
	position:relative;
	display:block;
	width:calc(100% - 10px);
	height:calc(100vh - 100px);
}
ul.nav.nav-tabs li.dayDate{
	position:absolute;
	display:table;
	right:0px;
	padding:0px 10px;
	background-color:#d80000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	color:#fff;
	font-weight:900;
}
.travelContent{
	position:relative;
	display:block;
	width:100%;
	height:calc(100vh - 99px);
	background-color:#fff;
	margin-right:10px;
	border:1px solid #999;
}
.travelContentResize{
	position:absolute;
	top:0px;
	right:0px;
	width:3px;
	bottom:0px;
	height:100%;
	background-color:#ff0000;
	cursor:col-resize;
}

.travelContent#travelTransactions{
	height:calc(100vh - 134px) !important;
	top:-6px;
	overflow-y: scroll;
}
.travelListHeader{
	position:relative;
	width:100%;
	height:30px;
	background-color:#337ab7;
	color:#fff;
	font-size:12pt;
	line-height:30px;
	padding:0px 4%;
	z-index:4;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.travelActiveFiltersBut{
	position:absolute;
	top:0px;
	right:0px;
	line-height:30px;
	border-left:1px solid #fff;
	color:#fff;
	font-size:12pt;
	text-align:center;
	padding:0px 10px;
	cursor:pointer;
}
.travelActiveFiltersBut:hover i.fal, .travelActiveFiltersBut.activeFilter i.fal{
	font-weight:900;
}
.travelListFilters{
	position:absolute;
	top:40px;
	right:-150px;
	padding:5px 2%;
	display:none;
	transition:ease 0.3s;
}
label.tFLFilters{
	position:relative;
	display:table;
	float:right;
	height:20px;
	background-color:#fff;
	border:1px solid #337ab7;
	color:#337ab7;
	text-align:center;
	line-height:20px;
	padding:0px 10px;
	border-radius:10px;
	font-size:10pt;
	font-weight:600;
	margin:2px 2px;
	cursor:pointer;
	transition:ease 0.2s;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	white-space: pre;
}
.tFLFilters:hover, .tFLFilters.tFLActive{
	background-color:#337ab7;
	color:#fff;
}
/*Calendar*/
.calenderMonthNav{
	position:absolute;
	top:0px;
	height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0px 5px;
	background-color:#337ab7;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	
}
.calenderMonthNav.monthPrev{
	left:0px;
	-webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
.calenderMonthNav.monthNext {
    right: 0px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}
.calenderMonthNav:hover{
	background-color:#1e4d75;
}
.select-styled{
	font-size:11pt;
	font-weight:600;
	line-height:30px;
	text-align:center;
}
.select-styled:after{
	border: 4px solid transparent;
	border-color: #fff transparent transparent transparent;
}
.travelCalendar{
	position:relative;
	width:100%;
	display:table;
	min-height:160px;
	background-color:#fff;
}
.calendarContent{
	width:100%;
	border-bottom:1px solid #333;
}
.calendarWeek{
	background-color:#333;
}
.calendarWeekDayName{
	width:14.2%;
}
.calendarDay{
	width:14.2%;
	height:26px;
	line-height:26px;
}
.calendarDay.toDay{
	background-color:#34a03e;
	border-radius:30px;
	color:#fff;
}
.calendarDay:hover{
	background-color:#333;
}
.calendarDay.activeDay:hover{
	background-color:#337ab7;
	cursor:default;
}
.calendarDay.holiDay{
	color:#d80000;
}
.calendarDay.holiDay:hover{
	background-color:#d80000;
	color:#fff;
}
.travelFastDate{
	position:relative;
	width:100%;
	display:table;
	border-bottom:1px solid #333;
}
.tFDCol{
	position:relative;
	width:33.333%;
	float:left;
	min-height:30px;
	display:block;
	padding:0px 1%;
	line-height:30px;
	color:#fff;
	cursor:pointer;
	font-size:12pt;
}
.tFDCol.tFDtoDay{
	background-color:#34a03e;
}
.tFDCol.tFDtoMorrow{
	background-color:#337ab7;
}
.tFDCol.tFDHoliday{
	background-color:#d80000;
}
.tFDCol i.fad{
	--fa-primary-color: #fff;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #fff;
	--fa-secondary-opacity: .5;
}
i.holidayDown{
	position:absolute;
	top:50%;
	right:1%;
	transform:translateY(-50%);
}
.holidayList{
	position:absolute;
	right:0px;
	top:30px;
	left:0px;
	width:100%;
	display:table;
	background-color:#fff;
	z-index:10;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.75);
	display:none;
}
.holidayList ul{
	position:relative;
	width:96%;
	margin:10px 2%;
	display:table;
	list-style:none;
}
.holidayList ul li{
	position:relative;
	font-size:12px;
	padding:0px 2%;
	line-height:20px;
	color:#d80000;
	transition:ease 0.3s;
	cursor:pointer;
}
.holidayList ul li:hover{
	background-color:#d80000;
	color:#fff;
}
/*Calendar*/
/*Select2*/
.travelLocation{
	position:relative;
	width:100%;
	display:table;
	padding: 0px 0px;
	background-color:#fff;
	margin-bottom:6px;
}
.travelLocation *:focus{
	outline:none;
}
/*Departure*/
.departure{
	margin:0px;
	position:relative;
	width:100%;
	display:table;
}
label.lLabel{
	position:absolute;
	padding-left:19pt;
	top:2pt;
	font-size:9pt;
	color:#333;
	z-index:9;
}
.select2.departure{
	width:100% !important;
	height:60px;
}
.select2.departure .selection .select2-selection{
	border:none;
	height:60px;
	border-bottom:1px solid #aaa;
	border-radius:0px;
	padding:0px;
	display:grid;
}
.select2.departure .selection .select2-selection .select2-selection__rendered{
	line-height:60px;
	padding:0px;
	padding-left:19pt;
	padding-right:10px;
	font-size:11pt;
}
.select2.departure .selection .select2-selection .select2-selection__rendered:before{
	content:'\f601';
	font-family: "Font Awesome 5 Pro";
	font-weight:100;
	position:absolute;
	font-size:18pt;
	left:1px;
	top:0px;
	bottom:0px;
	height:100%;
	line-height:60px;
	color:var(--fa-secondary-color);
}
.select2.departure .selection .select2-selection .select2-selection__arrow{
	line-height:60px;
	width:10px;
	top:0px;
	right:7px;
	height:60px;
}
.select2.departure .selection .select2-selection .select2-selection__arrow b{
	border-width: 8px 5px 0 5px;
}
/*Departure*/
/*Arrival*/
.arrival{
	margin:0px;
	position:relative;
	width:100%;
	display:table;
}
.select2.arrival{
	width:100% !important;
	height:60px;
}
.select2.arrival .selection .select2-selection{
	border:none;
	height:60px;
	border-bottom:1px solid #aaa;
	border-radius:0px;
	padding:0px;
	display:grid;
}
.select2.arrival .selection .select2-selection .select2-selection__rendered{
	line-height:60px;
	padding:0px;
	padding-left:19pt;
	padding-right:10px;
	font-size:11pt;
}
.select2.arrival .selection .select2-selection .select2-selection__rendered:before{
	content:'\f3c5';
	font-family: "Font Awesome 5 Pro";
	font-weight:100;
	position:absolute;
	font-size:18pt;
	left:1px;
	top:0px;
	bottom:0px;
	height:100%;
	line-height:60px;
	color:var(--fa-primary-color);
}
.select2.arrival .selection .select2-selection .select2-selection__arrow{
	line-height:60px;
	width:10px;
	top:0px;
	right:7px;
	height:60px;
}
.select2.arrival .selection .select2-selection .select2-selection__arrow b{
	border-width: 8px 5px 0 5px;
}
/*Arrival*/
/*ChangeWay*/
.changeWay{
	position:absolute;
	top:45px;
	right:10%;
	width:30px;
	height:30px;
	background-color:#fff;
	border-radius:20px;
	font-size:14pt;
	line-height:30px;
	text-align:center;
	z-index:1;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	transition:ease 0.3s;
	cursor:pointer;
}
.changeWay:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
}
.changeWay i{
	transform:rotate(90deg);
	transition:ease 0.3s;
}
.changeWay:hover i{
	transform:rotate(-90deg);
}
/*ChangeWay*/
/*Select2 DropDown*/
#selectDA{
	position:absolute;
	top:0px;
	left:0px;
}
#selectDA .select2-dropdown{
	top:-60px;
	background-color:transparent;
}
#selectDA .select2-search{
	height:58px;
	padding:0px;
	background-color:white;
	margin-left:19pt;
}
#selectDA .select2-container--default .select2-search--dropdown .select2-search__field{
	height:58px;
	padding:0px;
	line-height:58px;
	border:none;
	background-color:transparent;
}
#selectDA .select2-container--default .select2-search--dropdown .select2-search__field:focus{
	outline:none;
}
#selectDA .select2-results{
	background-color:white;
}
/*Select2 DropDown*/
/*Select2*/
/*Filter*/
.travelFilters{
	position:relative;
	width:100%;
	display:none;
}
.travelFiltersOption{
	/*display:none;*/
}
.tFFilterCol{
	position:relative;
	width:98%;
	margin:5px 1%;
}
.tf-col-6{
	position:relative;
	float:left;
	width:50%;
	padding-right:5%;
	margin-bottom:5px;
}
.tf-col-12{
	position:relative;
	float:left;
	width:100%;
	padding-right:5%;
	margin-bottom:5px;
}
label.checkboxGroup{
	position:relative;
	width:100%;
	display:table;
	margin:0px;
	padding:0px;
}
label.checkboxGroup input{
	opacity:0;
}
.checkmark{
	position: relative;
	display: table;
	float: left;
	border-radius:10px;
	width:20px;
	height:20px;
}
.container input:checked ~ .checkmark {
	background-color: #5cb85c;
}
.checktext{
	position: relative;
	display: table;
	float: left;
	font-size: 12px;
	font-weight: 600;
	margin-left: 2px;
	line-height: 20px;
}
/*Filter*/
/*Message*/
.generalMessage{
	position:relative;
	width:100%;
	display:block;
	background-image:url();
}
.divMessage{
	position:relative;
	width:100%;
	background-color:#e1e1e1;
}
/*Message*/
.koltukNo{
	width: 20px;
	height: 32px;
	line-height: 32px;
	color: #333;/*ff7555*/
	background-color: #fff;
	background-image:none;
	font-size:12pt;
	line-height:30px;
	text-align:center;
}
@media only screen and (max-width: 1400px) {
	.koltukNo{
		width:20px;
		font-size:13px;
		line-height:28px;
	}
}
.busSeat{
	display:inline-block;
	float:left;
	border:1px solid #333;
	height:34px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-radius:0px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow:hidden;
	font-weight: 900;
}
/*TabMenu*/
.travelTabMenu{
	position:relative;
	width:100%;
	height:40px;
	background-color:#fff;
	overflow-x:auto;
	overflow-y:hidden;
	z-index:1;
}
.travelTabMenu ul.nav.nav-tabs{
	position:relative;
	min-height:40px;
	width:100%;
	overflow-x:auto;
	display:flex;
	flex-wrap:wrap;
}
.travelTabMenu::-webkit-scrollbar {
  height: 4px;
}
.travelTabMenu::-webkit-scrollbar-track {
  background: #fff;
}
.searchMember::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.8);
}
.searchMember::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,1);
}
.travelTabMenu ul.nav.nav-tabs li a{
	position:relative;
	background-color:#337ab7;
	color:#fff;
	letter-spacing:1pt;
	font-weight:600;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	transition:ease 0.3s;
}
.travelTabMenu ul.nav.nav-tabs li a:hover{
	background-color:#ff7555;
}
.travelTabMenu ul.nav.nav-tabs li.active a{
	position:relative;
	border:none;
	background-color:#fff;
	color:#333;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.travelTabMenu ul.nav.nav-tabs li a:after{
	position:absolute;
	content:'';
	bottom:0px;
	background-color:#337ab7;
	left:0px;
	right:0px;
	width:100%;
	height:0px;
	transition:ease 0.3s;
}
.travelTabMenu ul.nav.nav-tabs li.active a:after{
	position:absolute;
	content:'';
	bottom:-2px;
	background-color:#fff;
	left:0px;
	right:0px;
	width:100%;
	height:15px;
}
/*TabMenu*/
/*Load Animation*/
.staticLoad{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.sLoadCenter{
	position:relative;
	display:table;
	font-size:40pt;
	text-align:center;
}
/*Load Animation*/
/*Travel Note*/

.staticRightMenu{
	position:relative;
	width:100%;
	height:calc(100vh - 140px);
	overflow:auto;
}
.travelNotes{
	position:relative;
	width:100%;
	height:calc(100vh - 430px);
	overflow:hidden;
}
.noteStatus{
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-around;
	align-items:center;
	min-height:20px;
	border-bottom:1px solid #ffc903;
}
.noteAdd{
	position:absolute;
	top:0px;
	right:3%;
}
.noteStatusButton{
	position:relative;
	width:calc(50% - 1px);
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	font-weight:900;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#333;
	cursor:pointer;
	background-color:#fff;
}
.nsbActive{
	color:#34a03e;
}
.nsbPassive{
	color:#f44336;
}
.noteStatusButton:first-child{
	border-right:1px solid #333;
}
.noteStatusButton.nsbActive.nsbSelect{
	background-color:#34a03e;
}
.noteStatusButton.nsbPassive.nsbSelect{
	background-color:#f44336;
}
.noteStatusButton.nsbSelect{
	color:#fff;
}
.noteStatusButton.nsbActive.nsbSelect span{
	color:#34a03e;
}
.noteStatusButton.nsbPassive.nsbSelect span{
	color:#f44336;
}
.noteStatusButton span{
	position:relative;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	border:2px solid #fff;
	background-color:#fff;
	margin-left:5px;
	
}
/*Travel Note*/
/*FontAwesome*/
.fad.fa-warning{
	--fa-primary-color: #ff7200;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #ffb400;
	--fa-secondary-opacity: .5;
}
.fad.fa-danger{
	--fa-primary-color: #ec2313;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #f53d3d;
	--fa-secondary-opacity: .5;
}
.fad.fa-information{
	--fa-primary-color: #234cfd;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #4563e7;
	--fa-secondary-opacity: .5;
}
.fad.fa-success{
	--fa-primary-color: #128409;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #45b83c;
	--fa-secondary-opacity: .5;
}
/*FontAwesome*/
.ticketBulletin{
	position:relative;
	width:100%;
	height:28px;
	background-color:#fff;
	display:inline-table;
	margin-top: 10px;
}
.ticketBulletin marquee{
	font-size:14px;
	font-weight:700;
	height:20px;
	line-height:20px;
	position:relative;
	top:4px;
}
.bulletinHeader{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	height:28px;
	padding-left:20px;
	background-color:#337ab7;
	color:#fff;
	font-size:14px;
	line-height:28px;
	display:inline-table;
}
.bulletinHeader:after{
	content:'';
	position:absolute;
	right:-28px;
	top:0px;
	bottom:0px;
	width: 0;
	height: 0;
	border-top: 28px solid #337ab7;
	border-right: 28px solid transparent;
}

@media screen and (max-width: 1400px){
	.checktext{
		font-size: 10px;
	}
	.travelTabMenu ul.nav.nav-tabs{
		min-width: 250px;
	}
	.tFDCol{
		font-size:14px;
	}
	.dashboard-wrapper {
		margin: 2px;
	}
	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media only screen and (max-width: 1280px) {
	.travelTabMenu ul.nav.nav-tabs li a {
		border:none;
		margin:0px;
		font-size:10px;
	}
	.travelFilter{
		width:19%;
	}
	.travelList{
		width:28%;
		overflow:hidden;
	}
	.travelSeats{
		width:33%;
	}
	.travelNote{
		width:20%;
	}
	.travelContent#travelTransactions{
		height:calc(100vh - 134px) !important;
		top:-6px;
	}
}
@media only screen and (max-width: 1100px) {
	.travelNote#travelNoteBlock{
		
	}
	.travelTabMenu ul.nav.nav-tabs li a i{
		display:none;
	}
	.tFDCol{
		font-size:12px;
	}
	.selectSeatCol p{
		font-size:10px;
	}
}
body{
	min-width:1024px !important;
}
@media only screen and (max-width: 1024px) {
	.ticketCol[data-type="travelFilter"]{
		width:23% !important;
		height: 600px;
	}
	.ticketCol[data-type="travelList"]{
		width: calc(30% - 10px) !important;
		height: 600px;
	}
	.ticketCol[data-type="travelSeats"]{
		width: calc(47% - 5px) !important;
		margin-right: 5px;
		height: 600px;
	}
	.ticketCol[data-type="travelNote"]{
		display:none !important;
	}
}
/*@media only screen and (max-width: 768px) {
	.ticketCol{
		width:50% !important;
	}
}
@media only screen and (max-width: 500px) {
	.ticketCol{
		width:100% !important;
	}
}*/
/*Yüksekliğe Göre Tasarım*/
@media only screen and (max-height: 768px) {
	.travelContent#divTravel{
		min-height:calc(100vh - 130px) !important;
		height:calc(100vh - 130px) !important;
	}
	.generalMessage, .divMessage{
		height:calc(100vh - 80px);
	}
	.tFDCol{
		min-height:20px;
		line-height:20px;
		font-size:11px;
	}
	.holidayList{
		top:20px;
	}
	label.lLabel{
		top:-1px;
	}
	.select2.departure, .select2.arrival{
		height:50px;
	}
	.select2.departure .selection .select2-selection, .select2.arrival .selection .select2-selection{
		height:50px;
	}
	.select2.departure .selection .select2-selection .select2-selection__rendered, .select2.arrival .selection .select2-selection .select2-selection__rendered{
		line-height:55px;
	}
	.select2.departure .selection .select2-selection .select2-selection__rendered:before, .select2.arrival .selection .select2-selection .select2-selection__rendered:before{
		line-height:50px;
	}
	.select2.departure .selection .select2-selection .select2-selection__arrow, .select2.arrival .selection .select2-selection .select2-selection__arrow{
		line-height:50px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{
		margin-top: -20px;
	}
	#selectDA .select2-dropdown {
		top: -50px;
	}
	#selectDA .select2-search{
		height:48px;
	}
	#selectDA .select2-container--default .select2-search--dropdown .select2-search__field {
		height: 48px;
		line-height: 48px;
	}
	.changeWay{
		top:40px;
	}
}
/*Yüksekliğe Göre Tasarım*/
#blockContainer{
	position:relative;
	display:table;
}
.travelCol4 .travelContainer{
	width:100% !important;
}
.travelResize{
	position:absolute;
	width:3px;
	height:calc(100vh - 100px);
	top:3px;
	bottom:-3px;
	background-color:#ff7555;
	background-color:transparent;
	cursor:col-resize;
	z-index:14;
}
.travelResize:hover{
	/*background-color:#ff7555;*/
}
/*05/09/2019*/
/* ticket/sales */
.sales{
	position:relative;
	width:100%;
	display:table;
}
.salesHeader{
	position:relative;
	width:100%;
	background-color:#f0f0f0;
	padding:4px 1%;
	display:table;
}
.bookingInfos{
	position:relative;
	display:table;
	float:right;
	height:25px;
}
.bookingTravel{
	position:relative;
	font-size:16px;
	font-weight:900;
	line-height:25px;
}
.bookingTime{
	position:relative;
	font-size:16px;
	font-weight:900;
	line-height:25px;
	text-align:center;
}
.bookingInvoice{
	position:relative;
	float:left;
	width:40%;
	line-height:25px;
	font-size:20px;
	font-weight:600;
	height:25px;
}
@media screen and (max-width: 500px){
	.bookingInvoice{
		width:100%;
	}
}
.bookingInvoice div{
	font-size:14px;
	/*border-right:2px dashed #333;*/
}
.invoiceInput{
	position:relative;
	float:left;
	width:38%;
	margin-left:2%;
}
.bookingInvoice .invoiceInput:last-child{
	width:46%;
	margin-right:2%;
}

.invoiceInput label{
	position:relative;
	margin:0px;
	line-height:16px;
	font-size:14px;
	color:#333;
}
.invoiceInput:nth-child(3){
	/*border-left:2px dashed #333;*/
}
.invoiceInput .form-control{
	background: #f0f0f0;
    border-color: #f0f0f0;
    font-size: 20px;
	font-weight:900;
	padding:0px;
	height:23px;
}
.invoiceInput select.form-control{
	font-size:14px;
}
.invoiceInput .form-control:focus, .invoiceInput .form-control:hover{
	outline:none;
	border-color:#333;
	box-shadow:none;
	background-color:#fff;
	line-height:20px;
}
.invoiceFooterInput{
	position:relative;
	float:left;
	width:48%;
	margin-left:2%;
}

.invoiceFooterInput label{
	position:relative;
	margin:0px;
	line-height:16px;
	font-size:14px;
	color:#333;
}
.invoiceFooterTextarea{
	position:relative;
	float:left;
}

.invoiceFooterTextarea label{
	position:relative;
	margin:0px;
	line-height:16px;
	font-size:14px;
	color:#333;
}
.invoiceFooterTextarea .form-control{
	background: #fff;
    border-color: #ccc;
    font-size: 20px;
	font-weight:900;
	margin-bottom:10px;
}
.invoiceFooterTextarea textarea.form-control{
	height:96px;
}
.invoiceFooterInput:nth-child(3){
	/*border-left:2px dashed #333;*/
}
.invoiceFooterInput .form-control{
	background: #fff;
    border-color: #ccc;
    font-size: 20px;
	font-weight:900;
	margin-bottom:10px;
}
.invoiceFooterInput select.form-control{
	font-size:14px;
}
.invoiceFooterInput .form-control:focus, .invoiceFooterInput .form-control:hover{
	outline:none;
	border-color:#333;
	box-shadow:none;
	background-color:#fff;
}
.invoiceFooterInput textarea.form-control{
	height:96px;
}

.creditCardImg{
	position:relative;
	float:right;
	width:40%;
	height:154px;
	background-color:#fff;
	border-radius:10px;
	margin:10px 0px;
	display:none;
}
.creditCardPos{
	position:relative;
	display:none;
	float:left;
	width:100%;
	margin:10px 0px;
}
.paymentCard{
	position:relative;
	width:98%;
	margin-bottom:5px;
	display:table;
	margin-left:2%;
}
.paymentCard button{
	width:100%;
	border:none;
	margin-left:0px;
}
.paymentCardCol-4{
	position:relative;
	width:31%;
	margin-left:2%;
	float:left;
}
.paymentCardCol-4:first-child{
	margin-left:0px;
}
.paymentCardCol-4:last-child{
	width:33%;
}
.paymentCardCol-4 *{
	width:100% !important;
}
.salesBody{
	position:relative;
	width:100%;
	display:table;
	margin:10px 0px;
}
.salesSeat{
	position: relative;
	width: 100%;
	margin: 10px 0px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	display: table;
}
.salesSeat.salesSeatMan{
	background-color:#E6F2FF;
}
.salesSeat.salesSeatWoman{
	background-color:#FFF0FF;
}

.form-control{
	padding-left:2px;
	padding-right:1px;
}
.salesSeat{
	position:relative;
	width:100%;
	height:60px;
	background-color:#fff;
	border-radius:10px;
	border:0px;
	margin:8px 0px;
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.3);
	text-transform: uppercase;
}
.salesSeat.genderWoman{
	background-color:#f9cef9;
}
.salesSeat.genderMan{
	background-color:#b6d9ff;
}
/*79b6f7*/
.salesSeat div{
	position:relative;
	float:left;
	margin:0px 1px;
	height:60px;
}
.salesSeat div .form-control:focus, .salesSeat div .form-control:hover{
	border-color:#333;
	outline:none;
}
.salesSeat div label{
	position:absolute;
	left:1px;
	top:4px;
	height:20px;
	line-height:20px;
	color:#5e5e5e;
	font-weight:900;
	padding:0px 6px;
	border-radius:5px;
	background-color:#fff;
	z-index:1;
	white-space: nowrap;
    max-width: calc(100% - 2px);
    overflow: hidden;
    text-overflow: ellipsis;
}
.salesSeat div input, .salesSeat div select{
	margin: 16px 0px 8px 0px;
	text-transform:uppercase;
}
.salesSeat div span.select2{
	margin: 16px 0px 8px 0px;
}
.salesSeat div span.select2.select2-container--default .select2-selection--single{
	height:33px;
	border-radius:0px;
	border:1px solid transparent;
	background:#fff;
}
.seatSaleNumberSale{
	position:relative;
	height:120px !important;
	font-size:2em;
	color:#fff;
	font-weight:900;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border-right:3px dashed #fff;
}
.seatSaleNumberSale span{
	position:absolute;
	width:10px;
	height:20px;
	background-color:#fff;
	border-radius:50px;
	left:-7px;
	top:50px;
}
.seatSaleNumber{
	position:relative;
	height:60px;
	font-size:2em;
	color:#fff;
	font-weight:900;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	border-right:3px dashed #fff;
}
.seatSaleNumber span{
	position:absolute;
	width:10px;
	height:20px;
	background-color:#fff;
	border-radius:50px;
	left:-7px;
	top:20px;
}
.seatSalePassengerNationHesNumber::after{
	/*content:'!';
	position: absolute;
	font-size: 22pt;
	top:0px;
	right: 5px;
	line-height: 60px;
	height: 60px;
	color: red;
	font-weight: 900;*/
}
.salesPayment div{
	margin:0px 1px;
}
.salesSeat div input.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #fff !important;
}
.salesSeatImg{
	position:relative;
	width:92px;
	height:92px;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:url(../images/seat.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.salesSeatImg span{
	position:relative;
	display:table;
	font-size:30px;
	font-weight:900;
}
.salesSeatArea{
	position:relative;
	width:calc(100% - 92px);
	float:left;
	display:table;
}
.salesSeatForm{
	position:relative;
	width:100%;
	float:left;
	display:flex;
	align-items:center;
	justify-content:center;
}
.salesSeatFormControl{
	position:relative;
	float:left;
	margin:6px 1px;
	display:table;
}
.salesSeatFormControl .select2-container--default .select2-selection--single {
	height: 34px;
	padding: 2px 14px;
}
.sfcSpanCenter{
	position:relative;
	display:table;
	line-height:34px;
	font-weight:900;
	font-size:14px;
	text-align:center;
}
.sfcSpanRight{
	position:relative;
	display:table;
	line-height:34px;
	font-weight:900;
	font-size:14px;
	float:right;
}
.salesPayment{
	position:relative;
	display:table;
	width:100%;
}
.salesPayment [class*="sfc-"]{
	margin:0px 1px;
}
.salesFooter{
	position:relative;
	display:table;
	float:right;
}
.salesFooter [class*="sfc-"]{
	margin:0px 1px;
}
.seatBtnDelete{
	margin: 17px auto;
    position: relative;
    display: table;
}
.btn{
	border:none;
	margin-left:10px;
}
.salesFooter .btn i{
	font-size:16px;
}

/* ticket/sales */

/* ticket/ajaxMemberBooking&ajaxPassengerIndex */
.searchMember{
	position:absolute;
	left:0px;
	background-color:#fff;
	min-width:300px;
	max-width:500px;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
	z-index:999;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
}
@media screen and (max-width: 500px){
	.searchMember{
		width:300px;
		left:-150px
	}
}
.searchMember::-webkit-scrollbar {
  width: 4px;
}
.searchMember::-webkit-scrollbar-track {
  background: #fff;
}
.searchMember::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.8);
}
.searchMember::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,1);
}
table.tableMemberSearch{
	width:100%;
}
table.tableMemberSearch thead tr, table.tableMemberSearch tbody tr, table.tableMemberSearch thead tr th, table.tableMemberSearch tbody tr td{
	border:1px solid #333;
	padding:5px;
}
table.tableMemberSearch tbody tr{
	cursor:pointer;
}
table.tableMemberSearch tbody tr:hover{
	background-color:#333;
	color:#fff;
	border-color:#333;
}
table.tableMemberSearch tbody tr:hover td{
	
}
table.tableMemberSearch thead tr th{
	font-size:14px;
	line-height:22px;
	background-color:#f0f0f0;
	padding:5px;
}
/* ticket/ajaxMemberBooking&ajaxPassengerIndex */

/* Note */
.noteListHeader{
	position:relative;
	width:100%;
	height:40px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-color:#ffc903;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color:#333;
	font-size:12pt;
	line-height:40px;
	padding:0px 3%;
	z-index:2;
}
.noteAdd{
	position:relative;
	float:right;
	background-color:#337ab7;
	color:#fff;
	padding:0px 15px;
	margin-left:3%;
	cursor:pointer;
}
.noteAdd i{
	font-size:14pt;
}
.noteStatus{
	font-size:10pt;
}
.activeNotes, .passiveNotes{
	position:relative;
	float:left;
	display:table;
	margin-right:5px;
	font-size:12pt;
}
.listOfNotesNum{
	position:relative;
	float:left;
	margin-right:5px;
}
.noteStatusText{
	position:relative;
	float:left;
	margin-right:5px;
}
.fad.fa-active-note{
	--fa-primary-color: #45b83c;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #128409;
	--fa-secondary-opacity: 1;
}
.fad.fa-passive-note{
	--fa-primary-color: #ec2313;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #f53d3d;
	--fa-secondary-opacity: .5;
}
.noteList{
	position:relative;
	width:100%;
	display:block;
	height:calc(100vh - 480px);
	overflow-y:scroll;
}
.noteBlock{
	position:relative;
	width:100%;
	padding:0px 1%;
	margin:5px 0px;
	margin-bottom:10px;
	display:flex;
	align-items:center;
}
.noteType{
	position:absolute;
	float:left;
	width:40px;
	height:40px;
	border-radius:20px;
	border:1px solid #337ab7;
	background-color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:18px;
	color:#337ab7;
	z-index:1;
}
.noteTypeSlice{
	position:absolute;
	right:-1px;
	width:10px;
	bottom:2px;
	top:2px;
	background-color:#fff;
	-webkit-border-top-right-radius: 40px;
	-webkit-border-bottom-right-radius: 40px;
	-moz-border-radius-topright: 40px;
	-moz-border-radius-bottomright: 40px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}
.noteWarning .noteType{
	color:#ffff40;
	border:1px solid #ffff40;
}
.noteSuccess .noteType{
	color:#128409;
	border:1px solid #128409;
}
.noteDanger .noteType{
	color:#ec2313;
	border:1px solid #ec2313;
}
.noteText{
	position:relative;
	display:block;
	padding:8px;
	border-radius:6px;
	border:1px solid #337ab7;
	background-color:#fff;
	color:#337ab7;
	min-height:30px;
	width:calc(100% - 30px);
	left:30px;
	font-size:14px;
	padding-left:18px;
}
.noteCancelText{
	position:relative;
	display:block;
	width:100%;
}
.noteWarning .noteText{
	color:#ffff40;
	border:1px solid #ffff40;
}
.noteSuccess .noteText{
	color:#128409;
	border:1px solid #128409;
}
.noteDanger .noteText{
	color:#ec2313;
	border:1px solid #ec2313;
}
.noteTreeView{
	position:absolute;
	top:0px;
	bottom:0px;
	left:calc(1% + 19px);
	height:100%;
	width:2px;
	background-color:#fff;
}
.noteTime{
	position:relative;
	bottom:0px;
	display:table;
	float:right;
	font-size:12px;
}
.noteAddForm{
	position:relative;
	width:100%;
	padding:0px 1%;
	display:none;
	height:calc(100vh - 476px);
	overflow-y:scroll;
	overflow-x:hidden;
}
.form-object{
	position:relative;
	width:100%;
	display:table;
	margin:10px 0px;
}
.form-object label{
	position:relative;
	font-size:16px;
	margin:5px 0px;
}
.form-control select{
	position:relative;
	width:100%;
}
.form-object a.btn{
	margin-left:10px;
	float:right;
	border:none;
}
.form-object{
	position:relative;
	display:block;
	margin-top:15px;
}
.form-object label{
	position:absolute;
	left:0px;
	display:table;
	padding:0px 4px;
	background-color:#fff;
	font-size:12px;
	text-align:center;
	height:20px;
	line-height:20px;
	top:-20px;
}
.noteListHeader{
	position: relative;
    width: 100%;
    height: 24px;
    background-color: #337ab7;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    padding: 0px 4%;
    z-index: 4;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.noteAdd{
	position:relative;
	padding:0px 10px;
	right:0;
	font-size:14px;
	height:24px;
	line-height:24px;
	display:table;
	background-color:#34a03e;
	text-align:center;
}
.noteAdd:hover{
	background-color:#fff;
	color:#34a03e;
}

@media only screen and (max-width: 1280px) {
	.noteListHeader{
		font-size:11px;
		white-space:nowrap;
	}
}
/* Note */
label.lLabel{
	top:-1px;
}
.select2.departure, .select2.arrival{
	height:50px;
}
.select2.departure .selection .select2-selection, .select2.arrival .selection .select2-selection{
	height:50px;
}
.select2.departure .selection .select2-selection .select2-selection__rendered, .select2.arrival .selection .select2-selection .select2-selection__rendered{
	line-height:55px;
}
.select2.departure .selection .select2-selection .select2-selection__rendered:before, .select2.arrival .selection .select2-selection .select2-selection__rendered:before{
	line-height:50px;
}
.select2.departure .selection .select2-selection .select2-selection__arrow, .select2.arrival .selection .select2-selection .select2-selection__arrow{
	line-height:50px;
}
.departure .select2-container--default .select2-selection--single .select2-selection__arrow b{
	margin-top: -10px;
}
#selectDA .select2-dropdown {
	top: -50px;
}
#selectDA .select2-search{
	height:48px;
}
#selectDA .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 48px;
	line-height: 48px;
}
.changeWay{
	top:36px;
}

input[type=checkbox], input[type=radio] {
    width: 24px;
    height: 24px;
}
td.text-right, th.text-right{
	text-align:right;
}
table.table-bigFont{
	font-size:16px;	
}
table.table-bigFont tr, table.table-bigFont tr td, table.table-bigFont tr th{
		padding:8px;
}
table tr td.table-line{
	padding:0px;
}
h1.cashUserHead{
	position:relative;
	width:100%;
	padding:20px 2%;
	background-color:darkblue;
	color:#fff;
	font-size:18px;
	margin:0px;
}
.clipBoardMenu{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	padding:8px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	display:none;
	z-index:999999;
}

.bus-seat-plan{
	position:relative;
	display:inline-block;
	width:100%;
	padding:5px 0px;
}
.lowSatirPrint {
	display: none;
}
.day-date-name{
	position:relative;
	float:right;
	font-size:14px;
	font-weight:900;
	display:inline-table;
}
.seat-route-name{
	position:relative;
	float:left;
	font-size:14px;
	font-weight:900;
	display:inline-table;
}
#divBusMenu::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#divBusMenu::-webkit-scrollbar-track {
  background: #fff;
}
 
/* Handle */
#divBusMenu::-webkit-scrollbar-thumb {
  background: #337ab7; 
}

/* Handle on hover */
#divBusMenu::-webkit-scrollbar-thumb:hover {
  background: #333; 
}
#divBusMenu{
	width:100%;
	height:calc(100vh - 154px);
	overflow-x:hidden;
	overflow-y:scroll;
}