body{font-family:Arial, Sans-Serif;}
.width_100 {width: 100%;}
.flightbox{display:table;margin:0 auto; clear:both; position:relative;}
.flightbody{}
.flightdetails { color: #2567a1; display: block; font-size: 16px; text-align: center;}
.flightdetails span {color: #efa410; font-size: 11px;}
.flgtrow{display:table; width:100%;}
.innerrow{display:block; padding:0 2px;}
.flgtrow h2{display:block; margin:0; padding:2px 20px; text-align:center; background:#e7e7e7; font-size:14px; font-weight:normal; vertical-align:middle;}
.leftwing, .rightwing{width:25px; height:auto; display:table-cell;}
.leftwing{border-right:2px solid #333;}
.rightwing{border-left:2px solid #333}
.seatrobox{display:table-cell; background:#666; padding:3px; color:#fff; text-align:center; vertical-align:middle; margin-right:20px;}
.gallery{margin-right:25px;}
.mainrow{float:left; width:calc(100% - 15%);}
.leftwing, .rightwing{width:50px;}
.windowrow .leftwing{background:linear-gradient(90deg, #fff, #fcb040);}
.windowrow .rightwing{background:linear-gradient(90deg, #fcb040, #fff);}
.amergencydoor {border-radius: 20px; color: #fff; display: table; font-size: 11px; text-align: center; width: 100%; z-index: 100; background:#fff;}
.emergencytext {background:red; display:inline-block; padding:2px 5px;}
.rightdoor, .leftdoor{background: red; border-radius: 5px; display: table-cell; font-size: 12px; height: 20px; padding: 0 2px; width: 17px;}

.seatrow{list-style:none; background: #fff; display:table; clear:both; margin: 0; padding:3px; border-left:2px solid #fff; border-right:2px solid #fff;}

.seatrow li, .seathint{float:left; height:20px; border-radius:3px; border:1px solid #c4c4c4; padding:0 1px 1px; background:#fff;}
.seatrow li span, .seathint span{background: #f7f7f7 none repeat scroll 0 0; border: 1px solid #c5c5c5; border-radius: 0 0 3px 3px; content:""; float:left; height:16px; margin:0 1px; width:20px; font-size:9px; line-height:11px; text-align:center; padding: 3px 0;}
.seatrow li.poor, .quitezone{background:#F4D4FC;}
.seatrow li.poor span, .quitezone span{background:#DD7FF4; border:1px solid transparent;  color:#fff; }
.seatrow li.good, .hintgood{background:#68bd56;}
.seatrow li.good span, .hintgood span{background:#509c44; border:1px solid transparent; color:#fff; }
.seatrow li.drawback, .hintdrawback{background:#f1f160;}
.seatrow li.drawback span, .hintdrawback span{background:#c4c14e; border:1px solid transparent; color:#fff;}
.seatrow li.booked, .hintbooked{background:#eaebed;}
.seatrow li.booked span, .hintbooked span{background:#bfbdbe; border:1px solid transparent;}
.seatrow li.selected, .hintselected{background:#ffd18f;}
.seatrow li.selected span,.hintselected span{background:#fcb040; border:1px solid transparent;}
.blankrow li, li.blankseat {visibility:hidden; width:26px;}
.blankrow li span, li.blankseat  span{display:none;}
.recline{padding-top:10px;}
.seathint i{background: #333; float: left; height:3px; width: 22px;}



.seatnumrow{display:table-cell; list-style:none; vertical-align:top;}
.seatnumrow ul{position: absolute; margin-top:28px; right:530px; width:20px; list-style:none;}
.seatnumrow li{background:#444; color:#fff; padding:3px 2px; float:left; margin:5px 0 0; font-size:11px; height:15px; width:15px; line-height:9px;}
.blanknum{background:none; height:10px !important; margin:0!important; background:transparent !important;}
.hintbox{float:left; width:100%; background:#fff; border:1px solid #c7c7c7; font-size:14px; margin-top:15px;}
.hintrow{float:left; width:100%; border:1px solid #e7e7e7; border-left:none; border-right:none;  margin-top:-1px;}
.hintrow span{padding:3px; float:left;}
.hintseat{ border-right: 1px solid #d7d7d7;}

.seatrow.quitejone {background: #f4d4fc;}
.bulkhead::after {border-top: 2px solid #000; content: ""; height: 2px; margin-left: -26px; margin-top: -5px; position: absolute;  width: 9%;}


.popbg{position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100;}
.popclose {background: #fff none repeat scroll 0 0; border: 3px solid #dee4f6; border-radius: 50%;box-sizing: border-box; color: #ee3d3d; cursor: pointer; font-size: 15px; font-weight: bold; height: 25px; line-height: 17px; padding: 2px; position: absolute; right: -10px; text-align: center; top: -17px; width: 25px;}
.popclose:hover {border-color:#F8CB75;}
.seatlayoutpop {position:absolute; left:0; top:19px; right:0; margin:auto; height:600px; width:1000px; z-index:101;background:white;}
.seatlayoutbox {width:74.5%; float:left; height:594px; overflow-y:auto; margin-right: 5px; box-shadow:-1px 2px 3px #e7e7e7; padding-bottom:70px;}
.seatdetailbox {float:left; width:25%; padding:15px; height:600px; overflow-y:scroll;}
.seatinfobox {float:left; width:100%; padding:10px; background:#f7f7f7;}
.seatinfobox h2 {background: #dee4f6 none repeat scroll 0 0; color: #115895; font-size: 13px;  margin: 0;  padding:5px; width: 100%;}
.seatrowdtl {float:left; width:100%; padding:8px; background:#fff; border:1px solid #e7e7e7; margin-top:5px; position:relative; }
.seatrowdtl b {font-weight:bold; color:#2567a1; display:block;}
.seatrowdtl b a {float:right; font-weight:normal; color:#2567a1; text-decoration:underline;}
.seatrowdtl b a:hover {color:#efa410;}
.seatno {display:block; color:#efa410; padding:5px 0; font-weight:bold;}
.price {display:block;}
.price label {float:left; width:20%;}
.price b {float:right;}
.seatdetails{ position: absolute; padding:0px; margin-top:23px; width:175px;display:none; z-index:10; border-radius: 5px; }
.seatdetailsclick{ background: #efa410;color: #fff;display: none; font-size: 12px; left: 0; padding: 2px; position: absolute; top: -4px; width: 100%; }
.seatinfo{background: #f7f7f7; float: left; list-style: outside none none; width:100%; border-radius:5px; padding:5px; border: 1px solid #bfbdbe;}
.seatinfo>li {float:left; width:100%; padding:3px 5px; margin:0; border:none; height:auto;}
#topwing > span.leftwing::after {border-color: #fff transparent transparent #fff; border-style: solid; border-width: 22px 30px 13px 20px; content: ""; top: 0; position: absolute; z-index:1;}
#bottomwing > span.leftwing::after {border-color:transparent #fff #fff transparent; border-style: solid; border-width:11px 30px 8px 20px; content: ""; bottom:0; position: absolute;z-index:1;}

#topwing > span.rightwing::after {border-color: #fff #fff transparent transparent; border-style: solid; border-width: 25px 12px 9px 38px; content: ""; top:0; position: absolute;z-index:1;}
#bottomwing > span.rightwing::after {border-color:transparent transparent  #fff #fff ; border-style: solid; border-width:10px 24px 9px; content: ""; bottom: 0; position: absolute;z-index:1;}
.windowrow {position:relative}
.editable_seat{float:left;width: 46%;min-height: 54px;background:#f4f4f4;border: 1px solid #ccc;text-align:center;margin-left:5px;padding: 5px 0px;margin-bottom: 5px;}
.editable_seat a{ color:#efa410; text-align:center; font-size:12px; font-weight:bold;}
.editable_seat b{font-size:11px;}
.editable_seat.seatactive{ background:#dee4f6;}
.pass_name{padding:5px 0px 5px 5px;}

.error{font-size:11px; color:#ff0000;}