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*/
#divBg {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	margin-left: 0px;
	margin-top: 0px;
	background: #000;
	opacity: 0.5;
	z-index: 10;
}

#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: calc(100vh - 100px);
	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;
	overflow: auto;
	max-height: 90vh;
	padding: 0px 10px;
}

#divReportsPop::-webkit-scrollbar,
#divTicketsPop::-webkit-scrollbar,
#divToolsPop::-webkit-scrollbar {
	width: 10px;
}

#divReportsPop::-webkit-scrollbar-track,
#divTicketsPop::-webkit-scrollbar-track,
#divToolsPop::-webkit-scrollbar-track {
	background: #fff;
}

#divReportsPop::-webkit-scrollbar-thumb,
#divTicketsPop::-webkit-scrollbar-thumb,
#divToolsPop::-webkit-scrollbar-thumb {
	background: #337ab7;
}

#divReportsPop::-webkit-scrollbar-thumb:hover,
#divTicketsPop::-webkit-scrollbar-thumb:hover,
#divTicketsPop::-webkit-scrollbar-thumb:hover {
	background: #333;
}

#divAlert {
	position: absolute;
	width: 45%;
	left: 2%;
	top: 2%;
	height: 5%;
	background: white;
	display: none;
	z-index: 15;
}

#divAlert div:first-child i {
	float: right;
	font-size: 26px;
}

#divAlertsPop {
	overflow: auto;
	width: 100%;
	height: 95%;
}

#divBaloon {
	display: none;
}

#clipBoardDiv {
	display: none;
}

.x-seperator {
	position: relative;
	width: 1%;
	background-color: #dcdcdc;
}

@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 {
	background: transparent;
}

.ui-resizable-handle.ui-resizable-w {
	position: absolute;
	width: 2px;
	height: calc(100% - 10px);
	top: 10px;
	left: 0px;
	cursor: w-resize;
}

.ui-resizable-handle.ui-resizable-e {
	position: absolute;
	width: 2px;
	height: calc(100% - 10px);
	top: 10px;
	right: 0px;
	cursor: e-resize;
}

.ui-resizable-handle.ui-resizable-s {
	position: absolute;
	left: 0px;
	right: 10px;
	bottom: 0px;
	width: calc(100% - 10px);
	height: 2px;
	cursor: s-resize;
}

.ui-resizable-handle.ui-resizable-se {
	position: absolute;
	cursor: nw-resize;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
}

.ui-resizable-handle.ui-resizable-sw {
	position: absolute;
	cursor: ne-resize;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
}

.popUpResize {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 2px;
	height: 2px;
	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;
}

/*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: #fdb399;
}

.hourRefresh {
	float: left;
	padding: 5px;
}

.NORSE {
	background: url(../images/cinsNORSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.NORSB {
	background: url(../images/cinsNORSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.SBSSE {
	background: url(../images/cinsNORSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.SBSSB {
	background: url(../images/cinsNORSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.REZRE {
	background: url(../images/cinsREZRE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.REZRB {
	background: url(../images/cinsREZRB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.SDKXE {
	background: url(../images/cinsSDKXE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.SDKXB {
	background: url(../images/cinsSDKXB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.YKPSE {
	background: url(../images/cinsYKPSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.YKPXE {
	background: url(../images/cinsYKPSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.YKPSB {
	background: url(../images/cinsYKPSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.YKPXB {
	background: url(../images/cinsYKPSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.INTSE {
    background: url(../images/cinsINTSE.png) no-repeat;
    width: 30px;
    height: 30px;
    margin: 2px 0px;
    left: -5px;
    background-position: center center;
    background-size: contain;
    position: relative;
}

.INTSB {
    background: url(../images/cinsINTSB.png) no-repeat;
    width: 30px;
    height: 30px;
    margin: 2px 0px;
    left: -5px;
    background-position: center center;
    background-size: contain;
    position: relative;
}

.INTXE {
	background: url(../images/cinsINTSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.INTXB {
	background: url(../images/cinsINTSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.METSE {
	background: url(../images/cinsMETSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.METSB {
	background: url(../images/cinsMETSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.METRE {
	background: url(../images/cinsMETSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.METRB {
	background: url(../images/cinsMETSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.INTRE {
	background: url(../images/cinsINTRE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.INTRB {
	background: url(../images/cinsINTRB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.seatSel {
	background: url(../images/sec.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.selMan {
	background: url(../images/selManSelect.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.selWoman {
	background: url(../images/selWomanSelect.png) no-repeat;
	width: 34px;
	height: 34px;
	padding-left: 3px;
}

.notAllow {
	background: url(../images/cinsNotAllow.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.MISSE {
	background: url(../images/cinsMISSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.MISSB {
	background: url(../images/cinsMISSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.POINTSE {
	background: url(../images/cinsPOINTSE.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.POINTSB {
	background: url(../images/cinsPOINTSB.png) no-repeat;
	width: 30px;
	height: 30px;
	margin: 2px 0px;
	left: -5px;
	background-position: center center;
	background-size: contain;
	position: relative;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	75% {
		opacity: 1;
	}

	76% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

blink {
	-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;
}

.blink-seat {
	-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;
}

.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;
}

.tour-extra-blink {
	width: 18px;
	height: 18px;
	border-radius: 9px;
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	display: inline-block;
}

/*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;
	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: #000;
	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: 10px;
}

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

/* Handle */
#divTravel::-webkit-scrollbar-thumb {
	background: #337ab7;
}

/* Handle on hover */
#divTravel::-webkit-scrollbar-thumb:hover {
	background: #333;
}

/* width */
#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;
}

.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: 100%;
	line-height: 18px;
	font-size: 14px;
	font-weight: 900;
	float: left;
}

.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;
	min-width: 20px;
	display: table;
}

/* 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.chrome,
.tourNum.chrome span {
	background-color: #fff;
	color: #b02323;
	transition: ease 0.3s;
	z-index: 4;
}

.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: calc(32% - 3px);
	padding: 5px 0px;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	color: #fff;
	line-height: 18px;
	border-radius: 5px;
	border: 1px solid #333;
}

.tourDayTotal .tourDayList:nth-child(2),
.tourDayTotal .tourDayList:nth-child(3) {
	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;
}

.chrome {
	background-color: #b02323;
}

/*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: #e1ffdc;
}

.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(50vh - 70px);
}

.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);
}

.dayDate {
	position: relative;
	display: table;
	text-align: center;
	padding: 0px 0px;
	color: 900;
	width: 100%;
	line-height: 16px;
	font-size: 16px;
	font-weight: 900;
}

#divSeatDeparture {
	width: 143px;
	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: 22px;
	display: block;
	padding: 0px 1%;
	line-height: 22px;
	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: 40px;
	width: 10px;
	top: 0px;
	right: 7px;
	height: 40px;
}

.select2.arrival .selection .select2-selection .select2-selection__arrow b {
	border-width: 8px 5px 0 5px;
}

/*Arrival*/
/*ChangeWay*/
.changeWay {
	position: absolute;
	top: 45px;
	right: 5%;
	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: table;
}

.travelFiltersOption {
	/*display:none;*/
}

.tFFilterCol {
	position: relative;
	width: 98%;
	margin: 5px 1%;
}

.tFFilterCol.time-range {
	width: 95%;
	margin-left: 5%;
}

p.time {
	font-size: 14px;
}

.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 {
	position: relative;
	width: 20px;
	height: 32px;
	line-height: 32px;
	color: #000;
	/*ff7555*/
	background-color: #fff;
	background-image: none;
	font-size: 12pt;
	line-height: 30px;
	text-align: center;
	background-color: transparent;
	z-index: 3;
	cursor: pointer;
	margin-right: 3px;
}

.koltukImg {
	float: left;
	width: 20%;
	text-align: center;
	z-index: 3;
	cursor: pointer;
}

.seatRoute {
	position: relative;
	z-index: 2;
	top: 2px;
	margin-left: calc(20% + 29px);
}

@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 #000;
	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;
	background-color: #fff;
}

.seat-hover .koltukImg {
	width: 20%;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.seat-hover .koltukImg {
	/*opacity:0;*/
}

.seat-hover:hover .koltukImg {
	background-image: url(../images/moveSeat.png);
}

/*.trans-woman:hover .koltukImg{
	background-image:url(../images/transWoman.png);
}
.trans-man:hover .koltukImg{
	background-image:url(../images/transMan.png);
}*/
.seat-hover.koltukImg {
	background-image: none;
}

/*.seat-hover.trans-man .koltukImg{
	background-image:none;
}*/
/*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: #000;
	-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.active a .newMessageArea {
	color: #fff;
}

.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: 10px;
}

/*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*/
/*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;
	z-index: 1;
}

.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 {
		display: block;
		min-width: 370px;
	}

	.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;
	}
}

@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;
	}

	/*.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;
	z-index: 2;
}

.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;
}

.memberBlackList {
	position: relative;
	background-color: #333;
	color: #fff;
	padding: 0px 2px;
	line-height: 20px;
	width: 100%;
	text-align: center;
	font-weight: 900;
	letter-spacing: 2px;
	display: block;
	top: -8px;
}

@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: 32%;
	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: #fb92fb;
}

.salesSeat.genderMan {
	background-color: #4c28b5;
}

/*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;
	border-bottom: 1px solid #bebebe;
	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;
	margin-top: 13px;
	margin-left: -20px;
}

.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 */
.note-list-header {
	position: relative;
	background-color: #f5f5f5;
	width: 100%;
	padding: 0px 1%;
	height: 30px;
	border: 1px solid #ccc;
	z-index: 2;
	-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;
}

.note-header-text {
	position: relative;
	float: left;
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
}

.note-add {
	position: relative;
	float: right;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #fff;
	height: 20px;
	margin: 5px 0px;
	border: 1px solid #333;
	background-color: #337ab7;
	border-radius: 10px;
	padding: 0px 5px;
	cursor: pointer;
}

.note-add:hover {
	background-color: #333;
}

/*.note-add{
	position:relative;
	float:right;
	background-color:#337ab7;
	color:#fff;
	padding:0px 15px;
	margin-left:3%;
	cursor:pointer;
}*/
.staticRightMenu {
	position: relative;
	width: 100%;
	height: calc(50vh - 70px);
	overflow: auto;
}

/* width */
.staticRightMenu::-webkit-scrollbar {
	width: 6px;
}

/* Track */
.staticRightMenu::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.staticRightMenu::-webkit-scrollbar-thumb {
	background: #337ab7;
}

/* Handle on hover */
.staticRightMenu::-webkit-scrollbar-thumb:hover {
	background: #333;
}

/* width */
.staticRightMenu::-webkit-scrollbar {
	width: 6px;
}

.travel-notes {
	position: relative;
	width: 100%;
	height: calc(50vh - 70px);
	overflow: hidden;
}

.note-status {
	position: relative;
	width: 100%;
	display: inline-block;
	min-height: 20px;
}

.note-status-button {
	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;
	background-color: #dcdcdc;
	float: left;
	cursor: pointer;
	-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;
	border: 1px solid #999;
	border-bottom: 1px solid transparent;
}

.nsb-active {
	color: #34a03e;
}

.nsb-passive {
	color: #f44336;
}

.note-status-button:first-child {
	margin-right: 2px;
	/*border-right:1px solid #333;*/
}

.note-status-button.nsb-active.nsb-select {
	background-color: #fff;
	border-color: transparent;
}

.note-status-button.nsb-passive.nsb-select {
	background-color: #fff;
	border-color: transparent;
}

.note-status-button.nsb-active.nsb-select span {
	background-color: #34a03e;
	color: #fff;
	border-color: #34a03e;
}

.note-status-button.nsb-passive.nsb-select span {
	background-color: #f44336;
	color: #fff;
	border-color: #f44336;
}

.note-status-button span {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border: 1px solid transparent;
	/*background-color:#fff;*/
	margin-left: 5px;
	border-radius: 10px;
}

.note-status {
	font-size: 10pt;
}

.active-notes,
.passive-notes {
	position: relative;
	float: left;
	display: table;
	margin-right: 5px;
	font-size: 12pt;
}

.note-status-text {
	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;
}

.note-list {
	position: relative;
	width: 100%;
	display: inline-block;
	height: calc(50vh - 120px);
	overflow-y: scroll;
}

/* width */
.note-list::-webkit-scrollbar {
	width: 6px;
}

/* Track */
.note-list::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.note-list::-webkit-scrollbar-thumb {
	background: #337ab7;
}

/* Handle on hover */
.note-list::-webkit-scrollbar-thumb:hover {
	background: #333;
}

/* width */
.note-list::-webkit-scrollbar {
	width: 6px;
}

.note-block {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 1px;
	padding-left: 30px;
	padding-right: 20px;
	border: 1px solid #e9c21b;
	background-color: #fffbea;
	border-radius: 4px;
	margin-bottom: 2px;
	color: #000;
}

.note-blink {
	-webkit-animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezierr(1.0, 0, 0, 1.0);
	-webkit-animation-duration: 3s;
}

.note-block i:first-child {
	position: absolute;
	display: table;
	top: 50%;
	left: 2px;
	font-size: 20px;
	transform: translateY(-50%);
	color: #e9c21b;
}

.note-block i:last-child {
	position: absolute;
	top: 50%;
	right: 4px;
	font-size: 14px;
	color: red;
	transform: translateY(-50%);
	cursor: pointer;
}

.note-block i:last-child:hover {
	color: #000;
}

.note-area p:first-child {
	color: #999;
}

/*Silinmiş Notlar*/
.note-delete {
	border-color: #b93628;
	background-color: #fdf7f2;
}

.note-delete i:first-child {
	color: #b93628;
}

.note-delete i:last-child {
	display: none;
}

.note-delete .note-area p:nth-child(2) {
	font-size: 12px;
	text-decoration: line-through;
}

.note-delete .note-area .note-area p:nth-child(1),
.note-delete .note-area .note-area p:nth-child(2) {
	font-size: 14px;
	text-decoration: solid;
}

/*.note-delete .note-area p:nth-child(3), .note-delete .note-area p:nth-child(4){
	font-size:12px;
	text-decoration:overline;
}*/
/*Silinmiş Notlar*/
/* Bölge Notu */
.note-location {
	border-color: #34a03e;
	border-width: 2px;
	border-style: dashed;
	background-color: #c1f5c6;
}

.note-location i:first-child {
	color: #34a03e;
}

.note-location .note-area p:nth-child(2) {
	font-size: 14px;
}

/* Bölge Notu */
/* Özel Notu */
.note-special {
	border-color: #ff5722;
	border-width: 2px;
	border-style: dashed;
	background-color: #f9c4b3;
}

.note-special i:first-child {
	color: #ff5722;
}

.note-special .note-area p {
	font-size: 14px;
	color: #000;
}

/* Özel Not */
.note-area p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: 600;
	word-break: break-word;
}

.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;
}


@media only screen and (max-width: 1280px) {
	.note-area p {
		font-size: 12px;
	}
}

/* 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;
}

.calendar-travel {
	position: relative;
	width: 35%;
	height: calc(100vh - 98px);
	float: left;
	background-color: #fff;
	margin-top: 5px;
	box-shadow: rgba(0, 0, 0, .12) 1px 1px 2px 0;
}

.bus {
	position: relative;
	width: 38%;
	height: calc(100vh - 98px);
	float: left;
	background-color: #fff;
	margin: 0px 1%;
	margin-top: 5px;
	box-shadow: rgba(0, 0, 0, .12) 1px 1px 2px 0;
}

.calculate-note {
	position: relative;
	width: 25%;
	height: calc(100vh - 98px);
	float: left;
	background-color: #fff;
	margin-top: 5px;
	box-shadow: rgba(0, 0, 0, .12) 1px 1px 2px 0;
}

.travelCalendar {
	float: left;
	width: calc(60% - 8px);
	border-right: 8px solid #dcdcdc;
	background-color: #dcdcdc;
}

.travelLocation {
	float: left;
	width: 41%;
}

.calendarDay {
	font-size: 16px;
}

.select-styled {
	font-size: 17px;
}

.calendarWeekDayName {
	font-size: 14px;
}

.travel-list-area {
	position: relative;
	width: 100%;
	display: inline-block;
	height: calc(100vh - 320px);
	border-top: 8px solid #dcdcdc;
}

.travel-list {
	position: relative;
	width: 100%;
	height: calc(100vh - 320px);
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #dcdcdc;
}

.tourList {
	background-color: #dcdcdc;
}

.travelTabMenu ul.nav.nav-tabs {
	overflow: hidden;
	overflow-x: auto;
}

.bus-seat {
	position: relative;
	width: 100%;
	height: calc(100vh - 138px);

}

#divBusMenu {
	width: 100%;
	height: calc(100vh - 154px);
	overflow-x: hidden;
	overflow-y: scroll;
}

.newMessageArea {
	display: table;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	background-color: #ff0000;
	text-align: center;
	border-radius: 8px;
	line-height: 18px;
	visibility: hidden;
}

.nav-block {
	float: left;
	display: table;
	line-height: 16px;
}

.tf-col-12 {
	margin-bottom: 0px;
}

#time-range p {
	margin-bottom: 0px;
}

.noteList {
	height: calc(100vh - 600px);
}

.tourInfo {
	position: relative;
	width: calc(100% - 70px);
	/* max-height: 40px; */
	float: right;
}

.tourTimeId {
	height: 44px;
}

.nav.nav-tabs li a {
	font-size: 12px;
}

.checktext {
	font-size: 13px;
	font-weight: 600;
}

.seat-top-space {
	position: relative;
	width: 100%;
	height: 8px;
	display: block;
}

#seatsLocation {
	float: left;
	width: 140px;
	font-weight: 900;
}

#divSeatDeparture {
	background: white;
	height: 35px;
}

#rightClickFirst {
	position: absolute;
	right: 0;
	width: 220px;
	height: 0px;
	z-index: 999999;
}

#divSelSeat {
	display: none;
	background-color: yellow;
	overflow: auto;
	height: 600px
}

#divLockSeat {
	display: none;
	background-color: white;
	overflow: auto;
	height: 600px
}

#divChat {
	display: none;
	width: 0px;
	height: 0px;
	overflow: auto;
	background-color: yellow;
}

#framePrintPort {
	display: none;
}

.bus-seat-plan {
	position: relative;
	display: inline-block;
	background-color: #EFEFEC;
	width: 100%;
	padding: 5px 0px;
}

.seat-text1 {
	height: 14px;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.seat-text2 {
	height: 14px;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.bus-telephone {
	background-color: #f0f0f0;
	font-weight: 900;
	color: #333;
	line-height: 30px;
}

.sales-control {
	font-size: 15px;
	font-weight: bold;
}

.tourTime {
	font-size: 22px !important;
	font-weight: 900 !important;
	/* line-height: 49px; */
	margin-left: 8px;
}

.tourName {
	font-size: 14px;
}

table.travel-table {
	position: relative;
	width: 100%;
	display: table;
	border: none;
	border-collapse: collapse;
}

/*tr.tour-body.tour-select.tour-list, tr.tour-body.tour-list{
	background-color:#ffff40;
	color:#333;
}
tr.tour-body.tour-select.tour-moved, tr.tour-body.tour-moved{
	background-color:#d80000;
	color:#fff;
}
tr.tour-body.tour-select.tour-cancel,tr.tour-body.tour-cancel{
	background-color:#ccc;
	color:#666;
}*/
tr.tour-body.tour-list {
	background-color: #ffff40;
	color: #000;
}

tr.tour-body.tour-moved {
	background-color: #f34b4b;
	color: #000;
}

tr.tour-body.tour-cancel {
	background-color: #00FF00;
	color: #000;
}

tr.tour-body.tour-select {
	background-color: #337ab7;
	color: #fff;
}

tr.tour-body {
	padding: 0px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	margin-bottom: 4px;
	background-color: #fff;
	cursor: pointer;
}

tr.tour-highlight {
	border: none;
	padding: 1px;
}

table.travel-table tr.tour-body td {
	padding: 2px 0px;
	border: 0px solid #000;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 46px;
}

table.travel-table tr.tour-body td.tour-type {
	padding: 2px 5px;
}

td.tour-type {
	-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;
	background-color: #337ab7;
	border-color: transparent;
}

.tour-list td.tour-type {
	background-color: #ffff40;
}

.tour-state {
	background-color: #fff;
	color: #000 !important;
	border-radius: 10px;
	padding: 0px 2px;
	white-space: nowrap;
}

table.travel-table tr.tour-body.tour-list td.tour-content span span.tour-state {
	color: #ffff40;
}

.tour-moved td.tour-type {
	background-color: #f34b4b;
}

table.travel-table tr.tour-body.tour-moved td.tour-content span span.tour-state {
	color: #f34b4b;
}

.tour-cancel td.tour-type {
	background-color: #00FF00;
}

table.travel-table tr.tour-body.tour-cancel td.tour-content span span.tour-state {
	background-color: #f34b4b;
	color: #fff !important;
}

/*tr.tour-body:hover{
	background-color:green;
	color:#ff;
}*/
td.tour-time {
	font-size: 22px;
	font-weight: bold;
}

/*Tour Content*/
td.tour-content {
	font-size: 14px;
	font-weight: bold;
	/*width:140px;*/
}

.tour-name {}

.tour-plate {
	position: relative;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	padding: 0px;
	padding-right: 2px;
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	margin: 0px 5px;
	white-space: pre;
	overflow: hidden;
}

.tour-plate span {
	background-color: #337ab7;
	color: #fff;
	padding: 0px 3px;
}

.tour-properties {}

.tour-propertie {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: #ccc;
	margin-left: 2px;
	display: inline-block;
	border-radius: 10px;
}

/*Tour Content*/
/*Tour Info*/
td.tour-info {
	font-size: 14px;
	font-weight: bold;
	min-width: 70px;
	text-align: center;
}

.tour-id {}

.tour-numbers {}

.tour-number {
	position: relative;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #ccc;
	display: inline-block;
	float: left;
	transition: ease 0.3s;
	color: #000;
}

.tour-number:hover span {
	right: 20px;
}

.tour-all-seat span,
.tour-branch-seat span,
.tour-empty-seat span {
	position: absolute;
	top: 0px;
	right: -400px;
	bottom: 0px;
	display: block;
	padding: 0px 5px;
	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;
}

.tour-empty-seat,
.tour-empty-seat span {
	/*background-color:#f58e89;*/
	z-index: 1;
}

.tour-branch-seat,
.tour-branch-seat span {
	/*background-color:#83f5cf;*/
	z-index: 2;
}

.tour-all-seat,
.tour-all-seat span {
	/*background-color:#f9d771;*/
	z-index: 3;
}

/*Tour Info*/
.select-seat-sales-type {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.seat-sales-type {
	position: relative;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 900;
	padding-right: 8px;
	background-color: #fff;
	min-width: 126px;
}

.seat-sales-type-number {
	position: relative;
	float: left;
	left: -1px;
	display: table;
	line-height: 21px;
	height: 21px;
	width: 22px;
	background-color: #333;
	color: #fff;
	-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;
}

.seat-sales-type.ticket {
	border-color: #0088cc;
}

.seat-sales-type.reservation {
	border-color: #e36159;
}

.seat-sales-type.internet {
	border-color: #34a03e;
	cursor: pointer;
	min-width: 120px;
}

.seat-sales-type.other {
	border-color: #e36159;
}

.seat-sales-type.ticket .seat-sales-type-number {
	background-color: #0088cc;
}

.seat-sales-type.reservation .seat-sales-type-number {
	background-color: #e36159;
}

.seat-sales-type.internet .seat-sales-type-number {
	background-color: #34a03e;
}

.seat-sales-type.other .seat-sales-type-number {
	background-color: #e36159;
}

.seat-sales-type-others {
	display: none;
}

.seat-sales-type-others .seat-sales-type {
	margin: 1px 0px;
}

.col-block {
	position: relative;
	background-color: #fff;
	float: left;
	height: calc(100vh - 98px);
	margin-top: 5px;
	box-shadow: rgba(0, 0, 0, .12) 1px 1px 2px 0;
}

.col-calendar {
	width: 20%;
}

.col-travel {
	width: calc(23% - 10px);
	margin-right: 5px;
	margin-left: 5px;
}

.col-seat {
	width: calc(37% - 5px);
	margin-right: 5px;
}

.col-note {
	width: 20%;
}

.travelCalendar {
	float: left;
	width: 100%;
	border-right: 0px solid transparent;
	background-color: #dcdcdc;
}

.travelLocation {
	float: left;
	width: 100%;
}

.travel-list-area {
	height: calc(100vh - 127px);
	border-top: 0px solid transparent;
}

.travel-list {
	height: calc(100vh - 127px);
}

.tour-info-content {
	position: relative;
	width: 100%;
	height: calc(100vh - 544px);
	overflow-x: auto;
}

table.table-travel-info {
	font-size: 14px;
	width: 100%;
}

table.table-travel-info tr th:first-child {
	min-width: 60px;
}

/* width */
.tour-info-content::-webkit-scrollbar {
	width: 6px;
}

/* Track */
.tour-info-content::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.tour-info-content::-webkit-scrollbar-thumb {
	background: #337ab7;
}

/* Handle on hover */
.tour-info-content::-webkit-scrollbar-thumb:hover {
	background: #333;
}

/* width */
.tour-info-content::-webkit-scrollbar {
	width: 6px;
}

.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;
}

/*chatWindowHeader*/
.chatWindowHeader {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 0px 1%;
	background-color: #eee;
	height: 40px;
	/*border-radius Olabilir*/
}

.chatWindowSpeakingName {
	position: relative;
	display: table;
	height: 20px;
	line-height: 20px;
	margin-top: 2px;
	font-size: 14px;
}

.chatWindowLastSeenDate {
	position: relative;
	width: 100%;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	font-weight: 100;
	text-align: center;
}

a.chatWindowClose {
	position: absolute;
	right: 1%;
	top: 2px;
	line-height: 20px;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	background-color: #ff0000;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

/*chatWindowHeader*/
/*chatWindowMessages*/
.chatWindowMessages {
	position: absolute;
	width: 100%;
	height: calc(100% - 68px);
	top: 40px;
	bottom: 28px;
	overflow-y: auto;
	background-color: #fff;
}

/* width */
.chatWindowMessages::-webkit-scrollbar {
	width: 4px;
	opacity: .5;
}

/* Track */
.chatWindowMessages::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.chatWindowMessages::-webkit-scrollbar-thumb {
	background: #ccc;
}

/* Handle on hover */
.chatWindowMessages::-webkit-scrollbar-thumb:hover {
	background: #ddd;
}

/*chatWindowMessages*/
/*chatWindowWriteBox*/
.chatWindowWriteBox {
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	display: inline-block;
	padding: 2px 0px;
	background-color: #999;
}

.messageTextBox {
	width: 100%;
	height: 24px;
	line-height: 22px;
	padding: 0px 52px;
	font-size: 12px;
	z-index: 1;
}

button.chatDirectiveSend {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	height: 25px;
	border: none;
	background-color: #ff8000;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	z-index: 2;
	padding-right: 3px;
	padding-left: 6px;
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

button.chatDirectiveSend:hover {
	background-color: #ff4000;
}

button.chatSend {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	height: 25px;
	border: none;
	background-color: #34a03e;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 25px;
	z-index: 2;
	padding-right: 6px;
	padding-left: 3px;
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomright: 16px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

button.chatSend:hover {
	background-color: #256f2c;
}

.messageDirectiveCheckBox {
	display: none;
}

/*chatWindowWriteBox*/
.divSearch {
	position: relative;
	width: 100%;
	display: table;
}

.chatSearch {
	position: relative;
	width: calc(100% - 28px);
	float: left;
	display: table;
	padding-top: 2px;
	padding-bottom: 2px;
}

.chatSearch .form-control {
	position: relative;
	width: 100%;
	height: 28px;
	line-height: 28px;
	border: 1px solid #d4dae2;
	padding-left: 18pt;
	border-radius: 7px;
}

.chatSearch i {
	position: absolute;
	left: 3pt;
	top: 0px;
	font-size: 12pt;
	line-height: 30px;
	color: #999;
}

.krtBranch i {
	position: absolute;
	left: 3pt;
	top: 0px;
	font-size: 12pt;
	line-height: 48px;
	color: #999;
}

div.chatSearchArea {
	position: absolute;
	width: 100%;
	display: none;
	margin-top: 32px;
	z-index: 2;
	background-color: #fff;
	top: 0px;
	height: auto;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}

.chatMenu {
	position: relative;
	float: right;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	background-color: #337ab7;
	border-radius: 7px;
	font-size: 18px;
	cursor: pointer;
	margin-top: 2px;
}

.chatMenu:hover {
	background-color: #34a03e;
}

.krtBranch {
	position: relative;
	width: 100%;
	display: table;
	margin: 5px 0px;
}

.select2.select2-container.krtBranch {
	padding: 0px;
	width: 100% !important;
}

.select2.krtBranch .selection .select2-selection {
	padding: 0px;
	border: 1px solid #d4dae2;
	border-radius: 7px;
	height: 28px;
	line-height: 28px;
	background-color: #fff;
	padding-left: 18pt;
	font-size: 14px;
	display: grid;
}

.select2.krtBranch .selection .select2-selection .select2-selection__rendered {
	font-size: 14px;
	color: #333;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2.krtBranch .selection . select2-selection .select2-selection__arrow {
	height: 30px;
}

.select2.krtBranch .selection .select2-selection .select2-selection__arrow b {
	margin-top: 0px;
}

/*Chat User List*/
.chatUserList {
	position: absolute;
	width: 100%;
	height: calc(100% - 34px);
	display: block;
	top: 32px;
	bottom: 2px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	overflow-y: auto;
}

/* width */
.chatUserList::-webkit-scrollbar {
	width: 4px;
	opacity: .5;
}

/* Track */
.chatUserList::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.chatUserList::-webkit-scrollbar-thumb {
	background: #ccc;
}

/* Handle on hover */
.chatUserList::-webkit-scrollbar-thumb:hover {
	background: #ddd;
}

.chatUser {
	position: relative;
	width: 100%;
	padding-left: 1%;
	padding-right: 1%;
	display: block;
	height: 40px;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	cursor: pointer;
}

.chatUser:hover {
	background-color: #eee;
}

.chatUser:hover .chatUserImg i.fad {
	--fa-primary-color: #234cfd;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #4563e7;
	--fa-secondary-opacity: .5;
}

.chatUserOnline .chatUserImg i.fad {
	--fa-primary-color: #128409;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #45b83c;
	--fa-secondary-opacity: .5;
}

.chatUserOnline:hover .chatUserImg i.fad {
	--fa-primary-color: #45b83c;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #128409;
	--fa-secondary-opacity: .5;
}

.chatUserOnline .chatUserInfo .chatUserName {
	color: #128409;
}

.chatUserImg {
	position: relative;
	width: 34px;
	height: 34px;
	border-radius: 20px;
	border: 1px solid #ccc;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	float: left;
	margin-top: 2px;
	margin-right: 7px;
}

.chatUserInfo {
	position: relative;
	float: left;
	display: contents;
	margin-top: 2px;
	height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.chatUserName {
	position: relative;
	display: block;
	font-size: 14px;
	color: #000;
	line-height: 20px;
}

.chatUserMessage {
	position: relative;
	display: block;
	overflow: hidden;
	font-size: 12px;
	color: #666;
	line-height: 16px;
}

.chatUserLastProcess {
	position: relative;
	display: table;
	float: right;
	height: 36px;
	margin: 2px 0px;
}

.chatUserLastSendDate {
	position: relative;
	display: table;
	height: 16px;
	font-size: 12px;
	line-height: 16px;
}

.chatUserNotSeenMessage {
	position: relative;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	background-color: #128409;
	border-radius: 10px;
	text-align: center;
	font-weight: 900;
}

/*Chat User List*/
/*Chat Menu*/
.chatBulkMessage {
	position: absolute;
	bottom: 1%;
	left: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 18px;
	cursor: pointer;
	margin-bottom: 5px;
}

.chatBulkMessage:hover>.chatBulkMessageText {}

.chatBulkMessageText {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	color: var(--fa-secondary-color);
	line-height: 20px;
	border-left: none;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	white-space: pre;
	z-index: 1;
	transition: ease 0.3s;
	opacity: 1;
}

.fa-stack.bulkChat {
	z-index: 2;
}

.fa-stack.bulkChat i:first-child {
	color: var(--fa-primary-color);
}

/*Chat Menu*/
@media screen and (max-width: 1200px) {
	.col-calendar {
		width: 18%;
	}

	.col-travel {
		width: calc(25% - 10px);
		margin-right: 5px;
		margin-left: 5px;
	}

	.col-seat {
		width: calc(40% - 5px);
		margin-right: 5px;
	}

	.col-note {
		width: 17%;
	}

	.day-date-name {
		font-size: 12px;
	}

	.seat-route-name {
		font-size: 12px;
	}

	.nav>li>a {
		padding: 10px 3px;
	}
}

@media screen and (max-width: 1100px) {
	.note-header-text {
		font-size: 12px;
	}

	.note-add {
		font-size: 12px;
	}
}

@media screen and (max-width: 1023px) {
	.col-calendar {
		width: 23%;
		height: 600px;
	}

	.col-travel {
		width: calc(30% - 10px);
		height: 600px;
	}

	.col-seat {
		width: calc(47% - 5px);
		margin-right: 5px;
		height: 600px;
	}

	.col-note {
		width: 20%;
		display: none;
	}

	.travel-list-area {
		height: 600px;
	}

	.travel-list {
		height: 600px;
	}

	table.travel-table tr.tour-body td {
		height: 76px;
	}

	.btn-mobil {
		height: 50px;
	}
}

table.sticky thead th {
	position: sticky;
	top: -10px;
	background-color: #fefefe;
	padding: 10px 0px;
}

.credit-amount {
	position: relative;
	max-width: 120px;
	height: 34px;
	background-color: red;
	color: #fff;
	font-size: 14px;
	font-weight: 900;
	border-radius: 20px;
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.credit-amount div span {
	font-size: 12px;
	font-weight: 600;
}

#divCreditWrite {
	display: block;
	background-color: red;
	padding: 10px;
	margin-top: 6px;
	border-radius: 20px;
	color: #fff;
}

#divCreditWrite font {
	font-size: 12pt;
	color: #fff !important;
}

.credit-sty {
	width: 250px !important;
}

.ftr-input .form-control {
	font-size: 16px !important;
}

.vergis-style {
	margin-left: 33px;
    margin-top: 22px;
    border: 1px solid #cccccc;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 7px 10px 36px -9px rgba(0, 0, 0);
}

.vergis-style input{
	font-size:14px !important;
}

.credit-user{
        padding: 7px !important;
        border: 1px !important;
        font-size: 19px !important;
        font-weight:600 !important;
    }