.pl-6 {
        padding-left: 2.5rem;
      }
      
      .header-login h4 {
        text-align: left !important;
        font-size: 28px;
        font-weight: 800;
      }
      
      .header-login {
        text-align: center;
        font-size: 42px;
        font-weight: 200;
        color: #424242
      }
      
      .header-login img {
        max-width: 350px;
        width: 320px;
        margin-bottom: 2em;
      }
      
      .header-login p {
        font-size: 14px;
        text-align: left !important;
      }
      
      .header-login b {
        color: #0065b3;
        font-weight: 800 !important;
      }
      
      .form-auth-login {
        margin: 3.5rem 0;
      }
      
      .footer-login {
        position: relative;
        bottom: 30px;
        left: 0px;
        right: 0px;
      }
      
      .footer-login>img {
        max-width: 300px;
        width: 240px;
        display: block;
        margin: auto;
      }
      
      .footer-login>div img {
        width: 80px;
        max-width: 100px
      }
      
      .footer-login>div {
        text-align: center;
        margin-top: 2em;
      }
      
      .footer-login>div p {
        display: inline-block
      }
      
      .footer-bg-text {
        color: white;
        padding: 1em;
      }
      
      .footer-bg-text h4 {
        font-size: 32px;
        margin-bottom: 0.5em;
      }
      
      .footer-bg-text p {
        line-height: 200%;
        font-size: 18px
      }
      
      .wrapper-header-profile-user {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        white-space: nowrap;
        padding: 0.75rem 1.875rem 0.75rem 1.875rem;
        color: white;
        -webkit-transition-duration: 0.45s;
        -moz-transition-duration: 0.45s;
        -o-transition-duration: 0.45s;
        transition-duration: 0.45s;
        transition-property: color;
        -webkit-transition-property: color;
        position: fixed;
        bottom: 8px;
      }
      
      .wrapper-header-profile-user p {
        font-size: 14px;
        margin-top: 0.5em;
        margin-left: 2em
      }
      
      a#profileDropdown.wrapper-header-profile-user.nav-link.dropdown-toggle::after {
        display: none;
      }
      
      .wrapper-header-profile-user i {
        position: absolute;
        top: 1em;
        right: -1em;
      }
      
      .wrapper-header-profile-user i::after {
        display: none !important;
      }
      
      .wrapper-header-profile-user:hover {
        background: none !important;
      }
      
      .header-profile-user {
        color: white;
        display: -webkit-inline-box;
        margin-top: 0.5em
      }
      
      .header-profile-user p {
        padding-top: 2px
      }
      
      .header-profile-user img {
        width: 42px;
      }
      
      .flight-header {
        display: inline-block;
      }
      
      .flight-header h2 {
        font-weight: 200;
        color: #0065b3
      }
      
      h2.right {
        position: absolute;
        right: 0;
      }
      
      .wrapper-arrival {
        text-align: right;
        color: #48a5ff
      }
      
      .wrapper-destination {
        color: #ffc107
      }
      
      .wrapper-arrival h1,
      .wrapper-destination h1 {
        font-size: 64px;
        font-weight: 800;
      }
      
      .wrapper-arrival p,
      .wrapper-destination p {
        font-size: 24px;
        color: #424242
      }
      
      .information-flight-detail i {
        margin: 0 .6rem 0 -0.2rem;
        color: #ffc107
      }
      
      .information-flight-detail p {
        font-size: 16px;
        line-height: 150%;
      }
      
      .information-flight-detail h4 {
        color: #0065b3;
        font-size: 18px;
        font-weight: bold;
      }
      
      .wrapper-list-flight {
        margin-top: 2em
      }
      
      .wrapper-list-flight h3 {
        color: #0065b3;
        font-size: 32px;
        line-height: 100%;
        font-weight: 200
      }
      
      .wrapper-list-flight p {
        font-size: 16px;
        color: #424242
      }
      
      .wrapper-list-flight i {
        color: #ffc107 !important;
        margin: 0.5em
      }
      
      .devider-vertical {
        float: right;
        border-right: 1px solid #e0e0e0;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute
      }
      
      .devider-vertical-bidding {
        float: right;
        border-right: 1px solid #e0e0e0;
        height: 90%;
        top: 0;
        left: 0;
        right: -3px;
        bottom: 0;
        position: absolute
      }
      
      .wrapper-profile-image {
        text-align: center;
      }
      
      .sidemenu-background {
        position: absolute;
        bottom: 0;
        z-index: -1;
        width: 100%;
      }
      /*       
      @media (min-width: 992px) {
        .sidemenu-background {
          display: none;
        }
      } */
      
      .wrapper-profile-image img {
        max-width: 110px;
        width: 100px
      }
      
      .wrapper-profile-text {
        text-align: center;
        margin-top: 1em
      }
      
      .wrapper-profile-text h3 {
        font-size: 14px;
        font-weight: 800;
        color: #173b78
      }
      
      .wrapper-profile-text p {
        font-size: 14px;
        font-weight: 200;
        color: #424242;
      }
      
      .wrapper-profile-detail {
        margin-top: 2em
      }
      
      .wrapper-profile-detail span i {
        float: left;
        margin-right: 1em;
        font-size: 18px
      }
      
      .wrapper-profile-detail span p {
        font-size: 14px;
      }
      
      .wrapper-profile-detail b {
        color: #173b78
      }
      
      .card-bidding {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 10px rgba(0, 0, 0, 0.10);
        border-radius: 6px;
        text-align: center;
      }
      
      .card-bidding:hover {
        transform: translateY(-2px);
        transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      
      .card-bidding:active {
        transform: translateY(0);
        transition: all 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94)
      }
      
      .card-bidding-title {
        border-bottom: 1px solid #e0e0e0;
        margin-bottom: 1em;
      }
      
      .card-bidding-title p {
        font-size: 16px;
        font-weight: 600;
        color: #173b78
      }
      
      .bidding-green h2 {
        color: #1c9966
      }
      
      .bidding-green p {
        color: #424242;
        font-size: 14px
      }
      
      .bidding-red h2 {
        color: #e53935
      }
      
      .bidding-disable h2 {
        color: #e5e5e5
      }
      
      .bidding-green-border {
        border-bottom: 5px solid #1c9966
      }
      
      .bidding-red-border {
        border-bottom: 5px solid #e53935
      }
      
      .bidding-disable-border {
        border-bottom: 5px solid #e5e5e5;
        box-shadow: none !important;
        color: #e5e5e5;
        border: 1px solid #e5e5e5;
      }
      
      .btn-outline-disable {
        color: #e5e5e5;
        background-color: transparent;
        background-image: none;
        border-color: #e5e5e5
      }
      
      .btn-outline-disable:hover {
        color: #e5e5e5 !important;
      }
      
      .modal-body .modal-information-bidding p {
        font-size: 14px
      }
      
      .modal-body .modal-information-bidding p b {
        color: #173b78;
        font-weight: 800
      }
      
      .bidding-disable-border .card-bidding-title p {
        color: #e5e5e5
      }
      
      .leave-status {
        text-align: center
      }
      
      .leave-status a i {
        font-size: 16px;
      }
      
      .wrapper-content-menu-flight {
        width: 152px;
        min-width: 128px;
        height: 152px;
        min-height: 128px;
        background: white;
        border-radius: 12px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 10px rgba(0, 0, 0, 0.10);
      }
      
      .wrapper-content-menu-flight img {
        max-width: 96px;
      }
      
      .menu-flight {
        /* margin: 3rem 0; */
      }
      
      .menu-flight h4 {
        font-size: 18px;
        color: #424242;
        text-align: center;
        margin-top: 1.5em;
      }
      
      .summary-passengers {
        text-align: right;
        padding: 0 2.5em;
        text-align: center;
        /* padding: 0 2.5em; */
        background: rgba(255, 255, 255, 0.7);
        padding: 0.5rem 0.2rem;
        border-radius: 6px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02), 0 2px 10px rgba(0, 0, 0, 0.05);
        border-top: rgba(255, 255, 255, 0.3) 2px solid;
        margin-top: -2em;
      }
      
      .summary-passengers h4 {
        color: #0065b3;
        font-weight: bold;
        font-size: 16px
      }
      
      .summary-passengers p {
        font-size: 12pt !important;
        color: #424242 !important;
      }
      
      .summary-passengers i {
        font-size: 16px !important;
        margin-right: 14px !important;
        color: #ffc107 !important;
      }
      
      .wrapper-menu-back p {
        font-size: 24px;
        color: #0065b3;
      }
      
      .const-psg {
        margin-top: -2em;
      }
      
      .wrapper-menu-back i {
        font-size: 36px;
        margin: -4px 14px 0 0;
        color: #5c9dce;
      }
      
      .wrapper-menu-back a:hover,
      .wrapper-menu-back i:hover {
        transform: translateX(-2px);
        color: #0065b3
      }
      
      .wrapper-menu-back a,
      .wrapper-menu-back i {
        transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94)
      }
      
      .padding-std {
        padding: 0.56rem 1.13rem
      }
      
      .wrapper-title h5 {
        display: inline-block;
        padding-right: 1em;
      }
      
      .devider-form {
        border-bottom: 1px solid #e0e0e0;
        width: auto;
        min-width: 94%;
        display: inline-block;
        margin: auto;
        margin-top: 2em;
      }
      
      .wrapper-card {
        padding: 2em 3em
      }
      
      .wrapper-card .shadow-card {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 10px rgba(0, 0, 0, 0.10);
        border-radius: 6px
      }
      
      .card-ic-news {
        background: #ff6e40;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
      }
      
      .bg-card-ic-hotnews {
        background: #ff6e40
      }
      
      .bg-card-ic-operation {
        background: #4db6ac
      }
      
      .bg-card-ic-line-inst {
        background: #81c784;
      }
      
      .bg-card-ic-security {
        background: #ff6e40;
      }
      
      .bg-card-ic-news {
        background: #ffab40;
      }
      
      .bg-card-ic-general {
        background: #ffab40
      }
      
      .bg-card-ic-notification {
        background: #ffab40
      }
      
      .bg-card-ic-safety {
        background: #ef5350
      }
      
      .bg-card-ic-security {
        background: #66bb6a
      }
      
      .bg-card-ic-service {
        background: #26c6da
      }
      
      .bg-card-ic-fasgb {
        background: #1ca5e8;
      }
      
      .bg-card-ic-announcement {
        background: #8b68c8;
      }
      
      .wrapper-card-info {
        display: flex;
        min-height: 92px;
        justify-content: center;
        flex-direction: column
      }
      
      .card-ic-news img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 70%
      }
      
      .card-content p {
        font-size: 12pt;
        margin-top: 6px
      }
      
      .container-card-news {}
      /* ********* START FLIGHT MENU ************ */
      
      .togglecontentflight {
        /* height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height 350ms ease-in-out, opacity 750ms ease-in-out; */
        display: block;
        height: 21em;
        margin: 2em 0;
        padding-top: 0.1em;
        border-radius: 12px;
        opacity: 1;
        background: #fcfcfc;
        border: 1px solid #e0e0e0;
      }
      
      .togglecontentflight.is-visible {
        display: block;
        height: 21em;
        margin: 2em 0;
        padding-top: 0.1em;
        border-radius: 12px;
        opacity: 1;
        background: #fcfcfc;
        border: 1px solid #e0e0e0;
      }
      
      .card-info-flight.flight-header.leg-of-flight {
        margin-left: 1em
      }
      
      .card-info-flight.flight-header.leg-of-flight p {
        display: inline-block;
        font-size: 16px;
        font-weight: 800;
        margin-right: 1em
      }
      
      .const-detail-flight {
        margin: 1.5rem 0 0 1rem;
      }
      
      .const-detail-flight div p {
        font-size: 16px;
      }
      
      .const-detail-flight div p b {
        color: #0065b3
      }
      
      .center-things-vert {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      /*       
      .menu-new-appex {
        display: none;
        height: 0;
        opacity: 0;
        overflow: hidden;
        transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
      }
      
      .menu-new-appex.is-visible {
        background: #fcfcfc;
        border: 1px solid #e0e0e0;
        height: 21em;
        margin: 2em 0;
        padding-top: 0.1em;
        border-radius: 12px;
      } */
      /* ********* END FLIGHT MENU ************ */
      
      .wrapper-table-content {
        padding: 0 1em;
      }
      
      .wrapper-table-content h3 {
        font-size: 18px;
        margin: 1.5em 0 0.5em 0;
      }
      
      .wrapper-table-content .table-responsive th {
        color: #0065b3;
        font-size: 16px;
        font-weight: bold;
      }
      
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+1) {
        background: rgba(179, 229, 252, 0.25)
      }
      
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+3) {
        background: white
      }
      
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+5) {
        background: rgba(179, 229, 252, 0.25)
      }

      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+7) {
        background: white
      }

      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+9) {
        background: rgba(179, 229, 252, 0.25)
      }

      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+11) {
        background: white
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+13) {
        background: rgba(179, 229, 252, 0.25)
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+15) {
        background: white
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+17) {
        background: rgba(179, 229, 252, 0.25)
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+19) {
        background: white
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+21) {
        background: rgba(179, 229, 252, 0.25)
      }
      .wrapper-table-content .table-responsive.zebra-custom table tbody tr:nth-of-type(n+23) {
        background: white
      }
      .table-responsive table tbody tr:nth-child(odd){
        background: rgba(179, 229, 252, 0.25)
      }
      .table-responsive table tbody tr:nth-child(even){
        background: white
      }
      
/* 
      .zebra-table table tbody tr:nth-child(odd) {
        background: rgba(179, 229, 252, 0.25)
      }
      
      .zebra-table table tbody tr:nth-child(even) {
        background: green !important
      }
       */
      .zebra-table th {
        color: #0065b3
      }
      
      .btn-download-psg {
        text-align: right;
        padding-right: 2em;
      }
      
      h3.title-std {
        font-size: 18px;
        color: #424242
      }
      
      .new-title-card h3 {
        font-size: 18px;
        margin: 0.5em 0 1.5em 1em
      }
      
      .img-lopa,
      .img-door {
        text-align: center;
      }
      
      .c-primary {}
      
      .wrapper-cowads-layout {
        text-align: center
      }
      
      .wrapper-cowads-layout img {
        width: 90%;
      }
      
      .wrapper-flight-sum {
        text-align: center;
        /* padding: 0 2.5em; */
        background: rgba(255, 255, 255, 0.7);
        padding: 0.5rem 0.2rem;
        border-radius: 6px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.02), 0 2px 10px rgba(0, 0, 0, 0.05);
        border-top: rgba(255, 255, 255, 0.3) 2px solid;
      }
      
      .const-flight-sum {
        margin-top: -2rem
      }
      
      .wrapper-flight-sum p {
        display: inline-block
      }
      
      .wrapper-flight-sum img {
        width: 148px;
        margin-bottom: 0.5em;
      }
      
      .wrapper-flight-sum p.departure,
      .wrapper-flight-sum p.arrival {
        font-size: 28px;
        font-weight: 800;
        margin-top: 12px;
      }
      
      .wrapper-flight-sum p.departure {
        margin-right: 6px;
      }
      
      .wrapper-flight-sum p.arrival {
        margin-left: 6px;
        color: #ffc107
      }
      
      .bg-wave-card {
        background: url(../images/bg_wave.svg);
        background-color: white;
        background-size: cover
      }
      
      .bg-wave-card.wave-custom {
        background-position-y: bottom;
        padding-bottom: 1rem;
      }
      
      .card .card-body.card-custom {
        padding: 1.5rem 0.6rem!important;
      }
      
      .menu-flight .row .col-md-3,
      .menu-flight .row .col-md-4,
      .wrapper-card .shadow-card {
        transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      
      .menu-flight .row .col-md-3:hover,
      .menu-flight .row .col-md-4:hover,
      .wrapper-card .shadow-card:hover {
        transform: translateY(8px);
      }
      
      .menu-flight .row .col-md-3 a div:active,
      .menu-flight .row .col-md-4 a div:active,
      .wrapper-card .shadow-card:active {
        box-shadow: 0px 0px 16px #7fb2d9 !important
      }
      
      .bg-dest-xs {
        display: none;
      }
      
      .devider-hor {
        display: none
      }
      
      .show-detail-info {
        background: rgba(0, 0, 0, 0.04);
        padding: 1em 0.5rem;
        margin: 0;
        line-height: 170%;
        border-radius: 6px;
        border: 1px solid rgba(255, 255, 255, 0.6)
      }
      
      .show-detail-info span {
        display: block
      }
      
      .profile-picture-flight img {
        display: flex;
        justify-items: center;
        align-items: center;
        width: 128px !important;
        height: auto !important;
        border-radius: 0 !important
      }
      
      .full-height {
        height: 100vh
      }
      
      .title-news span img {
        width: 64px;
      }
      
      .title-news h4 {
        font-size: 16pt;
        margin-top: 1rem;
      }
      
      .content-news {
        padding: .8rem;
      }
      
      .content-news p {
        font-size: 1rem;
        line-height: 200%;
        margin-top: 1rem;
      }
      /* ************************************ RESPONSIVE NEW START ************************************ */
      /* ****************************************************** MAX WIDTH 990px ****************************************************** */
      
      @media (max-width: 990px) {
        .navbar.default-layout-navbar .navbar-menu-wrapper {
          /* display: none !important; */
          height: 0;
          position: absolute;
          right: 0;
          left: 19.5em;
          top: 28px;
          bottom: 0
        }
        .nav-link .dropdown-toggle {
          position: absolute;
          right: 0;
        }
        .header-profile-user p,
        .header-profile-user i {
          display: none;
        }
        .header-profile-user {
          position: fixed;
          right: 30px;
          top: 8px
        }
        .wrapper-bidding-pick .wrapper-menu-title {
          margin-bottom: 2em;
        }
        .auth .login-half-bg {
          display: none !important;
        }
        .login-page-left {
          height: 100vh !important;
        }
        .breadcrumb {
          display: none
        }
        .header-login {
          font-size: 38px;
        }
        .content-wrapper {
          padding: 1.5rem 0.8rem 0 0.8rem;
        }
        .flight-header h2 {
          font-size: 16pt;
        }
        .flight-header h2.right {
          right: 10px;
        }
        .wrapper-arrival h1,
        .wrapper-destination h1 {
          font-size: 32pt
        }
        .bg-dest-md {
          display: none;
        }
        .bg-dest-xs {
          display: initial
        }
        .wrapper-arrival p,
        .wrapper-destination p {
          font-size: 14pt;
          text-align: center
        }
        .information-flight-detail {
          margin-top: 15px;
        }
        .information-flight-detail p {
          font-size: 12pt
        }
        .wrapper-list-flight p {
          font-size: 11pt;
        }
        .wrapper-list-flight h3 {
          font-size: 18pt;
          margin: 24px 0 24px 0
        }
        .devider-hor {
          border-bottom: 1px solid #e0e0e0;
          width: calc(100% - 22px);
          position: absolute;
          display: initial
        }
        .devider-vertical {
          display: none
        }
        .menu-flight {
          margin: 0
        }
        .wrapper-content-menu-flight img {
          width: 70%
        }
        .wrapper-content-menu-flight {
          width: 90px;
          min-width: 80px;
          height: 90px;
          min-height: 80px;
        }
        .main-panel {
          background-size: 400%;
        }
        .wrapper-menu-back {
          margin-top: 3rem;
          padding: 0;
        }
        .wrapper-menu-back i {
          margin-top: .5rem;
        }
        .wrapper-menu-back p {
          margin-top: .8rem;
        }
        .wrapper-flight-sum {
          margin-top: 3rem
        }
        .menu-flight h4 {
          margin-bottom: 2rem;
          font-size: 16px
        }
        .wrapper-card {
          padding: 1.5rem 1.5rem
        }
        .togglecontentflight {
          height: auto
        }
        .devider-form-xs {
          min-width: 80% !important
        }
        .new-title-card h3 {
          margin: 0;
        }
        .img-lopa img {
          width: 100%
        }
        .content-wrapper-card {
          padding: 1.5rem 0.8rem 0 0.8rem
        }
        .card-info-flight.flight-header.leg-of-flight p {
          display: block
        }
        .const-detail-flight {
          padding: 1.5rem 0 0 0.2rem
        }
        .wrapper-cowads-layout {
          display: none
        }
        .wrapper-menu-back .summary-passengers {
          padding: 0 10px;
        }
        .summary-passengers {
          margin-top: 0;
          margin-bottom: 3rem;
        }
        .group-title {
          margin-top: 1.5rem !important
        }
        .wrapper-list-flight {
          margin-top: 0
        }
      }
      
      @media (max-width: 767px) {
        .wrapper-menu-title {
          margin-top: 1em
        }
        .wrapper-card-bidding {
          margin-top: 2em
        }
        .wrapper-holiday {
          display: none;
        }
      }
      
      @media (max-width: 320px) {
        .footer-login>img {
          width: 180px;
        }
        .footer-login>div {
          margin-top: 1.5em
        }
        .header-login {
          font-size: 34px
        }
      }
      /* ********* RESPONSIVE NEW END ********* */
      
      .toggle-button-custom {
        position: absolute;
        left: 16px;
        color: white;
      }

/* **********************************  COWADS START CSS  ******************************************* */
.cowads-top, .cowads_data {position:relative;z-index:1;float:left;}
.cowads-top {margin:10px 10px 10px 35px;width:43%;}
.cowadsMapOut-top {padding:4px 4px 4px 0;background:#e3e3e3;position:relative;}
.cowadsMapOut{padding:4px 4px 4px 0;background:#fff;position:relative;margin-left:97px;z-index:1;clear:both;box-shadow: 0 1px 1px rgba(244, 244, 244, 0.1), 0 1px 6px rgba(215, 221, 226, 0.7);}
.cowadsMapIn{overflow:auto;background:#fff;}
.cowadsMapOut, .cowadsMapIn, .cowads {
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	-khtml-border-radius: 0 20px 20px 0;
}
.posdtl {
	margin-top:5px;padding:10px;
	background:#666;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	border:1px solid #fff;
	color:#fff;
	text-shadow: 0px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=1);
    -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.8);
}
.posdtl table tr {border-bottom:1px solid #777;}
.posdtl table td {padding:5px; /*vertical-align:middle;*/}
.posdtl table p {background:#555;border:1px solid #898989;padding:2px 6px;margin:0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/************* SPRITE 1 **************/
.WA-Down, .WA-Left, .WA-Right, .WA-Up, #currentTime, #elapse span, #remainTime, #countTime, .pageTitle, .barTopList li
{background: url("../images/cowads_old/sprite.png") no-repeat top left;}
	.WA-Down {background-position: 0 0;} 
	.WA-Left    {background-position: 0 -72px;} 
	.WA-Right  {background-position: 0 -147px;} 
	.WA-Up	    {background-position: 0 -232px;}
	.barTopList li {background-position: -195px 0;}
	.pageTitle {background-position: -195px -37px !important;}
	#currentTime {background-position: -80px 0px;padding-left:23px;width: 16px; height: 16px; }
	#countTime {background-position: -80px -128px; width: 16px; height: 16px; padding-left:20px;}
	#remainTime {background-position: -80px -46px; width: 16px; height: 16px;padding-left:20px;}
	#elapse span {background-position: -80px -85px;width: 16px; height: 16px;padding-left:20px;}
	.logo		 {height: 49px;background: url("../images/cowads_old/sprite.png") no-repeat center -303px;width:25%;width:22%\9;} 
	.apptitle {height: 49px;background: url("../images/cowads_old/sprite.png") no-repeat center -367px;width:25%;width:22%\9;}
	
	
/***********************************/

.WA-Right, .WA-Left {width:60px; height:33px;padding:0px 2px 12px 2px;color:#424242;}
.WA-Up, .WA-Down {width:40px;height:32px;color:#424242;margin:auto;}

.cowads{background:#F1F8FE;width:100%;}
.crewDrag {padding:3px 4px;cursor:pointer;border:1px solid transparent;padding:2px !important;}
.cowadsDrag {
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	color:#f30; border:1px solid #f30;
	background: #f8ffe8;
	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
	background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
	-moz-opacity: 0.80;
	opacity: 0.80;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:99;
	padding:2px !important;
}
.ui-draggable {font-size:12px;padding:3px;}
.cowads_01, .cowadsMapOut-top, .cowads_03 {height:100%}
.cowads_01 {width:128px;z-index:6;position:absolute;top:0;left:-123px;}
.cowads_03 {width:44px;z-index:6;position:absolute;top:0;left:-42px;}
.cowads_person, .POS {
	-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
	padding:4px;
	background: #daedff;
	font-size: 11pt;
}
.cowadsHover {
	color:#FF6 !important;
	background: #077500 !important;
	background: -moz-linear-gradient(top, #077500 0%, #299a0b 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#077500), color-stop(100%,#299a0b)) !important;
	background: -webkit-linear-gradient(top, #077500 0%,#299a0b 100%) !important;
	background: -o-linear-gradient(top, #077500 0%,#299a0b 100%) !important;
	background: -ms-linear-gradient(top, #077500 0%,#299a0b 100%) !important;
	background: linear-gradient(top, #077500 0%,#299a0b 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077500', endColorstr='#299a0b',GradientType=0 ) !important;
}
.cowadsActive {
	color:#000;
	border:1px solid #1c5375;
	background: #f8ffe8;
	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(33%,#e3f5ab), color-stop(100%,#b7df2d));
	background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	background: linear-gradient(top, #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 );
	box-shadow:0 1px 4px #444;;
}
.cowads_door, .cowads_door2 {
	text-align:center;
	width:60px;
	padding:2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #0065b3;
	background: #fff;
	font-weight: bold;
	font-size: 8pt;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 1px 6px rgba(0, 0, 0, 0.13);
	border: 1px solid #ececec;
}
.cowads_door2 {
	margin-right:5px;
	float:left;
	width:40px;
}
/* .wings {background:url("../images/cowads_old/wings.png") no-repeat;width:320px;height:27px;margin:0 auto;text-align:center;} */
.wings {background:url("../images/cowads/cowads_wings_merge.png") no-repeat;width:320px;height:27px;margin:0 auto;text-align:center;}
.wings-top {background-position:0 0;}
.wings-bottm {background-position:0 -27px}

@media only screen and (max-width: 578px){
  .wings, .wings-top, .wings-bottm{
    display: none !important;
  }
}
@media (max-width: 576px) {
	.cowadsMapOut {
		margin-left:0px;
		padding:4px;
	}
	.cowadsMapOut, .cowadsMapIn, .cowads {
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		-khtml-border-radius: 20px;
	}
}
/* **********************************  COWADS END CSS  ******************************************* */

.table-striped tbody tr:nth-child(even) {
  background: red;
  text-transform: capitalize
}

.table-striped tbody tr:nth-child(odd) {
  background: rgba(179, 229, 252, 0.25);
  text-transform: capitalize
}