/*CCON-260*/
/*iPhone 5/SE and Galaxy S5 */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    *, ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        z-index: 500;
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2000;
        display: block;
        /*nav bar size setting */
    }

    .app-header ~ .app-body {
        padding-top: 0;
        z-index: 80;
    }

    .app-content {
        box-shadow: none;
        z-index: 50;
    }

    .app-aside.modal {
        width: 100%;
        position: fixed;
        z-index: 1050;
    }

    .fa {
        margin-left: 0em;
    }

    nav.scroll.nav-light {
        display: none;
        position: relative;
    }

    .navbar-brand {
        display: none;
    }

    div.hide-scroll {
        margin-top: 6em;
        display: none;
        position: relative;
        overflow-y: scroll;
    }

    .navbar .airlineStationWrap, .navbar .btn {
        margin-top: 0em;
        margin-left: -3em;
        z-index: -20;
    }

    nav.scroll.nav-light {
        display: none;
        position: relative;
    }


    .navbar-hamburger {
        font-size: x-large;
        margin-top: 2.5rem;
        display: block !important;
        color: #2e3e4e;
        float: left;
        margin-bottom: -3em;
        margin-left: 0.2em;
        z-index: 1050;
        /*displaying ham burger instead of HC logo*/
    }

    select.form-control:not([size]):not([multiple]) {
        height: 30px;
        padding: 0 .75rem;
        font-size: small;
        margin-top: 0em;
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 6em;
    }

    .airlineStationCol {
        margin-top: 1em;
    }

    .airlineStationWrap select {
        display: inline-block;
        width: 11em;
        padding: 5px 10px;
        margin-right: 10px;
    }

    input[type="text"], input[type="password"], input[type="email"] {
        height: 30px;
        border: 1px solid rgba(120, 130, 140, .2);
        border-color: rgba(120, 130, 140, .2);
    }

    div.left.navside.dark.dk {
        display: block;
        overflow-y: scroll;
    }

    .navbar {
        border: none;
        margin: 0;
        padding: 0 1rem;
        flex-shrink: 0;
        min-height: 3.5rem;
        z-index: 1000;
    }

    .fade {
        opacity: 1;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */
    .fade.show {
        opacity: 0;
    }
}

/*iPhone 6/7/8 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    .app-aside.modal {
        z-index: 1050;
    }

    *, ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        z-index: 500;
    }

    .navbar-brand {
        display: none;
    }

    .navbar .airlineStationWrap {
        margin-top: 0em;
    }

    .navbar .btn {
        float: left;
        margin-top: 4px;
        margin-left: 19em;
        z-index: 100;
    }

    div.hide-scroll {
        display: none;
        position: relative;
        overflow-y: scroll;
    }

    nav.scroll.nav-light {
        display: none;
        position: relative;
    }

    .navbar-hamburger {
        font-size: x-large;
        margin-top: 2.5rem;
        display: block !important;
        color: #2e3e4e;
        float: left;
        margin-bottom: -3em;
        /*displaying ham burger instead of HC logo*/
    }

    select.form-control:not([size]):not([multiple]) {
        height: 30px;
        padding: 0 .75rem;
        font-size: small;
        margin-top: 0em;
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 6em;
    }

    .airlineStationWrap select {
        display: inline-block;
        width: 11em;
        padding: 5px 10px;
        margin-right: 10px;
    }

    input[type="text"], input[type="password"], input[type="email"] {
        height: 30px;
        border: 1px solid rgba(120, 130, 140, .2);
        border-color: rgba(120, 130, 140, .2);
    }

    div.left.navside.dark.dk {
        display: block;
        overflow-y: scroll;
    }

    .fade {
        opacity: 1;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */
    .fade.show {
        opacity: 0;
    }
}

/*iPhone 6/7/8 Plus*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
    .app-aside.modal {
        z-index: 1050;
    }

    *, ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        z-index: 500;
    }

    .fa {
        margin-left: 1em;
    }

    .fade {
        opacity: 1;
    }

    .navbar-brand {
        display: none;
    }
    /*hiding the HC logo */

    nav.scroll.nav-light {
        display: none;
        position: relative;
    }

    .navbar-hamburger {
        font-size: x-large;
        margin-top: 1.3em;
        display: block !important;
        color: #2e3e4e;
        float: left;
        /*displaying ham burger instead of HC logo*/
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */


    app-aside modal fade nav-dropdown {
        display: block !important;
        position: relative;
    }

    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    div.hide-scroll {
        display: none;
        position: relative;
        overflow-y: scroll;
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        /*for the app content to occupy the whole page */
    }

    .airlineStationWrap label {
        margin-right: 0em;
        margin-left: 1em;
        /*moving the airline dropdown towards right */
    }

    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-left: -1em;
        margin-top: 0em;
    }

    .dark-white, .white {
        background-color: #fff;
        height: 6em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
    }

    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        /*for the app content to occupy the whole page */
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 5em;
        /*moving the airline dropdown towards right */
    }

    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-top: 1em;
        margin-left: 0em;
        margin-right: -2em;
    }

    .dark-white, .white {
        background-color: #fff;
        height: 6em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
    }

    .navbar .airlineStationWrap {
        margin-top: 2em;
        margin-left: 1em;
        z-index: 50;
        /* margin-right: 0em; */
    }

    .navbar .btn {
        float: left;
        margin-top: 39px;
        margin-left: 16em;
        z-index: 100;
    }

    input[type="text"], input[type="password"], input[type="email"] {
        height: 30px;
        border: 1px solid rgba(120, 130, 140, .2);
        border-color: rgba(120, 130, 140, .2);
    }

    div.left.navside.dark.dk {
        display: block;
        overflow-y: scroll;
    }
}

/*iphoneX, Pixel 2, and Pixel 2XL*/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) {

  

    .app-aside.modal {
        z-index: 1050;
    }

    .app-header ~ .app-body {
        /*padding-top: 32px;*/
        margin-left: -8em;
    }
    /* to show the whole body (report headings)*/
    .fa {
        margin-left: 0em;
    }

    .fade {
        opacity: 1;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */
    .fade.show {
        opacity: 0;
    }

    body {
        position: absolute;
    }

    .navbar {
        position: relative;
        padding: .5rem 1rem;
        clear: both;
    }

    .navbar-brand {
        display: none;
    }

    app-aside modal fade nav-dropdown {
        display: block !important;
        position: relative;
    }

    nav.scroll.nav-light {
        display: none;
        position: relative;
    }

    div.hide-scroll {
        display: none;
        position: relative;
        overflow-y: scroll;
        margin-top: 4em;
    }

    .navbar-hamburger {
        font-size: x-large;
        margin-top: 1.5rem;
        display: block !important;
        color: #2e3e4e;
        float: left;
        margin-left: 0.2em;
        z-index: 2000;
        /*displaying ham burger instead of HC logo*/
    }

    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    .app-aside .left {
        position: absolute !important;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2000;
        display: block;
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        z-index: 1055;
        /*for the app content to occupy the whole page */
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 5em;
        /*moving the airline dropdown towards right */
    }

    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-top: 0em;
        margin-left: -2em;
        margin-right: -2em;
    }

    .dark-white, .white {
        background-color: #fff;
        height: 7em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
        z-index: 1055;
    }

    .navbar .airlineStationWrap {
        margin-top: 2em;
        /* margin-top: -13px; */
        margin-left: -1em;
        z-index: 50;
        /* margin-right: 0em; */
    }

    select.form-control:not([size]):not([multiple]) {
        height: 30px;
        padding: 0 .75rem;
        font-size: small;
        margin-top: -3em;
    }

    .app-aside.scroll {
        display: block !important;
    }

    input[type="text"], input[type="password"], input[type="email"] {
        height: 30px;
        border: 1px solid rgba(120, 130, 140, .2);
        border-color: rgba(120, 130, 140, .2);
    }

    .modal > .left, .modal > .right {
        position: fixed;
        z-index: 1055;
        bottom: 0;
        top: 0;
        left: 0;
    }

    div.left.navside.dark.dk {
        display: block;
        overflow-y: scroll;
        z-index: 2000;
    }

    app-aside modal fade nav-dropdown {
        display: none;
    }

    .navbar .btn {
        float: left;
        margin-top: -23px;
        margin-left: 16em;
        z-index: 100;
    }
    .dhx_tabbar_zone .dhx_tabcontent_zone {
        border: 0;
        margin-left: 8em;
        margin-top: -11px;
    }
}
/*Pixel2*/
@media only screen and (min-width: 411px) and (max-width: 767px) {
    
    .app-aside.modal {
        z-index: 1055;
    }

    *, ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        z-index: 1050;
    }

    .navbar .btn {
        float: left;
        margin-top: 4px;
        margin-left: 19em;
        z-index: 100;
    }
}
/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  
    *, ::after, ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
        z-index: 500;
    }
    /* dismiss button*/
    .fade {
        opacity: 1;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */

    .fade.show {
        opacity: 1;
    }

    body {
        position: absolute;
    }

    .navbar {
        position: relative;
        padding: .5rem 1rem;
        clear: both;
    }

    .navbar-brand {
        display: none;
    }

    app-aside modal fade nav-dropdown {
        display: block !important;
        position: relative;
    }

    .btn.primary.pull-right {
        margin-top: 0.5em;
        margin-left: 0em;
        margin-right: -2em;
    }

    div.hide-scroll {
        display: none;
        position: relative;
        overflow-y: scroll;
    }
    /*hiding the HC logo */
    .navbar-hamburger {
        font-size: x-large;
        margin-top: 1rem;
        display: block !important;
        color: #2e3e4e;
        float: left;
        z-index: 2000;
        /*displaying ham burger instead of HC logo*/
    }


    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    .app-aside .left {
        position: absolute !important;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 2000;
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        z-index: 1055;
        /*for the app content to occupy the whole page */
    }

    .dark-white, .white {
        background-color: #fff;
        height: 5em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
        z-index: 1055;
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 2em;
        /*moving the airline dropdown towards right */
    }

    .navbar .airlineStationWrap, .navbar .btn  {
        margin-top: 4px;
        margin-left: 14em;
        margin-right: 1em;
        /*logout button */
    }

    .airlineStationWrap .airlineStationCol .stationBlock {
        margin-top: -0.2em;
    }

    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-left: -1em;
        margin-top: 0em;
        margin-right: 2em;
    }

    .app-aside.scroll {
        display: block !important;
    }

    .modal > .left, .modal > .right {
        position: fixed;
        z-index: 1055;
        bottom: 0;
        top: 0;
        left: 0;
    }

    div.left.navside.dark.dk {
        display: block;
        overflow-y: scroll;
        z-index: 2000;
        opacity: 1;
        margin-top: 0em;
    }
    .btn.primary.pull-right {
        margin-right: 17em;
        margin-left: 0em;
        margin-right: 1em;
        margin-top: 0em;
    }
}

/*iPadPro*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1366px) {
   

    .fa {
        margin-left: 0.5em;
    }

    body {
        margin-left: 10em;
    }

    div.hide-scroll {
        display: block !important;
        position: relative;
    }
        div.hide-scroll::-webkit-scrollbar, .navside::-webkit-scrollbar, .navbar::-webkit-scrollbar {
            display: none;
        }

        .navbar {
            position: relative;
            padding: .5rem 1rem;
            clear: both;
            /*margin-left: 7em;*/
        }

    .app-aside, .app-aside .scroll {
        width: 9.5rem;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */
    .navbar-brand {
        display: block !important;
        z-index: 2000;
    }
    /*hiding the HC logo */

    .navbar-hamburger {
        font-size: x-large;
        margin-top: 1rem;
        display: none;
        color: #2e3e4e;
        float: left;
        /*displaying ham burger instead of HC logo*/
    }

    app-aside modal fade nav-dropdown {
        display: none;
    }

    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block;
        overflow-y: scroll;
        padding-top: 0em;
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        z-index: 1055;
        /*for the app content to occupy the whole page */
    }

    .dark-white, .white {
        background-color: #fff;
        height: 5em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
        z-index: 1055;
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 2em;
        /*moving the airline dropdown towards right */
    }

    .navbar .airlineStationWrap {
        margin-top: 4px;
        margin-left: -27em;
        margin-right: 1em;
    }

    .navbar .btn {
        right: 0;
        position: absolute;
        margin-right: 20px;
    }
    /*logout button */


    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-left: -2em;
        margin-top: 0em;
    }

    .btn.primary.pull-right {
        margin-top: 0em;
    }
    *, ::after, ::before {
        box-sizing: inherit;
        z-index: 500;
    }
    .btn.primary.pull-right {
        margin-top: 0.5em;
        margin-left: 0em;
        margin-right: 18em;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
  

    .fa {
        margin-left: 0.5em;
    }

    body {
        margin-left: 10em;
    }

    div.hide-scroll {
        display: block !important;
        position: relative;
    }

        div.hide-scroll::-webkit-scrollbar, .navside::-webkit-scrollbar, .navbar::-webkit-scrollbar {
            display: none;
        }

    .navbar {
        position: relative;
        padding: .5rem 1rem;
        clear: both;
        /*margin-left: 7em;*/
    }

    .app-aside, .app-aside .scroll {
        width: 9.5rem;
    }

    .__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ *, .__web-inspector-hidebefore-shortcut__::before, .__web-inspector-hideafter-shortcut__::after {
        visibility: visible !important;
    }
    /* to override the hidden visibility set for nav bar */
    .navbar-brand {
        display: block !important;
        z-index: 2000;
    }
    /*hiding the HC logo */

    .navbar-hamburger {
        font-size: x-large;
        margin-top: 1rem;
        display: none;
        color: #2e3e4e;
        float: left;
        /*displaying ham burger instead of HC logo*/
    }

    app-aside modal fade nav-dropdown {
        display: none;
    }

    .navside .nav li a, .navside .nav-header {
        padding: 0 1rem;
        line-height: 2.25rem;
        width: 11em;
        /*adjusting the navbar options size*/
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 11em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block;
        overflow-y: scroll;
        padding-top: 0em;
        /*nav bar size setting */
    }

    .app-aside:not(.hide) ~ .app-content {
        margin-left: 0rem;
        z-index: 1055;
        /*for the app content to occupy the whole page */
    }

    .dark-white, .white {
        background-color: #fff;
        height: 5em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
        z-index: 1055;
    }

    .airlineStationWrap label {
        margin-right: 1em;
        margin-left: 2em;
        /*moving the airline dropdown towards right */
    }

    .navbar .airlineStationWrap {
        margin-top: 4px;
        margin-left: -27em;
        margin-right: 1em;
    }

    .navbar .btn {
        right: 0;
        position: absolute;
        margin-right: 20px;
    }
    /*logout button */


    .airlineStationWrap .airlineStationCol {
        /* airline  */
        margin-left: -2em;
        margin-top: 0em;
    }

    .btn.primary.pull-right {
        margin-top: 0em;
    }

    *, ::after, ::before {
        box-sizing: inherit;
        z-index: 500;
    }

    .btn.primary.pull-right {
        margin-top: 0.5em;
        margin-left: 0em;
        margin-right: 18em;
    }
}
@media only screen and (min-device-width : 1370px) {
  
    .navbar-hamburger {
        display: none;
    }
  
}


/*CCON-261*/
.replaced {
    visibility: hidden;
    position: relative;
}

    .replaced:after {
        visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
        content: "******";
    }

@media only screen and (max-device-width: 1366px) and (min-device-width: 768px) {
   
    .navbar {
        position: relative;
        padding: .5rem 1rem;
        clear: both;
    }

    .btn.primary.pull-right {
        margin-right: 17em;
        margin-left: 0em;
        margin-right: 3em;
        margin-top: 0em;
    }

    .app-aside .left {
        position: absolute;
        right: 0;
        width: 12em;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        display: block;
        overflow-y: scroll;
        padding-top: 0em;
    }

    .app-aside, .app-aside .scroll {
        width: 10rem;
    }

    .dhx_tabbar_zone .dhx_tabcontent_zone {
        border: 0;
        margin-left: -10em;
        margin-top: -11px;
    }


    .dark-white, .white {
        background-color: #fff;
        height: 4em;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        display: flex;
        flex-wrap: wrap;
        flex-flow: column wrap;
        z-index: 1000;
    }


    .navbar {
        position: relative;
        padding: .5rem 1rem;
        clear: both;
        margin-left: 0em;
    }

        .navbar .airlineStationWrap, .navbar .btn {
            margin-top: 4px;
            margin-left: 14em;
            margin-right: 1em;
        }
}

.app-body {
    background-color: #e0e0e0;
}

#CrewSearch {
    z-index: 550; /*CCON-371*/
}