/* Centralpoint.WebSite.StyleSheet.GlobalStyles */
img {
    border: none;
}

.clear {
    clear: both;
}

.accessKey {
    text-decoration: underline;
}

.alert {
    clear: both;
    padding: 10px 0px 0px 0px;
    color: Red;
}

.footNote {
    font-size: 7pt;
    color: #808080;
}

.intro {
    padding: 0px 0px 10px 0px;
}

.outro {
    padding: 10px 0px 0px 0px;
}

.error {
    clear: left;
    color: #FF0000;
    font-weight: bold;
}

table.cpsys_Table td {
    text-align: left;
    vertical-align: top;
}

td.cpsys_BlockColumn {
    vertical-align: top;
}

div.cpsys_Block {
    display: table;
    width: 100%;
}

div.cpsys_BlockColumn {
    display: table-cell;
}

ul.cpsys_BlockList, ul.cpsys_BlockList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.cpsys_BlockList li {
        list-style-type: none;
    }

body, html {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
}

a, a:link {
    color: #0000FF;
    text-decoration: none;
}

    a:hover {
        color: #0000CC;
        text-decoration: none;
    }

    a:visited {
        color: #555555;
    }

.title {
    font-size: 150%;
    font-weight: bold;
    font-style: inherit;
}

strong {
    font-size: 100%;
    font-weight: bold;
    font-style: inherit;
}

em {
    font-size: 100%;
    font-weight: inherit;
    font-style: italic;
}

small {
    font-size: 75%;
    font-weight: lighter;
    font-style: normal;
}

.cpweb_PerimeterLeftTd {
    vertical-align: top;
}

.cpweb_Wrapper {
    text-align: left;
    border: solid 0px #999999;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

.cpweb_PerimeterRightTd {
    vertical-align: top;
}

.cpweb_SplashPage {
    position: absolute;
    z-index: 1000;
    border: solid 1px #000000;
}

.cpweb_Taxonomy {
    font-size: 120% !important;
    color: #006699 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
/* Centralpoint.WebSite.StyleSheet.GlobalStyles */

.cpsty_Top {
    padding: 0px;
}

    .cpsty_Top a, .cpsty_Top a:link {
        text-decoration: inherit;
    }

        .cpsty_Top a:hover {
            text-decoration: inherit;
        }

        .cpsty_Top a:visited {
        }

.cpsty_RightTd {
    vertical-align: top;
    width: 1%;
}

.cpsty_Right {
    background-color: transparent;
    padding: 0px;
}

    .cpsty_Right a, .cpsty_Right a:link {
        text-decoration: inherit;
    }

        .cpsty_Right a:hover {
            text-decoration: inherit;
        }

        .cpsty_Right a:visited {
        }

.cpsty_Bottom {
    padding: 0px;
}

    .cpsty_Bottom a, .cpsty_Bottom a:link {
        color: #000099;
        text-decoration: inherit;
    }

        .cpsty_Bottom a:hover {
            text-decoration: inherit;
        }

        .cpsty_Bottom a:visited {
        }

.cpsty_LeftTd {
    vertical-align: top;
    width: 1%;
}

.cpsty_Left {
    background-color: transparent;
    padding: 0px;
}

    .cpsty_Left a, .cpsty_Left a:link {
        text-decoration: inherit;
    }

        .cpsty_Left a:hover {
            text-decoration: inherit;
        }

        .cpsty_Left a:visited {
        }

.cpsty_CenterTd {
    vertical-align: top;
}

.cpsty_Center {
    background-color: transparent;
    padding: 0px;
}

    .cpsty_Center a, .cpsty_Center a:link {
        color: #0000FF;
        text-decoration: none;
    }

        .cpsty_Center a:hover {
            color: #000000;
            text-decoration: none;
        }

        .cpsty_Center a:visited {
        }

.cpsty_LeftSeparatorTd {
    vertical-align: top;
    width: 1%;
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url();
}

.cpsty_Navigation {
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    text-align: left;
    color: #333333;
    text-decoration: inherit;
    font-weight: bold;
    border-top: solid 1px #888888;
    width: 145px;
}

    .cpsty_Navigation a, .cpsty_Navigation a:link {
        color: #333333;
        text-decoration: inherit;
    }

        .cpsty_Navigation a:hover {
        }

.cpsty_NavigationContent {
    width: auto;
}

.cpsty_NavigationSelected {
    text-decoration: inherit;
}

    .cpsty_NavigationSelected a, .cpsty_NavigationSelected a:link {
        text-decoration: inherit;
    }

.cpsty_NavigationHover {
    color: #888888;
    text-decoration: inherit;
    background-color: #DDDDDD;
}

    .cpsty_NavigationHover a, .cpsty_NavigationHover a:link {
        color: #888888;
        text-decoration: inherit;
    }

.cpsty_NavigationText {
    display: block;
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 0px 0px;
}

.cpsty_SubNavigation {
    text-align: left;
    text-decoration: inherit;
    font-size: 98%;
    font-weight: bold;
    border-top: solid 1px #BBBBBB;
}

    .cpsty_SubNavigation a, .cpsty_SubNavigation a:link {
        text-decoration: inherit;
    }

        .cpsty_SubNavigation a:hover {
        }

.cpsty_SubNavigationSelected {
    text-decoration: inherit;
}

    .cpsty_SubNavigationSelected a, .cpsty_SubNavigationSelected a:link {
        text-decoration: inherit;
    }

.cpsty_SubNavigationHover {
    color: #FFFFFF;
    text-decoration: inherit;
    background-color: #888888;
}

    .cpsty_SubNavigationHover a, .cpsty_SubNavigationHover a:link {
        color: #FFFFFF;
        text-decoration: inherit;
    }

.cpsty_SubNavigationText {
    padding: 2px 3px 2px 3px;
    margin: 0px 0px 15px 0px;
}

/* Centralpoint.WebSite.StyleSheet.CustomStyles */
body, html {
    font-size: 14px !important;
}

.cpweb_Wrapper {
    background: transparent !important;
    background-color: none !important;
}

.form-control {
    margin-bottom: 15px;
}

.cpsty_Pages_Login_ctbxPassword, .cpsty_Pages_Login_ctbxUsername {
    font-size: 14px !important;
}

.CpButton {
    cursor: pointer;
    border: outset 1px #CCCCCC;
    color: #463E3F;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    padding: 1px 2px;
    background: url(/Integrations/Centralpoint/Resources/Controls/CpButtonBackground.gif) repeat-x left top;
}

.navlink-dashboard {
    background-image: url(../scripts/bootstrap/img/nav-dashboard-icon.png);
}

.navlink-travel {
    background-image: url(../scripts/bootstrap/img/nav-travel-icon.png);
}

.navlink-cancellation {
    background-image: url(../scripts/bootstrap/img/nav-cancellation-icon.png);
}

.navlink-airport {
    background-image: url(../scripts/bootstrap/img/nav-airport-icon.png);
}

.navlink-feedback {
    background-image: url(../scripts/bootstrap/img/nav-feedback-icon.png);
}

.navlink-hotel {
    background-image: url(../scripts/bootstrap/img/nav-hotel-icon.png);
}

.navlink-transport {
    background-image: url(../scripts/bootstrap/img/nav-tranportation-icon.png);
}

.navlink-dil {
    background-image: url(../scripts/bootstrap/img/nav-dil-icon.png);
}
.navlink-calendar {
    background-image: url(../scripts/bootstrap/img/nav-calendar-icon.png);
}

.navlink-useradmin {
    background-image: url(../scripts/bootstrap/img/nav-user-admin-icon.png);
}

.navlink-reporting {
    background-image: url(../scripts/bootstrap/img/nav-reporting-icon.png);
}

.navlink-profile {
    background-image: url(../scripts/bootstrap/img/your-profile-icon.png);
}

.navlink-preferences {
    background-image: url(../scripts/bootstrap/img/ya-pref-icon.png);
}

.navlink-logout {
    background-image: url(../scripts/bootstrap/img/logout-icon.png);
}

.navlink-drivers {
    background-image: url(../scripts/bootstrap/img/nav-driver-icon.png);
}

.navlink-route {
    background-image: url(../scripts/bootstrap/img/nav-route-icon.png);
}

.navlink-dispatchers {
    background-image: url(../scripts/bootstrap/img/nav-dispatchers-icon.png);
}

.navlink-schedulers {
    background-image: url(../scripts/bootstrap/img/nav-schedulers-icon.png);
}

.navlink-transportation {
    background-image: url(../scripts/bootstrap/img/nav-tranportation-icon.png);
}

.navlink-user-log {
    background-image: url(../scripts/bootstrap/img/nav-user-log-icon.png);
    padding-left: 5px
}

.navlink-driver-log {
    background-image: url(../scripts/bootstrap/img/nav-driver-log-icon.png);
}

.navlink-schedule-log {
    background-image: url(../scripts/bootstrap/img/nav-schedule-log-icon.png);
}
.navlink-getmyroom {
    background-image: url(../scripts/bootstrap/img/nav-getmyroom-icon.png);
}
.navlink {
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    color: #6f767e;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    margin-left: 20px;
}

/* Testing */
.joe {
    width: 100px !important;
}

.radio1 td {
    margin: 10px;
}

input[type=radio], input[type=checkbox] {
    margin: 10px
}

.airport-code-box {
    width: 84px;
    height: 82px;
    background-image: url('/images/airport-code-bkgrnd.png');
    background-repeat: no-repeat;
    float: left;
    margin-right: 24px;
    position: relative;
}

.cpweb_center {
    text-align: center;
}

.carousel-img {
    width: 600px;
}

.carousel {
    margin-top: 20px;
}

.carousel-main {
    margin: 20px;
}

.airport-code-box p {
    margin: 0px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 32px;
    color: #FFF;
    text-transform: uppercase;
}

#divMobileMenu {
    display: none;
}

#mobileNav, .mobile-tel, .mob-o {
    display: none;
}
/** SlickNav, Phone Icon, Mobile Only - On @ 767px **/

footer > .container.white-container {
    padding-left: 0px !important;
}

@media screen and (max-width:768px) {
    #mobileNav {
        display: block;
        float: left;
        margin: 5px 4% 0 2%;
    }

    nav.top, .mobile-hide, ul.cp-icons {
        display: none;
    }

    .mobile-tel {
        display: block;
        float: right;
    }

        .mobile-tel img {
            height: 28px;
            display: block;
            margin: 5px 0 0 0;
        }
    /****** SLICK NAV CSS STYLES ******/
    /*** Original Styles: http://slicknav.com/mobile-menu/slicknav.css  &&  Documentation: http://slicknav.com ***/
    /*** Mobile Navigation Menu - Core Style ***/
    .slicknav_menu .slicknav_menutxt {
        display: none !important;
    }

    .slicknav_menu .slicknav_icon {
        float: none;
        margin: 0;
    }

    .slicknav_menu .slicknav_no-text {
        margin: 0
    }

    .slicknav_menu .slicknav_icon-bar {
        display: block;
        width: 1.125em;
        height: 0.125em;
    }

    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: 0em
    }

    .slicknav_nav {
        clear: both;
    }

        .slicknav_nav ul,
        .slicknav_nav li {
            display: block;
            border-bottom: 1px solid #222;
            font-size: 110%;
            background-color: #E7EBF1;
        }

            .slicknav_nav li:hover {
                background-color: #eeeeee;
            }

        .slicknav_nav .slicknav_item {
            cursor: pointer;
        }

        .slicknav_nav .slicknav_row {
            display: block;
        }

        .slicknav_nav a {
            display: block;
        }

        .slicknav_nav .slicknav_item a,
        .slicknav_nav .slicknav_parent-link a {
            display: inline-block;
        }

    .slicknav_menu:before,
    .slicknav_menu:after {
        content: " ";
        display: table;
    }

    .slicknav_menu:after {
        clear: both;
    }
    /* IE6/7 support */
    .slicknav_menu {
        *zoom: 1
    }
    /*** User Default Style Change the following styles to modify the appearance of the menu. ***/
    /*** First Tier SlickNav Elements ***/
    .slicknav_menu {
        width: 30px;
        float: left;
    }

    ul.slicknav_nav {
        color: #FFF !important;
        width: 90%;
        position: absolute;
        border: 2px solid #222;
        z-index: 9999;
        max-width: 1016px;
        -webkit-text-size-adjust: 100%;
    }

        ul.slicknav_nav li ul {
            border-bottom: 0;
            background: #FFF !important;
        }

            ul.slicknav_nav li ul li {
                border-bottom: 1px solid #EFEFEF;
                font-size: 80%;
            }

        ul.slicknav_nav li:last-child {
            border-bottom: 0;
        }

    li.slicknav_txtnode {
        background:;
        padding: 8px;
    }

    .slicknav_parent.slicknav_open a.slicknav_item.slicknav_row {
        background: !important;
        color: #222;
    }

        .slicknav_parent.slicknav_open a.slicknav_item.slicknav_row a {
            background: !important;
            color: #222;
        }

    li.slicknav_parent.slicknav_open {
        background:;
    }

        li.slicknav_parent.slicknav_open a {
            background:;
            color: #222;
        }

    .slicknav_nav .slicknav_arrow {
        margin: 0 8px 0 -3px;
        float: left;
        text-indent: -9999px;
        width: 16px;
        height: 16px;
    }

    .slicknav_parent.slicknav_collapsed span.slicknav_arrow {
        background: url( ) no-repeat;
    }

    .slicknav_parent.slicknav_open span.slicknav_arrow {
        margin: 0 8px 0 -3px;
        background: url( ) no-repeat;
    }
    /*** END First Tier SlickNav Elements ***/
    /*** Second Tier SlickNav Elements ***/
    /** Closed Parent Styles **/
    li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent a.slicknav_item.slicknav_row {
        background: !important;
        padding-left: 30px;
    }

        li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent a.slicknav_item.slicknav_row a {
            background: !important;
            color: #FFF;
            font-weight: 700;
        }
    /** Arrow Styles **/
    li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent span.slicknav_arrow {
        background: url(/images/slicknav_arrow_closed_tier2.png) no-repeat;
        display: inline-block;
        float: none;
        margin-left: 7px;
        background-position: 0px 1px;
    }
    /** END Closed Parent Styles **/
    /** Open Parent Styles **/
    li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent a.slicknav_item.slicknav_row {
        background: !important;
        padding-left: 30px;
    }

        li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent a.slicknav_item.slicknav_row a {
            background: !important;
            color: #222;
            font-weight: 700;
        }
    /** Arrow Styles **/
    li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent span.slicknav_arrow {
        background: url(/images/slicknav_arrow_open_tier2.png) no-repeat;
        display: inline-block;
        float: none;
        margin-left: 7px;
        background-position: 0px 4px;
    }
    /** END Open Parent Styles **/
    /** Second Tier Submenu **/
    li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent ul a {
        background: !important;
        color: #222;
        font-size: 110%;
    }
    /*** END Second Tier SlickNav Elements ***/
    /* Button */
    .slicknav_btn {
        position: relative;
        margin-top: 0;
        padding-top: 0;
    }

    a.slicknav_btn {
        display: block;
        background-size: contain;
        cursor: pointer;
        min-height: 28px;
        min-width: 30px;
        position: relative;
        outline: none;
        z-index: 1002;
        color: #fff !important;
    }
    /* Button Text */
    .slicknav_menu .slicknav_menutxt {
        display: none;
    }
    /* Button Lines */
    .slicknav_menu .slicknav_icon-bar {
    }

    .slicknav_nav {
        color: #fff !important;
        margin: 0;
        padding: 0;
        font-size: 0.875em;
    }

        .slicknav_nav, .slicknav_nav ul {
            list-style: none;
            overflow: hidden;
        }

            .slicknav_nav ul {
                padding: 0 0 0 0;
                margin: 0;
                background: !important;
            }

            .slicknav_nav .slicknav_row {
                padding: 8px;
                background: !important;
            }

            .slicknav_nav a {
                padding: 8px 0 8px 35px;
                text-decoration: none;
                color: #555555 !important;
                font-weight: 700;
                outline: none;
                background-color: #E7EBF1 !important;
            }

                .slicknav_nav a:hover {
                    background-color: #eeeeee !important;
                }

            .slicknav_nav ul li a {
                padding: 8px 10px 8px 30px;
                font-weight: 400;
                background: #FFF !important;
                color: #383838;
            }

            .slicknav_nav .slicknav_item a,
            .slicknav_nav .slicknav_parent-link a {
                padding: 0;
                margin: 0;
            }

    .navlink-dashboard {
        background-position: 0% 0%;
    }

    .navlink {
        margin-left: 0;
    }

    .visible-xs {
        display: none !important;
    }
    /*** END Mobile Navigation Menu - Core Style ***/
    /****** END SLICK NAV CSS STYLES ******/
}

@media screen and (max-width: 480px) {

    .cpweb_PerimeterMiddle {
        left: 0px;
        box-shadow: 0px 0px 0px #353535;
    }

    #divMobileMenu {
        float: left;
        height: 100%;
        width: 245px;
        display: block;
        overflow: hidden;
        background-color: #E7EBF1;
        box-shadow: 5px 0px 5px #353535;
    }
}

.clearBtn {
    top:0;
    color: grey;
    display: none;
    height: 34px;
    width: 34px;
    right: 12px;
    line-height: 34px;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    z-index: 2;
    cursor:pointer;
}
.modal-body .del-reason {
    width: 80%;
    display: inline;
    margin-bottom: 10px;
}

.navbar-inverse2 {
    background-color: #f5f5f5;
    border-color: #080808;
}

.navbar2 {
    position: relative;
    min-height: 38px;
    margin-bottom: 0;
    border: none;
}

.navbar-static-top2 {
    background-color: #f5f5f5;
    background-repeat: repeat-x;
}

.subheader-open-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px;
}

.apiBtn {
    background-color: #283b6e;
    padding: 5px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.openBtn {
    color: White !important;
    background-color: #7ab44d !important;
    border-radius: 20px !important;
}