* {box-sizing: border-box;}
 body {
    font-family: 'Poppins', sans-serif;
    
}
html,body {margin: 0;padding: 0;background: #fff;font-family: 'Poppins', sans-serif;background: #ddd; font-size:12px;}


.form-control{font-size:12px;}
input:focus, textarea:focus, select:focus {outline: none;}
.fL {float: left;}
.fR {float: right;}
.PR {position: relative;}
.padd0 {padding: 0px;}
.martop30 {margin-top: 30px;}
.martop10{ margin-top:10px;}

/*---------boooking page css----------------*/
.no_margin {margin: 0;}
label{ font-size:12px;}
p span{font-size:12px;}
.user_lock{width:18%;float: left;margin-right:4px;font-size: 12px;text-align: left;background: #8b8c8d;padding: 3px 6px 3px 10px;border-radius: 12px;color: #fff;cursor:pointer;}
.user_lock i{ font-size:12px;color:#fff; padding-right:6px;font-style: normal;}
.user_lock:last-child{ margin-right:0;}
.user_editdash{float:right;font-size: 12px;text-align: left;background: #00BCD4;padding: 3px 6px 3px 10px;border-radius: 12px;color: #fff; cursor:pointer;}
.user_editdash i{ font-size:12px;color:#fff; padding-right:6px;}
.websitepageCon {width: 100%;float: left;margin: 0;padding: 0;}
.main_container {width: 100%;float: left;margin: 0;padding: 0 30px;}
.common_container { width: 1600px;margin: 0 auto;padding: 0;}
.headerCon {width: 100%;float: left;margin: 0;padding: 0;text-align: center;}
.headerCon h1 {font-size: 24px;color: #000;text-align: center;margin: 20px 0;}
.advance_searc {background: #fff;float: left;width: 100%;padding: 10px;border: 1px solid #ccc;margin-bottom: 30px;}
.advance_searc_top {width: 100%;float: left;margin-bottom: 15px;}
.advance_searc_top label{ font-size:12px; color:#000;}
.advance_searc_top input,.advance_searc_top select{ font-size:12px; color:#000;}
.header_meta {width: 100%;float: left;padding: 20px 0 0 0;}
.label13{font-size:13px;}
.label_left {width: 100%;float: left;text-align: left; color:#000; font-size:13px;}
.label_right {width: 100%;float: right;text-align: right;}
.gray_Bg {width: 100%;float: left;background: #fff;margin-top: 40px;padding: 0 15px;}
.btn_Div {width: 100%;float: left;text-align: right;padding-right: 20px;}
.bookingDiv {width: 100%;float: left;margin: 0;padding: 0;}
.bookingDiv ul:hover {background: #ddd;}
.bookingDiv:nth-child(2n+1):hover {background: #eaeff0;}
.bookingHead {margin: 0;padding: 0;list-style-type: none;background: #eaeff0;border: 1px solid #ddd;display: flex;}
.bookingHead li {float: left;flex-direction: column;text-align: center;width: 11.5%;padding: 6px;}
.bookingContent{margin: 0;padding: 0;list-style-type: none;display: flex;margin-bottom: 0px;border: 1px solid #ddd;}
.bookingContent li {float: left;flex-direction: column;text-align: center;width: 11.5%;padding:4px;font-size: 12px;font-style: normal;}
.bookingContent li:nth-child(9n+2){ text-align:left; padding-left:20px;}
.bookingContent li:nth-child(9n+3){ text-align:left; padding-left:20px;}
.bookingContent li:nth-child(9n+3) p i{color: #fa4c07;}
.bookingContent li:nth-child(9n+4){ text-align:left; padding-left:20px;}
.bookingContent li:nth-child(9n+5){ text-align:left; padding-left:30px;}
.bookingContent li:nth-child(9n+5) p i{color: #fa4c07;}
.bookingContent li:nth-child(9n+6){ text-align:left; padding-left:35px;}
.box_lab_inpu{ width:100%; float:left; margin-bottom:10px;}
.bookingContent:nth-child( odd ) {background: #f5f5f5;}
.bookingContent:nth-child(even){background: #fff;}
.bookingHead > li span {width: 100%;display: inline-block;text-align: center;font-size: 11px; color:#000;}
.bookingHead > li span i {width: 20%;float: left;text-align: right;padding: 3px 0;color: #000;}
.bookingHead > li span dfn {width: 80%;float: left;text-align: left;padding-left: 15px;font-style: normal;}
.selectinput {width: 100%;padding: 4px;margin-bottom: 5px;border: 1px solid #ccc;}
.bookingMenu {width: 100%;float: left;padding: 0;margin: 0;}
.bookingMenu > ul {list-style-type: none;margin: 0;padding: 0;}
.bookingMenu > ul li {float: left;margin-right: 6px;}
.btnsytle {cursor: pointer;transition: ease-out 0.5s;-webkit-transition: ease-out 0.5s;-moz-transition: ease-out 0.5s;padding: 8px 30px;font-size: 12px;color: #000;border: 1px solid #ddd;border-radius: 10px 10px 0 0;display: inline-block;}
.btnsytle:hover, .Active {background: #999;text-decoration: underline;color: #fff;}
.bookAmount {font-size: 14px;font-weight: bold;color: #023c5f;width:100%;float: right;text-align:right;}
.bookAmount i {padding-right: 4px;}
.bookingContent li>p i{ padding-right:4px;}
.bookingContent li:nth-child(10n+1) {text-align: left;}
.width100{ width:100%;float:left; margin-bottom:20px;}
.bookingContent li:nth-child(10n+1) img {text-align: right;display: inline-block;float: left;margin-right: 10px;width:20px;}
.bookingContent li:nth-child(10n+1) a {font-size: 13px;color: #fff;background: #999;border-radius: 4px;padding: 2px 15px;display: inline-block;}
.bookingContent li:nth-child(10n+1) a:hover {background: #001D6E;}
.bookingContent li:nth-child(10n+1) p {margin: 6px 0 0 0;display: inline-block;width: 100%;font-size: 12px;font-weight: bold;}
.bookingContent li:nth-child(10n+1) p img {width: 20px;height: 20px;margin-right: 8px;}
.bookingidTop{width:100%; float:left;}
.bookingidTop2{width:100%; float:left; padding-left:20%; margin-top:10px;}
.bookingContent li:nth-child(10n+1) i{ float:left; font-size:13px; color:#000; margin-right:6px;}
.duplicate{display:inline-block;}
.duplicate> dfn{float:left; width:15px;cursor:pointer; margin-left:5px;}
.duplicate> dfn img{width:100%!important;}
.reapeat{display:inline-block;}
.reapeat> dfn{float:left; width:15px;cursor:pointer; margin-left:5px;}
.reapeat> dfn img{width:100%!important;}
.bookingContent li:nth-child(10n+2) p { margin: 3px 0 0 0;display: inline-block;width: 100%;}
.bookingContent li:nth-child(10n+3) p {margin: 3px 0 0 0;display: inline-block;width: 100%;}
.bookingContent li:nth-child(10n+3) span {margin: 3px 0 0 0;display: inline-block;width: 100%;font-style: normal;}
.bookingContent li:nth-child(10n+3) span dfn {font-style: normal;padding-left: 8px;}
.bookingContent li:nth-child(10n+4) p {margin: 3px 0 0 0;display: inline-block;width: 100%;}
.bookingContent li:nth-child(10n+4) span {margin: 3px 0 0 0;display: inline-block;width: 100%;}
.bookingdataleft {float: left;width: 100%;margin-bottom: 10px;}
.datewise_booking {border: 1px solid #2980b9;width:18%;float: left;border-radius: 6px;margin-right:8px;}
.datewise_booking p {background: #2980b9;padding: 6px 10px;color: #fff;text-align:center; font-size:12px;}
.datewise_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.mco_booking {border: 1px solid #a5171b;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.mco_booking p {background: #a5171b;padding: 6px 10px;color: #fff;text-align:center;}
.mco_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.pro_booking {border: 1px solid #036771;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.pro_booking p {background: #036771;padding: 6px 10px;color: #fff;text-align:center;}
.pro_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.mer_booking {border: 1px solid #6d0290;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.mer_booking p {background: #6d0290;padding: 6px 10px;color: #fff;text-align:center;}
.mer_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.Real_booking {border: 1px solid #6d184b;width:18%;float: left;border-radius: 6px;margin-right:8px;}
.Real_booking p {background: #6d184b;padding: 6px 10px;color: #fff;text-align:center; font-size:12px;}
.Real_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.Gross_Revenue {border: 1px solid #feca40;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.Gross_Revenue p {background: #feca40;padding: 6px 10px;color: #fff;text-align:center;}
.Gross_Revenue h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.Nett_Profit {border: 1px solid #ff595d;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.Nett_Profit p {background: #ff595d;padding: 6px 10px;color: #fff;text-align:center;}
.Nett_Profit h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.supp_booking {border: 1px solid #f39c12;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.supp_booking p {background: #f39c12;padding: 6px 10px;color: #fff;text-align:center;}
.supp_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.cardstats_booking{border: 1px solid #0bd2ff;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.cardstats_booking p {background: #0bd2ff;padding: 6px 10px;color: #fff;text-align:center;}
.cardstats_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.fxl_booking{border: 1px solid #7f7d61;width:11%;float: left;border-radius: 6px;margin-right:8px;}
.fxl_booking p {background: #7f7d61;padding: 6px 10px;color: #fff;text-align:center;}
.fxl_booking h3 {padding: 6px 10px;color: #000;font-size: 24px;text-align:center;}
.total_booking {float: left;width: 100%;margin-bottom: 10px;}
.total_booking ul {list-style-type: none;margin-top:15px;padding: 0;float: right;}
.total_booking ul li {float: left;margin-left: 8px;}
.total_booking ul li a {padding: 6px 10px;font-size:12px;color: #000;border: 1px solid #ddd;border-radius: 4px; background:#fff;}
.total_booking ul li a:hover{background: #eaeff0;border: 1px solid #ddd;}
.Activeone {background: #eaeff0;border: 1px solid #ddd;} 
.metaDestination {width: 100%;float: left;border: 2px solid #ccc;margin-top: 40px;background: #fff;padding: 15px 10px;border-radius: 12px;}
.labelblack {color: #000 !important;}
.net_mco{color:#f61010; font-size:12px; font-weight:bold;width: 60%;float: right;border: 1px solid #0182a9;background:#fff;}
.net_mco> img{width:15%; margin-right:6px;}
.agent_mco{color:#f80947; font-size:12px; font-weight:bold;width: 60%;float: right;border: 1px solid #0182a9;background:#fff;}
.agent_mco> img{width:15%; margin-right:6px;}
.CardDecline {margin-top: 6px;display: inline-block;background: #D1512D;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.retun_date p i{ color:#fa4c07;}
.CardCompleted {margin-top: 6px;display: inline-block;background: #00a651;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.CardRefund {margin-top: 6px;display: inline-block;background: #ed1c24;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.payment_Incom {margin-top:4px;display: inline-block;background: #F675A8;padding:2px;color: #fff;width: 90px;font-size:10px;text-align: center;}
.payment_Confir {margin-top: 6px;display: inline-block;background: #04f87a;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.payment_Ticket {margin-top: 6px;display: inline-block;background: #00a651;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.payment_Failed {margin-top: 6px;display: inline-block;background: #fc3d18;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.payment_can {margin-top: 6px;display: inline-block;background: #565353;padding: 4px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.payment_Pending {margin-top: 6px;display: inline-block;background: #999;padding: 2px 20px;border-radius: 15px;color: #fff;width: 90px;font-size: 12px;text-align: center;}
.pop_btn{ display:inline-block; margin-top:15px;}
.cardverification{margin-top:4px;display: inline-block;background: #798899;padding:2px;color: #fff;width:90px;font-size: 10px;text-align: center;}
.cardverification i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.payment_Incom i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.lff_can{margin-top:4px;display: inline-block;background: #55575a;padding:2px;color: #fff;width:90px;font-size: 10px;text-align: center;}
.lff_can i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}






.bookin_main {background: #f5f5f5;padding: 4px;margin-top: 15px;}
.chart {position: relative;overflow: hidden;width: 100%;}


.dash_search{ width: 100%;float: left; margin: 0;padding: 15px;margin-top: 20px;border: 1px solid #ccc;background: #fff;}
.dashserach_left{width:50%; float:left;padding-left: 11px;}
.dashserach_left span{ width:30%; float:left; background:#fff; border:1px solid #ccc;position: relative;padding: 4px;}
.dashserach_left span> input{ border:0; padding:4px 4px 4px 20px; font-size:12px;}
.dashserach_left span> i{position: absolute;top: 13px;}
.DashbtnDiv{width:30%; float:left; margin-left:15px;}
.DashbtnDiv button{background: #f44336;color: #fff;font-size: 14px;width: 100%;padding: 8px;border: none;border-radius: 4px;}
.DashbtnDiv button i{padding-right:6px;}
.dashserach_right{width:50%; float:left;padding: 4px 0 4px 20px;margin-top: 4px;}
.dashserach_right ul{ list-style-type:none; margin:0; padding:0;}
.dashserach_right ul li{float:left; margin-left:15px;}
.dashserach_right ul li a{padding:6px 20px; background:#0476cb; color:#fff; font-size:13px; border-radius:6px ;text-decoration:none;}
.Dash_Users{float:left; width:100%; padding:0 15px; margin-top:20px;display:contents;}
.user_profile{width:15.8%; float: left;padding:6px;border: 1px solid #ccc;margin:5px;background: #fff;box-shadow: 0 4px 10px rgb(0 0 0 / 12%);}
.user_profile h3{width:100%;text-align:center; font-size:20px;margin: 0;padding: 8px 0;}
.user_Name{width:100%;float:left;padding-bottom: 3px;border-bottom: 1px solid #ccc;}
.user_Name i{ font-size:25px; color:#e53e16;float:left; padding-right:15px;width:25%;}
.user_Name h3{ font-size:14px; color:#000;float:left;width:75%;text-align:left;text-transform: capitalize; font-weight:bold;}
.agent_aasig{width: 100%;display: inline-block;padding:3px 0;border-bottom: 1px dashed #ccc;}
.assign_one{float: left;width: 70%;color: #5d5c5e;font-weight: 400; font-size:12px;}
.assign_two{float: left;padding-right: 20px;font-size: 14px;font-weight: bold;width: 15%;text-align: center;font-size:12px;}
.percent{float: left;display: inline-block;width: 15%;text-align: center;}

/*-----------flights booking css--------------*/

.booking_support {width: 100%;float: left;padding: 10px;background: #fff;margin-bottom: 15px;}
.traver_deatal {background: #fff;box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);-webkit-box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);border-radius: 6px;width: 100%;margin-bottom: 20px;margin-top: 15px;height: 120px;}
.traver_deatal h6 {background: #49494a;padding: 3px;font-size: 12px;color: #fff;margin: 0 0 10px 0;border-radius: 6px 6px 0 0;text-transform: uppercase;}
.traver_deatal > div {padding: 0 10px;text-align: left;}
.traver_deatal em {width: 6%;display: inline-block;}
.traver_deatal em i{ font-size:12px;}
.traver_deatal span, .travel_craeted {color: #000;font-size: 12px;}
.travel_craeted {background: #fff;box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);-webkit-box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);border-radius: 6px;width: 100%;margin-bottom: 20px;margin-top: 15px;height: 120px;}
.travel_craeted div i{ padding-right:5px;}
.travel_craeted h6 {background: #49494a;padding: 3px;font-size: 12px;color: #fff;margin: 0 0 10px 0;border-radius: 6px 6px 0 0;text-transform: uppercase;}
.travel_craeted > div {padding: 0 10px;text-align: left;}
.travel_craeted em {  width:30%;display: inline-block;font-style: normal;color: #4e4d4d;font-size:12px;color:#000;}
.traveler_amount div span{ font-size:12px; color:#000;}
.traveler_amount div i{ padding-right:5px; color:#000; font-size:12px;}
.traveler_amount {background: #fff;box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);-webkit-box-shadow: 1px 2px 7px rgb(0 0 0 / 30%);border-radius: 6px;width: 100%;margin-bottom: 20px;margin-top: 15px;height: 120px;}
.traveler_amount h6 {background: #49494a;padding: 3px;font-size: 12px;color: #fff;margin: 0 0 10px 0;border-radius: 6px 6px 0 0;text-transform: uppercase;}
.traveler_amount > div {padding: 0 10px;text-align: left;}
.traveler_amount {color: #4e4d4d;font-size: 14px;display: inline-block;}
.traveler_amount em {float: right;font-style: normal;font-size: 12px;color: #000;}
.quik_link {list-style-type: none;margin: 0;padding: 0;}
.quik_link li {margin-bottom: 5px;}
.quik_link li a {display: block;background: #f7f7f7;border: 1px solid #ddd;padding: 0;border-radius: 3px;margin: 0;color: #133b67;text-align: left;}
.quik_link li a:hover {color: #a31b1f;cursor: pointer;}
.quik_link li i.fa {font-size: 14px;padding: 9px 5px;color: #fff;}
.quik_link > li i.fa {border-right: 1px solid #ddd;line-height: 1;vertical-align: middle;padding: 9px 5px;min-width: 33px;text-align: center;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.quik_link li span {padding: 5px 10px 5px 5px;display: inline-block;vertical-align: middle;font-size: 12px;padding-left: 10px;}
.quik_link li:nth-child(5n+1) i.fa {background-color: #4680ff;}
.quik_link li:nth-child(5n+2) i.fa {background-color: #E67D21;}
.quik_link li:nth-child(5n+3) i.fa {background-color: #8E44AD;}
.quik_link li:nth-child(5n+4) i.fa {background-color: #b90e06;}
.quik_link li:nth-child(5n+5) i.fa {background-color:#28a745;}
.agent_part select{display: block;background: #f7f7f7;border: 1px solid #ddd;padding:8px;border-radius: 3px;margin: 0;color: #133b67;text-align: left;width:100%; font-size:12px;}
.Dead_Queue {background-color: #f55069 !important;color: #fff !important;}
.Close_Booking {background-color: #196103 !important;color: #fff !important;}
.booking_detail {padding: 10px;background: #fff;width: 100%;display: inline-block;}
.booking_detail ul {margin: 0;padding: 0;list-style-type: none;width: 100%;}
.booking_detail ul li {float: left;width: 14%;}
.booking_detail ul li a {float: left;padding: 6px 8px;background: #ddd;color: #000;border-radius: 5px 5px 0 0;text-align: center;width: 98%; font-size:12px;}
.booking_detail ul li a:hover {background: #49494a;color: #fff;border-radius: 5px 5px 0 0;}
.booking_detail ul li a.active {background: #49494a;color: #fff;border-radius: 5px 5px 0 0;}
.booking_detail_con {width: 100%;display: inline-block;border: 4px solid #49494a;}
.booked_con {display: inline-block;width: 100%;}
.booked_con {border: 1px solid#ccc;box-shadow: 2px 2px 2px #666;padding: 10px;display: inline-block;width: 100%;}
.booked_con h2 {font-size: 13px;color: #000;margin: 0;padding: 0;}
.booked_con > p {margin-top: 20px;padding: 0;font-size: 12px;}
.booked_con h4 {padding: 6px;background: #2e3345;font-size: 12px;color: #fff;margin-top: 15px;display: inline-block;width: 100%;}
.booked_con ul {margin: 0;padding: 0;list-style-type: none;}
.booked_con ul li {float: left;width: 100%;float: left;padding: 3px 5px;border-bottom: 1px solid #e0e0e0;list-style: none;margin-bottom: 0; font-size:12px;}
.passenger_Deapart {width: 100%;float: left;border: 1px solid #ccc;border: 1px solid #dad6d6;padding: 10px;border-radius: 4px;margin-top:15px;box-shadow: 0 0 3px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 0 3px rgb(0 0 0 / 20%);position: relative;}
.depat_img {margin: 0;padding: 0;flex: 1;width: 100px;display: flex;align-items: center;color: #034053;text-transform: uppercase;font-size: 12px;font-weight: 600;background-color: #efefef;padding: 5px 14px;margin-top: 15px;position: relative;float: left;}
.depat_img i {padding-right: 6px;}
.depat_img:after {position: absolute;top: 0;right: -30px;content: '';border: 15px solid transparent;border-left: 15px solid #efefef;}
.depart_top {width: 100%;float: left;margin:0 auto;}
.depart_top img {width:20px;margin-top: 10px;margin-right: 15px;float: left;}
.cityName{width:90%; float:left; text-align:center;padding-left: 160px;}
.passentCity {font-size:15px;color: #000;}
.passengerDate {color: #737373;font-size: 15px;}
.passDepartMid {width: 100%;float: left;margin-top: 10px;}
.passDepartLeft {width: 20%;float: left;}
.passDepartRight {width: 80%;float: left;}
.passDeapartM {width: 100%;float: left;}
.passDepartLogo {width: 20%;float: left;}
.passDepartAir {width: 80%;float: left;padding-left: 20px;}
.passDepartAir span {width: 100%;display: inline-block;font-size:11px;color: #808080;}
.passDepartAir p {font-size: 11px;color: #808080;}
.passDepartOne, .passDepartTwo, .passDepartThird {width: 33%;float: left;}
.passDepartOne {padding-left: 50px;}
.passDepartOne p{ font-size:12px;}
.passDepartOne p b {font-size:14px;color: #000;padding-right: 6px;}
.passDepartOne span{ font-size:12px;}
.passDSline {width: 100%;height: 1px;border-bottom: 1px dotted #b0aeae;float: left;position: absolute;right: 0;top: 34px;}
.passDSline:before {float: left;content: " ";border-radius: 50%;width: 9px;height: 9px;margin-top: -4px;background: #b0aeae;}
.passDSline:after {float: right;content: " ";border-radius: 50%;width: 9px;height: 9px;margin-top: -4px;background: #b0aeae;}
.passIcon {width: 32px;height: 32px;background: url(/images/flightTakeoff.png)no-repeat;position: absolute;margin: auto;left: 0;right: 0;top: -15px;}
.PassReundale span {width: 50%;display: block;background: #ffffff;border-radius: 45px;font-size: 10px;color: #2dca1c;border: 1px solid #2dca1c;margin: 40px auto 15px;text-align: center;padding: 2px 0px;text-transform: uppercase;}
.passenger_detail, .payment_detail, .payment_detail, .costing, .passenger_notes, .booking_history {width: 100%;float: left;padding: 10px;}
.passDeartStop {width: 100%;float: left;color: #6a6868;font-size: 12px;text-align: center;}
.passDeartStop span i{ padding-right:5px;}
.passDepartThird {padding-left: 50px;}
.passDepartThird p{ font-size:12px;}
.passDepartThird p b {font-size:14px;color: #000;padding-right: 6px;}
.passDepartThird span{ font-size:12px;}
.passenger_Return {width: 100%;float: left;border: 1px solid #ccc;border: 1px solid #dad6d6;padding: 10px;border-radius: 4px;margin-top: 12px;box-shadow: 0 0 3px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 0 3px rgb(0 0 0 / 20%);position: relative;}
.passenger_Dtailsone {width: 100%;float: left;border: 1px solid #ccc;border: 1px solid #dad6d6;padding: 10px;border-radius: 4px;margin-top: 12px;box-shadow: 0 0 3px rgb(0 0 0 / 20%);-webkit-box-shadow: 0 0 3px rgb(0 0 0 / 20%);}
.table-bordered {border: 1px solid #ccc;text-align:center;}
.table-bordered th {background: #eee;padding: 4px;}
.table-bordered td {padding: 4px;}
.add_crdBtbx {text-align: right;margin-bottom: 10px; margin-top:5px;}
.add_crdBtbx button {outline: none;border: none;padding:3px 12px;margin-bottom: 6px;font-size: 12px;}
.table-bordered th {padding: 3px !important;font-size: 11px;color: #000;text-align: center;}
.table-bordered td {padding: 3px !important;font-size: 11px;color: #000;}

/*-------------Booking Popup css-----------------------*/
.FarePassengerDetailsPopup {position: fixed;display: none;width: 100%;height: 100%;left: 0;top: 0;margin: 0 auto;z-index: 999999;background: rgba(0, 0, 0, 0.61);}
.FarePassengerDetailsPopup .FarePassengerDetailsBar {top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
position: relative;height: 80%;width: 60%;padding: 20px 20px 20px 20px;background-color: #fff;overflow-y: scroll;overflow-x: hidden;}
.FarePassengerDetailsBar p {font-weight: bold;font-size: 16px;margin-bottom: 20px;}
.FareRule-head {background: #ff0b00;font-size: 22px;color: #fff;margin: 0;border-radius: 6px 6px 0 0;padding: 8px;}
.FareRule_content h3 {font-size: 16px;font-weight: 600;}
.FareRule_content h3 i {padding-right: 15px;font-size: 25px;color: #ff0b00;padding-top: 8px;}
.FareRule_content {padding: 15px;display: inline-block;}
.FareRule-exp {width: 100%;box-shadow: 1px 0 5px 0 rgba(0,0,0,0.75);background: #fff;background-color: #fff;border-radius: 5px;z-index: 99999;}
.FareRule-logo img {width: 60%;}
.layOver{width:100%; float:left;text-align:center; padding-bottom:6px;}
.CityContent_Con{ width:100%; float:left; background:#fff; margin-bottom:20px; margin-top:20px;}
.CityContent_Con h2{text-align:center; font-size:25px;color:#000; padding:10px;}
.middle-des1{width:100%; float:left; margin-bottom:15px;}
.header_div{width:100%; float:left; padding:15px;}
.header_div h1{ text-align:center; text-align:center; font-size:30px; color:#000; margin:10px; padding:0;}
.header_div a{ background:#e53e16; color:#fff; font-size:16px; margin:10px 0;}

.buttom_quick {border: 1px solid #ccc;padding: 10px}
.buttom_quick p {color: #333;font-weight: bold;font-size: 14px}
.listing label dfn {color: #333;font-weight: normal;font-size: 12px;display: inline-block;margin-top: 6px; font-style:normal;}
.checkbox label {min-height: 22px;padding-left: 10px;margin-bottom: 0;font-weight: 400;cursor: pointer;font-size: 11px}
.checkbox input[type="checkbox"] {margin-top: 2px}
.listing input[type="checkbox"]:checked~span {color: red}
.checkbox{ padding-left:10px;}
.checkbox .cr {position: relative;display: inline-block;border: 1px solid #21b905;border-radius: 0;width:22px;height:22px;float: left;margin-right: .5em;margin-top: 1px}
.checkbox label input[type="checkbox"]+.cr>.cr-icon {transform: scale(3) rotateZ(-20deg);opacity: 0;transition: all .3s ease-in}
.checkbox .cr .cr-icon {position: absolute;font-size: 14px;line-height: 0;top: 50%;left: 14%;color: #21b905}
.checkbox label:after {content: '';display: table;clear: both}

.checkbox label input[type="checkbox"] {display: none}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {transform: scale(1) rotateZ(0deg);opacity: 1}
.buttom_quick a {text-align: center;padding:6px 20px;background: #06af23;border-radius: 6px;color: #fff;font-weight: bold;font-size: 13px;margin-left: 10px}










/*--------------welcome page css start here----------------------*/
.newloginDiv {width: 55%;margin-bottom: 15px;display: inline-block;border: 1px solid #ccc;padding: 1px 0px 0px 10px;border-radius: 15px;text-align: left;position: relative;}

.loginContainer {background: url(../images/loginbg2.jpg) no-repeat;width: 100%;float: left;height: 100vh;text-align: center;position: relative;}
.loginData {margin: 0 auto;width: 600px;border: 2px solid #ccc;top: 40%;position: absolute;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 15px;border-radius: 30px;box-shadow: 5px 7px 10px #ccc;}
.resetData {margin: 0 auto;width: 450px;border: 2px solid #ccc;top: 40%;position: absolute;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 15px;border-radius: 30px;box-shadow: 5px 7px 10px #ccc;}
.loginlogo {width: 100%;float: left;margin-bottom: 15px;}
.loginlogo img {width: 50%;}
.loginlogo h1 {width: 100%;float: left;padding: 10px 0;font-size: 25px;}
.loginDiv {width: 55%;margin-bottom: 15px;display: inline-block;border: 1px solid #ccc;padding: 1px 0px 0px 10px;border-radius: 15px;text-align: left;position: relative;}
.alert_mesg { position: absolute;font-size: 12px;color: #e53e16;top: 12px;left: 109px;}
.alert_mesg b {text-transform: lowercase;font-weight: normal;}
.loginDiv i {font-size: 18px;color: #ccc;float: left;padding: 4px 4px 0 0;margin-top: 5px;}
.logincheckDiv {width: 55%;margin-bottom: 15px;display: inline-block;padding: 10px 10px 10px 10px;text-align: left;}
.logincheckDiv > input {width: 20px;height: 20px;margin-right: 15px;float: left;}
.logincheckDiv label {font-size: 14px;font-weight: normal;padding: 0;display: inline-block;}
.loginDiv > input {border: 0;padding: 6px 8px;display: inline-block;width: 90%;font-size: 14px;line-height: 25px;}
.ButtonDiv {width: 100%;float: left;margin-bottom: 15px;}
.ButtonDiv > .LoginBtn {background: #e53e16;padding: 5px 40px;font-size: 17px;font-weight: bold;color: #fff;border-radius: 10px;border: 0;box-shadow: 3px 3px 0px #bd2501;cursor: pointer;width: 250px;}
.ButtonDiv > .LoginBtn:hover {background: #bd2501;box-shadow: 3px 3px 0px #e53e16;}
.AlertCon {width: 100%;float: left;margin: 0;padding-top: 10px;}
.AlertCon p {color: #e53e16;font-size: 16px;font-weight: bold;}
.AlertCon > a {color: #000;font-size: 14px;text-decoration: none;}
.headerLeft {width: 50%;float: left;margin: 0;padding: 0;}
.headerLeft ul {margin: 0;padding: 0;list-style-type: none;float: right;}
.headerLeft ul li {float: left;}
.headerLeft ul li a {color: #fff;font-size: 14px;padding: 15px;display: inline-block;}
.headerLeft ul li a i {padding-right: 6px;}
.profileCon {width: 250px;text-align: center;background:#222c;padding: 10px;border-radius: 10px;border: 1px solid #FFF;position: absolute;z-index: 9;left: -70px;display: none;}
.pofile_pic i {font-size: 50px;color: #fff;}
.profileCon h6 {color: #fff;font-size: 17px;}
.profileCon p, .profileCon span {color: #fff;font-size: 13px;}



/*--------------dashboard page css start here----------------------*/
.mainHeader {background: #2e3345;padding: 8px 15px;margin: 0;width: 100%;float: left;}
.headerRight {float: left;width: 49%;position: relative;}
.main_menu {width: 100%;float: left;}
.main_menu ul {margin: 0;padding: 0;list-style-type: none;}
.main_menu ul li {float: left;}
.main_menu ul li a {text-decoration: none;color: #fff;font-size: 22px;font-weight: bold;}
.main_menu ul li a img {width: 70%;}
.main_menu ul li a i {float: left;padding-top: 8px;}
.menuRight {width: 250px;position: absolute;top: 57px;left: -32px;background: #2e3345;padding: 10px 10px 10px 30px;display: none;z-index: 9;height: 100vh;}
.menuRight ul {padding: 0;margin: 0;list-style-type: none;}
.menuRight ul li {line-height: 25px;font-weight:bolder;}
.menuRight ul li ul li {padding-left:15px;background:#555c7d;}
.headerMenu > li a {color: #fff;font-size: 15px;text-decoration: none;border-bottom: 1px solid #fff;padding: 3px 6px;width: 100%;float: left;font-weight: 500;font-size: 12px;}
.headerMenu > li a i {padding: 6px;float: right;}
.submenu1, .submenu2, .submenu3, .submenu4, .submenu5 {display: none;}
.submenu1 li a i, .submenu2 li a i, .submenu3 li a i, .submenu4 li a i, .submenu5 li a i {float: right;}
.submenu1 li a, .submenu2 li a, .submenu3 li a, .submenu4 li a, .submenu5 li a {float: right;color: #fff;}
.submenu1 > li a {width: 100%;float: left;border-bottom: 1px solid rgb(248, 244, 9);font-size: 13px;font-weight: normal;background:#555c7d;}
.submenu1 > li a:hover {background: rgb(248, 244, 9);color: #000;}
.submenu2 > li a {width: 100%;float: left;border-bottom: 1px solid #238ffc;font-size: 13px;font-weight: normal;background: #2e3345;}
.submenu2 > li a:hover {background: rgb(248, 244, 9);color: #000;}
.submenu3 > li a {width: 100%;float: left;border-bottom: 1px solid #238ffc;font-size: 13px;font-weight: normal;background: #2e3345;}
.submenu3 > li a:hover {background: rgb(248, 244, 9);color: #000;}
.submenu4 > li a {width: 100%;float: left;border-bottom: 1px solid #238ffc;font-size: 13px;font-weight: normal;background: #2e3345;}
.submenu4 > li a:hover {background: rgb(248, 244, 9);color: #000;}
.submenu5 > li a {width: 100%;float: left;border-bottom: 1px solid #238ffc;font-size: 13px;font-weight: normal;background: #2e3345;}
.submenu5 > li a:hover {background: rgb(248, 244, 9);color: #000;}
.dashbord_con {width: 100%;float:left;margin: 0;padding: 0;}
.circularGraph {width: 100%;float: left;margin: 0;padding: 10px 10px 10px 30px;border: 1px solid #ccc;margin-top: 10px;box-shadow: 3px 3px 3px #ccc;min-height: 400px;background: #fff;}
.circularGraph h1 {font-size: 30px;font-weight: bold;color: #000;text-align: center;}
.graph-container {width: 100%;float: left;border: 1px solid #cdcc;margin-top: 10px;}
.BookingStatus {width: 46%;float: left;margin: 40px 0 0 30px;}
.BookingStatus ul {list-style-type: none;}
.BookingStatus ul li {border: 1px solid #ccc;margin-bottom: 6px;padding: 6px 20px;background: #5d0192;color: #fff;display: inline-block;width: 100%;}
.PerfomenceCon {width: 100%;float: left;margin: 0;padding: 10px 10px 10px 30px;border: 1px solid #ccc;margin-top: 10px;box-shadow: 3px 3px 3px #ccc;min-height: 400px;background: #fff;}
.PerfomenceCon h2 {font-size:22px;font-weight: bold;color: #000;text-align: center;}




/*--------------graph css start here---------------------*/

.pieChartCon {margin-top: 30px;width: 50%;float: left;}
.pieID {display: inline-block;vertical-align: top;}
.pie {height: 200px;width: 200px;position: relative;margin: 0 30px 30px 0;}
.pie::before {content: "";display: block;position: absolute;z-index: 1;width: 100px;height: 100px;background: #EEE;border-radius: 50%;top: 50px;left: 50px;}
.pie::after {content: "";display: block;width: 120px;height: 2px;background: rgba(0, 0, 0, 0.1);border-radius: 50%;box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);margin: 220px auto;}
.slice {position: absolute;width: 200px;height: 200px;clip: rect(0px, 200px, 200px, 100px);animation: bake-pie 1s;}
.slice span {display: block;position: absolute;top: 0;left: 0;background-color: black;width: 200px;height: 200px;border-radius: 50%;clip: rect(0px, 200px, 200px, 100px);}
.legend {list-style-type: none;padding: 0;margin: 0;background: #FFF;padding: 15px;font-size: 13px;box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;width: 200px;}
.legend li {width: 100%;height: 2em;margin-bottom: 0.7em;padding-left: 0.5em;border-left: 1.25em solid black;border-bottom: 1px solid #ccc;}
.legend em {font-style: normal;}
.legend span {float: right;}
.bx--graph-header {font-weight: 300;font-size: 24px;}
.overlay {fill: #3d70b2;opacity: 0.1;display: none;pointer-events: none;}
.line {stroke-width: 2;stroke: #FF00FF;fill: none;pointer-events: none;}
.axis path {stroke: #5A6872;}
.tick line {stroke: #5A6872;}
.tick text {fill: #5A6872;}
.graph-container {position: relative;}
.tooltip {font-weight: 700;padding-left: 1rem 2rem;background-color: #fff;position: absolute;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);border: 1px solid #DFE3E6;padding: .25rem .5rem;pointer-events: none;display: none;}
.tooltip:after {content: '';top: 100%;left: 50%;transform: translateX(-50%);position: absolute;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;}
.y path {display: none;}
.label {font-size: 10px;font-weight: 700;fill: #5A6872;text-anchor: middle;}


/*-----------exel uplod page css start here------------*/
.download_con {width: 100%;float: left;margin: 30px 0 20px 0;padding: 10px;text-align: center;background: #fff;}
.execlContainer {width: 100%;float: left;margin: 0;padding: 0;}
.CommonBox {width: 100%;float: left;padding: 10px;border: 1px solid #ccc;box-shadow: 2px 2px 2px #ccc;}
.box-body {background: #fff;padding: 10px;width: 100%;float: left;}




/*-----------addwebsitepage css start here------------*/
.userdeatil_div {width: 100%;float: left;border: 1px solid #ccc;margin-top: 40px;background: #fff;padding: 15px 10px;border-radius: 12px;}
.userdeatil_div h2{ font-size:20px; color:#000;}
.websitepageLeft {width: 70%;float: left;}
.websitepageLeft ul {list-style-type: none;margin: 0;padding: 0;}
.websitepageLeft ul li {float: left;width: 32%;margin-left: 3px;}
.websitepageLeft > ul li label {color: #fff;font-size: 13px;text-align: left;width: 100%;padding-left: 5px;}
.websitepageLeft label {display: inline-block;font-size: 13px;float: left;padding-left: 2px;width: 100%;}
.websitepageRight {width: 30%;float: left;padding: 23px 0;}
.websitepageRight ul {list-style-type: none;margin: 0;padding: 0;}
.websitepageRight ul li {float: left;width: 48%;margin-left: 5px;}
.websitepageRight2 {width: 30%;float: left;padding: 23px 0;}
.websitepageRight2 ul {list-style-type: none;margin: 0;padding: 0;}
.websitepageRight2 ul li {float: left;width: 47%;margin-left: 5px;}
/*.websitepageRight2 ul li:nth-child(2) span{float:left; width:48%;}*/
#tdDetails > table tr th {border: 1px solid #ddd;padding:3px;text-align: left; font-size:12px;}
#tdDetails > table tr td {border: 1px solid #ddd;padding:3px;text-align: left; font-size:12px;}
.ticketingpop{ width:100%; float:left;margin:0; padding:0;}
#travellerDetail{width:100%; float:left;margin:10px 0 0 0; padding:0;}


















/*------btn css------------*/
.mange_btn {background: #f30404;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.mang_aadbtn {background: #FF8E00;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.back_button {background: #00AE68;padding: 3px 6px;color: #fff;font-size: 11px;width: 100%;border: 1px solid #fff;cursor: pointer;}
.update_btn {background: #6d184b;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.Cancel_btn {background: #6d184b;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.search_btn {background: #04AA6D;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.show_btn {background: #6046ff;padding: 3px 6px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;}
.delet_btn {background: #F94892;padding: 3px 10px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.edit_btn {background: #570A57;padding: 3px 10px;color: #fff;font-size: 11px;display: inline-block;border: 1px solid #fff;cursor: pointer;}
.add_list_page {float: left;padding: 3px 20px;border-radius: 15px;background: #7009f9;color: #fff;font-size: 14px;}
.add_list_page:hover {color: #fff;}
.editbtn {background: #049516;padding: 3px 20px;font-size: 11px;color: #fff;cursor: pointer;}
.deletbtn {background: #f30404;padding: 3px 20px;font-size: 11px;color: #fff;margin-left: 7px;cursor: pointer;border:0;}
.submitbtn {background: #ed1c24;padding: 3px 20px;font-size: 11px;color: #fff;cursor: pointer;border: 0;}
.close_btn{background: #e50404;padding: 4px;color: #fff;cursor:pointer;float:right;font-size:13px;border-radius:50px;}
.save_btn{background: #04c307;padding: 4px 20px;color: #fff;cursor:pointer;float:left; margin-bottom:15px; font-size:13px;}
.addnew_btn{ margin:10px 0; float:left;padding: 3px 20px;border-radius: 15px;background:#05b3eb;color: #fff;font-size: 14px;}
.authrize_btn{color: #fff;padding:3px 6px;background-color: #00BCD4;border-color: #018799; font-size:12px;}
.auth_upload input{padding: 4px;border: 1px solid #ccc;}
.addmarkup_btn{background: #03873e;padding: 3px 6px;color: #fff;font-size: 12px;display: inline-block;cursor: pointer;}
.addmarkup_btn i{ padding-right:5px;}
.addremove_seat{background: #686867;padding: 3px 6px;color: #fff;font-size: 12px;display: inline-block;cursor: pointer; }
.addremove_Brb {background: #FF8E00;padding: 3px 6px;color: #fff;font-size: 12px;display: inline-block;cursor: pointer;}
.Sendmailbutton{background:#0e7d28; font-size:12px; color:#fff;border-radius:6px; padding:3px 6px;cursor:pointer;}
/*------btn css end ------------*/

.DealDetails {width: 100%;float: left;padding: 10px;margin-top: 20px;}
.editwebpage {width: 100%;float: left;border: 1px solid #2f3346;border-radius: 15px 15px 0 0;}
.editwebpage > ul {list-style-type: none;margin: 0;padding: 0;display: flex;border-radius: 15px 15px 0 0;}
.editwebpage > ul li {width: 16.7%;flex-direction: column;background: #2f3346;padding: 5px 10px;font-size: 12px;color: #fff;border-right: 1px solid #fff;}
.editwebpage > ul li:nth-child(6n+1) {border-radius: 15px 0 0 0;}
.editwebpage > ul li:nth-child(6n+6) {border-radius: 0px 15px 0 0px;}
.editwebpageContent {width: 100%;float: left;}
.editwebpageContent > ul {list-style-type: none;margin: 0;padding: 0;display: flex;}
.editwebpageContent > ul li {width: 16.7%;flex-direction: column;background: #fff;padding: 5px 10px;font-size: 13px;color: #000;border: 1px solid #7a4f05;}
.addwebsitCon {width: 100%;float: left;border: 1px solid #ddd;margin-top: 40px;background: #fff;padding: 10px;border-radius: 15px;text-align: left;}
.addwebsitConLeft {width: 70%;float: left;}
.addwebsitConRight {width: 30%;float: left;}
.addwebsitCon > label {text-align: left;padding-left: 5px;font-size: 13px;}
.Statuse_Conatiner{width:100%; float:left;}
.user_Amount{background: #4E9F3D;color:#fff;width: 80%;display: inline-block;padding: 6px;float: left;text-align: left;border-radius: 15px;position: relative;font-size: 14px;padding-left:43px}
.user_Amount i{padding: 10px 14px;background: #115602;border-radius: 50%;position: absolute;font-size: 14px;color: #fff;left: -1px;top: -1px;}
.User_Status{background: #E2703A;color:#fff;width: 80%;display: inline-block;padding: 6px;float: left;text-align: left;border-radius: 15px;position: relative;font-size: 14px;padding-left: 45px}
.User_Status i{padding: 10px 12px;background: #b53a00;border-radius: 50%;position: absolute;font-size: 14px;color: #fff;left: -1px;top: -1px;}
.width48{width:48%;float:left; margin:0; padding:0; }
.close_btn_mail{background: #e50404;padding: 4px;color: #fff;cursor:pointer;float:right;font-size:13px; position:absolute;right: 4px;top: 21px}
.mail_sub{width:45%; float:left; margin-bottom:15px;}
#mailContant{ width:100%; float:left; padding:8px;}
.sendmail_btn{ width:100%; float:left; padding:10px;}
.sendmail_btn button{ background:#05981a; color:#fff; padding:6px 20px; color:#fff; font-size:14px;}
#tdDetails{width: 100%;float: left;padding: 10px;background: #fff;margin-top: 15px;}
#tdDetails table tr td{text-align:center; color:#000; padding:4px 8px;}
#tdDetails table tr th{text-align:center; color:#000; padding:4px 8px; background:#ddd;}
.affliate_head{ width:100%; float:left; background:#fff; padding:10px 0;}
.affliate_serach{ width: 100%;float: left;padding: 3px;margin: 0;border: 1px solid #0a6fbf;border-radius: 4px;color: #fff;background: #2196f3;text-align: center;}
.affliate_serach i{ font-size: 14px;color: #fff;padding: 0 6px;}
.affliate_serach> button{border: 0px;padding: 3px 0px;background: #2196f3;color: #fff;}
.affliate_add{ float: left;padding:4px 20px;border-radius:6px;background: #1a44bb; width:100%; text-align:center; color:#fff;}
.content-header{text-align: center;width: 100%;float: left;}
.content-header h1{ font-size:25px; color:#000; padding:10px;}
.EmailTempDiv{width:100%; float:left; background:#fff; padding:10px; margin-top:15px;}
.EmailTempDiv table tr td{text-align:center; color:#000; padding:4px 8px; border:1px solid#ccc;}
.EmailTempDiv table tr th{text-align:center; color:#000; padding:4px 8px; background:#ddd;border:1px solid#ccc;}
.auth_upload1, .auth_upload{ width:100%; float:left; font-size:12px; color:#000; margin-top:15px;}
.authorizatin_con{ width:100%; float:left; margin:10px 0;}
.authorizatin_con> h2{ font-size:12px; color:#000;}
/*------------------------------------booking page popup new ---------------------------------------------------*/

/*------------------------------------edit email css start ---------------------------------------------------*/
.editMailDiv{ width:100%; float:left; background:#fff; padding-top:20px;}
.editMailDiv h2{ width:100%; float:left; text-align:center; margin:10px; font-size:20px; color:#000;}
.popHeader{ width:100%; text-align:center;float:left;}
.popHeader h2{font-size: 14px;color: #fff;background: #2e3345;padding: 6px;margin:0 0 20px 0;}
.absolute{position: absolute;right:1px;top:1px;}
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

.common_container{width:100%;}
.BookingStatus{margin: 40px 0 0 20px;}


}

.secret_add{background: #f50202;padding: 4px 6px;color: #fff;border: 0;}
.secret_view{background: #188f04;color: #fff;padding: 4px 6px;border: 0;margin-left: 2px;}
.add_crdBtbx{width:100%; float:left; margin:0; padding:0;}
.add_crdBtbx ol{list-style-type:none;}
.add_crdBtbx ol li{ float:right;}
.add_crdBtbx ol li a{padding: 4px 6px;margin: 10px;text-decoration: none;cursor:pointer;}
#divItineraryList{width: 100%;float: left;padding-left: 22px;}
#divItineraryList div{width:80%; float:left;}

/*-------Payment Statusbtn start here---------------*/
.new_booking{margin-top:4px;display: inline-block;background:#03e4ff;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CCV_InProgress{margin-top:4px;display: inline-block;background:#feca40;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CCV_Pending{margin-top:4px;display: inline-block;background:#999;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CCV_Decline{margin-top:4px;display: inline-block;background:#D1512D;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CCV_Fraud{margin-top:4px;display: inline-block;background:#414141;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CCV_Done{margin-top:4px;display: inline-block;background:#02a4e8;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.PaymentPending{margin-top:4px;display: inline-block;background:#999;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.PaymentDeclineForMainBooking{margin-top:4px;display: inline-block;background:#999;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.PaymentDeclineMCO{margin-top:4px;display: inline-block;background:#01405a;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.Payment_Done{margin-top:4px;display: inline-block;background:#2dc97a;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.TicketPending{margin-top:4px;display: inline-block;background:#38403c;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.CardDecline{margin-top:4px;display: inline-block;background:#6f857a;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.TicketDone{margin-top:4px;display: inline-block;background:#368a08;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.RefundRequested{margin-top:4px;display: inline-block;background:#fb340d;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.Refund{margin-top:4px;display: inline-block;background:#fd5c15;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.Cancelled{margin-top:4px;display: inline-block;background:#ee3105;padding: 2px 20px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.Void{margin-top:4px;display: inline-block;background:#282f6a;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
.ChargeBack{margin-top:4px;display: inline-block;background:#fc4404;padding: 2px 20px;border-radius: 15px;color: #fff;font-size: 11px;text-align: center;width:80%;}
/*-------booking Status btn start here---------------*/

.inProgress {margin-top: 6px;display: inline-block;background: #feca40;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Confirmed_booking{margin-top: 6px;display: inline-block;background: #13a104;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Duplicate_booking{margin-top: 6px;display: inline-block;background: #b75804;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Ticketed_booking{margin-top: 6px;display: inline-block;background: #368a08;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Cancelled_booking{margin-top: 6px;display: inline-block;background: #fe2d04;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.CreditCardDeclined{margin-top: 6px;display: inline-block;background: #fe7404;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Failed_boooking{margin-top: 6px;display: inline-block;background:#632d02;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Exchanged_booking{margin-top: 6px;display: inline-block;background:#f9059a;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.FutureCredit{margin-top: 6px;display: inline-block;background:#60023c;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Refunded_booking{margin-top: 6px;display: inline-block;background:#60023c;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.EC_Expired{margin-top: 6px;display: inline-block;background:#999;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.Incomplete_booking{margin-top: 6px;display: inline-block;background:#F675A8;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
.CancelLead{margin-top: 6px;display: inline-block;background:#565353;padding: 2px 4px;border-radius: 15px;color: #fff;font-size: 10px;text-align: center;width:80%;}
/*-------Agent Quee btn start here---------------*/

.CardPending {margin-top: 6px;display: inline-block;background: #999;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.CardPending i{ text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.AgentStatus{margin-top: 6px;display: inline-block;background: #474544;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.AgentStatus i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.LFFQueue{margin-top: 6px;display: inline-block;background: #1d1d1d;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.LFFQueue i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}

.CancellationReq{margin-top: 6px;display: inline-block;background: #6a3320;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.CancellationReq i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.VerificationQueue{margin-top: 6px;display: inline-block;background: #4f1500;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.VerificationQueue i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}

/*-------Verification Quee btn start here---------------*/

.VerificationStatus{margin-top: 6px;display: inline-block;background: #054098;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.VerificationStatus i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.Pending{margin-top: 6px;display: inline-block;background: #2c6ac8;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.Pending i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}




/*-------Lff Quee btn start here---------------*/

.LFFStatus{margin-top: 6px;display: inline-block;background: #404c5e;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.LFFStatus i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.Pending{margin-top: 6px;display: inline-block;background: #999;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.Pending i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.TicketingQueue{margin-top: 6px;display: inline-block;background: #2a3e5c;padding:2px;color: #fff;width:80%;font-size: 10px;text-align: center;}
.TicketingQueue i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}

/*-------Ticketing Quee btn start here---------------*/

.LFF{margin-top: 6px;display: inline-block;background: #404c5e;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.LFF i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.Pending{margin-top: 6px;display: inline-block;background:#999;padding:2px;color: #fff;width: 70%;font-size: 10px;text-align: center;}
.Pending i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.Ticketed{margin-top: 6px;display: inline-block;background:#404c5e;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.Ticketed i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.Cancelled {margin-top: 6px;display: inline-block;background:#ee3105;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.Cancelled i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.ticketsent {margin-top: 6px;display: inline-block;background:#069e6c;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.ticketsent i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}
.sent_ccd {margin-top: 6px;display: inline-block;background:#6b0494;padding:2px;color: #fff;width:70%;font-size: 10px;text-align: center;}
.sent_ccd i{text-align:left; border-right:1px solid #fff;float: left;padding:2px 4px 0 2px; color:#fff;}





@media (min-width: 992px) and (max-width: 1200px){
   .frmAuthorizationFormpopup .frmAuthorizationFormProgressBar{width:70%;}
}