theme-btn-even.v-data-table__wrapper table tr:hover:not(.v-table__expanded__content) {
	background: rgb(88, 85, 85) !important;
}


/* Box Start */
.wrap-Main{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
}
.line{
	width: 100%;
	height: 1px;
	background-color: #747474;
	margin-bottom: 10px;
}
.box-S4{
	width: 100%;
	display: flex;
	padding: 10px 0px;
}
.box-S3{
	width: 74%;
	display: flex;
	padding: 10px 0px;
	flex-direction: column;
}
.box-S2{
	width: 49%;
	display: flex;
	padding: 10px 0px;
	flex-direction: column;
}
.box-S1-3{
	width: 32.333%;
	display: flex;
	padding: 10px 0px;
	flex-direction: column;
}
.box-S1{
	width: 23.3%;
	display: flex;
	padding: 10px 0px;
	flex-direction: column;
}
.flex-evenly-center{
	align-items: center;
	justify-content: space-evenly;
	display: flex;
}
.flex-between-center{
	align-items: center;
	justify-content: space-between;
	display: flex;
}
.flex-between-start{
	align-items: center;
	justify-content: start;
	display: flex;
}
.flex-between-end{
	align-items: center;
	justify-content: end;
	display: flex;
}
.flex-between{
	justify-content: space-between;
	display: flex;
	flex-direction: unset;
}
.flex-item-warp{
	justify-content: space-between;
	flex-wrap: wrap;
	display: flex;
}
.noPadding{
	padding: 0;
}
.noMargin{
	margin: 0 !important;
}
.marginTop{
	margin-top: 10px;
}
.w100{
	width: 100%;
}
.wAuto{
	width: auto;
}
/* Box End */

.Content-Page{
	width: 100%;
}
.N-Page{
	
	padding-left: 15px;
	border-left: 3px solid #D91F20;
	font-weight: normal;
}
	.N-Page>p{
		display: table;
	}
	.a-link{
    color: #ffffff !important;
	padding: 10px;
	margin: 2px;
}
.a-link:active, .a-link:hover  {
	border-left: 2px solid #D91F20;
	background: #616161 !important;
}
span{
	display: inline;
}
.theme-btn{
	border: 1px solid #D91F20;
	background-color: rgba(0, 0, 0, 0.6) !important;
}
.theme-btn-even{
	background-color: #747474 !important;
	color: #ffffff !important;
	text-transform: capitalize;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
	font-size: 1.125em;
}
.theme-btn-detail{
	color: #ffffff !important;
	border:  #707070 ;
	background-color: #747474 !important;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
	font-size: 1.125em;
}
.b-action{
	margin-left: 10px;
	display: flex;
    align-items: center;
}
.b-action .btn-delete{
	margin-left: 5px;
}
#partSave .btn-delete{
	background-color: #FF0001 !important;
}

/* Font Size Start */
.T-size-10{
	font-size: 0.630em;
}
.T-size-12{
	font-size: 0.75em;
}
.T-size-14{
	font-size: 0.875em;
}
.T-size-16{
	font-size: 0.9em;
}
.T-size-18{
	font-size: 1.125em;
}
.T-size-20{
	font-size: 1.25em;
}
.T-size-24{
	font-size: 1.5em;
}
.T-size-36{
	font-size: 2.25em;
}
.T-size-40{
	font-size: 2.5em;
}
.LH-40{
	line-height: 2.5rem;
}

.SemiBold{
	font-weight: 600;
}
.Tcenter{
	text-align: center;
}
/* Font Size  End */

/* Icon Start */
.I-profile{
	display: block;
	width: 20px;
	height: 16px;
	background: url("../images/profile.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-back{
	display: block;
	width: 10px;
	height: 16px;
	background: url(../images/back.png) center center no-repeat;
	background-size: auto;
	margin-right: 10px;
}
.I-logout{
	display: block;
	width: 18px;
	height: 16px;
	background: url("../images/logout.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-create{
	display: block;
	width: 25px;
	height: 20px;
	background: url("../images/create.svg") center center no-repeat;
	background-size: auto 90%;
    top: 1px;
}
.I-sign{
	display: block;
	width: 25px;
	height: 27px;
	background: url(../images/sign.svg) center center no-repeat;
	background-size: auto 90%;
	top: 1px;
	margin-right: 10px;
}
.I-sign2{
	display: block;
	width: 25px;
	height: 27px;
	background: url(../images/sign2.svg) center center no-repeat;
	background-size: auto 90%;
	top: 1px;
	margin-right: 10px;
}
.I-calendar{
	display: inline-block;
	width: 16px;
	height: 17px;
	background: url(../images/calendar.svg) center center no-repeat;
	background-size: 100% auto;
	margin-right: 4px;
	top: 1px;
}
.I-pilot{
	display: inline-block;
	width: 16px;
	height: 17px;
	background-color: #FF0001; /* defines the background color of the image */
	mask: url(../images/status3.svg) no-repeat center / contain;
	-webkit-mask: url(../images/status3.svg) no-repeat center / contain;
	background-size: 100% auto;
	margin-right: 4px;
	top: 1px;
	padding-left: 20px;
}
.I-time{
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../images/clock.svg) center center no-repeat;
	background-size: 100% auto;
	top: 2px;
}
.I-detail{
	display: block;
	width: 15px;
	height: 15px;
	background: url("../images/details.svg") center center no-repeat;
	background-size: 100% auto;
	margin-left: 10px;
}
.I-passengers{
	display: block;
	width: 38px;
	height: 45px;
	background: url("../images/travel.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-bodyweight{
	display: block;
	width: 44px;
	height: 45px;
	background: url("../images/bmi.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-baggageweight{
	display: block;
	width: 45px;
	height: 45px;
	background: url("../images/weight.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-totalweight{
	display: block;
	width: 37px;
	height: 45px;
	background: url("../images/kettlebell.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-cargo{
	display: block;
	width: 45px;
	height: 45px;
	background: url("../images/cargo.svg") center center no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}
.I-report{
	display: block;
	width: 25px;
	height: 25px;
	background: url("../images/document.png") center center no-repeat;
	background-size: auto 76%;
    margin-right: 3px;
    top: 1px;
}
.I-save{
	display: block;
	width: 25px;
	height: 25px;
	background: url("../images/save.svg") center center no-repeat;
	background-size: auto 76%;
    margin-right: 3px;
}
.I-edit{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/edit.svg) center center no-repeat;
	background-size: auto 100%;
	left: 1px;
	top: 1px;
}
.I-add2{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/create.svg) center center no-repeat;
	background-size: auto 100%;
	left: 1px;
	top: 1px;
}
.I-car{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/car-estate.svg) center center no-repeat;
	background-size: auto 100%;
	left: 1px;
	top: 1px;
}
.I-bin{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/bin.svg) center center no-repeat;
	background-size: auto 100%;
	left: 1px;
	top: 1px;
}
.I-check{
	display: block;
    width: 22px;
    height: 22px;
    background: url(../images/check.svg) center center no-repeat;
		background-size: 70% auto;
		left: 1px;
		margin: 0 auto;
}
.I-check3{
	display: block;
    width: 22px;
    height: 22px;
    background: url(../images/check3.svg) center center no-repeat;
		background-size: 70% auto;
		left: 1px;
		margin: 0 auto;
}
.I-cancel{
	display: block;
    width: 22px;
    height: 22px;
    background: url(../images/cancel.svg) center center no-repeat;
		background-size: 70% auto;
		left: 1px;
		margin: 0 auto;
}
.I-flight{
	display: block;
    width: 22px;
    height: 22px;
    background: url(../images/flight.svg) center center no-repeat;
    background-size: auto auto;
	left: 1px;
	margin-right: 10px;
}
.I-transport{
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/transport.svg) center center no-repeat;
	background-size: auto auto;
	left: 1px;
	margin-right: 10px;
}
.I-arrrowR{
	display: block;
	width: 8px;
	height: 15px;
	background: url(../images/arrow-right.svg) center center no-repeat;
	background-size: auto 100%;
	margin-left: 10px;
	top: 2px;
}
.I-up{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/up.svg) center center no-repeat;
	background-size: auto 100%;
}
.I-down{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/down.svg) center center no-repeat;
	background-size: auto 100%;
}
.I-departure{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/I-departure.svg) center center no-repeat;
	background-size: auto 100%;
}
.I-arrival{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/I-arrival.svg) center center no-repeat;
	background-size: auto 100%;
}
.I-seat{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/seat.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}
.I-seat2{
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/seat2.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}

.I-body-weight{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/weight-lifter.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}
.I-body-weight2{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/weight-lifter.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}

.I-seatL{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/seat3.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}
.I-seatR{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/seat2.svg) center center no-repeat;
	background-size: auto 100%;
	margin-right: 10px;
}
/* Icon End */

/* Box Size Start */
.Bsize100{
	width: 100px;
}
.Bsize150{
	width: 150px;
}
.Bsize190{
	width: 190px;
}
.Bsize100P{
	width: 100%;
}
/* Box Size Start */


/* Tag Start */
.tag{
	background-color: #616161;
  border-radius: 25px;
	padding: 0px 10px;
	width: fit-content;
	font-weight: 500;
}
.tagWhite{
	background-color: #ffffff;
	color: #333232;
}
.tagRefer{
	background-color: #000000;
	color: #ffffff;
}
.tagStatus{
	background-color: #00BA48;
	color: #ffffff;
}
.tagStatusActive{
	background-color: #00BA48;
	color: #ffffff;
}
.tagStatusMaintenance{
	background-color: #bda600;
	color: #ffffff;
}
.tagStatusClose,
.tagStatusUnactive{
	background-color: #FF0001;
	color: #ffffff;
}
.tagStatusTakeoff{
	background-color: rgb(79, 12, 236);
	color: #ffffff;
}

/* Tag End */

/* Dialogs Start */
#dialog{

}
#dialog.type1{

}
#dialog.type2{

}
#dialog.type3{

}

#dialog.type1 .b-content{
	background: #333232;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	padding: 60px 30px 20px;
}
#dialog.type2 .b-content{
	background: #333232;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	padding: 20px;
}
#dialog.type3 .b-content{
	background: #333232;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	padding: 20px;
}
.B-dialog{

}
	.B-dialog:before{
		content: '';
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: block;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
		box-shadow: 0px 0px 15px rgba(24, 10, 10, 0.8);
		background-color: #333232;
		position: absolute;
    top: -110px;
    left: 29.2%;
	}
	.B-dialog.save:before{
		background: url(../images/save.svg)no-repeat;
    background-size: auto 60%;
    background-color: #00BA48;
    background-position: 23px 25px;
	}
	.B-dialog.delete:before{
		background: url(../images/bin.svg)no-repeat;
    background-size: auto 60%;
    background-color: #D91F20;
    background-position: 29px 25px;
	}
	.B-dialog.confirm:before{
		background: url(../images/check2.svg)no-repeat;
		background-size: auto 50%;
    background-color: #00BA48;
    background-position: 17px 27px;
	}
	.B-dialog.warning3:before{
		background: url(../images/warning.svg)no-repeat;
		background-size: auto 50%;
		background-color: orange;
		background-position: 25px 21px;
	}

.B-dialog .t-title{
	font-size: 1.5em;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #747474;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.B-dialog .t-des{
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #747474;
	padding-bottom: 20px;
}
.B-dialogform{
	border-bottom: 1px solid #747474;
	padding-bottom: 10px;
}
.B-dialogform .t-namepage{
	padding: 5px 10px;
	border-left: 3px solid #FF0001;
	margin: 5px 0 ;
	font-weight: 400;
	color: #ffffff;
	font-size: 1.25em;
}
.B-dialogform .t-namepage2{
	padding: 5px 10px;
	border-left: 3px solid #FF0001;
	margin: 10px 0 10px;
	font-weight: 400;
	color: #ffffff;
}
.B-dialogform .b-form{

}
.B-dialogform .theme--light.v-text-field > .v-input__control > .v-input__slot:before {
	border-color: #747474;
}
.B-dialogform .theme--light.v-text-field > .v-input__control > .v-input__slot:before{
	border-color: #747474;
}
.B-dialogform .theme--light.v-text-field:not(.v-input--has-state):hover > .v-input__control > .v-input__slot:before{
	border-color: #D91F20;
}
.B-dialogform input{
	font-weight: 400;
}
.B-dialogform .b-checkbox{
	margin-top: 10px;
}
.B-dialogform .b-checkbox .v-input--selection-controls{
	margin-top: 0;
	padding-top: 0;
}
.B-dialogform .b-checkbox .v-label{
	color: #ffffff;
}
.B-dialogform .b-checkbox .v-messages{
	display: none;
}
.B-dialog .t-des button{
	margin-top: 20px;
}
#dialog .box-btn{
	display: table;
	margin: 20px auto 0;
}
#dialog .box-btn .v-btn:not(.v-btn--round).v-size--default{
	height: 36px;
	margin: 0 5px;
}
.B-dialogform.step{
	border: none;
	padding: 0;
}
.B-dialogform.step .b-form{
	margin-top: 10px;
}
.B-dialogform.step .theme--light.v-stepper{
	background: none;
	box-shadow: none;
}
.B-dialogform.step .v-stepper__wrapper{
	padding-bottom: 5px;
}
.B-dialogform.step .theme--light.v-stepper .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step{
	background-color: #ffffff;
	color: #747474;
	font-weight: 400;
	font-size: 1.125em;
}
.B-dialogform.step .theme--light.v-stepper .v-stepper__step__step .v-icon.mdi-check::before{
	color: #ffffff;
}
.B-dialogform.step .v-stepper__header{
	height: 30px;
	padding: 0 40px;
	box-shadow: none;
	margin-top: 10px;
}
.B-dialogform.step .v-stepper__step{
	padding: 0px;
}
.B-dialogform.step .v-stepper__content{
	padding: 0;
}
.B-dialogform.step .v-stepper__step__step{
	width: 30px;
	height: 30px;
	margin: 0;
	font-weight: 400;
	font-size: 1.125em;
}
.B-dialogform.step .v-stepper__header .v-divider{
	border: 1px solid #D91F20;
	margin: 0 15px;
}
.B-dialogform.step .box-btn-select{
	margin: 50px 0;
	justify-content: center;
	display: flex;
}
#dialog .B-dialogform.step .btn-select{
	width: 200px;
	height: 56px !important;
}
.B-dialogform.step .B-passenger{
	padding: 20px 0 0;
	border-radius: 5px;
	background: none;
}
.B-dialogform.step.edit .B-passenger{
	padding: 0;
}
.B-dialogform.step .B-passenger .b-person{
	border: none;
}
.B-dialogform.step .B-passenger .box-S4{
	padding: 0;
}
.B-dialogform.step .B-passenger .box-S2{
	width: 47%;
}

.b-seatLayout{
	display: flex;
	flex-wrap: wrap;
	padding: 0 30px;
}
.btn-seatLayout.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){
	width: 80px;
	height: 80px;
	font-weight: 600;
	margin: 10px;
	color: #ffffff;
	background-color: #000000;
}
	.btn-seatLayout.v-btn:not(.v-btn--round).v-size--default i{
		display: block;
		margin: 0 auto;
	}
		.btn-seatLayout.v-btn:not(.v-btn--round).v-size--default span{
			display: block;
		}
		.btn-seatLayout.select.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){
			background-color: #00BA48;
		}
		.btn-seatLayout.theme--light.v-btn.v-btn--disabled:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined){
			background-color: #FF0001 !important;
			color: #ffffff !important;
		}
				
/* Dialogs End */

/* Header Start	*/
.B-groupbar{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
div#menuMain {
	width: 300px;
	display: block;
}
div#contentMain {
	/* width: calc(100% - 300px); */
	width: 100%;
	padding-top: 65px;
}
.B-groupbar .toolbar{
	width: calc(100% - 300px);
	position: fixed;
	top: 0px;
	background-color: #000000;
	z-index: 100;
}
.B-toolbar {
	padding: 13px 0;
	width: 100%;
	border-bottom: 1px solid #747474;
	margin-bottom: 10px;
}
.B-toolbar .menutoolbar{
	font-size: 1.125em;
	text-transform: uppercase;
	color: #ffffff;
	align-items: center;
} 
	.B-toolbar .menutoolbar:before{
		content: '';
		display: inline-block;
		width: 27px;
		height: 18px;
		background: url(../images/menu.svg) center center no-repeat;
		background-size: 100% auto;
		top: 3px;
		margin-right: 3px;
	} 
.B-toolbar .b-btnMenu{
	position: absolute;
	left: 0px;
	top: 18px;
	display: none;
} 	
.B-toolbar .b-logo{
	width: 113px;
	height: 38px;
	background: url(../images/logo-W.svg) center center no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
} 
.B-toolbar .toolbar-tag{
	border-radius: 25px;
	position: absolute;
	right: 0px;
	top: 18px;
 } 
.B-toolbar .toolbar-tag>span{
	padding: 0 10px;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
	line-height: 29px;
}

/* Header End  */

/* Menu Start	*/
	.B-manubar {
		width: 300px;
    min-height: 100vh;
    padding: 10px;
    background-color: #333232;
    border: #707070;
    border-bottom: 3px solid #D91F20;
    border-top: 3px solid #D91F20;
    position: sticky;
    z-index: 2;
    top: 0px;
	}
	.B-manubar .B-profile{
		margin-bottom: 10px;
	}
	.G-profile{
		display: flex;
    margin-bottom: 15px;
    align-items: center;
	}
  	.B-display{
	  display: block;
	  width: 50px;
	  height: 50px;
	  border: 2px solid #ffffff;
	  border-radius: 50%;
	  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
	  background-size: 100% auto;
	  background-position: center center;
	  background-color: #ffffff;
	}
	.B-display.In-table{
		width: 40px;
		height: 40px;
		margin: 10px auto;
	}
	.B-display.warning1,.B-display.warning2{
		background-image: url(../images/warning.svg) !important;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 58% auto;
	}
	.B-display.warning1{
		background-color: #FFA700;
	}
	.B-display.warning2{
		background-color: #FF0001;
	}
	.B-img-airport{
		display: block;
		width: auto;
		height: 50px;
		background-size: 100% auto;
		background-position: center center;
		background-color: #ffffff;
	}
	.B-display-name{
		padding-left: 10px;
	}
	.B-display-name{
		padding-left: 10px;
	}
		.B-display-name .tag.position{
			background-color: #ffffff;
			color: #d91f20;
		}
	.B-company{
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}
		.B-company .tag.company{
			width: 100%;
			text-align: center;
			border-radius: 25px;
			padding: 0 10px;
			text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
			line-height: 29px;
			background-color: #D91F20;
			color: #ffffff;
			font-weight: 600;
			font-size: 1.125em;
		}
	
	.B-logout{
		padding: 15px 10px 0;
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 100%;
	}
		.B-logout:before{
			content: '';
			width: 100%;
			height: 50px;
			display: block;
			position: absolute;
			top: -25px;
			left: 0;
			background: -webkit-gradient(linear, left top, right top, from(rgba(51, 50, 50, 0)), to(rgba(51, 50, 50, 1)));
			background: -webkit-linear-gradient(top, rgba(51, 50, 50, 0), rgba(51, 50, 50, 1));
			background: -moz-linear-gradient(top, rgba(51, 50, 50, 0), rgba(51, 50, 50, 1));
			background: -o-linear-gradient(top, rgba(51, 50, 50, 0), rgba(51, 50, 50, 1));
			background: -ms-linear-gradient(top, rgba(51, 50, 50, 0), rgba(51, 50, 50, 1));
			background: linear-gradient(top, rgba(51, 50, 50, 0), rgba(51, 50, 50, 1));
			background-color: rgba(51, 50, 50, 0);
		}
	.B-logout .line{
		margin-bottom: 15px;
	}
	.B-manu{
    padding-bottom: 70px;
	}
		.B-manu .t-headMenu{
			color: #ffffff;
			border-bottom: 1px solid #FF0001;
			line-height: 26px;
			font-weight: 500;
			font-size: 1.125em;
			margin-bottom: 5px;
		}
		.B-manu a{
			margin: 0px;
			line-height: 34px;
			border-left: 3px solid #333232;
			background-color: transparent;
			padding: 0 5px;
		}
		.B-manu a:hover{
			border-left:3px solid #D91F20;
			background-color: #575757;
		}
.B-manubar .v-btn:not(.v-btn--round).v-size--default {
	height: 36px;
}
.B-manu .panal-title{
	border-left: none;
	color: #ffffff;
	line-height: 26px;
	font-weight: 500;
	font-size: 1.125em;
	margin-bottom: 5px;
	border-bottom: 1px solid #FF0001;
	padding: 0;
	margin: 0 10px 5px 0;
}
.B-manu .v-icon.v-icon.mdi-chevron-down::before{
	width: 14px;
}


/* Menu End	*/

/* Body Start */
.B-carddate{
	/* height: 50px; */
	background: #333232;
	padding: 10px;
	border-radius: 5px;
}
.B-carddetail{
	width: 100%;
	border-radius: 5px;	
	background: #333232;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.B-carddetail.active{
	border: 1px solid #00BA48;
}
.B-carddetail.close{
	border: 1px solid #FF0001;
}
#boxCalender{
	border-radius: 5px;
	background: #333232;
	padding: 0px 10px !important;
}
#boxCalender .b-Calendar{
	width: 100%;
}
#boxCalender .b-selectData{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#boxCalender .b-Calendar{
	margin-bottom: 10px;
}
.B-carddetail > .date {

}
.B-cardlist{
	height: 50px;
	background: #333232;
	padding: 10px;
	border-radius: 5px;
	width: 100%;
}
.B-cardlist > div{
	padding-left: 7px;
	border-left:3px solid #D91F20;

}
.panal-title{
    border-left: 3px solid #D91F20;
	padding: 10px 10px 10px 15px;
    font-weight: 400;
}
.btn-report{
	background-color: #0067e6 !important;
}
.btn-save{
	background-color: #00BA48 !important;
}
.b-btnSave{
	margin: 0 auto;
}
	.b-btnSave>button{
		margin: 0 10px;
	}
.b-btnSend{
	margin: 0 auto;
}
.btn-cancel{
	background-color: #747474 !important;
}
.btn-delete{
	background-color: #D91F20 !important;
}
.btn-ok{
	background-color: #191919 !important;
}
.btn-recover{
	background-color: #006BBA !important;
	width: 150px;
	line-height: 41px;
}	
.btn-flight{
	background-color: #037765 !important;
}
.btn-aircraft{
	background-color: #480c0c !important;
}
.btn-aircraft>span{
	top: 6px;
}
.btn-transport{
	background-color: #293DA8 !important;
	padding: 0 10px !important;
	display: flex;
}
.btn-sign{
	background-color: #7559ab !important;
}
.btn-seat2{
	background-color: #00BA48 !important;
}
.btn-sendSap{
	background-color: #0d78ff !important;
	color: #ffffff !important;
}
.left{
	float: left;
}
.right{
	float: right;
	text-align: right;
}

.refid{
	background: #191919;
    border-radius: 25px;
	padding: 0px 10px;
	width: fit-content;
}
#partSave .b-btnDelete{
	position: absolute;
	right: 0;
	top: 10px;
}
#namePage .box-S1{
	padding: 0;
}

/* Body End */


/* Form Start */
.B-carddetail.B-formMain{
	padding: 10px;
}
.B-formMain .b-row{
	display: flex;
	justify-content: space-between;
}
	.B-formMain .b-row .box-S2{
			padding: 0 5px;
		}
		.B-formMain .b-row .box-S4{
			padding: 0 5px;
		}
		.B-formMain .b-row .box-S4.noFlex{
			display: block;
			justify-content: space-between;
		}
		.B-formMain input{
		font-weight: 400;
	}
	.B-formMain .box-S1-3{
		padding: 0;
	}

	.B-formMain .v-text-field {
    padding-top: 8px;
	}

#transportDetail .B-carddetail.B-formMain{
	margin-bottom: 10px;
}

/* Form End */

/* Action Box Start */


/* Action Box End */


/* Footer Start	*/
#partBack{
	padding: 10px 20px;
}
#partBack .v-btn:not(.v-btn--round).v-size--default{
	height: 36px;
}
.B-footer{
	/* margin-top: 20px;
	padding-top: 20px; */
	border-top: 1px solid #616161;
	padding: 20px ;
	padding-left: 310px;
    margin-top: 20px;
	/* bottom: 0px;
    left: 0px;
	position: absolute;
    width: 100%; */
}
.copy{
	text-align: center;
}
/* Footer End  */


/* Line style Start */
  /* .line{
	  border: 0.3px solid #747474 ;
	  margin: 15px 0px;
  } */
  .line-detail{
	padding:0px 5px;
	border-bottom: 1px solid red;
}
/* Line style End */

/* Card Detail Start */
.B-carddetail{
 padding: 10px;
}
	.B-carddetail .b-detail{
		display: flex;
		justify-content: left;
		align-items: center;
	}
		.B-carddetail .b-detail>.b-text>p{
			margin: 0;
		}


/* Card Detail End */

/* Passenger/Cargo/Leg Start */
.wrap-passenger{
	/* justify-content: flex-start; */
}
.wrap-passenger .box-S1-3{
	/* margin-right: 1.505%; */
	display: inline-block;
	margin-right: 1.5%;
}
.wrap-passenger .box-S1-3:nth-child(3n+3){
	margin-right: 0px;
}
.wrap-cargo{
	width: 100%;
}
.wrap-cargo .box-S1-3{
	display: inline-block;
	margin-right: 1.5%;
	padding-top: 0px;
	padding-bottom: 10px;
}
.wrap-cargo .box-S1-3:nth-child(3n+3){
	margin-right: 0px;
}
.wrap-leg{
	width: 100%;
}
.wrap-leg .box-S1-3{
	display: inline-block;
	margin-right: 1.5%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.wrap-leg .box-S1-3:nth-child(3n+3){
	margin-right: 0px;
}

.B-passenger{
	border-radius: 5px;
	padding: 5px 5px 5px 5px;
	background: url(../images/bg-passenger.svg) bottom right no-repeat #333232;
	background-size: auto 65%;
}

.B-passenger.cargo{
	background: url(../images/bg-cargo.svg) bottom right no-repeat #333232;
	background-size: auto 65%;
}
.B-passenger.leg{
	background: url(../images/bg-leg.svg) bottom right no-repeat #333232;
	background-size: auto 65%;
}
.B-passenger.update:before{
	content: 'update';
    font-size: 0.75em;
    border-radius: 25px;
    width: fit-content;
    font-weight: 500;
    background-color: #333232;
    padding: 0 10px;
    color: #ffffff;
    font-weight: 600;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #FF0001;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    top: -11px;
    right: 10px;
}
.B-passenger.delete{
	background-color: rgba(51, 50, 50, 0.4);
}
.B-passenger.delete:before{
	content: 'delete';
    font-size: 0.75em;
    border-radius: 25px;
    width: fit-content;
    font-weight: 500;
    background-color: #FF0001;
    padding: 0 10px;
    color: #ffffff;
    font-weight: 600;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #FF0001;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    top: -11px;
    right: 10px;
}
.B-passenger.delete div:first-child{
	opacity: 0.4;
}
.b-recover{
	display: none;
}
.B-passenger.delete .b-recover{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
}

.b-offload{
	display: none;
}
.B-passenger.complete{
	border: 3px solid #00BA48;
}

/* Add by big */
.B-passenger.expired{
	border: 3px solid #FF0000;
}

/* Add by big */
.B-passenger.expiredrow{
	border: 3px solid #FF0000;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 0px !important;
}

.subheading.T-size-18{
	font-size: 1.125em;
}

.B-passenger.offload div:first-child{
	opacity: 0.4;
}
.B-passenger.offload{
	background-color: rgba(51, 50, 50, 0.4);
}
.B-passenger.offload:before{
	content: 'Offload';
    font-size: 0.75em;
    border-radius: 25px;
    width: fit-content;
    font-weight: 500;
    background-color: #FF0001;
    padding: 0 10px;
    color: #ffffff;
    font-weight: 600;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #FF0001;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    top: -11px;
    right: 10px;
}
.B-passenger.offload .b-offload{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0;
}
.B-passenger.offload .b-offload .t-text{
	display: block; 
	margin-bottom: 20px;
}

.B-passenger .b-person{
	padding-bottom: 10px;
	border-bottom: 1px solid #747474;
	margin-bottom: 10px;
	justify-content: space-between;
	display: flex;
	align-items: center;
}
.B-passenger .b-person .b-display,
.B-passenger .b-person .b-name-company{
	margin-right: 10px;
}
.B-passenger .b-person .b-name-company{
	flex-grow: 1;
}
.B-passenger .b-person .b-action{
	margin-left: 0;
}
.b-btn .v-btn{
	width: 30px;
	height: 30px;
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8) !important;
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8) !important;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8) !important;
}
.B-passenger .b-person .b-name-company .t-name{
	margin: 0px;
}
.B-passenger.leg .b-person .b-name-company .t-name{
	font-weight: 500;
}
.B-passenger .b-person .b-name-company .t-company{
	background: #ffffff;
	border-radius: 25px;
	padding: 0px 10px;
	width: fit-content;
	margin-top: 5px;
	color: #000000;
	font-weight: 600;
}
.B-passenger.leg .b-person .b-name-company .t-company{
	border-radius: 25px;
	padding: 0px 10px;
	width: fit-content;
	margin-top: 5px;
	font-weight: 600;
	background: #D91F20;
	color: #ffffff;
}
.B-passenger .b-detail{

}
.B-passenger .b-detail .t-title{
	padding: 0px 10px;
	border-left: 3px solid #FF0001;
	font-weight: 400;
}
.B-passenger .b-detail .t-detail{
	padding: 0;
	margin-bottom: 5px;
}
.B-passenger .b-detail:last-child .t-detail{
	margin-bottom: 0px;
}
.B-passenger .b-detail .t-detail p{
	font-weight: 600;
	margin: 0;
}
.wrap-cargo .B-passenger .b-detail .t-detail p.detail{
	font-weight: 400;
	margin-top: 5px;
}
.B-passenger .b-detail .t-detail p.t-time{
	color: #00BA48;
}
.B-passenger .b-detail .t-detail span{
	color: #ACACAC;
}
	.B-passenger .b-detail .t-detail div.bL{
		text-align: left;
		width: 40%;
	}
	.B-passenger .b-detail .t-detail div.bC{
		text-align: center;
		width: 20%;
	}
	.B-passenger .b-detail .t-detail div.bR{
		text-align: right;
		width: 40%;
	}
.b-numPassenger{
	display: flex;
	align-items: center;
	height: 41px;
	border-radius: 5px;
	background: #333232;
	padding: 10px;
}
	.b-numPassenger .I-passengers {
    width: 26px;
    height: 37px;
	}
	#payload .line{
		margin-top: 10px;
	}
.B-passenger .b-btnCheckin{
	margin-top: 10px;
	width: 150px;
}
.B-passenger .b-btnCheckin .btn-checkin{
	width: 100%;
	background-color: #6C63FF !important;
}
.B-passenger .b-btnCheckin .btn-viewcheckin{
	width: 100%;
	background-color: #00BA48 !important;
}


.btn-wait{
	background-color: #6C63FF !important;
}

.btn-pass{
	background-color: #00BA48 !important;
}


/* Passenger/Cargo/Leg End */

/* listEventcalendar Start */
.listEventcalendar{

}
.B-carddetail .b-dateTime{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.B-carddetail .b-textData{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.B-carddetail .line{
	margin: 5px 0 5px;
}
.B-carddetail .tag{
	margin: 5px 0;
}
.B-carddetail .v-btn:not(.v-btn--round).v-size--default{
	/* height: 30px; */
	padding: 0 10px;
}
.B-carddetail .b-tagBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0 5px;
}

/* listEventcalendar End */

/* Status Step Start */
.b-statusStep{
	display: flex;
	justify-content: center;
	align-items: center;
}
.b-statusStep .status{
	width: 54px;
	height: 54px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border: 3px solid #D91F20;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #ffffff;	
	background-size: 60% auto;
}
.b-statusStep .status.FD{
	background-image: url(../images/status1.svg);
}
.b-statusStep .status.EN{
	background-image: url(../images/status2.svg);
}
.b-statusStep .status.PI{
	background-image: url(../images/status3.svg);
}
.b-statusStep .status.CTE{
	background-image: url(../images/status4.svg);
}
.b-statusStep .status.active{
	border-color: #00BA48;
}
.b-statusStep .dash{
	width: 15px;
	height: 1px;
	background-color: #FF0001;
	margin: 0 10px;
}

/* Status Step End */

/* Destination Show Start */

.warp-destiantionShow{
	width: 100%;
	align-items: center;
	display: flex;
	flex-flow: wrap;
}
	.warp-destiantionShow .box-S1{
		display: inline-block;
		margin-right: 2.26%;
		padding-top: 0px;
		padding-bottom: 10px;
	}	
		.warp-destiantionShow .box-S1:nth-child(4n+4){
			margin: 0;
		}	
		.b-destiantionShow .B-carddetail{

		}
.b-destiantionShow{

}
	.b-destiantionShow.start{

	}
	.b-destiantionShow.end{

	}
	.b-destiantionShow .b-content{
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.b-destiantionShow .b-content .tag{
		background-color: #D91F20;
	}
	.numderPassenger{
		display: flex;
		align-items: center;
		justify-content: space-around;
		width: 100%;
	}
	.numderPassenger>div{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.numderPassenger>div>i.I-up{
		margin-left: 10px;
	}
	.numderPassenger>div>i.I-down{
		margin-right: 10px;
	}
				
/* Destination Show End */

/* listEventcalendar Start */
.listEventcalendar{

}
.B-carddetail .b-dateTime{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.B-carddetail .b-textData{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.B-carddetail .line{
	margin: 5px 0 5px;
}
.B-carddetail .tag{
	margin: 5px 0;
}
/* .B-carddetail .v-btn:not(.v-btn--round).v-size--default{
	height: 30px;
	padding: 0 10px;
} */
.B-carddetail .b-tagBtn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* listEventcalendar End */


/* Owner Content Start */
#ownerContent{

}
#ownerContent .panal-title{
	padding: 5px 5px 5px 10px;
	margin-bottom: 5px;
}

/* Owner Content End */

/* ---------------------------------------------------**** Tablet Portrait ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px){
	div#menuMain{
		display: none;
	}
	div#contentMain,
	.B-groupbar .toolbar{
		width: 100%;
	}
	
	.B-manubar{
		display: none;
	}
	.B-toolbar .b-btnMenu{
		display: block;
	} 
	
	.B-toolbar .toolbar-tag span{
		display: none;
	}
	.B-toolbar{
		padding-left:0px;
	}

}





/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

/* Box Start */
/* .box-S4,.box-S3,.box-S2,.box-S1-3,.box-S1{
	width: 100%;
} */
/* Main */
.wrap-Main{
	padding: 0 15px;
}

/* Box End */
/* Menu */
div#menuMain{
	display: none;
}
div#contentMain,
.B-groupbar .toolbar{
	width: 100%;
}

.B-manubar{
	display: none;
}

.B-toolbar .toolbar-tag span{
	display: none;
}
.B-toolbar{
	padding-left:0px;
}

.B-toolbar .b-btnMenu{
	display: block;
} 

.Content-Page{
	padding-left:0px;
}

.group-order-1{
	display: flex;
	order: 1;
}
.group-order-2{
	display: flex;
	order: 2;
}

/* .B-footer{
padding: 20px;
} */

/* Box */
.box-S4,.box-S3,.box-S2,.box-S1-3,.box-S1{
	width: 100%;
	display: block;
}
.B-formMain .b-row,
.B-carddetail .b-tagBtn,
#boxCalender .b-selectData,
.warp-destiantionShow{
	display: block;
}
.b-row .box-S4,
.b-row .box-S3,
.b-row .box-S2,
.b-row .box-S1,
.b-row .box-S1-3{
	margin: 10px 0;
}

/* Button */

#partSave .b-btnSave{
	display: flex;
	justify-content: space-between;
}
.b-btnSave>button{
	margin: 0;
}
#partSave a,
#partSave button{
	width: 47% !important;
}

#partSave .b-btnDelete{
	display: block;
	position: relative;
}
#partSave .b-btnDelete>button{
	width: 100% !important;
}
.theme-btn-even{
	width: 100%;
	margin: 10px 0;
}
#dialog .box-btn{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#dialog .box-btn .v-btn:not(.v-btn--round).v-size--default{
	width: 47%;
	margin: 0;
}

/* Footer */
.B-footer{
	padding: 20px;
}





.b-numPassenger{
	margin-top: 10px;
}
.B-dialogform.step .B-passenger .box-S2{
	width: 100%;
}

}



/* Add */
.box-S1-5 {
	width: 19.5%;
	display: flex;
	padding: 10px 0px;
	flex-direction: column;
	font-size: 1.125em;
  }
  .center {
	text-align: center;
  }

  .right {
	text-align: right;
  }

  .color-red{
	  color: red;
  }

  .fix-header {
	width: 100px !important;
  }



/* Add 20210407 */
  .B-dialog-for-cancel .t-title{
	font-size: 1.5em;
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #747474;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.B-dialog-for-cancel .t-des{
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #747474;
	padding-bottom: 20px;
}
.B-dialog-for-cancel:before{
	content: '';
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
display: block;
width: 100px;
height: 100px;
-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 0px 15px rgba(24, 10, 10, 0.8);
	background-color: #333232;
	position: absolute;
top: -110px;
left: 39%;
}
.B-dialog-for-cancel.cencel:before{
	background: url(../images/cancel.svg)no-repeat;
	background-size: auto 65%;
	background-color: #D91F20;
	background-position: 18px 19px;
}

tbody>tr:hover {
    background-color: transparent !important;
}