body {font-size: 12px; color:#333333;background-color: #ededed;}
h1,h2,h3,h4,h5,h6 {margin-top: 0;}
h4 {font-size: 12px; text-transform: uppercase; font-weight: 700;}
#yps-main-seatmap-wrapper {position: relative;}

.container {max-width: 860px;}
.flex-parent {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-strech {-webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.flex-wrap {-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.vhcenter {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.bold {font-weight: 700;}
.visible-640 {display: none;}
.font-0 {font-size: 0;}
.font-12 {font-size: 12px!important;}
.border-0,.border-0:hover,.border-0:active,.border-0:focus {border: 0;}
.background-0,.background-0:hover,.background-0:active,.background-0:focus {background: none;}
.break-line {display: block;width: 100%;}
.half-width {width: 50%; text-align: center; display: inline-block;}
.hcenter-txt {text-align: center;}
.vcenter-txt {vertical-align: middle;}
.display-inlineb {display: inline-block;}
.hcenter {margin-left: auto;margin-right: auto;left: 0;right: 0;}
.primary-bg-color {background-color: #DDE8F9!important}
.secondary-bg-color {background-color: white!important}
.third-bg-color {background-color: #3073DA!important}
.full-width {margin-left: -15px; margin-right: -15px;}
.no-wrap {white-space: nowrap;}
.hide-overflow {overflow: hidden;}
.allpaxselected  h4:nth-of-type(1),.nopaxselected  h4:nth-of-type(2) {display: none;}
.gi-gray,.icon-gray {color: #D8D8D8;}
.gi-mediumlarge, .icon-mediumlarge {font-size: 2.5em;}
.gi-extralarge,.icon-extralarge {font-size: 8em;}
.list-legend {margin-bottom: 20px;}
.list-legend li {margin-bottom: 10px;}
.list-legend .icon-euro-icon,.list-legend .fac-icon {margin-right: 7px; font-size: 16px; vertical-align: middle;}
.list-icon {width: 20px; height: 20px; display: inline-block; border-radius: 2px;vertical-align: middle; margin-right: 7px; text-align: center; line-height: 22px;}
.list-icon.taken .glyphicon { color: #DFB9C6; }
.list-icon.chosen .glyphicon { color: #FFF; }
.list-icon.available {background-color: #1FCC72;}
.list-icon.gray {background-color: #F2F2F2;}
.list-icon.taken {background-color: #FDD7E4; }
.list-icon.chosen {background-color: #3073DA; }
.list-buttons {text-align: center;}
.list-buttons li button {text-transform: uppercase; font-weight: 700; padding: 5px 7px;border: 0; border-radius: 0; background: none;line-height: 12px;}
.list-buttons li.active button {color: white; background-color: black; border-radius: 2px;}
.top-right-position {top: 5px; right: 5px; position: absolute;}
.bottom-left-position {position: absolute;left: 55px; bottom: 10px;}
.btn:focus,.btn:active,.btn:hover,.btn:active:focus {outline: none;}

/*.btn-default,#confirm[disabled] {border: 1px solid #333333; border-radius: 2px; background-color: #F2F2F2; color: #333333; font-size: 10px; font-weight: 700; padding: 5px 10px; }*/
/*#confirm {border-color: green; border-width: 2px; padding: 4px 9px;}*/
#confirm {
   padding: 12px 10px;
}

.popover-content button {
   border-radius: 2px;
}
.popover-content #close {
   padding: 5px 9px;
}
#confirm .glyphicon {margin-right: 7px; color: #fff;}
.btn-primary {color: white; border: 0; font-size: 12px; padding: 10px 14px;}

.plane-background {position: absolute; bottom: -20px; left: -0.3em; font-size: 55em;color: #F9F9F9; z-index: 0;}
.plane-background:before {display: block;}
/*CHECKBOX*/
.yps-seatmap-checkbox {position: relative; padding-left: 30px; cursor: pointer;min-height: 20px; padding-top: 4px;}
.popover .yps-seatmap-checkbox {word-wrap:break-word; }
.yps-seatmap-checkbox input {position: absolute;z-index: -999;}
.yps-seatmap-checkbox:before{width:20px; height: 20px; border:1px solid gray; border-radius: 100%;background-color: white;font-size: 0; content: "x"; display: inline-block; position: absolute; left: 0; top: 0;}

#pickedPassengers .yps-seatmap-checkbox.disabled:before,
.checked.yps-seatmap-checkbox:before {
   background-color: #3073DA;
   border-color: #3073DA;
   content: "y";
   font-size: 0;
}



#pickedPassengers .yps-seatmap-checkbox.disabled:before {
   display: none;
   background-color: #8C8C8C;
   border-color: #8C8C8C;
}

#pickedPassengers .yps-seatmap-checkbox.disabled:after,
.checked.yps-seatmap-checkbox:after {
   width:5px;
   height: 5px;
   background-color: white;
   border-radius: 100%;
   content: "";
   display: inline-block;
   position: absolute;
   left: 7.5px;
   top: 7.5px;
}

#pickedPassengers .yps-seatmap-checkbox.disabled:after {
   display: none;
}

.disabled.yps-seatmap-checkbox {cursor: not-allowed;color: #8C8C8C;}
.restricted.yps-seatmap-checkbox {cursor: not-allowed;color: #8C8C8C;}
/**/

/*   NAVIGATION BAR   */
#yps-navbar,#yps-mobile-sidebar {z-index: 100; position: relative;}
#yps-navbar-left {padding-top: 15px; color: white;}
#navbar__left__label {vertical-align: sub;padding-top: 5px;}
.arrows-bar {background-color: #F2F2F2;border: 1px solid #BFBFBF;padding: 5px 5px;line-height: 10px;}
#yps-navbar-right {min-height: 60px;}
.list-nav {margin-bottom: 0; position: absolute;}
.list-nav li .icon {font-size: 14px;}
.list-nav li button,.list-nav li button:hover,.list-nav li button:focus,.list-nav li button:active {font-size: 12px; color:#D7D7D7;}
.list-nav li.active button {color: #333333;}
.list-nav li.active .break-line + .break-line {color: #7F7F7F}
.list-nav .btn:active:focus,.list-nav .btn:focus,.list-nav .btn:active {box-shadow: none;}
#yps-navbar-right .flight-date {
   padding: 0 10px;
}
#yps-navbar-right .flight-number {
   padding: 0 10px;
}
/**/

/*  MAIN CONTAINER   */
.yps-main-flight {display: none;}
.yps-main-flight.active {display: block;}
.deck {display: none; }
.deck.active {display: block;}

.deck__clipper {max-height: 560px;min-height: 560px; overflow: hidden; position: relative; text-align: center;padding-bottom: 80px;}
/*.blocked.deck__wrapper {min-height: 480px;}*/
.blocked.deck__wrapper + .deck__columns {position: relative;}
.deck__wrapper {display: inline-block;background-color: white; padding-top: 80px;}
.deck__columns {position: absolute; z-index: 4;top:0;z-index: 100; }
.deck__columns .wrapper {display: inline-block; background-color: white;}
.deck__columns .wrapper .align-left {float: left;}
.deck__wrapper + .deck__columns {top: auto;bottom: 0;}
.deck__columns .yps-main-flight-block {background-color: white;padding-top: 54px;min-height: 80px;max-height: 80px}
.deck__wrapper + .deck__columns .yps-main-flight-block {padding-top: 14px; padding-bottom: 30px;}
.deck__row {position: relative;}
.fixed-row-numbers .deck__row {padding-left: 40px; padding-right: 40px;}
.fixed-row-numbers .yps-main-flight-rownr {position: fixed;left: 0; z-index: 99; background: transparent}
.fixed-row-numbers .deck__row .yps-main-flight-rownr {background: rgba(255,255,255,0.6);}
.fixed-row-numbers .yps-main-flight-block + .yps-main-flight-rownr {left: auto;right: 0;}
   /*   SEAT ICON STYLES*/
      .yps-main-flight-block {min-width: 40px; max-width: 40px;min-height: 40px; max-height: 40px;display: inline-block; padding: 4px; text-align: center; vertical-align: top;}
      .yps-main-flight-block.half-width { min-width: 20px!important; max-width: 20px!important;}
      .yps-main-flight-coord {font-size: 10px; color: #7F7F7F; padding-top: 14px;}
      .deck_mini_cols .yps-main-flight-block {font-size: 10px; color: #7F7F7F; min-height: 20px; max-height: 20px; line-height: 12px;}
      .seat__wrapper {position: relative;line-height: 32px; width: 100%;height: 100%; display: block;text-align: center;}
      .seat__wrapper .icon-seat {position: absolute; left: 0; top: 0; font-size: 32px; line-height: 32px;}
      .seat__wrapper .icon-seat-border {z-index: 2}
      .seat__wrapper .glyphicon,.seat__wrapper .icon-euro-icon,.chosen .seat__wrapper .icon-euro-icon {font-size: 14px; color: white; line-height: 32px; display: none; z-index: 3;position: relative;}
      .seat__wrapper .icon-price,.chosen .seat__wrapper .icon-price {font-size: 10px; color:#333333; line-height: 32px; display: block; z-index: 3;position: relative; font-weight: bold;}
      .seat__wrapper .icon-euro-icon {color: #333333}
      .seat__wrapper .glyphicon-remove { display: block; color: #DFB9C6; top: -40px; }
      .booked.chosen .seat__wrapper .glyphicon-remove { display: none; }

      .free .icon-seat-bg {color: #1FCC72}
      .free .icon-seat-border {color: #1AAF61}
      .occupied .icon-seat-bg {color: #FDD7E4;}
      .occupied .icon-seat-border {color: #DFB9C6;}
      .chosen .icon-seat-bg {color: #3073DA}
      .chosen .icon-seat-border {color: #265CAF}
      .chosen .glyphicon-ok,.chargeable .icon-euro-icon {display: inline-block;}
   /**/
   /*   ARROWS   */
      .seatmap__nav {position: absolute; width: 100%; left: 0;top: 0;text-align: center;z-index: 992; padding-top: 10px;}
      .no-seatmap .seatmap__nav button.go {display: none;}
      .seatmap__nav.bottom {bottom: 0; top: auto;padding-top: 0;padding-bottom: 10px; }
      .seatmap__nav .btn {width: 100%; max-width: 175px; background-color: transparent; border: 1px solid #3073DA;}
      .seatmap__nav.bottom .btn {
         width: auto;
         max-width: none;
      }
      .seatmap__nav .btn[disabled] {border-color: #DEDEDE;}
      .seatmap__nav .arrows-bar {
         position: absolute;
         right: 10px;
         bottom: 10px;
         padding: 10px 2px;
         border-radius: 2px;
         height: 37px;
      }
      .seatmap__nav .arrows-left {
         right: auto;
         left: 10px;
         background: #f4f4f4;
         border-color: #bfbfbf;
      }
   /**/
/**/
/*  POPOVER   */
.popover {width: 100%; max-width: 400px; z-index: 999; border-radius: 0; border: 0; padding: 0; font-size: 12px;}
.popover h3 {min-height: 46px;}
.popover .seat__wrapper {margin-right: 10px;line-height: 46px; width: 46px; height: 46px; float: left;}
.popover .icon-seat {font-size: 46px;}
.popover h4 .icon-euro-icon,.popover h4 .glyphicon-ok {font-size: 24px;}
.popover li, .popover p {color: #7F7F7F;}
.popover-content {padding: 0;height:220px;}
.get-to-top {z-index: 998; position: relative;}
.cancel-reservation,.cancel-reservation:hover,
.cancel-reservation:focus,.cancel-reservation:active,
.cancel-reservation:active:hover {
   vertical-align: top;
   color: #8C8C8C;
   width: 24px;
   height: 24px;
   padding:0;
   position: absolute;
   left: 0;
   bottom: 50%;
   -webkit-transform: translateY(50%);
   -ms-transform: translateY(50%);
   transform: translateY(50%);
}
.cancel-reservation .glyphicon {vertical-align: text-top;}
#popover-outer-wrapper {float:left;width:100%;background:white;overflow:hidden;position:relative;}
#popover-inner-wrapper {float:left;width:100%;background:#F2F2F2;position:relative;right:55%;}
.popover__col {padding: 12px 16px;float:left;overflow:hidden;position:relative;min-height: 220px;}
#popover__left__col {width:45%;position:relative;left:55%;}
#popover__right__col {width:55%;left:55%;}
#popover__bottom {width:100%; position:relative; left:55%;}
.additional_bottom_info_strip {display: block; font-size: 8pt; margin: 5px; font-weight: bold; padding: 5px; border: 1px solid #ccc; background: #f2f2f2;}
.popover__col__btns {float: right;}
.popover__col__passengers {clear: both;margin-bottom: 0;max-height:220px; overflow: auto;}
.passager-list li {border-bottom: 1px solid #F2F2F2; margin-bottom: 5px;color: #333333;position: relative;}
.passager-list li:last-child {border-bottom: 0;}
/**/

/*  SIDEBAR   */
#yps-sidebar {padding-top: 30px;}
#yps-sidebar-info, #yps-sidebar-switcher,#yps-sidebar-plane {margin-bottom: 20px; }
#yps-sidebar p{text-align: center;}
#yps-sidebar-plane {text-align: center;}
.yps-sidebar-plane-container {position: relative;display: inline-block; }
.yps-sidebar-plane-container .icon:before {display: block;}
.yps-pointer {width: 100%; border: 3px solid black; position: absolute; right: 0;top: 0; padding: 7px;}
#yps-sidebar-seat {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);webkit-transform:translate(-50%, -50%);}
#yps-sidebar-seat .seat__wrapper {width: 100px; height: 100px;}
#yps-sidebar-seat .icon-seat {font-size: 100px; line-height: 100px;}
#yps-sidebar-summary {position: absolute;bottom: 0; width: 100%; color: white; padding: 10px; text-align: center; left: 0;}
.yps-details-btn .icon-passanger,#yps-sidebar-summary .icon-passanger{font-size: 18px;}
#yps-sidebar-summary span {vertical-align: middle;}
#yps-sidebar-legend-more {position: absolute; left: -100%; background-color: white; top: 0; height: 100%; padding-top: 80px; padding-left: 30px; padding-right: 30px;}
#yps-sidebar-legend-more li {position: relative;padding-left: 25px;}
#sidebar-legend-more {display: block;}
#yps-sidebar-legend-more .fac-icon {position: absolute;left: 0; top: 0; }
/**/
/*   WINGS   */
.deck__wrapper {position: relative;}
.deck__wing {position: absolute;left:-100%; overflow: hidden;border-right: 2px solid #DDE8F9;}
.deck__wing.right {left:auto;right: -100%;border-left: 2px solid #DDE8F9;border-right: 0;}
.angled-continer {width: 100%; position: absolute;}
.angled-continer:before {z-index:960;content: "";width: 1000%; height: 250px; background-color: #DDE8F9; top: -250px; right: 0; position: absolute;-ms-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform-origin: top right;-ms-transform: rotate(-15deg);transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);}
.angled-continer:after {z-index:960;content: "";width: 1000%; height: 250px;background-color:#DDE8F9; top: 100%; right: 0; position: absolute;-ms-transform-origin: top right;transform-origin: top right;-webkit-transform-origin: top right;-ms-transform: rotate(-7deg);transform: rotate(-7deg);-webkit-transform: rotate(-7deg);-moz-transform: rotate(-7deg);}
.right .angled-continer:before {left: 0; -ms-transform-origin: top left; transform-origin: top left;-webkit-transform-origin: top left; -ms-transform: rotate(15deg); transform: rotate(15deg);-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);}
.right .angled-continer:after {left: 0; -ms-transform-origin: top left; transform-origin: top left;-webkit-transform-origin: top left; -ms-transform: rotate(7deg); transform: rotate(7deg);-webkit-transform: rotate(7deg);-moz-transform: rotate(7deg);}
.stripped-bg {background:white;background: -webkit-linear-gradient(top,white,white 43px,#DDE8F9 45px,#DDE8F9);background: -webkit-linear-gradient(top, white, white 43px, #DDE8F9 45px, #DDE8F9);background: linear-gradient(to bottom,white,white 43px,#DDE8F9 45px,#DDE8F9);background-size: 100% 45px;position: absolute; top:0;right:0;height: 100%;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;-ms-transform: rotate(-15deg);transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-moz-transform: rotate(-15deg);}
.right .stripped-bg {left:0;right:auto;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-ms-transform: rotate(15deg);transform: rotate(15deg);-webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);}
.wing__txt__wrapper {position:absolute; width:100%;border-left: 20px solid white;border-right: 20px solid white; position: relative;}
.wing__txt__wrapper__inner {background-color:white; padding:7px 12px;color: #DDE8F9; font-size: 24px; text-transform: uppercase; font-weight: 700;position: absolute;top: 60%;left: 50%;-webkit-transform: translate(-50%, -50%) rotate(-90deg);-ms-transform: translate(-50%, -50%) rotate(-90deg);transform: translate(-50%, -50%) rotate(-90deg);}
.right .wing__txt__wrapper__inner {-webkit-transform: translate(-50%, -50%) rotate(90deg);-ms-transform: translate(-50%, -50%) rotate(90deg);transform: translate(-50%, -50%) rotate(90deg);}
/**/
/*   SEATMAP SIDEBAR SUMMARY  */
#yps-summary {position: absolute; top: 0; left: -100%; width: 80%; height: 100%; z-index: 998;background-color: white;text-align: left;}
.summary-active #yps-summary {width: 100%;}
.summary__wrapper {padding: 60px 40px 0 40px;}

.hide-details {display: none;}
.summary-active .hide-summary {display: none;}
.summary-active .hide-details {display: inline-block;}
.total-price {display: inline-block;}
.summary__payment { margin-bottom: 20px; font-size: 14px; }
.summary__payment .icon { vertical-align: text-top; }
.summary__payment__label {
   float: left;
}
.summary__payment__price {
   float: left;
   padding-left: 30px;
}

/**/
/*   TABLE   */
.seatmap__table {margin-bottom: 40px; border: 1px solid #DBDBDB;border-bottom: 0;display: inline-block;max-width: 100%;overflow: hidden;}
.table__row {position: relative;}
.seatchoice__table .table__row {display: table;}
.table__row  .last {border-right: 0;}
.table__cell {vertical-align:top;display: inline-block;font-size: 18px;line-height: 20px; padding: 14px 4px; width: 140px;min-width: 105px; text-align: center; border-bottom: 1px solid #DBDBDB; border-right: 1px solid #F2F2F2;}
.table__cell.font-14 {font-size: 12px;}
.seatchoice__table .table__cell {display: table-cell;font-size: 14px; position: relative;}
.seatmap__table__heading.col .first .table__cell {position: relative;}
.table__header {white-space: normal;word-break: break-word;}
.seatchoice__table .table__row .first {border-bottom:0;}
.table__cell .btn {background-color: #F2F2F2; border: 1px solid #BFBFBF; padding: 4px 6px;}
.table__cell .arrows {position: absolute; top: 10px;left: 20px;}
.table__cell .arr-right {right: 20px; left: auto;}
.summary__table.dragged-wrapper{float: left}
.summary__table,.seatchoice__table {overflow: hidden;}
.seatmap__table__heading {overflow: hidden;}
.seatmap__table__heading.bar .table__cell {
   padding: 4px;
   text-overflow: ellipsis;
   overflow: hidden;
}
.seatmap__table__heading.bar,.seatmap__table__heading.col .first {background-color: #3073DA!important; color: white;}
.yps-main-flight.no-seatmap .seatmap__table__heading {background-color: white!important; color: #333;}
.seatmap__table__heading.col,.seatmap__table__heading.col .table__cell {width: 125px;min-width: 125px;max-width: 125px;font-size: 12px;line-height: 20px;}
.seatmap__table__heading.col .table__cell {white-space: normal;}
.seatmap__table__heading.bar .table__cell {font-size: 12px;}
.seatmap__table__heading .icon-airplane-to {color: #99C2FF;}

.seatmap__table__rows {display: inline-block;}
.seatmap__table__rows .table__row,.seatmap__table__heading .table__row {background-color: white;}
.seatmap__table__rows .table__row:nth-child(odd),.seatmap__table__heading .table__row:nth-child(odd) {background-color: #F9F9F9;}
.seatmap__table__rows .bar .table__row {background-color: transparent;}
/**/
/*  NOSEATMAP  */
.yps-main-noseatmap {position: relative;min-height: 560px; text-align: center; padding-bottom: 60px;}
.yps-main-noseatmap .wrapper {position: relative;z-index: 1; padding-top: 40px;}
.flight__info {text-align: left; margin-bottom: 20px; padding: 0 20px; }
.seatmap__table + .flight__info {text-align: right;}
.no-seatmap .hide-no-seatmap,.visible-no-seatmap{display: none;}
.no-seatmap .visible-no-seatmap {display: inline-block;}
.no-seatmap .seatmap__table {margin-bottom: 20px;}
.no-seatmap .yps-seatmap-checkbox {padding-left: 20px;margin-bottom: 0;padding-bottom: 0;font-size: 0;}
/**/
/*   SMALL SEAT ROW   */
.row-small {border-left: 1px solid #DBDBDB;padding-left: 5px;}
.row-small .seat__wrapper {vertical-align: middle; width: 10px; height: 10px;display: inline-block;}
.row-small .seat__wrapper .icon {font-size: 10px; line-height: 10px;}
.row-small .third {margin-right: 12px;}
.seat-type {display: block;}
.window .first .icon-seat-bg,.aisel .third .icon-seat-bg,.aisel .fourth .icon-seat-bg,.nopref .icon-seat-bg {color: #1FCC72;}
.window .first .icon-seat-border,.aisel .third .icon-seat-border,.aisel .fourth .icon-seat-border,.nopref .icon-seat-border {color: #1AAF61;}
/**/
/*   SEND   */
#yps-send {position: absolute; right: 10px; bottom: 10px; z-index: 997; }
.summary-active #yps-send {z-index:  9999}
/**/
/*  OVERLAY  */
#yps-overlay {position: absolute;width: 100%; height: 100%; background: rgba(0,0,0,0.6);top: 0; left: 0; z-index: 997;}
/**/
/*   FILEKEY FORM   */
#yps-seatmap-form .col-xs-12 {min-height: 560px}
/**/
/*   ERROR   */
#yps-seatmap-error .col-xs-12 {min-height: 560px}
#yps-seatmap-error .rounded-box {margin-bottom: 20px;}
#yps-seatmap-error .error-message { color: red; }
.rounded-box {border: 1px solid red; border-radius: 100%;width: 45px; height: 45px; display: inline-block; text-align: center; font-size: 45px; line-height: 45px; color: red;}
.capitalize {text-transform: uppercase;}
/**/
/*   SHADOW   */
.top-shadow:before{box-shadow: 0 30px 20px -30px #999999 inset;-webkit-box-shadow: 0 30px 20px -30px #999999 inset;-moz-box-shadow: 0 30px 20px -30px #999999 inset;-o-box-shadow: 0 30px 20px -30px #999999 inset;content: "";width: 100%;position: absolute;z-index:990;top:0;left:0;height: 20px;}
.left-shadow:after{box-shadow: 30px 0 20px -30px #999999 inset;-webkit-box-shadow: 30px 0 20px -30px #999999 inset;-moz-box-shadow: 30px 0 20px -30px #999999 inset;-o-box-shadow: 30px 0 20px -30px #999999 inset;content: "";height: 100%;position: absolute;z-index:990;top:0;left:0;width: 20px;}
/**/
@media (max-width: 639px){
.hidden-640 {display: none!important;}
.visible-640 {display: inline-block!important;}
.half-width-640 {width: 50%; text-align: center; display: inline-block;}
}
@media (max-width: 860px){
.visible-860 {display: inline-block!important;}
.hidden-860 {display: none!important;}
}
/*   DRAG STYLES   */
.dragged-element {position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.dragged-wrapper {position: relative;}
.grab-to-drag {cursor: move; cursor: grab; cursor: -webkit-grab;}
.dragging,.dragging .grab-to-drag{cursor: grabbing!important; cursor: -webkit-grabbing!important;}
/**/
.ios .deck__clipper {width: 1px;min-width: 100%;}
/*   SCROLL STYLES   */
.scroll {position: relative; overflow: hidden; margin-bottom: 10px;}
.scroll__bar {top:0;position: absolute;right: 0; height: 100%; width: 5px;}
.scroll__bar__handler {position: relative; width: 5px; background-color: rgba(0,0,0,0.3); border-radius: 6px; color: white;}
/**/
.yps-block-fac {}
.fac-group-wrapper {display: inline-block; position: relative;}
.fac-group-wrapper .glyphicon,.fac-group-wrapper .icon {position: absolute; top: 0;font-size: 22px;
left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);webkit-transform:translateX(-50%);}
.fac-group-wrapper .icon:before,.fac-group-wrapper .glyphicon:before {line-height: 40px;}
.fac-group-wrapper .icon.placed,.fac-group-wrapper .glyphicon.placed {
   text-align: center;
   width: 40px;
   max-width: 40px;
   min-width: 40px;
   -webkit-transform: none;-ms-transform: none;transform: none;webkit-transform:none;
}
.fac-type-bk.first.last.processed span{
   border:0!important;
}
.fac-type-bk.first.last.processed .icon,.fac-type-bk.first.last.processed .glyphicon {
   position: absolute;
   width: 100%;
   height: 6px;
   border-radius: 6px;
   border: 2px solid black!important;
   top:50%;
}
.fac-type-bk.first.last.processed .icon:before,
.fac-type-bk.first.last.processed .icon:after {
   display: none;
}
.fac-top-border {border-top: 1px solid #c8c8c8}
.fac-bottom-border {border-bottom: 1px solid #c8c8c8}
.fac-right-border {border-right: 1px solid #c8c8c8}
.fac-left-border {border-left: 1px solid #c8c8c8}
.fac-top-border.fac-left-border {
   border-top-left-radius: 6px;
}
.fac-top-border.fac-right-border  {
   border-top-right-radius: 6px;
}
.fac-bottom-border.fac-left-border {
   border-bottom-left-radius: 6px;
}
.fac-bottom-border.fac-right-border {
   border-bottom-right-radius: 6px;
}
.loader {position: fixed; top: 25%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.exit-row:before, .exit-row:after{text-align:center;top:-10px;z-index: 962;font-size: 14px;font-weight: 700;height:20px;line-height: 14px; width: 40px;position: absolute;content: attr(data-label);}
.exit-both:before,.exit-left:before {left: -30px; border-bottom: 2px solid black;-ms-transform: rotate(-90deg); transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.exit-both:after,.exit-right:after {right: -30px; border-bottom: 2px solid black;-ms-transform: rotate(90deg); transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.exit-row + .exit-row:before,
.exit-row + .exit-row:after{content: ""; top: -20px;}
.exit-right:before,.exit-left:after {display: none;}

.fac-type-bk .icon:before, .fac-type-bk .glyphicon:before {display: none;}
.yps-main-noseatmap .seatmap__table {border-bottom: 1px solid #DBDBDB;}
.seatchoice__table .last .table__cell {border-bottom: 0;}
.summary-free-text-wrapper { position: absolute; bottom: 8em; width: 80%; text-align: center; }
.summary-free-text { margin: auto; padding: 10px; }

.summary-free-text-seats-booked-wrapper { width: 80%; text-align: center; margin: auto; }
.summary-free-text-seats-booked-wrapper .summary-free-text { margin: auto; padding: 10px; }
.summary-free-text h4 { font-size: 22px; }

.custom_info_box { text-align: center; font-weight: normal; padding: 20px 0; }
.custom_info_box .glyphicon,
.custom_info_box .icon { font-size: 22px; }
.custom_info_box .custom_info_box_summary {
   margin: auto;
   max-width: 80%;
}
.summary__wrapper .custom_info_box { padding: 0 0 40px; }
.individual_price {
   color: #c0c0c0;
   display: inline-block;
}

.occupied_seat_info {
   display: inline-block;
}