@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,400,400i,600,600i,700,800|Raleway:100,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');
@charset "utf-8";

body, li, ol, ul {
    margin: 0;
    padding: 0
}

.no-padding, .no-paddingR {
    padding-right: 0
}

.no-padding, .no-paddingL {
    padding-left: 0
}

.container.cms h4, .how-works h2, .wel-info h1, .wel-info p, header .doorP {
    text-transform: uppercase
}

.booking-grid a, .booking-grid a:hover, .bookingW h2 a, .bookingW h2 a:hover, .cnvrtB a, .cnvts, .footer-info p a, .footer-info p a:hover, .news-fw ul li span a, .readM a, .socialIcns ul.sicon li a, .wid-fw ul li a, footer .socialL ul li a, header .rightS .emailP p a, header .rightS .emailP p a:hover, header .rightS .rqstQ a {
    text-decoration: none
}

.clear, .coverage-loc table tr td:nth(4n+4), .dropdown-menu > li > a {
    clear: both
}

.servB form textarea, input:focus, textarea:focus {
    outline: 0;
    resize: none
}

body {
    overflow-x: hidden !important;
    font-family: Raleway, sans-serif
}

body, html {
    overflow-x: hidden;
    width: 100%;
    height: 100%
}
/*div:after,*/
.clearfix:after, article:after, aside:after, footer:after, header:after, section:after, ul:after {
    content: "";
    display: table;
    clear: both
}

/*div:before,*/
.clearfix:before, article:before, aside:before, footer:before, header:before, section:before, ul:before {
    content: "";
    display: table
}

.clearfix, article, aside, div, footer, header, section, ul {
    zoom: 1
}

article, aside, details, div, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block
}

li, ol, ul {
    list-style: none
}

#ImageTable tbody tr td > img {
    height: 50px;
    width: 50px;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}

    #ImageTable tbody tr td > img:hover {
        width: 200px;
        height: 200px;
    }




#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../../firstklassshipping.com/images/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin: -100px 0 0 -100px
}

.change-padding {
    padding-right: 15px;
    padding-left: 15px
}

.change-paddingR, .spl-padding {
    padding-right: 0
}

.change-paddingL, .spl-padding {
    padding-left: 0
}

img {
    max-width: 100%
}

.txtred {
    color: red
}

.img-left-aligned {
    padding: 14px;
    background: #f5f5f5;
    float: left;
    margin: 0 50px 2px 0
}

/* #founder-message h2 {
    font-size: 18px;
    margin: 10px 0 20px;
    color: #023854;
    font-weight: 700
} */

.container.cms ol li, .container.cms ul li {
    margin: 0 0 0 17px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: #323232;
    font-family: Raleway, sans-serif
}

.container.cms {
    font-family: Raleway, sans-serif
}

    .container.cms ul li {
        list-style: disc
    }

    .container.cms ol li {
        list-style: decimal
    }

    .container.cms h4 {
        font-size: 31px;
        font-weight: 800;
        color: #323232;
        margin: 0
    }

header .topBg {
    background-color: #e8e8e8
}

header .rightS {
    width: auto;
    float: right
}

.vidaud.vissible-devise {
    display: none
}

header .rightS .vidaud {
    width: auto;
    float: left;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-right: 22px
}

.vidaud img {
    width: 20px;
    height: 20px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    float: left;
    margin-right: 2px
}

header .rightS .emailP, header .rightS .socialL {
    float: left;
    width: auto;
    font-family: Raleway, sans-serif
}

.vidaud .btn1 {
    background-color: #0b3162;
    color: #fff;
    border: none;
    border-radius: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px
}

    .vidaud .btn1:hover {
        background-color: #0b3162;
        color: #fff
    }

.vidaud .btn2, .vidaud .btn2:hover {
    background-color: red;
    color: #fff
}

.vidaud .btn2 {
    border: none;
    border-radius: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: 15px
}

header .rightS .emailP {
    font-weight: 400;
    font-size: 15px
}

    header .rightS .emailP p {
        margin: 15px 27px 15px 0;
        color: #6d6d6d
    }

        header .rightS .emailP p a {
            color: #6d6d6d
        }

            header .rightS .emailP p a:hover {
                color: red
            }

header .rightS .socialL {
    display: inline-block
}

    header .rightS .socialL ul li {
        margin: 0;
        padding: 0;
        float: left;
        border-left: 1px solid #c1c1c1
    }

header .logo, header .logo-inner {
    float: left;
    margin-top: -50px;
    z-index: 99
}

header .rightS .socialL ul li a {
    text-align: center;
    font-size: 20px;
    color: #b5b5b5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 0;
    line-height: 20px
}

header .rightS .socialL li a:hover {
    color: #fff;
    background-color: #b5b5b5
}

.socialIcns {
    font-weight: 300;
    color: #666;
    float: left
}

    .socialIcns ul.sicon li {
        display: inline;
        list-style: none;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center
    }

header .doorP, header .rightS .rqstQ a {
    display: inline-block;
    text-align: center
}

.socialIcns ul.sicon li a {
    color: #666
}

    .socialIcns ul.sicon li a:hover {
        color: #000
    }

header .rightS .rqstQ {
    float: left;
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    width: auto
}

    header .rightS .rqstQ a {
        padding: 0 83px 0 52px;
        background-color: red;
        color: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 17px
    }

        header .rightS .rqstQ a:hover {
            background-color: #2b2d2e;
            color: #fff;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

    header .rightS .rqstQ::after {
        content: "";
        right: 0;
        top: 0;
        height: 50px;
        border-right: 50px solid #e8e8e8;
        border-top: 50px solid transparent;
        position: absolute
    }

header .logo {
    width: auto;
    margin-left: 45px;
    position: absolute
}

header .logo-inner {
    width: auto;
    position: absolute
}

    header .logo-inner.home-logo {
        padding-left: 26px
    }

header .doorP {
    float: right;
    position: relative;
    font-family: Raleway, sans-serif;
    font-weight: 300;
    padding: 0 20px;
    height: 46px;
    line-height: 46px;
    background-color: #0098dd;
    color: #fff;
    margin: 10px 0;
    font-size: 21px
}

    header .doorP::after {
        content: "";
        left: -45px;
        top: 0;
        height: 46px;
        border-right: 46px solid #0098dd;
        border-top: 46px solid transparent;
        position: absolute
    }

.fullWidthBrowser {
    position: absolute;
    left: 50px;
    top: 0;
    height: 50px;
    background-color: red;
    width: 9999px
}

.bannerTps, .overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important
}

.carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span {
    padding: 2px 10px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 800;
    font-family: Raleway, sans-serif;
    display: inline-block
}

.overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, .44)
}

.bannerTps {
    background-color: #CC0202;
    height: 4px
}

.bannerBrdrs {
    border-bottom: 5px solid #023954
}

#banAlgn {
    position: relative
}

.banTpClr {
    position: absolute;
    top: -4px;
    left: 0;
    width: 36%;
    height: 4px;
    background-color: red
}

.item img {
    width: 100%;
    max-height: 600px
}

.carousel-control.left, .carousel-control.right {
    top: 50%
}

.item:after, .news-info::after, .services-info::after {
    content: "";
    top: 0
}

.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
    font-size: 40px
}

.carousel-caption h2 span {
    background: rgba(255, 0, 0, .68)
}

.carousel-caption h3 span {
    background: rgba(0, 151, 221, .68)
}

.carousel-caption h4 span {
    background: rgba(187, 197, 199, .68)
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.prev {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

        .carousel-fade .carousel-inner > .item.active, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
}

.item:after {
    width: 100%;
    height: 100%;
    right: 0;
    position: absolute;
    display: inline-block
}

.about-info, .readM, .services-info {
    position: relative
}

.fiixedBg {
    background-image: url(../images/scrollbg1.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover
}

.curved {
    width: 50%
}

.about-info {
    float: left;
    height: 45px;
    background-color: #023752
}

.wel-info h1 {
    font-family: Raleway, sans-serif;
    color: #323232;
    font-weight: 800;
    line-height: 53px
}

.wel-info p {
    font-family: Raleway, sans-serif;
    color: #323232;
    font-size: 17px;
    font-weight: 200;
    line-height: 27px;
    text-align: left !important;
    margin: 32px 0 42px
}

.booking-grid, .bookingBx, .readM a {
    text-align: center
}

.readM {
    font-family: Raleway, sans-serif;
    font-weight: 400;
    width: auto;
    background-color: #54c3de;
    display: inline-block
}

    .readM a {
        color: #323232;
        display: inline-block;
        height: 30px;
        padding: 0 10px;
        line-height: 30px
    }

        .readM a:hover {
            color: #fff
        }

.how-works h2, .how-works p {
    font-family: Raleway, sans-serif;
    color: #323232
}

.readM::after {
    border-top: 30px solid #54c3de;
    border-right: 30px solid transparent
}

.how-works h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 27px;
    margin: 0 0 20px
}

.how-works p {
    font-size: 12px;
    line-height: 21px
}

.news-latest h2, .servicesP h4 {
    font-family: Raleway, sans-serif;
    line-height: 27px;
    text-transform: uppercase
}

.services-info {
    float: left;
    width: 100%;
    height: 45px;
    background-color: #023954
}

.services-splPadS {
    padding-left: 55px
}

.services-info-brdr {
    border-bottom: 1px solid #023954
}

.services-info::after {
    left: -45px;
    height: 45px;
    border-right: 45px solid #023954;
    border-top: 45px solid transparent;
    position: absolute
}

.services-marDiff {
    margin-top: 53px
}

.servicesP h4 {
    font-weight: 800;
    font-size: 31px;
    margin: 5px 0 0
}

.news-info {
    float: left;
    position: relative;
    height: 45px;
    background-color: red
}

    .news-info::after {
        right: -45px;
        position: absolute;
        border-top: 45px solid red;
        border-right: 45px solid transparent
    }

.servB form input[type=text] {
    border-radius: 0;
    border: 1px solid #d1d1d1 !important;
    height: 36px;
    box-shadow: none;
    outline: 0
}

.servB form label {
    font-weight: 500
}

.servB form textarea {
    border-radius: 0;
    border: 1px solid #d1d1d1 !important;
    height: 100px;
    box-shadow: none
}

.news-padDiff {
    padding: 60px 0
}

.news-latest {
    border: 1px solid #ececec;
    padding: 10px 24px 0;
    margin-bottom: 30px;
    background-color: #fff
}

    .news-latest h2 {
        font-size: 23px;
        font-weight: 800;
        margin: 4px 0 12px;
        color: #Latest News
    }

    .news-latest:after {
        content: '';
        position: absolute;
        top: 0;
        left: 15px;
        height: 8px;
        width: 12%;
        border-top: 8px solid #023954;
        border-right: 8px solid transparent
    }

.bookingBx::after, .footer-info::after {
    content: "";
    top: 0
}

.news-fw {
    width: 100%;
    height: auto
}

    .news-fw ul {
        margin: 0;
        padding: 0
    }

        .news-fw ul li {
            margin: 0 0 15px;
            padding: 0 0 15px 50px;
            list-style: none;
            position: relative;
            border-bottom: 1px solid #ececec;
            font-size: 12px;
            font-weight: 400;
            line-height: 19px;
            color: #2c2c2c
        }

            .news-fw ul li:nth-child(2) {
                border-bottom: none;
                padding: 0 0 0 50px
            }

            .news-fw ul li .date {
                position: absolute;
                left: 0;
                top: 0;
                text-transform: uppercase
            }

            .news-fw ul li strong {
                font-size: 15px
            }

            .news-fw ul li span {
                display: block
            }

                .news-fw ul li span a {
                    color: #292828;
                    font-weight: 700;
                    display: inline-block
                }

.bookingBx, .widget-links h4 {
    font-weight: 800;
    text-transform: uppercase
}

.news-fw ul li span a:hover {
    color: #0098DD;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

.date big {
    font-size: 27px;
    line-height: 20px
}

.date small {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase
}

.bookingP {
    padding: 20px;
    position: relative
}

.bookingBx {
    position: relative color:#fff;
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    background: url(../images/book-bg.jpg) no-repeat;
    min-height: 255px;
    width: 100%
}

    .bookingBx::after {
        position: absolute;
        left: 0;
        background: url(../images/bgBorder.png) center center no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover
    }

.footerBg {
    background: url(../images/footer-bg1.jpg);
    width: 100%
}

.footer-info-splPadS {
    padding-right: 55px
}

.footer-info {
    float: left;
    position: relative;
    width: 100%;
    height: 48px;
    background-color: red;
    color: #fff;
    padding: 15px 0 0 20px !important
}

.wid-fw, .wid-links {
    width: 100%;
    height: auto
}

.footer-info p {
    margin: 0 !important;
    font-size: 12px;
    line-height: 20px
}

    .footer-info p a {
        color: #FBFF4B;
        outline: 0;
        transition: all .5s ease
    }

        .footer-info p a:hover {
            color: #fff
        }

.footer-info::after {
    right: -48px;
    position: absolute;
    border-top: 48px solid red;
    border-right: 48px solid transparent
}

.footer-widget {
    padding: 44px 0
}

.widget-links h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 32px;
    font-size: 18px
}

.widget-splPads {
    padding: 0 30px 0 40px
}

.wid-links {
    color: #fff !important;
    padding-bottom: 20px
}

    .wid-links ul {
        margin: 0;
        padding: 0
    }

        .wid-links ul li {
            margin: 0 5px 20px 0;
            padding: 0;
            list-style: none;
            float: left
        }

            .wid-links ul li a {
                display: inline;
                font-size: 12px;
                font-weight: 400;
                text-transform: uppercase;
                color: #fff;
                text-decoration: none;
                border: 1px solid #fff;
                padding: 5px;
                background-color: transparent
            }

.cnvrtB, .cnvrtB a, .cnvts, .wid-fw ul li, footer .socialL {
    display: inline-block
}

.featrs-info, .widget-splPads {
    border-left: none
}

.wid-links ul li a:hover {
    color: rgba(255, 0, .75);
    background-color: red;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.widget-contact h4 {
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 800
}

.wid-fw {
    color: #fff !important
}

    .wid-fw ul {
        margin: 0;
        padding: 0
    }

        .wid-fw ul li {
            margin: 0;
            padding: 0 0 20px 70px;
            list-style: none;
            position: relative;
            color: #fff;
            font-weight: 400;
            line-height: 20px;
            font-family: Lato, sans-serif;
            font-size: 12px
        }

            .booking-grid, .wid-fw ul li .icons {
                position: absolute;
                left: 0;
                text-transform: uppercase
            }

.cnvrtB, .footer-txt, .message-grid h2, .message-grid p, .offers, .resultTxt p, footer .socialL {
    font-family: Raleway, sans-serif
}

.wid-fw ul li:nth-child(2) {
    border-bottom: none
}

.wid-fw ul li .icons {
    top: 10px
}

.icons i {
    font-size: 27px;
    line-height: 20px
}

.wid-fw ul li a {
    color: #fff
}

    .wid-fw ul li a:hover {
        color: red;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.footer-txt {
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

    .footer-txt p {
        margin: 10px 0
    }

    .footer-txt img {
        margin-right: 10px
    }

    .footer-txt b {
        font-size: 26px;
        font-weight: 800
    }

footer .socialL {
    float: right;
    width: auto
}

    footer .socialL ul {
        margin: 13px 0 0;
        padding: 0
    }

        footer .socialL ul li {
            margin: 0 20px 0 0;
            padding: 0;
            float: left;
            color: #b5b5b5
        }

            footer .socialL ul li a {
                font-size: 20px;
                color: #b5b5b5;
                transition: all .5s ease-in-out
            }

    footer .socialL li:nth-child(1) a:hover {
        color: #3b5998
    }

    footer .socialL li:nth-child(2) a:hover {
        color: #00aced
    }

    footer .socialL li:nth-child(3) a:hover {
        color: #0077b5
    }

    footer .socialL li:nth-child(4) a:hover {
        color: #b00
    }

.bookingBg1 {
    background: url(../images/book-bg3.jpg) no-repeat;
    width: 100%
}

.booking-grid {
    width: 100%;
    top: 35%;
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    color: #fff
}

.cnvrtB::after, .curencyP .selectC::after {
    top: 0;
    content: ""
}

.booking-grid a {
    color: #fff
}

    .booking-grid a:hover {
        color: rgba(255, 255, 255, .65);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.curencyP {
    background-color: #54c3de;
    padding: 15px 15px 0
}

    .curencyP h4 {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 800;
        color: #fff
    }

    .curencyP input[type=text], .curencyP select {
        color: #343434 !important;
        font-size: 15px;
        font-weight: 400
    }

    .curencyP input[type=text] {
        height: 33px;
        border-radius: 0;
        border: none;
        padding: 0 11px !important
    }

    .curencyP select {
        height: 34px;
        cursor: pointer;
        border-radius: 0;
        border: none;
        width: 100%;
        -webkit-appearance: none;
        background-color: #fff !important;
        padding: 0 8px;
        line-height: 35px
    }

.cnvrtB::after, .cnvts {
    border-right: 30px solid transparent;
    border-top: 30px solid #1392b1
}

.curencyP .selectC {
    position: relative
}

    .curencyP .selectC::after {
        pointer-events: none;
        width: 38px;
        height: 33px;
        position: absolute;
        right: 0;
        background: url(../images/select-icon.jpg) no-repeat
    }

.cnvrtB {
    position: relative;
    font-weight: 400;
    width: auto;
    background-color: #1392b1;
    margin-bottom: 10px
}

    .cnvrtB a {
        color: #fff;
        height: 30px;
        padding: 0 10px;
        line-height: 30px;
        text-align: center
    }

.bookingW, .bookingW h2 {
    font-size: 32px;
    font-weight: 800;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase
}

.cnvrtB a:hover {
    color: #323232
}

.cnvrtB::after {
    position: absolute;
    right: -30px
}

.cnvts {
    padding: 0 33px 0 10px;
    color: #fff;
    height: 1px
}

    .cnvts:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -moz--transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

    .cnvts span input {
        position: relative;
        top: -25px;
        background-color: transparent;
        border: none
    }

.fldclr:-moz-placeholder {
    color: #343434
}

.fldclr::-moz-placeholder {
    color: #343434
}

.fldclr:-ms-input-placeholder {
    color: #3a2a16
}

.fldclr::-webkit-input-placeholder {
    color: #3a2a16
}

#coverP {
    background: url(../images/book-bg3.jpg) bottom center no-repeat;
    background-size: cover;
    height: 100%;
    text-align: center;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

#coverP-caption {
    width: 100%
}

    #coverP-caption h2 {
        text-align: center
    }

.bookingW {
    width: 220px;
    height: 255px;
    margin: 0 0 20px;
    float: left;
    background: url(../images/book-bg3.jpg) no-repeat;
    color: #fff;
    position: relative
}

    .bookingW h2 {
        position: absolute;
        top: 25%;
        left: 16%;
        display: block;
        color: #fff
    }

.about-info::after, .readM::after {
    top: 0;
    position: absolute;
    content: ""
}

.bookingW h2 a {
    color: #fff;
    display: block
}

    .bookingW h2 a:hover {
        color: rgba(255, 255, 255, .65);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.bookbtn a:hover, .bookbtn-even a:hover, .subBtn:hover {
    -moz--transition: all .5s ease
}

.splRit {
    float: right
}

.splLft {
    float: left
}

.resultTxt p {
    font-weight: 700;
    font-size: 20px;
    margin: 15px 0
}

.carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span, .wel-info h1 {
    font-size: 25px
}

#bs-example-navbar-collapse-1 .dropdown-menu {
    background-color: #fe0000;
    overflow:auto;
}

    #bs-example-navbar-collapse-1 .dropdown-menu li a {
        color: #fff;
        padding: 8px 18px;
        background-color: red;
        outline: 0
    }

        #bs-example-navbar-collapse-1 .dropdown-menu li a:hover, .navbar-default .navbar-nav li a:hover {
            background: #cc0202
        }

.navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-nav li a:hover {
    color: #fff
}

.wel-marDiff {
    margin-bottom: 16px
}

.wel-info {
    padding-right: 0
}

    .wel-info h1 {
        margin: 50px 0 0;
        text-align: center
    }

    .wel-info p {
        margin: 15px 0
    }

.readM {
    margin-bottom: 30px
}

.featrs-rit {
    float: left;
    padding: 0
}

.featrs-fullW {
    width: 100%;
    float: left;
    padding: 15px 0 0
}

.featrs-icon img {
    margin: 0 auto 30px
}

.readM::after {
    right: -29px
}

.about-info-splPadS, .news-info-splPadS {
    padding-right: 0
}

.about-info::after {
    right: -45px;
    border-top: 45px solid #023752;
    border-right: 45px solid transparent
}

.navbar.navbar-default {
    width: 100%
}

    .navbar.navbar-default div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

.navbar-nav {
    margin: 0 !important;
    background-color: red
}

.navbar-inverse .navbar-toggle .icon-bar {
    background: #333 !important
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-header {
    background: #fff !important
}

.ftr-splSpace img {
    margin: 20px auto 0
}

.wid-fw ul li {
    float: left;
    margin-right: 15px
}

.footer-txt {
    margin-bottom: 20px;
    padding: 20px 0 0
}

.carousel-caption {
    position: absolute;
    top: 20%;
    text-align: left;
    height: auto
}

    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

.about-info, .news-info {
    width: 50%
}

.cpSpace {
    padding-left: 30px
}

.inner-commonPadding {
    padding: 47px 0
}

.inner-common p {
    margin: 0 0 20px
}

.doorP-hide {
    height: 66px;
    width: 100%
}

.inner-banner figure {
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 53px;
    padding-bottom: 59px
}

.innertBrdrs {
    position: relative;
    z-index: 91
}

.innersplBg {
    background-color: red;
    width: 36%;
    height: 4px;
    position: absolute;
    top: -4px;
    left: 0
}

.innertBrdrs:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 4px solid #023954
}

.inner-banner h2 {
    text-transform: uppercase;
    color: #c4f3ff;
    text-align: right;
    margin: 0;
    line-height: 46px;
    text-shadow: 2px 4px #000;
    font-size: 45px
}

    .inner-banner h2 span {
        color: #cc0202
    }

.page-title {
    padding-bottom: 10px;
    position: relative;
    border-bottom: 4px solid #323232;
    margin-bottom: 65px
}

    .page-title h4 {
        font-size: 31px;
        font-weight: 800;
        color: #323232;
        text-transform: uppercase;
        margin: 0
    }

    .page-title::after {
        content: "";
        left: 18px;
        bottom: -18px;
        position: absolute;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 18px solid #323232
    }

.message-grid h2 {
    color: #323232;
    font-size: 21px;
    font-weight: 800;
    line-height: 33px;
    margin: 0 0 28px
}

.message-grid p {
    color: #323232;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400
}

.demospace {
    padding-bottom: 60px
}

.innerNewsTop {
    border: 1px solid #e3e3e3
}

.offers h3 {
    font-size: 24px;
    font-weight: 800;
    color: #023954;
    margin: 0 0 24px
}

.offers .row.even article, .offers .row.odd article {
    padding-bottom: 80px;
    font-size: 18px;
    color: #323232;
    font-weight: 400;
    line-height: 27px
}

.offers .row.even figure, .offers .row.odd figure {
    margin-bottom: 80px;
    height: 251px;
    position: relative;
    border: 15px solid #efeded;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left
}

.offers .row.odd figure {
    margin-left: 16px;
    width: 31%
}

.offers .row.odd article {
    float: left;
    width: 67%;
    padding-left: 92px
}

.offers .row.even figure {
    padding-right: 16px;
    width: 96%
}

.offers .row.even article {
    float: left;
    width: 100%;
    padding-left: 16px;
    padding-right: 70px
}

figure .discounts {
    position: absolute;
    bottom: 10px;
    left: -6px;
    font-family: Lato, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background-color: #0b3162;
    padding: 15px 14px 10px 20px;
    line-height: 18px
}

    figure .discounts::after {
        position: absolute;
        top: -9px;
        left: 0;
        content: "";
        border-right: 9px solid red;
        border-top: 9px solid transparent
    }

.bookbtn span, .bookbtn-even span {
    top: -28px;
    position: relative
}

.discounts big {
    font-size: 26px
}

.discounts small {
    font-size: 13px
}

.rates {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #282828;
    margin-bottom: 34px
}

.rates .label1 {
    color: #023954;
    padding-right: 35px
}

.bookbtn a, .bookbtn-even a {
    display: inline-block;
    border-right: 30px solid transparent;
    padding: 0 33px 0 10px;
    color: #fff;
    text-decoration: none;
    height: 1px
}

.bookbtn a {
    border-top: 30px solid #0b3162
}

    .bookbtn a:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.bookbtn-even a {
    border-top: 30px solid #54c3de
}

    .bookbtn-even a:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

.careers article .applyBtn a:hover, .careers article .closeBtn a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.careers .row {
    border-bottom: 2px solid #323232;
    padding-left: 10px;
    margin-bottom: 38px
}

.careers .careers-post {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #323232;
    padding-left: 10px
}

.careers-post .label1 {
    color: #2f5a82;
    padding-right: 13px;
    font-size: 18px;
    font-weight: 800
}

.tablePadsL {
    padding-left: 0
}

.tablePadsR {
    padding-right: 70px
}

.career-table table {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 41px
}

    .career-table table tr td {
        border-bottom: 1px dashed #3b3b3b !important;
        border-top: none
    }

        .career-table table tr td:nth-child(odd) {
            padding-left: 14px;
            width: 25%
        }

        .career-table table tr td:nth-child(even) {
            width: 75%
        }

.careers article {
    margin-bottom: 35px;
    padding-left: 6px
}

    .careers article h5 {
        font-size: 15px;
        font-weight: 700;
        color: #3e3e3e;
        margin: 0 0 18px
    }

    .careers article p {
        color: #616161;
        font-size: 17px;
        font-weight: 400;
        line-height: 27px
    }

.mail-contact, .phone-num {
    line-height: 26px;
    font-weight: 400
}
.career-formfont input[type=text], .career-formfont input[type=password], .career-formfont textarea{
    color: #3e3e3e;
    border-radius: 0;
    border: 1px solid #d1d1d1;
    font-size:12px;
}

.careerFormPads {
    padding-right: 90px
}

.careers article .applyBtn a, .careers article .applyBtn a:hover, .careers article .closeBtn a, .careers article .closeBtn a:hover {
    display: inline-block;
    border-right: 30px solid transparent;
    padding: 0 64px 0 10px;
    height: 1px;
    text-decoration: none
}

.careers article .applyBtn a {
    border-top: 30px solid #1392b1;
    color: #fff
}

    .careers article .applyBtn a:hover {
        border-top: 30px solid #0098DD;
        color: #fff;
        transition: all .5s ease
    }

.careers article .applyBtn span {
    position: relative;
    top: -25px;
    left: 25px
}

.careers article .closeBtn a {
    border-top: 30px solid red;
    color: #fff;
    position: absolute;
    bottom: -35px;
    left: 150px
}

.careers article .closeBtn span, .contactF .row form .sentBtn span {
    top: -25px;
    left: 25px;
    position: relative
}

.careers article .closeBtn a:hover {
    border-top: 30px solid #f2b114;
    color: #333;
    transition: all .5s ease
}

.careers article applyJob, .careers article closeJob {
    font-size: 14px
}

.input-group-addon {
    color: #fff;
    text-align: center;
    background-color: #2f5a82;
    border: none;
    border-radius: 0
}

#upload_link {
    text-decoration: none
}

#upload {
    display: none
}

.careers article a {
    color: #fff;
    text-decoration: none;
    outline: 0
}

    .careers article a:hover {
        color: rgba(255, 255, 255, .76);
        text-decoration: none
    }

.contactF .row h6 {
    font-size: 19px;
    font-weight: 700;
    color: #3e3e3e;
    margin-bottom: 55px
}

.contactF .row form {
    font-size: 14px;
    color: #3e3e3e
}

    .contactF .row form label {
        font-weight: 500;
        padding-left: 60px
    }

    .contactF .row form input[type=text] {
        border-radius: 0;
        border: 1px solid #d1d1d1 !important;
        height: 36px;
        box-shadow: none;
        outline: 0
    }

    .contactF .row form textarea {
        border-radius: 0;
        border: 1px solid #d1d1d1 !important;
        height: 100px;
        box-shadow: none;
        outline: 0;
        resize: none
    }

    .contactF .row form .sentBtn a, .contactF .row form .sentBtn a:hover {
        border-right: 30px solid transparent;
        padding: 0 64px 0 10px;
        color: #fff;
        height: 1px;
        display: inline-block;
        text-decoration: none
    }

    .contactF .row form .sentBtn a {
        border-top: 30px solid #1392b1
    }

        .contactF .row form .sentBtn a:hover {
            border-top: 30px solid #0098DD;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease
        }

    .contactF .row form .sentBtn span {
        font-size: 15px;
        font-weight: 400
    }

.contactSpaceDiff {
    margin-bottom: 38px
}

.contact-details {
    width: 100%;
    height: auto
}

    .contact-details ul {
        margin: 0;
        padding: 0
    }

        .contact-details ul li {
            margin: 0;
            padding: 0 0 20px 100px;
            list-style: none;
            position: relative;
            float: left
        }

            .contact-details ul li .ct-icons {
                position: absolute;
                left: 0;
                top: 0;
                text-transform: uppercase
            }

.phone-num {
    font-family: Lato, sans-serif;
    display: inline-block;
    margin-top: 5px
}

.mail-contact {
    font-family: Raleway, sans-serif;
    display: inline-block
}

.contact-details big, .spotName {
    font-family: Lato, sans-serif;
    font-weight: 700;
    font-size: 19px
}

.mail-contact a {
    color: #444;
    text-decoration: none
}

    .mail-contact a:hover {
        color: red
    }

.contact-details big {
    line-height: 25px;
    display: block;
    color: #0b3162
}

.spotInfo, .spotName {
    display: inline-block
}

.spotName {
    line-height: 34px;
    margin-top: 10px
}

.event-latest, .event-title, .events, .media-vidaud, .specialBuy, .spotInfo {
    font-family: Raleway, sans-serif
}

.spotInfo {
    font-weight: 400;
    line-height: 21px;
    margin: 5px 0
}

.contactPads {
    padding-left: 50px
}

.map-padding {
    padding-left: 60px;
    padding-right: 0
}

.google-maps {
    position: relative;
    padding-bottom: 55%;
    // This is the aspect ratio height:0;
    overflow: hidden
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

.events .splBtm1 {
    margin-bottom: 30px
}

.events h3 {
    font-size: 14px;
    font-weight: 800;
    color: #2c2c2c;
    margin: 12px 0;
    line-height: 19px
}

.events .onday, .events p {
    font-size: 12px;
    font-weight: 500
}

.events .onday {
    color: #777;
    margin: 0 0 16px;
    display: block
}

.events p {
    color: #2c2c2c;
    line-height: 19px;
    padding-right: 25px;
    margin: 0 0 12px !important
}

.eventsBoxClr {
    border: 1px solid #e4e4e4;
    width: 100%;
    padding: 10px 0
}

    .eventsBoxClr figure {
        margin: 0 12px;
        float: left;
        width: 29%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        height: 153px;
        position: relative
    }

    .eventsBoxClr article .arrow-tag, .eventsBoxClr article .arrow-tag-even {
        position: absolute;
        bottom: 0;
        right: 15px
    }

    .eventsBoxClr article {
        float: left;
        width: 62%;
        padding-left: 10px
    }

        .eventsBoxClr article p {
            margin-bottom: 0 !important
        }

        .eventsBoxClr article .arrow-tag img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: .7;
            -khtml-opacity: .7;
            opacity: .7;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease
        }

        .eventsBoxClr article .arrow-tag-even img:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: .7;
            -khtml-opacity: .7;
            opacity: .7;
            transition: all .5s ease;
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -o-transition: all .5s ease
        }

.orderBtn:hover, .paybtn:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease
}

.eventsPadL {
    padding-left: 20px
}

.eventsPadR {
    padding-right: 20px
}

.event-detail-separator {
    border-right: 1px solid #efefef;
    padding-right: 40px
}

.event-detail-separatorE {
    padding-left: 40px
}

.event-title {
    margin-bottom: 35px
}

    .event-title .label1 {
        color: #2c2c2c;
        font-weight: 500;
        font-size: 29px;
        line-height: 35px
    }

    .event-title .splRit {
        text-align: right
    }

.media-vidaud h3, .paybtn, .specialBuy article {
    text-align: center
}

.event-title span {
    display: inline-block;
    margin-top: 10px
}

    .event-title span:nth-child(2) {
        margin-right: 15px;
        margin-left: 10px
    }

.event-mainPix figure {
    margin-bottom: 44px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 417px
}

.event-brief {
    font-weight: 400
}

    .event-brief small {
        font-size: 16px;
        color: #002559;
        line-height: 33px;
        margin-bottom: 18px
    }

    .event-brief p {
        font-size: 18px;
        line-height: 27px;
        color: #323232
    }

.event-latest .media {
    margin-top: 0;
    margin-bottom: 25px
}

.event-latest h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    margin: 10px 0 26px
}

.event-latest h5 {
    color: #2c2c2c;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    margin: 0 0 5px
}

    .event-latest h5 a {
        color: #2c2c2c;
        text-decoration: none
    }

        .event-latest h5 a:hover {
            color: #002559
        }

.event-latest small {
    font-size: 10px;
    color: #002559
}

.faq-page {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 10px
}

    .faq-page a {
        text-decoration: none;
        outline: 0;
        font-size: 18px;
        font-weight: 800;
        color: #2c2c2c;
        margin: 12px 0;
        line-height: 19px
    }

        .faq-page a:hover {
            color: red
        }

.answer {
    display: none;
    margin-bottom: 20px;
    padding-top: 20px;
    margin-top: 10px
}

.question.active {
    color: #0098DD
}

.paybtn {
    padding: 15px;
    background-color: red;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 17px;
    text-transform: uppercase
}

    .paybtn:hover {
        background-color: #0098DD;
        color: #fff;
        transition: all .5s ease
    }

.booknow {
    padding-bottom: 30px
}

.orderBtn, .orderBtn:hover {
    border-right: 30px solid transparent;
    padding: 0 64px 0 10px;
    color: #fff;
    height: 1px;
    display: inline-block;
    text-decoration: none
}

.orderBtn {
    border-top: 30px solid #1392b1
}

    .orderBtn:hover {
        border-top: 30px solid #0098DD;
        transition: all .5s ease
    }

    .orderBtn span {
        position: relative;
        top: -25px;
        left: 25px;
        font-size: 15px;
        font-weight: 400
    }

.news-SplPads {
    padding-right: 55px
}

.booksPads {
    padding-left: 60px
}

.specialBuy {
    padding-top: 56px
}

    .specialBuy article h5 {
        font-size: 15px;
        font-weight: 800;
        color: #023954;
        margin: 0 0 14px
    }

    .specialBuy article h4 {
        font-size: 33px;
        font-weight: 800;
        color: red;
        margin: 0 0 50px
    }

    .specialBuy article p {
        font-size: 14px;
        font-weight: 500;
        color: #5f5f5f;
        margin: 0 0 40px !important;
        padding: 0 128px
    }

    .specialBuy article strong {
        color: #023751;
        font-weight: 700
    }

.coverage-loc h3, .media-vidaud h3, .splBoxz h6 {
    font-weight: 400;
    text-transform: uppercase
}

.specialBuy-inner {
    width: 50%;
    border: 1px solid #ccc;
    margin: 0 auto 50px;
    padding: 0 50px
}

.cnvtsBtm1 {
    margin-bottom: 0
}

.media-vidaud h3 {
    font-size: 22px;
    color: #023954;
    margin: 0 0 45px
}

.media-vidaud figure {
    margin-bottom: 80px;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 244px;
    position: relative;
    border: 4px solid #768a94
}

.audioBg, .pagination, .pagination2, figure .vidtitle {
    position: absolute
}

figure .vidtitle {
    bottom: 10px;
    left: -12px;
    font-family: Lato, sans-serif;
    color: #fff;
    background-color: rgba(17, 37, 47, .54);
    padding: 12px 0 12px 20px;
    line-height: 18px;
    width: 85%
}

    figure .vidtitle::after {
        position: absolute;
        top: -9px;
        left: 0;
        content: "";
        border-right: 9px solid red;
        border-top: 9px solid transparent
    }

.audioPart {
    background-color: #eaeaea;
    border: 1px solid #d7d7d7;
    padding: 5px 15px;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.animitedG {
    width: 150px;
    height: 62px;
    background: url(../images/equalizer.gif) no-repeat;
    float: left
}

.audioPart i {
    font-size: 24px;
    color: #4b454d;
    padding-top: 10px;
    float: left
}

.audioPart b {
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px
}

.audioPart span {
    float: right;
    display: inline-block;
    margin: 5px 0 0
}

    .audioPart span button {
        background-color: transparent;
        padding: 0
    }

.audioBg {
    left: 50px;
    top: 10px;
    display: inline-block
}

.coverage-loc {
    font-family: Raleway, sans-serif
}

    .coverage-loc h3 {
        font-size: 22px;
        color: #023954;
        margin: 0 0 45px
    }

.splBoxz h6 {
    font-size: 14px;
    margin: 0;
    border: 1px solid #333;
    border-right: none;
    padding: 20px
}

    .splBoxz h6::nth-child(4n+4) {
        border-right: 1px solid #333 !important
    }

.splBoxz .clr1 {
    padding: 0;
    margin: 0
}

.coverage-loc table tr td, .coverage-loc table tr th {
    padding: 20px;
    color: #323232;
    font-family: Lato, sans-serif
}

.coverage-loc table {
    margin-bottom: 45px
}

    .coverage-loc table tr th {
        font-size: 16px
    }

    .coverage-loc table tr td {
        font-size: 14px
    }

.fkss-facts ul {
    margin: 0;
    padding: 0
}

    .fkss-facts ul li {
        margin: 0 0 15px 20px;
        padding: 0 0 0 10px;
        text-align: left;
        color: #000;
        font-size: 16px;
        font-weight: 300;
        list-style-type: disc
    }

.pagination {
    top: -20px;
    right: 0
}

    .pagination > li:first-child > a, .pagination > li:first-child > span {
        color: #FFF;
        background-color: red;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

    .pagination > li:last-child > a, .pagination > li:last-child > span {
        color: #FFF;
        background-color: #0b3162;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

.pagination2 {
    bottom: 0;
    right: 0
}

    .pagination2 li, .pagination2 ol, .pagination2 ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline
    }

    .pagination2 > li:first-child > a, .pagination2 > li:first-child > span {
        color: #FFF;
        background-color: red;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

    .pagination2 > li:last-child > a, .pagination2 > li:last-child > span {
        color: #FFF;
        background-color: #0b3162;
        display: inline-block;
        padding: 10px 15px;
        border: none;
        border-radius: 0;
        outline: 0
    }

.img-left-aligned img, .nav > li > a {
    display: block
}

.frmMar {
    padding: 10px 0 0
}

.frmfnt {
    font-family: Raleway, sans-serif;
    font-weight: 400
}

.navbar-default {
    background-color: red;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    border-radius: 0
}

    .navbar-default .navbar-nav > li {
        z-index: 92
    }

        .navbar-default .navbar-nav > li > a {
            color: #fff
        }

            .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
                color: #fff;
                -webkit-transition: all .5s ease;
                -moz-transition: all .5s ease;
                -ms-transition: all .5s ease;
                -o-transition: all .5s ease;
                transition: all .5s ease
            }

            .navbar-default .navbar-nav > li > a:focus {
                outline: 0
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #cc0202
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #CC0202
    }

.dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px
}

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0098DD
    }

.nav > li > a {
    position: relative;
    padding: 15px 8px
}

nav::before {
    content: "";
    left: 0;
    top: 0;
    height: 50px;
    position: absolute;
    border-top: 50px solid #fff;
    border-right: 50px solid transparent
}

.navbar-default div.navbar-collapse {
    border-top: none;
    box-shadow: none;
    padding-right: 10px;
    overflow-x: hidden
}

.subBtn {
    display: inline-block;
    border-right: 30px solid transparent;
    border-top: 30px solid #1392b1;
    color: #fff;
    text-decoration: none;
    height: 1px;
    cursor: pointer
}

    .subBtn:hover {
        border-top: 30px solid red;
        transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease
    }

    .subBtn input {
        position: relative;
        top: -25px;
        background-color: transparent;
        border: none;
        width: 103px
    }

.avoidPads {
    padding-left: 0
}

.contactF .row form label.error, .error_msg {
    color: red;
    font-size: 13px;
    padding: 0
}

.contactF .row h5 {
    font-size: 19px;
    font-weight: 700;
    color: #0098dd;
    border-bottom: 1px solid #444;
    padding: 15px 0;
    margin: 0 0 20px
}

.loctn1 {
    background-color: #ebebeb;
    font-size: 20px;
    font-weight: 400;
    color: #323232
}

    .loctn1 a {
        color: #323232;
        text-decoration: none
    }

        .loctn1 a:hover {
            color: red
        }

    .loctn1 span:nth-child(1) {
        display: block;
        text-align: center;
        margin: 10px 0
    }

    .loctn1 span:nth-child(2) {
        display: inline-block
    }
/*******/
.modal-footer {
    position: relative
}

.controls {
    position: absolute;
    left: 20px;
    top: 10px
}

    .controls button {
        margin: 0 5px;
        display: inline-block;
    }

        .controls button.next {
            background: url(../img/next-btn.png) no-repeat 0 0;
            width: 37px;
            height: 37px;
            border: 0;
            cursor: pointer;
        }

            .controls button.next:focus,
            .controls button.prev:focus {
                outline: none
            }

        .controls button.prev {
            background: url(../img/prev-btn.png) no-repeat 0 0;
            width: 37px;
            height: 37px;
            border: 0;
            cursor: pointer
        }

@media screen and (min-width:1280px) and (max-width:1359px) {
    .carousel-caption {
        right: 20%;
        left: 5%;
        padding-bottom: 30px
    }
}

@media all and (min-width:1360px) and (max-width:1361px) {
    .carousel-caption {
        right: 20%;
        left: 8%;
        padding-bottom: 30px
    }
}

@media screen and (min-width:1023px) and (max-width:1024px) {
    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

        .carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span {
            font-size: 25px
        }

    header .rightS .vidaud {
        margin-right: 0
    }

    .fullWidthBrowser, header .rightS .emailP {
        display: none
    }
}

@media (max-width:980px) {
    .navbar.navbar-default {
        position: absolute;
        top: 36px;
        right: 0;
        z-index: 1030
    }
}

@media (max-width:640px) {
    .navbar.navbar-default {
        top: 47px
    }
}

@media (max-width:480px) {
    .navbar.navbar-default {
        top: 23px
    }
}

@media (max-width:991px) {
    .navbar.navbar-default {
        position: absolute;
        top: 56px;
        right: 0;
        z-index: 1030
    }
}

@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
    .curencyP h4 {
        font-size: 18px;
        margin-bottom: 6px
    }

    .curencyP input[type=text], .curencyP select {
        height: 30px
    }

    .curencyP .selectC::after {
        width: 38px;
        height: 28px
    }
}

@media (min-width:1500px) {
    .container {
        width: 1230px
    }
}

@media (max-width:1360px) {
    .offers .row.odd figure {
        width: 25%;
        height: 220px
    }

    .offers .row.odd article {
        width: 73%;
        padding-left: 40px
    }

    .offers .row.even figure {
        padding-right: 16px;
        width: 96%;
        height: 251px
    }

    .offers .row.even article {
        float: left;
        width: 100%;
        padding-left: 16px;
        padding-right: 70px
    }

    .news-SplPads {
        padding-right: 55px
    }
}

@media (max-width:1280px) {
    .offers .row.odd figure {
        width: 25%;
        height: 220px
    }

    .offers .row.odd article {
        width: 73%;
        padding-left: 40px
    }

    .innersplBg {
        background-color: red;
        width: 100%;
        height: 4px;
        position: absolute;
        top: -4px;
        left: 0
    }

    .offers .row.even article, .offers .row.odd article {
        font-size: 14px;
        line-height: 23px
    }

    .offers h3 {
        font-size: 20px
    }
}

@media (max-width:1024px) {
    .offers .row.odd figure {
        width: 34%;
        height: 220px
    }

    .offers .row.odd article {
        width: 64%;
        padding-left: 40px
    }

    .events h3 {
        margin: 0 0 12px
    }

    .curencyP {
        margin: 0 15px
    }
}

@media only screen and (min-width :800px) and (max-width :1280px) {
    .carousel-control.left {
        top: 50%;
        left: -20px
    }

    .carousel-control.right {
        top: 50%;
        right: -20px
    }
}

@media (max-width:1199px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .loctn1 {
        font-size: 14px
    }

    .well {
        padding: 5px 15px
    }

    header .rightS .rqstQ a {
        padding: 0 55px 0 14px;
        font-size: 14px
    }

    header .rightS .emailP p {
        margin: 15px 11px 0 0
    }

    .navbar-default div.navbar-collapse {
        border-top: none;
        box-shadow: none;
        padding-right: 10px;
        position: absolute;
        z-index: 9999;
        display: block;
        right: 0;
        top: 50px;
        overflow-x: hidden;
        width: 100%
    }

    .navbar-collapse.collapse {
        display: none !important;
        overflow-x: hidden
    }

    .nav li a, .navbar-header .collapse, .navbar-toggle {
        display: block !important
    }

    .navbar-collapse.collapse.in {
        display: block !important;
        overflow-x: hidden
    }

    .navbar-header {
        float: none
    }

    .navbar-default {
        background-color: transparent
    }

    .nav li, .nav li a {
        background-color: red
    }

    .navbar-nav {
        float: none !important
    }

        .navbar-nav > li {
            float: none
        }

    .fullWidthBrowser {
        display: none
    }

    .navbar-toggle {
        margin-right: 0
    }

    .banTpClr, .innertBrdrs:after {
        width: 100%
    }

    header .logo {
        margin-left: 0
    }
}

@media (max-width:991px) {
    .fiixedBg {
        background-image: url(../images/scrollbg1.jpg);
        background-repeat: repeat-y;
        background-attachment: fixed
    }

    .news-SplPads {
        padding: 0
    }

    .curencyP {
        margin: 0
    }

    .contactF .row form .sentBtn {
        padding: 15px 0 0
    }

    .inner-banner {
        margin: 135px 0 0
    }

    .vidaud.vissible-devise {
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
        z-index: 1050
    }

    .vidaud .btn1, .vidaud .btn2 {
        padding: 6px;
        font-size: 10px
    }

    .vidaud img {
        height: auto;
        max-width: 16px
    }

    #bannerP {
        margin-top: 136px
    }

    .readM::after {
        display: none
    }

    .readM {
        background: 0 0;
        text-align: center;
        display: block
    }

        .readM a {
            background-color: #54c3de;
            display: inline-block;
            padding: 5px 20px;
            line-height: normal;
            color: #fff
        }

    .wel-info {
        border-bottom: 1px solid #b6b3b399;
        margin-bottom: 20px
    }
}

@media (max-width:980px) {
    .about-info::after, .news-info::after {
        right: -24px;
        border-right: 25px solid transparent
    }

    .about-info::after, .news-info::after, nav::before {
        content: "";
        top: 0
    }

    .subBtn {
        margin-left: 10px
    }

    .avoidPads {
        padding-left: 15px;
        padding-right: 0
    }

    .offers .row.odd figure {
        width: 40%;
        height: 200px
    }

    .offers .row.odd article {
        width: 57%;
        padding-left: 30px
    }

    .offers .row.even .col-sm-5 {
        width: 43%
    }

    .offers .row.even .col-sm-6 {
        width: 57%
    }

    .offers .row.even figure {
        padding-right: 0;
        width: 100%;
        height: 200px;
        margin-left: 0
    }

    .offers .row.even article {
        float: left;
        width: 100%;
        padding-left: 30px;
        padding-right: 0
    }

    .event-detail-separatorE, .eventsPadL, .map-padding {
        padding-left: 15px
    }

    .eventsPadR, .map-padding {
        padding-right: 15px
    }

    .events h3 {
        margin: 12px 0
    }

    .eventsBoxClr figure {
        margin: 0 12px 12px
    }

    .news-SplPads {
        padding: 0
    }

    .gridPads {
        padding-left: 0;
        padding-right: 0 !important
    }

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .how-works p {
        font-size: 14px
    }

    .specialBuy article p {
        padding: 0 15px
    }

    .specialBuy-inner {
        width: 100%
    }

    .about-info, .news-info {
        float: left;
        width: 50%;
        height: 25px
    }

    .page-title h4 {
        font-size: 25px
    }

    .footer-info-splPadS {
        padding-right: 0
    }

    .about-info {
        position: relative;
        background-color: #023752
    }

        .about-info::after {
            position: absolute;
            border-top: 25px solid #023752
        }

    .wel-info h1 {
        margin: 20px 0 0
    }

    .news-info {
        position: relative;
        background-color: red
    }

    header .logo, header .logo-inner {
        width: auto;
        margin-top: 0;
        position: absolute;
        z-index: 99;
        float: left
    }

    .news-info::after {
        position: absolute;
        border-top: 25px solid red
    }

    .cpSpace {
        padding-left: 0
    }

    .contact-details ul li .ct-icons img {
        max-width: 60px
    }

    .contact-details ul li {
        padding: 0 0 20px 72px
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 10px;
        clear: both;
        font-weight: 400;
        color: #333;
        white-space: nowrap;
        background-color: #fff
    }

    .fullWidthBrowser, header .doorP::after, header .rightS .rqstQ::after {
        display: none
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0098DD
    }

    nav::before {
        left: 0;
        height: 50px;
        position: absolute;
        border-top: 0 solid #fff;
        border-right: 0 solid transparent
    }

    .navbar-default {
        background-color: transparent
    }

    .nav li, .nav > li > a {
        background-color: red
    }

    .nav > li > a {
        color: #fff;
        padding: 10px
    }

        .nav > li > a:hover {
            background-color: #0098DD;
            color: #fff
        }

    .navbar-default div.navbar-collapse {
        border-top: none;
        box-shadow: none;
        font-size: 14px
    }

    header .rightS {
        float: left
    }

        header .rightS .rqstQ a {
            padding: 0 40px
        }

    header .logo {
        margin-left: 45px
    }

        header .logo img, header .logo-inner img {
            margin: 15px auto 0;
            width: 82px
        }

    header .doorP {
        float: left;
        width: 100%
    }
}

@media (max-width:768px) {
    .message-grid p, .offers .row.odd article {
        font-size: 14px
    }

    .message-grid h2 {
        font-size: 19px
    }

    .page-title {
        margin-bottom: 43px
    }

    .news-latest {
        margin: 0 15px 20px
    }

    .img-left-aligned {
        max-width: 302px
    }

    .coverage-loc table tr td {
        padding: 9px;
        font-size: 12px
    }
}

@media (max-width:767px) {
    header .rightS .emailP, header .rightS .socialL {
        width: 100%
    }

    .fullWidthBrowser, header .doorP::after, header .rightS .rqstQ::after {
        display: none
    }

    .footer-txt p, .how-works h2, .how-works p, .wel-info h1, .wel-info p, header .rightS .socialL {
        text-align: center
    }

    .featrs-info, .widget-splPads {
        border-left: none
    }

    .carousel-caption h2 span, .carousel-caption h3 span, .carousel-caption h4 span, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
        font-size: 20px
    }

    .change-padding {
        padding-right: 0;
        padding-left: 0
    }

    .change-paddingR, .spl-padding {
        padding-right: 15px
    }

    .change-paddingL, .spl-padding {
        padding-left: 15px
    }

    header .rightS .emailP p {
        margin: 15px 0;
        text-align: center
    }

    header .rightS .mar-diff {
        margin: 0 0 15px
    }

    header .logo, header .logo-inner {
        width: auto;
        float: left;
        margin-top: 0;
        z-index: 99;
        position: absolute
    }

    header .logo {
        margin-left: 45px
    }

    header .logo-inner {
        padding-left: 15px;
        padding-right: 30px
    }

    header .logo img {
        margin: 15px auto 0;
        width: 179px
    }

    .featrs-fullW, header .doorP {
        width: 100%;
        float: left
    }

    header .rightS .rqstQ a {
        padding: 0 52px
    }

    .fr-optionC {
        float: left
    }

    .wel-marDiff {
        margin-bottom: 16px
    }

    .about-info-splPadS {
        padding-right: 0
    }

    .wel-info {
        padding-right: 15px
    }

        .wel-info h1 {
            margin: 50px 0 0
        }

        .wel-info p {
            margin: 15px 0
        }

    .readM {
        margin-bottom: 30px
    }

    .featrs-rit {
        float: left;
        padding: 0
    }

    .featrs-fullW {
        padding: 15px 0 0
    }

    .mobPadsChange, .services-splPadS {
        padding-left: 0
    }

    .mobPadsChange, .news-info-splPadS {
        padding-right: 0
    }

    .featrs-icon img {
        margin: 0 auto 30px
    }

    .readM::after {
        position: absolute;
        top: 0;
        right: -29px;
        content: ""
    }

    footer .socialL {
        float: left
    }

    .footer-txt {
        margin-bottom: 20px
    }

    .wid-fw ul li {
        float: left;
        margin-right: 15px
    }

    .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 {
        margin: 0
    }

    .servicesP h4 {
        font-size: 25px
    }

    .wel-info h1 {
        font-size: 18px;
        line-height: 24px
    }

    .about-info, .news-info, .services-info {
        width: 50%
    }

    .bookingW {
        width: 220px;
        height: 255px;
        margin: 0 auto 20px;
        float: none
    }

    .page-title {
        margin-bottom: 42px
    }

    .message-grid p {
        font-size: 14px
    }

    .contactF .row form label {
        padding-left: 15px;
        padding-right: 15px
    }

    .contact-details ul li .ct-icons img {
        max-width: 34px
    }

    .contact-details ul li {
        padding: 0 0 20px 46px
    }

    .phone-num {
        margin-top: 0
    }

    .contactF .row h6 {
        margin-bottom: 16px
    }

    .navbar.navbar-default div {
        padding-right: 10px !important
    }
}

@media (max-width:640px) {
    .img-left-aligned {
        margin: 0 auto 20px;
        float: none
    }

    .inner-banner figure {
        height: 171px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .offers .row.odd figure {
        width: 45%;
        height: 200px
    }

    .offers .row.odd article {
        width: 47%;
        padding-left: 20px
    }

    .offers .row.even .col-sm-5 {
        width: 45%
    }

    .offers .row.even .col-sm-6 {
        width: 50%
    }

    .offers .row.even figure {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        height: 218px;
        margin-left: 15px
    }

    .offers .row.even article {
        float: left;
        width: 99%;
        padding-right: 0;
        padding-left: 35px
    }

    .contactPads, .gridPads, .mobPads {
        padding-left: 15px
    }

    .eventsBoxClr figure {
        margin: 0 12px 12px
    }

    .event-title .splRit {
        text-align: left;
        padding-left: 15px
    }

    .news-SplPads {
        padding-right: 15px
    }

    .gridPads {
        padding-right: 15px !important
    }

    .mobPads {
        padding-right: 15px
    }

    .inner-banner {
        margin: 112px 0 0
    }

    .specialBuy-inner {
        width: 90%
    }

    .inner-banner h2 {
        display: none
    }

    .event-title .label1 {
        font-size: 20px
    }

    .wel-info h1 {
        margin: 20px 0 0
    }

    header .logo-inner img {
        width: 60px
    }

    #bannerP {
        margin-top: 114px
    }
}

@media (max-width:480px) {
    .offers .row.odd figure {
        height: 230px;
        padding-left: 0
    }

    .offers .row.odd article {
        width: 96%;
        padding-left: 16px;
        padding-bottom: 40px;
        margin-left: 5px
    }

    .offers .row.even .col-xs-6 figure, .offers .row.odd figure {
        float: none;
        width: auto;
        margin-left: 0
    }

    .offers .row.even {
        display: flex;
        flex-flow: column
    }

        .offers .row.even .col-xs-6 {
            float: none;
            width: auto
        }

            .offers .row.even .col-xs-6 figure {
                height: 218px;
                margin-bottom: 40px;
                padding-right: 0
            }

    .avoidPads {
        padding-left: 0;
        padding-right: 0
    }

    .offers .row.even article {
        float: left;
        width: 96%;
        padding-left: 16px;
        margin-left: 5px;
        padding-bottom: 40px
    }

    .contactPads {
        padding-left: 15px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 33%
    }

    .eventsBoxClr article {
        width: 61%
    }

    .event-mainPix figure {
        width: 106%;
        height: 245px
    }

    .news-SplPads {
        padding-right: 15px
    }

    .gridPads {
        padding-left: 15px;
        padding-right: 15px !important
    }

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .inner-banner {
        margin: 97px 0 0
    }

    .one {
        order: 2;
        -webkit-order: 2
    }

    .two {
        order: 1 -webkit-order:1
    }

    .offers .row.odd figure {
        margin-bottom: 18px
    }

    .offers h3 {
        margin: 0 0 7px
    }

    .rates {
        margin-bottom: 14px
    }
}

@media (max-width:360px) {
    .subBtn {
        margin-top: 10px
    }

    .offers .row.odd figure {
        width: 90%;
        height: 200px;
        padding-left: 0;
        margin-left: 17px
    }

    .offers .row.odd article {
        width: 96%;
        padding-left: 16px
    }

    .offers .row.even figure {
        margin-left: 17px;
        width: 90%;
        height: 230px
    }

    .offers .row.even article {
        float: left;
        width: 99%;
        padding-left: 15px
    }

    .careerFormPads {
        padding-right: 15px
    }

    .careers article .applyBtn a, .careers article .applyBtn a:hover, .careers article .closeBtn a, .careers article .closeBtn a:hover {
        display: inline-block;
        border: none;
        padding: 20px;
        color: #fff;
        text-decoration: none
    }

    .careers article .applyBtn a {
        background-color: #1392b1
    }

        .careers article .applyBtn a:hover {
            background-color: #0098DD
        }

    .careers article .applyBtn span {
        position: relative;
        top: -11px;
        left: 0
    }

    .careers article .closeBtn a {
        background-color: red;
        position: absolute;
        bottom: -40px;
        left: 80px
    }

        .careers article .closeBtn a:hover {
            background-color: #f2b114
        }

    .careers article .closeBtn span {
        position: relative;
        top: -11px;
        left: 0
    }

    .contact-details ul li {
        display: table-cell
    }

    .contact-details big, .spotInfo, .spotName {
        font-size: 16px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 93%;
        height: 153px
    }

    .eventsBoxClr article {
        width: 100%;
        padding-left: 12px
    }

    .event-mainPix figure {
        width: 108%;
        height: 200px
    }

    .news-SplPads {
        padding-right: 15px
    }

    .gridPads {
        padding-left: 15px;
        padding-right: 15px !important
    }

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .carousel {
        margin: 110px 0 0
    }

    .footer-info {
        height: auto;
        padding: 15px 0 !important
    }

        .footer-info p {
            word-break: keep-all;
            width: 85%;
            text-align: center;
            line-height: 20px;
            margin: 0 auto !important
        }

    .inner-banner {
        margin: 113px 0 0
    }
}

@media (max-width:320px) {
    .careerFormPads, .news-SplPads {
        padding-right: 15px
    }

    .contact-details big, .mail-contact, .spotInfo, .spotName {
        font-size: 14px
    }

    .contactF .row form label {
        font-weight: 500;
        padding-left: 20px
    }

    .eventsBoxClr figure {
        width: 92%;
        height: 153px
    }

    .eventsBoxClr article {
        width: 100%;
        padding-left: 12px
    }

    .gridPads {
        padding-left: 15px;
        padding-right: 15px !important
    }

    .mobPads {
        padding-left: 15px;
        padding-right: 15px
    }

    .carousel {
        margin: 95px 0 0
    }

    .inner-banner {
        margin: 97px 0 0
    }

    .footer-info {
        height: auto;
        padding: 15px 0 !important
    }

        .footer-info p {
            word-break: keep-all;
            width: 90%;
            text-align: center;
            line-height: 20px;
            margin: 0 auto !important
        }
}

.bannerbtn {
    /*margin: 170px 334px;*/
    width: auto;
}


.homebuttom {
    display: block;
    width: 231px;
    height: 59px;
    background-color: #e12121;
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 25px;
    line-height: 25px;
    border-radius: 50px;
}

/*JobyCo CSS*/
#dvStep1 h2, #dvStep2 h2, #dvStep3 h2 {
    color: #000;
}

#progressbar li.active::before, #progressbar li.active::after {
    z-index: 9;
}

#loaderDiv {
    position: fixed;
    color: #54c3de;
    left: 0;
    padding: 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 100px;
    z-index: 1041;
}

    #loaderDiv p.loadingMSG {
        background-color: aliceblue;
        border: 1px solid #54c3de;
        color: black;
        padding: 20px;
        width: 50%;
        margin: auto auto;
        border-radius: 8px;
        font-size: 22px;
        min-height: 120px;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        z-index: 999;
    }

.loadingGF {
    position: absolute;
    top: 18rem;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.loginForm .ErrMsg {
    margin-bottom: 0 !important;
    position: absolute;
    width: 66%;
    left: 0;
    top: 90px;
    right: 0;
}

.payMent-box input, .payMent-box select {
    border-radius: 0;
}

.payFlag {
    width: 100%;
}

    .payFlag input {
        width: 100%;
        border: none;
        padding: 0 50px;
        height: 34px;
    }

#lblLoggedInUser {
    margin-right: 5px;
    color: #fff !important;
}

#successQuotationText {
    color: forestgreen !important;
}

    #successQuotationText i {
        background: forestgreen;
        width: 30px;
        height: 30px;
        border-radius: 24px;
        color: #fff !important;
        display: inline-block;
        line-height: 30px;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
    }

    #successQuotationText #anchorHome {
        font-size: 15px;
        color: #54c3de;
        margin-top: 20px;
        display: inline-block;
        background: rgba(0,0,0,0.6);
        padding: 4px 8px;
        border-radius: 20px;
        text-align: center;
        position: relative;
        padding: 8px 30px 8px 40px;
    }

        #successQuotationText #anchorHome:after {
            position: absolute;
            content: "\f177";
            width: 20px;
            font-family: 'FontAwesome';
            left: 15px;
            top: 8px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        #successQuotationText #anchorHome:hover {
            background: rgba(0,0,0,0.8);
        }

            #successQuotationText #anchorHome:hover:after {
                left: 10px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

#anchorHome {
    display: inline-block !important;
}

#anchorHomeB {
    display: inline-block !important;
}

#successBookingText {
    color: forestgreen !important;
}

    #successBookingText i {
        background: forestgreen;
        width: 30px;
        height: 30px;
        border-radius: 24px;
        color: #fff !important;
        display: inline-block;
        line-height: 30px;
        box-shadow: 0px 1px 4px rgba(0,0,0,0.6);
    }

    #successBookingText #anchorHomeB {
        font-size: 15px;
        color: #fff;
        margin-top: 20px;
        display: inline-block;
        background: #54c3de;
        padding: 8px;
        /*border-radius: 20px;*/
        text-align: center;
        position: relative;
        padding: 8px 30px 8px 40px;
        margin-left: 10px;
    }

        #successBookingText #anchorHomeB:after {
            position: absolute;
            content: "\f177";
            width: 20px;
            font-family: 'FontAwesome';
            left: 15px;
            top: 8px;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        #successBookingText #anchorHomeB:hover { /*background:rgba(0,0,0,0.8);*/
            letter-spacing: 1PX;
        }

            #successBookingText #anchorHomeB:hover:after {
                left: 10px;
                -webkit-transition: all 0.2s linear;
                -moz-transition: all 0.2s linear;
                -o-transition: all 0.2s linear;
                transition: all 0.2s linear;
            }

#myTable_Q thead tr, #myTable thead tr {
    background: #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

/* .roundedTwo */
.roundedTwo {
    width: 25px;
    height: 25px;
    position: relative;
    /*margin: 20px auto;*/
    background: #54c3de;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}

    .roundedTwo label {
        width: 18px;
        height: 18px;
        position: absolute;
        top: 4px;
        left: 4px;
        cursor: pointer;
        background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
        background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
        border-radius: 50px;
        box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
    }

    .roundedTwo span {
        position: absolute;
        top: 1px;
        left: 25px;
        z-index: 1;
    }

    .roundedTwo label:after {
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        top: 5px;
        left: 4px;
        border: 3px solid #fcfff4;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .roundedTwo label:hover::after {
        opacity: 0.3;
    }

    .roundedTwo input[type=checkbox] {
        visibility: hidden;
    }

        .roundedTwo input[type=checkbox]:checked + label:after {
            opacity: 1;
        }
/* end .roundedTwo */

/* #msform label{ text-align:left; color: rgba(0,0,0,0.6); font-size:12px; font-family: 'Lato', sans-serif; letter-spacing:1.5px;} */
#msform .form-control {
    border-radius: 0;
}

.bk-frm {
    margin-top: 10px !important;
}
#msform select{ -moz-appearance:none; -webkit-appearance:none; background: url(/images/select_arw.png) no-repeat 95% center !important; }

/* #msform input, #msform textarea, #msform select {
    height: auto;
} */

.float_label {
    position: absolute;
    top: 0;
    left: 5px;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    background-color: #eee;
    border: 1px solid #ccc;
    z-index: 9;
}

#myTable_Q .float_label {
    padding: 11px 12px;
}

.estimatevalue {
    position: relative;
    padding-left: 39px !important;
    height: 34px;
}

/*Browse Button*/
.brwsBtn.brwsBtn_tgle {
    text-align: center !important;
}

    .brwsBtn.brwsBtn_tgle i {
        font-size: 15px;
        vertical-align: middle;
        margin-left: 5px;
        color: #fff;
    }

.brwsBtn.brwsBtn_tgle {
    width: 78%;
    border: none;
    border-radius: 1px;
    box-shadow: none;
    margin-left: 0;
    margin-right: auto;
}

.brwsBtn {
    display: inline-block;
    margin: 0;
    border-width: 0;
    padding: 10px 4px;
    max-width: 100%;
    color: #fff !important;
    font-size: 11px !important;
    text-align: center;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(0,0,0,0.1);
    background: #54c3de;
}
/**/
#myTable thead tr, #myTableDelivery thead tr {
    background: #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

#myTable tr td, #myTableDelivery tr td {
    border: none !important;
    position: relative !important;
    padding: 0 5px !important;
    display: block;
    width: 15.6%;
    float: left;
}

#myTable .fs-subtitle, #myTableDelivery .fs-subtitle{
    font-size: 12px;
    letter-spacing: 0;
    background: none !important;
    color: #000 !important;
    text-align: center;
}

#myTable tr td:nth-child(7), #myTableDelivery tr td:nth-child(7){
    width: 17% !important;
}

#myTable tr td:last-child, #myTableDelivery tr td:last-child {
    width: 5% !important;
}

#myTable tr td.last-minus.col-sm-1.col-xs-12, #myTable tr td.last_mm.col-sm-1.col-xs-12, #myTableDelivery tr td.last-minus.col-sm-1.col-xs-12, #myTableDelivery tr td.last_mm.col-sm-1.col-xs-12 {
    position: absolute !important;
    right: -10% !important;
}

#myTable_Q thead tr td, #myTable tr td, #myTableDelivery tr td {
    border: none !important;
    position: relative !important;
    padding: 0 5px !important;
    display: block;
    width: 15.6%;
    float: left;
}

    /**/
    #myTable tr td.mlty_ple_upload_file.main, #myTableDelivery tr td.mlty_ple_upload_file.main {
        display: block !important;
        margin-bottom: 15px;
    }

    #myTable tr td.mlty_ple_upload_file, #myTableDelivery tr td.mlty_ple_upload_file {
        display: none;
    }

    #myTable tr td.mlty_ple_upload_file {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    #myTable tr td.last-minus.col-sm-1.col-xs-12, #myTable tr td.last_mm.col-sm-1.col-xs-12, #myTableDelivery tr td.last-minus.col-sm-1.col-xs-12, #myTableDelivery tr td.last_mm.col-sm-1.col-xs-12 {
        position: absolute !important;
        right: -10% !important;
    }

/**/
.mlty_ple_upload_main {
    padding: 10px;
    background: #f7f7f7;
    border-radius: 5px;
    border-top: 1px solid #e8e8e8;
}

.mlty_ple_upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 9px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
    /*.mlty_ple_upload .form-group {
	min-width: 400px;
	width: 400px;
	max-width: 400px;
	margin: 0;

}*/
    .mlty_ple_upload .form-group {
        min-width: 250px;
        width: 250px;
        max-width: 250px;
        margin: 0;
        position: relative;
        left: -5%;
    }

        .mlty_ple_upload .form-group .form-control {
            background: #3d4145 !important;
            padding: 12px 12px !important;
            border-radius: 5px 0 0px 5px !important;
            border: none !important;
        }

        .mlty_ple_upload .form-group .btn.btn-info {
            padding: 11px 10px;
            background: #d08100;
            border-color: transparent;
            color: #fff !important;
            font-size: 11px !important;
        }

.fa.fa-times-circle.remove_images_single {
    font-size: 25px;
    color: #666;
    cursor: pointer;
}

/* #msform .form-group {
    overflow: hidden;
} */

    #msform .form-group input {
        margin-bottom: 0;
    }

.add_img_file_aa i {
    vertical-align: middle;
    margin-right: 10px;
}

.add_img_file_aa {
    margin: 0;
    width: 100%;
    background: #e6e6e6;
    padding: 10px 12px;
    border-radius: 5px;
    border: 1px solid #cecece;
    cursor: pointer;
}

.file_viwer_sec {
    min-width: 498px;
    max-width: 498px;
    width: 498px;
    position: relative;
    left: -9%;
}

    .file_viwer_sec img {
        width: 57px;
        height: 57px;
        /*background: url(/images/no_image.jpg);*/
        background-position: center;
        background-size: 119px;
    }

.btn.add_more_img {
    border-radius: 2px;
    font-size: 12px;
    letter-spacing: 1px;
    background: #54c3de;
    border: none;
    padding: 9px 15px;
    color: #fff;
}

.add_img_file_aa input {
    display: none;
}

.ibtnDel {
    margin-top: 6px;
    display: inline-block;
}

.vatTBL tr td {
    border-top: none !important;
}

.taxDetails_container {
    width: 200px;
    max-height: 120px;
    text-align: right;
    float: right;
    color: black;
}

.tbl_TaxDetails {
    width: 100%;
    text-align: right;
}

    .tbl_TaxDetails tr td div {
        margin-bottom: 8px;
    }

.manField {
    border: 1px solid #cf1515 !important;
}

.control-label span {
    display: inline-block;
    vertical-align: middle;
}

#DisplayCustomerDetails { margin:0; list-style:none;border: 1px solid #ccc;padding: 10px;}
#DisplayCustomerDetails li { display:block; margin-bottom:10px;}
#DisplayCustomerDetails li:last-child { margin-bottom:0px;}
#DisplayCustomerDetails li strong { display:block;font-size:16px; font-weight:600;}
#DisplayCustomerDetails li i { width:24px; float:left;margin-top: 3px;}
#DisplayCustomerDetails li span { display:block; overflow:hidden;}
#msform input[type='checkbox'] {
    display: inline-block;
    position: relative;
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 2px;
    margin-right: 10px;
}


#msform input[type="tel"], #frmCustomer input[type="tel"], .intl-tel-input input[type="tel"]{
    padding-left: 50px !important;
}

#msform .ovrFlwnone {
    overflow: visible;
}

.intl-tel-input {
    width: 100%;
    /* margin-bottom: 20px; */
}

/*Tracking Order CSS*/
div#pnl_srch_main {
    width: 100%;
    max-width: 750px;
    padding: 5px 20px;
    margin: 20px auto 50px auto;
}

.panel-default > .panel-heading {
    background-color: #333;
    border-color: #ddd;
    color: rgba(252,163,17,1);
    border-radius: 0;
}

.panel-heading a {
    padding: 4px 15px;
}

.panel-body {
    font-weight: 400;
    letter-spacing: 1px;
}

.inner_ban figure {
    padding-top: 00px;
    margin-bottom: 30px;
}

.abt-cnt-BG {
    padding: 20px;
    background: rgba(252,163,17,0.2);
}

    .abt-cnt-BG h1 {
        font-size: 30px;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
        letter-spacing: 2px;
        margin-top: 0;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

        .abt-cnt-BG h1:after {
            content: "";
            position: absolute;
            width: 50px;
            height: 2px;
            background: #54c3de;
            bottom: 0;
            left: 0;
        }

    .abt-cnt-BG p {
        line-height: 24px;
    }

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
}

/* .innerModal {
    display: none;
    position: fixed;
    bottom: 30%;
    z-index: 9999;
    width: 680px;
    background: #fff;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translateX(-50%);
    border: 2px solid #00ffff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    background: #324153;
    padding: 10px;
} */




div#frm_grp_a h3 {
    color: #54c3de;
    font-size: 25px;
    letter-spacing: 1px;
    padding: 10px 0 5px 0;
}

#frm_grp_a .srch_book {
    position: relative;
}

    #frm_grp_a .srch_book input {
        display: block;
        width: 100%;
        padding: 10px 13px;
        font-size: 14px;
        height: 45px;
        margin: 8px 0 0 0;
        border-radius: 30px;
        border: none;
        color: #54c3de;
        border: 1px solid #54c3de;
    }

    #frm_grp_a .srch_book #divddlContainerNo input {
        background: url(../images/srch_book.png)0 0 no-repeat;
        background-position: center;
        display: inline-block;
        width: 150px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        background-size: 26px;
        background-color: #54c3de;
        outline: none;
        box-shadow: none;
    }

div#pnl_srch_main {
    width: 100%;
    max-width: 750px;
    padding: 5px 20px;
    margin: 20px auto 50px auto;
}

.tble_book_item.tble_main p {
    color: #54c3de;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.tble_book_item.tble_main table {
    border: none;
}

    .tble_book_item.tble_main table tbody tr td {
        border: none;
        padding: 10px 10px;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 1.5;
        background: #54c3de;
        margin: 7px 0;
        display: block;
        border-radius: 3px;
        cursor: pointer;
    }


.discl_a {
    text-align: center !important;
    color: #000 !important;
    letter-spacing: 1px !important;
    font-size: 16px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    text-transform: uppercase !important;
    letter-spacing: 7px;
}

.ylwLabel {
    font-size: 12px;
    background: rgba(193, 193, 193, 0.30);
    padding: 8px;
    color: rgba(0,0,0,0.6) !important;
    margin-right: 10px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    letter-spacing: 1px;
}

.cmnLabel {
    /* font-family: 'Lato', sans-serif; */
    font-size: 12px;
    letter-spacing: 1px;
}

.ylwLabel i {
    background: #fff;
    border-radius: 30px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    font-size: 18px;
    padding: 0 0 0 2px;
    box-shadow: 1px 1px 0 rgba(0,0,0,0.6);
    margin-right: 6px;
}

.confirm-box [class*="col-"] {
    margin-bottom: 2px;
}

.Khaki {
    background: rgba(193, 193, 193, 0.30);
    color: rgba(0,0,0,0.6) !important;
}

.table9 {
}

    .table9 table {
        color: #000;
        width: 30%;
        float: right;
    }

        .table9 table td {
            padding: 0px 10px;
            text-align: right;
        }

            .table9 table td i {
                font-weight: bold;
            }

            .table9 table td:last-child {
                text-align: right;
            }

.table_total {
    text-align: right;
    color: #fff;
    width: 250px;
    float: right;
}

    .table_total table {
        width: 100%;
    }

.rdBTN {
    background: #E74C3C !important;
}

.cl_5_inr button.cp_btn {
    background: #54c3de;
    color: #fff;
    border: none;
    padding: 10px 50px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 30px auto 0;
    display: block;
    height: 45px;
}

.cl_5_inr h3 {
    text-align: center;
    font-size: 27px;
    letter-spacing: 3px;
    margin: 0;
    padding: 0;
}

.cl_5_inr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    /*background: #f9f9f9;*/
    /*border: 1px solid #efefef;*/
    border-radius: 3px;
    padding: 25px 0;
}

a.rgsr_now {
    display: block;
    text-align: center;
    background: #c1c1c1;
    color: #fff;
    border: none;
    padding: 10px 50px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 20px auto 0;
    height: 45px;
}

.frm_or {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #54c3de;
    border-radius: 50%;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    line-height: 49px;
    margin-top: 25px;
}

.regs_new_user .fr {
    padding: 0 0 30px 0;
}

.regs_new_user_a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 5px;
    /*background: #f9f7f5;*/
    padding: 25px;
    border-radius: 3px;
    width: 430px;
    /*background: #ececec;
    margin-top:30px;*/
}

    .regs_new_user_a h4 {
        color: #000;
        font-size: 20px;
        letter-spacing: 1px;
        border-bottom: 1px solid #b8b8b8;
        padding-bottom: 10px;
        margin: 0;
        margin-bottom: 25px;
    }

    .regs_new_user_a .form-group label {
        color: #464545 !important;
        display: block;
        font-size: 15px !important;
        letter-spacing: 1px !important;
    }

    .regs_new_user_a .form-group input {
        border-radius: 3px;
        border: 1px solid #d6d6d6;
        background: #fff !important;
        height: 32px !important;
    }

    .regs_new_user_a .form-group a {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;
    }

.regs_new_user_b {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 3px 10px;
    margin: 0 5px;
    background: #f9f7f5;
    padding: 25px;
    border-radius: 3px;
}

    .regs_new_user_b h3 {
        color: #000;
        font-size: 20px;
        letter-spacing: 1px;
        border-bottom: 1px solid #b8b8b8;
        padding-bottom: 10px;
        margin: 0;
        margin-bottom: 25px;
    }

    .regs_new_user_b .form-group label {
        color: #464545 !important;
        display: block;
        font-size: 13px !important;
        letter-spacing: 1px !important;
    }

    .regs_new_user_b .form-group input {
        border-radius: 3px;
        border: 1px solid #d6d6d6;
        background: #fff !important;
        height: 32px !important;
    }

    .regs_new_user_b .form-group a {
        color: #000;
        font-size: 14px;
        letter-spacing: 1px;
    }

.incTblWidth tr td {
    width: 15% !important;
}

    .incTblWidth tr td:nth-child(3) {
        width: 12% !important;
    }

    .incTblWidth tr td:nth-child(6) {
        width: 6% !important;
    }

.question-mark {
    background: #54c3de;
    color: #fff;
    padding: 0 15px;
    height: 37px;
    border-radius: 2px;
    font-size: 24px;
    line-height: 35px;
    border: none;
}

#lblCollectionAddress {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

* {
    outline: none;
}


/*Customer portal dashboard css*/

    /* .dvCNFRM h2 {
        background: #54c3de;
        background: -moz-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #54c3de), color-stop(100%, #f2b046));
        background: -webkit-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -o-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: -ms-linear-gradient(top, #54c3de 0%, #f2b046 100%);
        background: linear-gradient(to bottom, #54c3de 0%, #f2b046 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c3de', endColorstr='#f2b046', GradientType=0 );
        border: 1px solid rgba(0,0,0,0.2);
        color: #000 !important;
        text-align: left;
        letter-spacing: 1px;
        padding: 15px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
    }

        .dvCNFRM h2:after {
            background: none;
        } */

    /* .dvCNFRM .confirm-box {
        padding: 12px 25px;
    } */

    .dvCNFRM h4 {
        text-decoration: underline;
        color: #54c3de;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .dvCNFRM p {
        text-align: left;
        margin-bottom: 0;
        letter-spacing: 0;
        line-height: 22px;
        font-size: 13px;
    }

.nameBLD {
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

.dvCNFRM .confirm-check {
    padding: 0;
    margin-bottom: 0;
}

.rgtALNG p, .rgtALNG h4 {
    text-align: right;
}

.dvCNFRM .table-bordered > thead > tr > th {
    background: #253447;
    border: none;
}

.dvCNFRM .table-bordered > thead > tr {
    border: 1px solid rgba(255,255,255,0.2);
}

.accordianEB_main .action-button {
    float: right !important;
}

/* .dvCNFRM .table-bordered > tbody > tr > td {
    border: 1px solid rgba(255,255,255,0.2);
} */

.dvCNFRM .table-bordered > tbody > tr:nth-child(2n) {
    background: rgba(28,42,58,0.3);
}

.viewBKNG-body .dvCNFRM h2 {
    color: #fff !important;
}

/*-------- 01-02-2018 --------*/
.upNEW {
    background: #c60c0c;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 0;
    position: static;
    top: 0;
    right: 0px;
    /*width:50px;*/
    height: 42px;
    overflow: hidden;
    /*box-shadow:0px 0px 10px rgba(255,229,0,0.8);*/
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: block;
    border-bottom: 1px solid #d08100;
}

    .upNEW span { /*opacity:0; font-size:1px;*/
        float: left;
        font-size: 12px;
    }

    .upNEW i {
        text-shadow: 2px 2px 0px rgba(0,0,0,0.3);
        font-size: 20px;
        margin-right: 10px;
        float: left;
    }

    .upNEW:hover {
        /*width: 200px;*/
        color: #fff;
        animation-iteration-count: initial !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

        .upNEW:hover span {
            /*opacity:1;*/ font-size: 12px;
            float: left;
            -webkit-transition: all 0.2s linear;
            -moz-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

.colorKEY {
    background: #282828;
    width: 200px;
    padding: 0px;
    position: absolute;
    top: 31rem;
    left: 25px;
}

    .colorKEY li:first-child {
        padding: 0;
    }

    .colorKEY li {
        padding: 8px;
    }

        .colorKEY li h6 {
            margin: 0;
            padding: 8px;
            border: 2px solid rgba(255,255,255,0.6);
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 700;
            box-shadow: 0px 2px 2px rgba(255,255,255,0.2);
        }

        .colorKEY li span {
            width: 15px;
            height: 15px;
            border: 1px solid rgba(255,255,255,0.6);
            display: inline-block;
            margin-right: 5px;
        }

        .colorKEY li:nth-child(2) span {
            background: #1E9532;
        }

        .colorKEY li:nth-child(3) span {
            background: #AA7620;
        }

        .colorKEY li:nth-child(4) span {
            background: #A0282A;
        }

/*======== 08-02-2018 ========*/
.pickUPadrs h5 {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fcae3f;
    text-align: left;
    padding: 5px;
    margin: 15px 0;
    font-weight: 400;
}

.clnName {
    text-transform: uppercase;
}

.phSEC i, .adrs-sec i {
    font-size: 16px;
    background: #fcae3f;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    line-height: 29px;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
    border-radius: 16px;
}

.icnHGT {
    width: 30px;
    min-height: 40px;
    display: inline-block;
    margin-right: 5px;
}

.whtCLR {
    color: #fff !important;
}

#btnAdd {
    margin-left: 0;
}

/* .bkngDtailsPOP h4 {
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    font-weight: 500;
}

.bkngDtailsPOP p {
    color: #000;
    text-align: left;
}

    .bkngDtailsPOP p strong {
        font-size: 16px;
    } */

.undrLN {
    text-decoration: underline;
}

.custoDTAIL {
    float: none;
    width: 100%;
    display: inline-block;
}

    .custoDTAIL li {
        display: inline-block;
        color: #333;
        font-size: 13px;
        min-width:100%;
        /*text-align: left;*/
        font-weight: 700;
        background: #ececec;
        float: left;
        padding: 8px;
        margin-bottom:2px;
    }
    .custoDTAIL li:last-child {margin-right:0px;}

    .custoDTAIL li span {
        color: #333 !important;
        font-weight: normal;
    }
    .custoDTAIL li strong{
        width: 50%;
        display: inline-block;
        border-right: 1px solid #5f5f5f;
        margin-right: 7px;
    }
/* For Quotation */
.qtngDtailsPOP h4 {
    color: #5c3d11;
    text-transform: uppercase;
    font-size: 19px;
    letter-spacing: 1px;
}

.qtngDtailsPOP p {
    color: #000;
    text-align: left;
}

    .qtngDtailsPOP p strong {
        font-size: 16px;
    }

/*======== 08-02-2018 ========*/
.pickUPadrs h5 {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #54c3de;
    text-align: left;
    padding: 5px;
    margin: 15px 0;
    font-weight: 400;
}

.phSEC i, .adrs-sec i {
    font-size: 16px;
    background: #54c3de;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.2);
    line-height: 29px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
}

.icnHGT {
    width: 30px;
    min-height: 40px;
    display: inline-block;
    margin-right: 5px;
}
/*====== 09-02-2018 ======*/
/* .custoDTAIL li:first-child, .custoDTAIL li:nth-child(2),
.custoDTAIL li:nth-child(3) {
    background: #333;
    color: #fff;
    margin-bottom: 2px;
} */

.mntnTYM {
    background: rgba(0,0,0,0.2);
    padding: 5px 5px 5px 10px;
    margin-top: 15px;
    margin-bottom: 10px !important;
}

.itemDTL {
    width: 100%;
    text-align: left;
}

    .itemDTL tr th {
        background: rgba(0,0,0,0.6) !important;
        color: #54c3de !important;
        margin-bottom: 2px;
    }

    .itemDTL tr:nth-child(2n) td {
        background: rgba(0,0,0,0.2) !important;
    }

.vatTotal {
    text-align: right;
}

    .vatTotal li {
        font-size: 14px;
        margin-bottom: 10px;
    }

.btnList li {
    display: inline-grid;
}

    .dvCNFRM h2 {
        background: #54c3de;
        border: 1px solid rgba(0,0,0,0.2);
        color: #000 !important;
        /*text-align: left;*/
        letter-spacing: 1px;
        padding: 10px;
        font-size: 14px;
        margin: 0;
        font-weight: 500;
    }

        .dvCNFRM h2:after {
            background: none;
        }

    .dvCNFRM h4 {
        text-decoration: underline;
        color: #54c3de;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .dvCNFRM p {
        text-align: left;
        letter-spacing: 0;
        /* line-height: 22px; */
        font-size: 13px;
        margin-bottom: 5px;
    }

.nameBLD {
    font-size: 16px !important;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px !important;
}

.dvCNFRM .confirm-check {
    padding: 0;
    margin-bottom: 0;
}

.rgtALNG p, .rgtALNG h4 {
    text-align: right;
}

.dvCNFRM .table-bordered > thead > tr > th {
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    border: none;
}

.dvCNFRM .table-bordered > thead > tr {
    border: 1px solid rgba(255,255,255,0.2);
}

.accordianEB_main .action-button {
    float: right !important;
}

/* .dvCNFRM .table-bordered > tbody > tr > td {
    border: 1px solid rgba(255,255,255,0.2);
} */

/* .dvCNFRM .table-bordered > tbody > tr:nth-child(2n) {
    background: rgba(28,42,58,0.3);
} */

/*=== 22.03.2018 ====*/
#dtViewQuotations_wrapper {
    background-color: #54c3de;
    margin-left: 150px;
    width: 75%;
}

#dtViewQuotations_length {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: left;
}

    #dtViewQuotations_length label {
        color: white;
    }

    #dtViewQuotations_length select {
        background-color: whitesmoke;
        border:1px solid #b2b2b2;
        padding: 5px;
        color: #000;
    }

#dtViewQuotations_filter {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewQuotations_filter label {
        color: white;
        float: right;
    }

    #dtViewQuotations_filter input {
        color: black;
        padding: 5px;
    }

#dtViewQuotations {
    background: rgb(40, 40, 40);
    margin-left: 90px;
}

#dtViewQuotations_info {
    padding: 10px;
    background-color: #54c3de;
    color: white;
    font-size: 13px;
    width: 50%;
    float: left;
}

#dtViewQuotations_paginate {
    padding: 10px;
    background-color: #54c3de;
    color: black;
    font-size: 13px;
    width: 50%;
    float: right;
    text-align: right;
}

.paginate_button {
    padding: 5px;
    margin: 2px;
    color: #000;
}

    .paginate_button.current {
        background: #fff;
    }

#dtViewQuotations_paginate .paginate_button:hover {
    background-color: black;
    color: white;
    cursor: pointer;
}

#dtViewQuotations tr:nth-child(odd) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewQuotations tr:nth-child(even) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewQuotations tr td {
    border:1px solid #b2b2b2;
    padding: 8px;
    color: #fff;
    border-right: none;
    border-top: none;
}

    #dtViewQuotations tr td:last-child {
        border:1px solid #b2b2b2;
    }

#dtViewQuotations tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dtViewQuotations tr th:last-child {
        border: 1px solid #b2b2b2;
    }

#dtViewQuotations tr td {
    font-size: 12px;
}

/* dvMyQuotations - (Modal Popup) */

#dvMyQuotations {
    background: rgb(40, 40, 40);
    font-size: 13px;
}

    #dvMyQuotations tr:nth-child(odd) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyQuotations tr:nth-child(even) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvMyQuotations tr td {
        border:1px solid #b2b2b2;
        padding: 8px;
        color: #fff;
        border-right: none;
        border-top: none;
    }

        #dvMyQuotations tr td:last-child {
            border:1px solid #b2b2b2;
        }

    #dvMyQuotations tr th {
        border: 1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
    }

        #dvMyQuotations tr th:last-child {
            border: 1px solid #b2b2b2;
        }
/*=== 23.03.2018 ====*/
#dtViewBookings_wrapper {
    background-color: #ececec;
    margin-left: 0px;
    width: 100%;
}

    #dtViewBookings_length select {
        background-color: whitesmoke;
        border:1px solid #b2b2b2;
        padding: 5px;
        color: #000;
    }

#dtViewBookings_filter {
    padding: 10px;
    background-color: #ececec;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewBookings_filter label {
        color: #3e3e3e;
        float: right;
    }

    #dtViewBookings_filter input {
        color: black;
        padding: 5px;
    }

.dataTable {
    background: #ffe1af;
    width: 100% !important;
}

#dtViewBookings_paginate {
    padding: 10px;
    background-color: #ececec;
    color: black;
    font-size: 13px;
    width: 50%;
    float: right;
    text-align: right;
}

.paginate_button {
    padding: 5px;
    margin: 2px;
    color: #000;
}

    .paginate_button.current {
        background: #fff;
    }

#dtViewBookings_paginate .paginate_button:hover {
    background-color: #fff;
    color: #333;
    cursor: pointer;
}

.dataTable tr:nth-child(odd) {
    /* background: rgb(40, 40, 40); */
    color:rgba(0,0,0,0.6) !important;
    font-size: 13px;
}

.dataTable tr:nth-child(even) {
    /* background: rgb(40, 40, 40); */
    color: #333;
    font-size: 13px;
}


.dataTable tr td {
    border:1px solid #b2b2b2;
    padding: 8px;
    color: #333;
    border-right: none;
    border-top: none;
}

    .dataTable tr td:last-child {
        border:1px solid #b2b2b2;
        border-top: 0px;
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex; */
    }
.my_class {
    background-color: blue;
}

.dataTable tr th {
    border: 1px solid #b2b2b2;
    padding: 8px !important;
    border-right: none;
}

    .dataTable tr th:last-child {
        border: 1px solid #b2b2b2;
    }

.dataTable tr td {
    font-size: 12px;
}

/* dvMyBookings - (Modal Popup) */

#dvMyBookings {
    background: #333;
    font-size: 13px;
}

    #dvMyBookings tr:nth-child(odd) {
        background: #333;
        color: #fff;
        font-size: 13px;
    }

    #dvMyBookings tr:nth-child(even) {
        background: #333;
        color: #fff;
        font-size: 13px;
    }

    #dvMyBookings tr td {
        border: 2px solid #fff;
        padding: 8px;
        color: #333;
        border-right: none;
        border-top: none;
        text-align: justify;
    }

        #dvMyBookings tr td:last-child {
            border:1px solid #b2b2b2;
        }

    #dvMyBookings tr th {
        border: 2px solid #fff;
        padding: 8px;
        border-right: none;
    }

        #dvMyBookings tr th:last-child {
            border: 1px solid #b2b2b2;
        }

/* dvMyPaymentDetails - (Modal Popup) */

#dvMyPaymentDetails {
    background:#ffe1af;
    font-size: 13px;
}

    #dvMyPaymentDetails tr:nth-child(odd) {
        /* background: rgb(40, 40, 40); */
        color:rgba(0,0,0,0.6) !important;
        font-size: 13px;
    }

    #dvMyPaymentDetails tr:nth-child(even) {
        /* background: rgb(40, 40, 40); */
        color:rgba(0,0,0,0.6) !important;
        font-size: 13px;
    }

    #dvMyPaymentDetails tr td {
        border:1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
        border-top: none;
    }

        #dvMyPaymentDetails tr td:last-child {
            border:1px solid #b2b2b2;
        }

    #dvMyPaymentDetails tr th {
        border: 1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
    }

        #dvMyPaymentDetails tr th:last-child {
            border: 1px solid #b2b2b2;
        }


#dvPaymentNotes tr td {
    border:1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
    border-top: none;
}

    #dvPaymentNotes tr td:last-child {
        border:1px solid #b2b2b2;
    }

#dvPaymentNotes tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dvPaymentNotes tr th:last-child {
        border: 1px solid #b2b2b2;
    }

#dvFailedHistory, #dvPaymentNotes{
    background:#ffe1af;
    font-size:13px;
    margin-bottom: 15px;
}
#dvFailedHistory tr:nth-child(odd), #dvPaymentNotes tr:nth-child(odd){
    /* background: rgb(40, 40, 40); */
    color:rgba(0,0,0,0.6) !important;
    font-size: 13px;
}

#dvFailedHistory tr:nth-child(even), #dvPaymentNotes tr:nth-child(even) {
    /* background: rgb(40, 40, 40); */
    color: rgba(0,0,0,0.6) !important;
    font-size: 13px;
}

#dvFailedHistory tr td, #dvPaymentNotes tr td  {
    border:1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
    border-top: none;
    background: #fff;
}

    #dvFailedHistory tr td:last-child, #dvPaymentNotes tr td:last-child {
        border:1px solid #b2b2b2;
    }

#dvFailedHistory tr th, #dvPaymentNotes tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dvFailedHistory tr th:last-child, #dvPaymentNotes tr th:last-child {
        border: 1px solid #b2b2b2;
    }

/*=== 26.03.2018 ===*/
#dtViewBookings_wrapper {
    /*background-color: #54c3de;*/
    width: 100%;
}
.dataTables_wrapper{background-color:#ececec;}
.dataTables_length {
    padding: 10px;
    background-color:#ececec;
    font-size: 13px;
    width: 50%;
    float: left;
}

    .dataTables_length select {
        background-color: whitesmoke;
        border:1px solid #b2b2b2;
        padding: 5px;
        color: #000;
    }

#dtViewBookings_filter {
    padding: 10px;
    background-color: #ececec;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewBookings_filter label {
        color: white;
        float: right;
    }

    #dtViewBookings_filter input {
        color: black;
        padding: 5px;
    }

/* #dtViewBookings {
    background: rgb(40, 40, 40);
} */

.dataTables_info {
    padding: 20px 10px 10px 10px !important;
    background-color: #ececec;
    color: #3e3e3e !important;
    font-size: 13px;
    min-height: 60px;
    width: 40%;
    float: left !important;
}

.dataTables_paginate {
    padding: 10px !important;
    background-color: #ececec;
    color: black;
    font-size: 13px;
    width: 60%;
    float: right;
    text-align: right;
    min-height: 60px;
}



/* #dtViewBookings tr:nth-child(even) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
} */



 

#dtViewBookings tr th {
    padding: 8px;
    border-right: none;
}

    /* #dtViewBookings tr th:last-child {
        border: 1px solid #b2b2b2;
    } */

#dtViewBookings tr td {
    font-size: 12px;
}

/* dtViewItems Details - 20180720 */

#dtViewItems_wrapper {
    /*background-color: #54c3de;*/
    width: 100%;
}

#dtViewItems_length {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: left;
}

    #dtViewItems_length label {
        color: white;
    }

    #dtViewItems_length select {
        background-color: whitesmoke;
        border:1px solid #b2b2b2;
        padding: 5px;
        color: #000;
    }

#dtViewItems_filter {
    padding: 10px;
    background-color: #54c3de;
    font-size: 13px;
    width: 50%;
    float: right;
}

    #dtViewItems_filter label {
        color: white;
        float: right;
    }

    #dtViewItems_filter input {
        color: black;
        padding: 5px;
    }

#dtViewItems {
    background: rgb(40, 40, 40);
}

#dtViewItems_info {
    padding: 10px;
    background-color: #54c3de;
    color: white;
    font-size: 13px;
    min-height: 60px;
    width: 40%;
    float: left;
    padding-top: 20px;
}

#dtViewItems_paginate {
    padding: 10px;
    background-color: #54c3de;
    color: black;
    font-size: 13px;
    width: 60%;
    float: right;
    text-align: right;
    min-height: 60px;
}

#dtViewItems tr:nth-child(odd) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewItems tr:nth-child(even) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
}

#dtViewItems tr td {
    border:1px solid #b2b2b2;
    padding: 8px;
    color: #fff;
    border-right: none;
    border-top: none;
}

    #dtViewItems tr td:last-child {
        border:1px solid #b2b2b2;
    }

#dtViewItems tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dtViewItems tr th:last-child {
        border: 1px solid #b2b2b2;
    }

#dtViewItems tr td {
    font-size: 12px;
}

/* dvAllBookings - (Modal Popup) */

/* #dvAllBookings {
    background:#ffe1af;
    font-size: 13px;
}

    #dvAllBookings tr:nth-child(odd) {
        color:rgba(0,0,0,0.6) !important;
        font-size: 13px;
    }

    #dvAllBookings tr:nth-child(even) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvAllBookings tr td {
        border:1px solid #b2b2b2;
        padding: 8px;
        color: #fff;
        border-right: none;
        border-top: none;
    }

        #dvAllBookings tr td:last-child {
            border:1px solid #b2b2b2;
        }

    #dvAllBookings tr th {
        border: 1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
    }

        #dvAllBookings tr th:last-child {
            border: 1px solid #b2b2b2;
        } */

#dvAllBookings_wrapper{margin-bottom:10px;}
#dvAllDelivery {
    background:#ffe1af;
    font-size: 13px;
}

    #dvAllDelivery tr:nth-child(odd) {
        /* background: rgb(40, 40, 40); */
        color:rgba(0,0,0,0.6) !important;
        font-size: 13px;
    }

    #dvAllDelivery tr:nth-child(even) {
        background: rgb(40, 40, 40);
        color: #54c3de;
        font-size: 13px;
    }

    #dvAllDelivery tr td {
        border:1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
        border-top: none;
    }

        #dvAllDelivery tr td:last-child {
            border:1px solid #b2b2b2;
        }

    #dvAllDelivery tr th {
        border: 1px solid #b2b2b2;
        padding: 8px;
        border-right: none;
    }

.closeRoundButton {
    position: absolute;
    background: rgba(197, 17, 17, 0.6);
    color: white;
    border:1px solid #b2b2b2;
    border-radius: 100%;
    width: 15px;
    height: 15px;
    line-height: 0;
    right: -6px;
    top: -6px;
    font-size: 10px;
    vertical-align: top;
}

    .closeRoundButton:hover {
        background: rgba(197, 17, 17, 1);
    }

/*=== View My Bookings ===*/
#ContentPlaceHolder1_btnExportViewMyBookingsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyBookingsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

/* #dtViewBookings td a:hover,
#dtViewQuotations td a:hover {
    color: red;
} */

.twoSrvbtn {
    position: absolute;
    top: -38px;
    right: -50%;
}

.twoSrvbtn {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #54c3de !important;
}

/* .twoSETbtn {
    position: absolute;
    top: -38px;
    right: 28px;
} */

/* #btnEditBooking, #btnCancelBooking,
#btnPrintBookingModal, #btnPrintPdfBookingModal, #btnPrintExcelBookingModal,
#btnPrintCustomerModal1, #btnPrintPdfCustomerModal1, #btnPrintExcelCustomerModal1,
#btnPrintQuotationModal, #btnPrintPdfQuotationModal, #btnPrintExcelQuotationModal {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #54c3de !important;
    float: left;
}

    #btnEditBooking:hover, #btnCancelBooking:hover,
    #btnPrintBookingModal:hover, #btnPrintPdfBookingModal:hover, #btnPrintExcelBookingModal:hover,
    #btnPrintCustomerModal1:hover, #btnPrintPdfCustomerModal1:hover, #btnPrintExcelCustomerModal1:hover,
    #btnPrintQuotationModal:hover, #btnPrintPdfQuotationModal:hover, #btnPrintExcelQuotationModal:hover {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    } */

.custoFULLdet th {
    width: 40%;
}

/* .custoFULLdet td {
    color: #fff;
} */

.custoFULLdet th, .custoFULLdet td {
    font-size: 12px;
    border: 1px solid rgba(255,255,255,0.15);
    text-align: left;
    padding: 6px !important;
}

.large-SE-large {
    width: 100%;
}

#dtViewBookings td a {
    cursor: pointer;
    color: #54c3de;
}

/* .custoFULLdet tr:nth-child(2n) th, .custoFULLdet tr:nth-child(2n) td {
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    letter-spacing: 1px;
} */

/* .custoFULLdet tr:nth-child(odd) th,
.custoFULLdet tr:nth-child(odd) td {
    background: rgba(0,0,0,0.2);
} */

/* .image_table {
    margin: 15px 25px;
} */

    .image_table strong {
        display: block;
        float: left;
        margin-right: 20px;
        font-weight: 400;
        color: #54c3de;
        font-size: 16px;
        padding: 14px 0 !important;
    }

    .image_table .img_tab {
        float: left;
    }


.rld_img span {
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #333;
    cursor: pointer;
}

.rld_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    padding: 19px 0;
}

    .rld_img span i {
        transition: all 0.4s ease;
        margin-left: 5px;
    }

    .rld_img span:hover i {
        transform: rotate(360deg);
    }

.deliOpt {
    padding: 62px 20px 29px 20px;
}

    .deliOpt h2 {
        color: #fff;
        font-size: 20px;
        margin-top: 28px;
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 7px;
        text-align: center;
        text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    }

    .deliOpt p {
        color: #54c3de;
        text-align: center;
        padding: 0 20%;
        line-height: 1.5;
    }

    .deliOpt h2:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 2px;
        background: #54c3de;
        right: 0;
        margin: 0 auto;
    }

.table9 table {
    color: #000;
    width: 30%;
    float: right;
}

    .table9 table td {
        padding: 0px 10px;
        text-align: right;
    }

        .table9 table td i {
            font-weight: bold;
        }

        .table9 table td:last-child {
            text-align: right;
        }

.table_total {
    text-align: right;
    color: #333;
    width: 250px;
    float: right;
}

    .table_total table {
        width: 100%;
    }

/*=== View My Bookings ===*/
#ContentPlaceHolder1_btnExportViewMyBookingsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyBookingsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

/*=== View My Quotations ===*/
.hugeLeftGap .form-control {
    border-radius: 0;
}

#ContentPlaceHolder1_btnExportViewMyQuotationsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 135px !important;
}

#ContentPlaceHolder1_btnExportViewMyQuotationsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: center;
    width: 140px !important;
}

.Khaki {
    background: rgba(252, 163, 17, 0.20);
    color: rgba(0,0,0,0.6) !important;
}

.iconADD {
    position: relative;
}

    .iconADD input {
        padding-left: 25px !important;
        margin-right: 5px;
    }

    .iconADD i {
        position: absolute;
        left: 8px;
        top: 9px;
        color: #fff;
    }

    /* .iconADD:hover i {
        color: #54c3de;
    } */
/* #ContentPlaceHolder1_btnExportPdfBookingDetails,
#ContentPlaceHolder1_btnExportExcelBookingDetails,
#ContentPlaceHolder1_btnExportViewAllQuotationsPDF,
#ContentPlaceHolder1_btnExportViewAllQuotationsExcel,
#ContentPlaceHolder1_btnPayNow {
    background: #54c3de;
    color: #fff;
    padding: 10px 20px 10px 40px !important;
    border: none;
    border-radius: 25px;
    width: auto;
} */

    /* #ContentPlaceHolder1_btnExportPdfBookingDetails:hover,
    #ContentPlaceHolder1_btnExportExcelBookingDetails:hover,
    #ContentPlaceHolder1_btnExportViewAllQuotationsPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllQuotationsExcel:hover,
    #ContentPlaceHolder1_btnPayNow:hover {
        background: none;
        color: #fff;
        background: red;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    } */

#dvMyBookings tbody tr {
    background: #ececec !important;
}

.modal-header .close {
    font-size: 26px;
}

.input-group-addon:last-child {
    opacity: 0;
}


/*Staff Portal CSS*/
.dvLoader {
    top: 45%;
    position: absolute;
    height: 100px;
    width: 100px;
    background: black;
    left: 45%;
}

.right_icons {
    z-index: 999;
    position: fixed;
    right: -163px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    /*width:50px;*/ border: 1px solid #d08100;
    min-height: 212px;
}

/* #frmPrintDriverJob input[type="text"], #frmPrintDriverJob input[type="password"],
#frmPrintDriverJob input[type="date"], #frmPrintDriverJob input[type="tel"],
#frmPrintDriverJob select {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
} */

#frmPrintDriverJob input[type="tel"] {
    padding-left: 50px;
}

#frmPrintDriverJob select option {
    color: #585858;
}
.mg-l-30{margin-left:30px;}
.mg-b-30{margin-bottom:30px;}
#ContentPlaceHolder1_btnCancelDriverJob,
#ContentPlaceHolder1_btnShowDriverJob {
    background: #c1c1c1 /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding: 5.5px 15px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: auto;
    height: 34px;
    text-transform: uppercase;
}

    #ContentPlaceHolder1_btnCancelDriverJob:hover,
    #ContentPlaceHolder1_btnShowDriverJob:hover {
        background: red;
        color: #fff;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

/*=== 02.04.2018 ===*/
#dtDriverPayment_wrapper {
    background-color: #54c3de;
    color: black;
    width: 100%;
    margin-left: 0px;
}

#dtDriverPayment_length {
    padding: 10px;
    background-color: #54c3de;
}

#dtDriverPayment_filter {
    padding: 10px;
    background-color: #54c3de;
}

    #dtDriverPayment_filter label {
        color: #fff;
    }

#dtDriverPayment {
    background: rgb(40, 40, 40);
    width: 893px !important;
}

#dtDriverPayment_info {
    padding: 10px;
    background-color: #54c3de;
    color: white;
}

#dtDriverPayment_paginate {
    padding: 10px;
    background-color: #54c3de;
    color: white;
}

#dtDriverPayment tr:nth-child(odd) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
    width: 80%;
}

#dtDriverPayment tr:nth-child(even) {
    background: rgb(40, 40, 40);
    color: #54c3de;
    font-size: 13px;
    width: 80%;
}

#dtDriverPayment tr td {
    border:1px solid #b2b2b2;
    padding: 8px;
    color: #fff;
    border-right: none;
    border-top: none;
}

    #dtDriverPayment tr td:last-child {
        border:1px solid #b2b2b2;
    }

#dtDriverPayment tr th {
    border: 1px solid #b2b2b2;
    padding: 8px;
    border-right: none;
}

    #dtDriverPayment tr th:last-child {
        border: 1px solid #b2b2b2;
    }

#dtDriverPayment tr td {
    font-size: 12px;
}

    #dtDriverPayment tr td:nth-child(4) /* Expected Amount */
    , #dtDriverPayment tr td:nth-child(5) /* Amount Received */
    , #dtDriverPayment tr td:nth-child(6) /* Discrepancy */ {
        text-align: right;
    }

#dtDriverPayment_length label {
    max-width: none;
    width: 400px;
    color: #fff;
}

    #dtDriverPayment_length label select {
        width: 15%;
        height: 30px;
        padding-top: 5px;
        background: #fff;
        color: #000;
    }

#frmDriverPayment input[type="text"], #frmDriverPayment input[type="password"],
#frmDriverPayment input[type="date"], #frmDriverPayment input[type="tel"],
#frmDriverPayment select {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
}

#frmDriverPayment input[type="tel"] {
    padding-left: 50px;
}

#frmDriverPayment select option {
    color: #585858;
}

#ContentPlaceHolder1_btnCancelUpdateDriverPayment,
#ContentPlaceHolder1_btnUpdateDriverPayment,
#ContentPlaceHolder1_btnRevertDriverPayment {
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding: 5.5px 12px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 90px;
    border: 1px solid #54c3de;
}

    #ContentPlaceHolder1_btnCancelUpdateDriverPayment:hover,
    #ContentPlaceHolder1_btnUpdateDriverPayment:hover,
    #ContentPlaceHolder1_btnRevertDriverPayment:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

/*=== 03.04.2018 ===*/
#ContentPlaceHolder1_btnExportDriverPaymentPDF,
#ContentPlaceHolder1_btnExportDriverPaymentExcel {
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding: 5.5px 12px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 150px;
    border: 1px solid #54c3de;
}

    #ContentPlaceHolder1_btnExportDriverPaymentPDF:hover,
    #ContentPlaceHolder1_btnExportDriverPaymentExcel:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

#ContentPlaceHolder1_btnShowSpecificPayments,
#ContentPlaceHolder1_btnCancelPaymentForm {
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding: 5.5px 12px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 80px;
    border: 1px solid #54c3de;
}

    #ContentPlaceHolder1_btnShowSpecificPayments:hover,
    #ContentPlaceHolder1_btnCancelPaymentForm:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

/*=== 09.04.2018 ===*/
.btnICON {
    text-align: center;
}

    .btnICON li {
        width: calc( 20% - 5px );
        margin-right: 5px;
        display: inline-block;
        margin: 0;
        position: relative;
    }

        .btnICON li:last-child {
            margin-right: 0;
        }

        .btnICON li input[type="submit"] {
            width: 100% !important;
            font-size: 12px;
            letter-spacing: 0;
            margin-bottom: 0;
        }

        .btnICON li i {
            color: #fff;
            position: absolute;
            top: 10px;
            left: 10px;
        }

        .btnICON li:hover i {
            color: #FAA51A;
        }

/*=== View All Bookings ===*/
#ContentPlaceHolder1_btnExportViewAllBookingsPDF {
    background-image: url(/images/PDF.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: right;
    width: 130px !important;
}

#ContentPlaceHolder1_btnExportViewAllBookingsExcel {
    background-image: url(/images/export_excel.png);
    background-repeat: no-repeat;
    background-position: 5px;
    text-align: right;
    width: 135px !important;
}

/*=== 26.04.2018 ===*/
/* #ContentPlaceHolder1_btnAssignBookingToDriver,
#ContentPlaceHolder1_btnAddDriverToAssignBooking,
#ContentPlaceHolder1_btnPrintAssignBookingToDriver,
#ContentPlaceHolder1_btnAddBookingDetails,
#ContentPlaceHolder1_btnPrintBookingDetails,
#ContentPlaceHolder1_btnExportPdfBookingDetails,
#ContentPlaceHolder1_btnExportExcelBookingDetails,
#ContentPlaceHolder1_btnExportViewAllQuotationsExcel,
#ContentPlaceHolder1_btnExportViewAllQuotationsPDF,
#ContentPlaceHolder1_btnGoToAssignBookingToDriver,
#ContentPlaceHolder1_btnPrintDriverJobs,
#ContentPlaceHolder1_btnExportPrintDriverJobPDF,
#ContentPlaceHolder1_btnExportPrintDriverJobExcel,
#ContentPlaceHolder1_btnPrintAllShippings,
#ContentPlaceHolder1_btnAddNewShipping,
#ContentPlaceHolder1_btnExportViewAllShippingsPDF,
#ContentPlaceHolder1_btnExportViewAllShippingsExcel,
#ContentPlaceHolder1_btnAddDriverDetails,
#ContentPlaceHolder1_btnPrintDriverDetails,
#ContentPlaceHolder1_btnExportPdfDriverDetails,
#ContentPlaceHolder1_btnExportExcelDriverDetails,
#ContentPlaceHolder1_btnAddNewWarehouse,
#ContentPlaceHolder1_btnPrintAllWarehouses,
#ContentPlaceHolder1_btnExportViewAllWarehousesPDF,
#ContentPlaceHolder1_btnExportViewAllWarehousesExcel,
#ContentPlaceHolder1_btnAddNewLocation,
#ContentPlaceHolder1_btnPrintAllLocations,
#ContentPlaceHolder1_btnExportViewAllLocationsPDF,
#ContentPlaceHolder1_btnExportViewAllLocationsExcel,
#ContentPlaceHolder1_btnAddNewUser,
#ContentPlaceHolder1_btnPrintAllUsers,
#ContentPlaceHolder1_btnExportViewAllUsersPDF,
#ContentPlaceHolder1_btnExportViewAllUsersExcel,
#ContentPlaceHolder1_btnAddNewEscalation,
#ContentPlaceHolder1_btnPrintAllEscalations,
#ContentPlaceHolder1_btnExportViewAllEscalationsPDF,
#ContentPlaceHolder1_btnExportViewAllEscalationsExcel,
#ContentPlaceHolder1_btnAddNewZone,
#ContentPlaceHolder1_btnPrintAllZones,
#ContentPlaceHolder1_btnExportViewAllZonesPDF,
#ContentPlaceHolder1_btnExportViewAllZonesExcel,
#ContentPlaceHolder1_btnPayNow {
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding:10px 20px 10px 40px !important;
    border: none;
    padding: 0;
    border-radius:25px;
    width: auto;
} */

    /* #ContentPlaceHolder1_btnAssignBookingToDriver:hover,
    #ContentPlaceHolder1_btnAddDriverToAssignBooking:hover,
    #ContentPlaceHolder1_btnPrintAssignBookingToDriver:hover,
    #ContentPlaceHolder1_btnAddBookingDetails:hover,
    #ContentPlaceHolder1_btnPrintBookingDetails:hover,
    #ContentPlaceHolder1_btnExportPdfBookingDetails:hover,
    #ContentPlaceHolder1_btnExportExcelBookingDetails:hover,
    #ContentPlaceHolder1_btnExportViewAllQuotationsExcel:hover,
    #ContentPlaceHolder1_btnExportViewAllQuotationsPDF:hover,
    #ContentPlaceHolder1_btnGoToAssignBookingToDriver:hover,
    #ContentPlaceHolder1_btnPrintDriverJobs:hover,
    #ContentPlaceHolder1_btnExportPrintDriverJobPDF:hover,
    #ContentPlaceHolder1_btnExportPrintDriverJobExcel:hover,
    #ContentPlaceHolder1_btnPrintAllShippings:hover,
    #ContentPlaceHolder1_btnAddNewShipping:hover,
    #ContentPlaceHolder1_btnExportViewAllShippingsPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllShippingsExcel:hover,
    #ContentPlaceHolder1_btnAddDriverDetails:hover,
    #ContentPlaceHolder1_btnPrintDriverDetails:hover,
    #ContentPlaceHolder1_btnExportPdfDriverDetails:hover,
    #ContentPlaceHolder1_btnExportExcelDriverDetails:hover,
    #ContentPlaceHolder1_btnAddNewWarehouse:hover,
    #ContentPlaceHolder1_btnPrintAllWarehouses:hover,
    #ContentPlaceHolder1_btnExportViewAllWarehousesPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllWarehousesExcel:hover,
    #ContentPlaceHolder1_btnAddNewLocation:hover,
    #ContentPlaceHolder1_btnPrintAllLocations:hover,
    #ContentPlaceHolder1_btnExportViewAllLocationsPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllLocationsExcel:hover,
    #ContentPlaceHolder1_btnAddNewUser:hover,
    #ContentPlaceHolder1_btnPrintAllUsers:hover,
    #ContentPlaceHolder1_btnExportViewAllUsersPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllUsersExcel:hover,
    #ContentPlaceHolder1_btnAddNewEscalation:hover,
    #ContentPlaceHolder1_btnPrintAllEscalations:hover,
    #ContentPlaceHolder1_btnExportViewAllEscalationsPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllEscalationsExcel:hover,
    #ContentPlaceHolder1_btnAddNewZone:hover,
    #ContentPlaceHolder1_btnPrintAllZones:hover,
    #ContentPlaceHolder1_btnExportViewAllZonesPDF:hover,
    #ContentPlaceHolder1_btnExportViewAllZonesExcel:hover,
    #ContentPlaceHolder1_btnPayNow:hover {
        background: red;
        color: #fff;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    } */

/*=== View All Customers ===*/
/* #ContentPlaceHolder1_btnAddCustomerDetails,
#ContentPlaceHolder1_btnPrintCustomerDetails,
#ContentPlaceHolder1_btnExportPdfCustomerDetails,
#ContentPlaceHolder1_btnExportExcelCustomerDetails {
    background: #54c3de;
    color: #fff;
    padding: 5.5px 25px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: auto;
    border: 1px solid #54c3de;
    margin-bottom: 5px;
} */

    /* #ContentPlaceHolder1_btnAddCustomerDetails:hover,
    #ContentPlaceHolder1_btnPrintCustomerDetails:hover,
    #ContentPlaceHolder1_btnExportPdfCustomerDetails:hover,
    #ContentPlaceHolder1_btnExportExcelCustomerDetails:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    } */

#ContentPlaceHolder1_txtLocationID,
#ContentPlaceHolder1_ddlCountry,
#ContentPlaceHolder1_ddlCity,
#ContentPlaceHolder1_ddlLocations {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
}

#ContentPlaceHolder1_txtWarehouseID,
#ContentPlaceHolder1_txtWarehouseName,
#ContentPlaceHolder1_ddlWarehouseLocation,
#ContentPlaceHolder1_ddlWarehouseZone {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
}

#ContentPlaceHolder1_txtZoneID,
#ContentPlaceHolder1_txtZoneName,
#ContentPlaceHolder1_ddlZoneLocation {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
}

/*=== 27.04.2018 ===*/
#dvUserDetails input[type="text"], #dvUserDetails input[type="password"],
#dvUserDetails input[type="date"], #dvUserDetails input[type="tel"],
#dvShippingDetails input[type="text"], #dvShippingDetails input[type="password"],
#dvShippingDetails input[type="date"], #dvShippingDetails input[type="tel"],
#dvCustomerDetails input[type="text"], #dvCustomerDetails input[type="password"],
#dvCustomerDetails input[type="date"], #dvCustomerDetails input[type="tel"],
#dvUserDetails select, #dvShippingDetails select, #dvCustomerDetails select {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    width: 100%;
    box-sizing: border-box;
    /* color: rgba(255,255,255,0.6);
    margin-bottom: 10px; */
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    /* height: auto; */
}

/*=== 01.05.2018 ===*/
#frmNewRole input[type="text"], #frmNewRole input[type="password"],
#frmNewRole input[type="date"], #frmNewRole input[type="tel"],
#frmNewRole select {
    padding: 10px 5px;
    border: 1px solid #ccc !important;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    background: none;
    display: inline-block;
    height: auto;
}

/*=== 02.05.2018 ===*/
#ContentPlaceHolder1_btnSaveRole,
#ContentPlaceHolder1_btnCancelRole {
    background: #54c3de /*url(../images/load.png) 5px center no-repeat*/;
    color: #fff;
    padding: 5.5px 12px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: auto;
    border: 1px solid #54c3de;
}

    #ContentPlaceHolder1_btnSaveRole:hover,
    #ContentPlaceHolder1_btnCancelRole:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }


#dtAssignBookingToDriver td a,
#dtViewBookings td a,
#dtViewItems td a,
#dtViewQuotations td a,
#dtPrintDriverJob td a,
#dtViewShipping td a,
#dtViewUsers td a,
#dtViewComplaints td a {
    color: #269abc;
    cursor: pointer;
    text-align: left;
    margin: 0 auto;
    padding: 4px;
    width: 100%;
    display: block;font-weight:500;
}

    /* #dtAssignBookingToDriver td a:hover,
    #dtViewBookings td a:hover,
    #dtViewItems td a:hover,
    #dtViewQuotations td a:hover,
    #dtPrintDriverJob td a:hover,
    #dtViewShipping td a:hover,
    #dtViewUsers td a:hover,
    #dtViewComplaints td a:hover {
        color: #fff;
        text-shadow: 0 0 2px rgba(0,0,0,0.6);
        background: #54c3de;
    } */

/*#dtViewBookings:hover {opacity:0.8; background:#282828 !important;}*/

/* .twoSETbtn {
    position: absolute;
    top: -38px;
    right: 28px;
} */

/* #btnPrintCustomerModal1, #btnPrintPdfCustomerModal1, #btnPrintExcelCustomerModal1,
#btnPrintCustomerModal2, #btnPrintPdfCustomerModal2, #btnPrintExcelCustomerModal2,
#btnPrintDriverModal, #btnPrintPdfDriverModal, #btnPrintExcelDriverModal,
#btnPrintDriverModal2, #btnPrintPdfDriverModal2, #btnPrintExcelDriverModal2,
#btnPrintShippingModal, #btnPrintPdfShippingModal, #btnPrintExcelShippingModal,
#btnPrintShippingModal2, #btnPrintPdfShippingModal2, #btnPrintExcelShippingModal2,
#btnPrintDriverModal, #btnPrintPdfDriverModal, #btnPrintExcelDriverModal,
#btnPrintWarehouseModal, #btnPrintPdfWarehouseModal, #btnPrintExcelWarehouseModal,
#btnPrintLocationModal, #btnPrintPdfLocationModal, #btnPrintExcelLocationModal,
#btnPrintUserModal, #btnPrintPdfUserModal, #btnPrintExcelUserModal,
#btnPrintZoneModal, #btnPrintPdfZoneModal, #btnPrintExcelZoneModal,
#btnPrintBookingModal, #btnPrintPdfBookingModal, #btnPrintExcelBookingModal,
#btnPrintBookingModal2, #btnPrintPdfBookingModal2, #btnPrintExcelBookingModal2,
#btnPrintQuotationModal, #btnPrintPdfQuotationModal, #btnPrintExcelQuotationModal,
#btnPrintComplaintModal, #btnPrintPdfComplaintModal, #btnPrintExcelComplaintModal,
#btnPrintInteractionModal, #btnPrintPdfInteractionModal, #btnPrintExcelInteractionModal,
#btnEditBooking, #btnCancelBooking,
#btnEditBooking1, #btnCancelBooking1,
#btnEditBooking2, #btnCancelBooking2 {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #FAA51A !important;
    float: left;
} */

    #btnPrintCustomerModal1:hover, #btnPrintPdfCustomerModal1:hover, #btnPrintExcelCustomerModal1:hover,
    #btnPrintCustomerModal2:hover, #btnPrintPdfCustomerModal2:hover, #btnPrintExcelCustomerModal2:hover,
    #btnPrintDriverModal:hover, #btnPrintPdfDriverModal:hover, #btnPrintExcelDriverModal:hover,
    #btnPrintDriverModal2:hover, #btnPrintPdfDriverModal2:hover, #btnPrintExcelDriverModal2:hover,
    #btnPrintShippingModal:hover, #btnPrintPdfShippingModal:hover, #btnPrintExcelShippingModal:hover,
    #btnPrintShippingModal2:hover, #btnPrintPdfShippingModal2:hover, #btnPrintExcelShippingModal2:hover,
    #btnPrintDriverModal:hover, #btnPrintPdfDriverModal:hover, #btnPrintExcelDriverModal:hover,
    #btnPrintWarehouseModal:hover, #btnPrintPdfWarehouseModal:hover, #btnPrintExcelWarehouseModal:hover
    #btnPrintLocationModal:hover, #btnPrintPdfLocationModal:hover, #btnPrintExcelLocationModal:hover,
    #btnPrintUserModal:hover, #btnPrintPdfUserModal:hover, #btnPrintExcelUserModal:hover,
    #btnPrintZoneModal:hover, #btnPrintPdfZoneModal:hover, #btnPrintExcelZoneModal:hover,
    #btnPrintBookingModal:hover, #btnPrintPdfBookingModal:hover, #btnPrintExcelBookingModal:hover,
    #btnPrintBookingModal2:hover, #btnPrintPdfBookingModal2:hover, #btnPrintExcelBookingModal2:hover,
    #btnPrintQuotationModal:hover, #btnPrintPdfQuotationModal:hover, #btnPrintExcelQuotationModal:hover,
    #btnPrintComplaintModal:hover, #btnPrintPdfComplaintModal:hover, #btnPrintExcelComplaintModal:hover,
    #btnPrintInteractionModal:hover, #btnPrintPdfInteractionModal:hover, #btnPrintExcelInteractionModal:hover,
    #btnEditBooking:hover, #btnCancelBooking:hover,
    #btnEditBooking1:hover, #btnCancelBooking1:hover,
    #btnEditBooking2:hover, #btnCancelBooking2:hover,
    #btnCancelBooking:hover {
        color: #fff;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
    }

#dvAllQuotationDetails tr td, #dvAllQuotationDetails tr th {
    padding: 8px;
    color: #000;
    background: rgba(243,188,111,0.2);
    border: 1px solid rgba(255,255,255,0.2);
    font-size: 13px;
    border-right: none;
}

    #dvAllQuotationDetails tr td:last-child, #dvAllQuotationDetails tr th:last-child {
        border-right: 1px solid rgba(255,255,255,0.2);
    }

#dvAllQuotationDetails {
    background: rgba(255, 255, 255, 0.2) !important;
    margin: 0 auto;
}

.twoSrvbtn {
    position: absolute;
    top: -38px;
    right: -50%;
}

.twoSrvbtn {
    padding: 0 !important;
    margin-left: 10px;
    background: none !important;
    border: none !important;
    color: #FAA51A !important;
}

#dvAllQuotationDetails tr td {
    background: rgba(0,0,0,0.2);
    color: #fff;
}

#dvAllQuotationDetails {
    background: none !important;
    border-bottom: none !important;
}

    #dvAllQuotationDetails thead tr th {
        border-bottom: none;
        text-align: center;
    }

/*#dtViewUsers th:last-child { width:97px !important; }
#dtViewUsers th:nth-child(2) {width: 180px !important;}*/
.userActionButtons li {
    display: inline-block;
}

#btnCancelBooking {
    background: none;
    border: none;
    margin-left: 10px;
    display: inline-block !important;
}

    #btnCancelBooking:hover {
        color: #FAA51A;
    }

/* table.dataTable tbody tr {
    background: none !important;
} */


.item_details .dataTables_wrapper {
    color: #fff;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

    .item_details .dataTables_wrapper .dataTables_length label, .item_details .dataTables_wrapper .dataTables_filter label {
        font-size: 11px !important;
    }

        .item_details .dataTables_wrapper .dataTables_length label select {
            width: auto !important;
            padding: 5px 4px !important;
        }

        .item_details .dataTables_wrapper .dataTables_filter label input {
            background: #575555;
            margin-left: 7px;
            padding: 5px 0;
            height: auto;
        }

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
    background-color: #ff9900;
}

.clrBLK input[type=checkbox] {
    height: auto;
}

.colorCode {
    position: fixed;
    left:-1px;
    top: 40%;
    z-index: 3;
    border: 1px solid #808080;
    background-color: #cccccc;
    box-shadow: 0 0 3px rgba(0, 0, 0,0.3);
    padding: 9px 10px 10px 10px;
}

    .colorCode strong {
        display: block;
        text-align: center;
        color: #323232;
        font-size: 13px;
        margin-bottom: 15px;
        font-weight: 500;
    }

    .colorCode ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .colorCode ul li {
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            margin-bottom: 10px;
            box-shadow: inset 0 0 0 1px #fff;
            -moz-box-shadow: inset 0 0 0 1px #fff;
            -webkit-box-shadow: inset 0 0 0 1px #fff;
            cursor: pointer;
        }

            .colorCode ul li.orange_box {
                background: #888243ba;
                border-color: #888243ba;
            }

            .colorCode ul li.green_box {
                background: #33a50196;
                border-color: #33a50196;
            }

        .colorCode ul .tooltip {
        }

            .colorCode ul .tooltip .tooltip-inner {
                width: 200px;
                background: #000;
                color: #ddd;
                padding: 5px 5px;
            }



/*27-06-2019*/
.blueship_box{background-color:#20639B !important;}
.white_box{background-color:#fff !important;}
.red_box{background-color:#5e1b1c !important;}
.reddispose_box {
    background-color: #5e1b1c !important;
}
.btn-danger {
    background: #B51013 !important;
}
.top_ship {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .top_ship .bk_d {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color:#fff;
        letter-spacing: 0.8px;
        padding: 0 5px;
    }

/* .top_ship_main {
    border: 1px solid #3d4145;
    background-color: #484848;
    padding: 20px;
} */

.top_ship.table_strat {
    padding: 7px 0;
}

    .top_ship.table_strat .bk_d {
        color: #ffffff;
        font-size: 11px;
    }

.bk_d.icon_top {
    visibility: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
}

.bk_d.expand_a {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding: 0 13px;
}

.bk_d.expand_a {
    font-size: 17px !important;
    color:#54c3de !important;
}

.clps_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pick_up_add {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 12px;
}

.pick_up_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pk_add,
.dlvr_add {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .pk_add h6 {
        background: #656060;
        padding: 10px;
        color: #fff;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 5px;
        margin: 0 0 12px 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }

        .pk_add h6 span {
            display: inline-block;
            width: 28px;
            margin-right: 10px;
        }

            .pk_add h6 span img {
                width: 100%;
            }

    .pk_add p {
        font-size: 12px;
        letter-spacing: 1px;
        color: #bababa;
        position: relative;
        padding-left: 24px;
        min-height: 17px;
    }

        .pk_add p i {
            color: #54c3de;
            font-size: 15px;
            margin-right: 10px;
            position: absolute;
            left: 0;
            top: 2px;
        }

.pk_add {
    padding-right: 10px;
    border-right: 1px solid #514f4f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .pk_add.dlvr_add {
        padding-left: 10px;
        padding-right: 0;
        border: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

.table_strat_main .well {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #3b3a3a;
    border: 1px solid #3b3a3a;
    border-radius: 4px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    box-shadow: 0 !important;
}

.book_details h6 {
    background: #656060;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 5px;
    margin: 0 0 12px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .book_details h6 span {
        display: inline-block;
        width: 28px;
        margin-right: 10px;
    }

        .book_details h6 span img {
            width: 100%;
        }

.bk_dt_a p {
    color: #9c9c9c;
    font-size: 12px;
    letter-spacing: 1px;
}

.bk_dt_a span {
    display: block;
    color: #fff7f7;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.book_details .bk_dt_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .book_details .bk_dt_a p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .book_details .bk_dt_a span {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .book_details .bk_dt_a p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

.bk_dt_a_main {
    max-height: 140px;
    overflow: auto;
}


.item_details {
    margin-top: 30px;
    padding: 15px;
    background: #474343;
    border-radius: 5px;
    overflow: auto;
}

.table_strat_main {
    margin: 10px 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: #353536;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .table_strat_main:hover {
        background: #534f4f;
        border-radius: 5px;
    }

table.exampleitem {
    border: none;
}

    table.exampleitem thead tr th {
        color: #54c3de;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: 1px;
        /* border-bottom: 0; */
        border: none;
        border-bottom: 1px solid #a98549;
        background: #3d4145;
        border-radius: 0;
        padding: 10px 6px;
    }

    table.exampleitem tbody tr td {
        color: #ffffff;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        border: none;
        background: #575555;
        border-bottom: 1px solid #696565 !important;
    }

.table-striped > tbody > tr:nth-of-type(2n+1) {
    /* background-color:#babec3; */
    border: none;
}

/*sap 14.08.2018*/
.chosen-container-single {
    width: 100%;
}

    .chosen-container-single .chosen-single {
        border-radius: 0px !important;
        width: 100%;
        background: none !important;
        border: 1px solid #cccccc;
        box-shadow: none !important;
        min-height: 34px;
        padding: 7px;
    }

.chosen-search input {
    color: #504d4d !important;
}

#msform label.control-label {
    width: 100%;
}

#dvStep1 select {
    background: url(/images/select_arw.png) no-repeat 99% center !important;
}

.chosen-container-single .chosen-single div b {
    background: url(/images/select_arw.png) no-repeat 95% center !important;
}

.chosen-container-single .chosen-single div {
    right: 10px !important;
}

/* .chosen-single > div {
    padding-top: 8px;
} */

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%;
    vertical-align: middle;
    line-height: 32px;
}

.panel-collapse .chosen-container .chosen-drop {
    display: none;
}

.panel-collapse.in .chosen-container .chosen-drop {
    display: block;
}

/*==19.02.2018==*/
.extended li {
    width: 33.33% !important;
}

span.add_clr_head {
    color: #e59516;
}

.black_bg {
    background: #5f5f5f;
}

input.btn.btn-default.cancel.recei_can {
    background: #0f960c !important;
}

.btn_red_can {
    background: #ff250b !important;
}

/* #frmAddShipping .srch_clr input.form-control.m-b {
    background: #3d4145 !important;
    border: 1px solid #797979 !important;
    outline: none !important;
    box-shadow: none !important;
} */

a.received_container_button {
    position: absolute;
    right: 3px;
    top: 10px;
    font-size: 9px;
    text-transform: uppercase;
    background: #0f960c;
    color: #fff;
    padding: 9px 5px;
    border-radius: 2px;
    display: none;
}

a.cancel_container_button {
    position: absolute;
    right: 3px;
    top: 10px;
    font-size: 9px;
    text-transform: uppercase;
    background: #ff250b;
    color: #fff;
    padding: 9px 5px;
    border-radius: 2px;
    display: none;
}

input.btn.btn-default.add_all.cncl_red_clor {
    background: #ff250b;
}


select#ContentPlaceHolder1_ddlPickupAddress, select#ContentPlaceHolder1_ddlDeliveryAddress {
    border-color: #54c3de !important;
    color: #54c3de !important;
    padding-right: 50px !important;
}

/* #PaymentStatus-bx .modal-dialog {
    border-radius: 0px;
} */

    /* #PaymentStatus-bx .modal-dialog .modal-content {
        background: #000;
        border-radius: 0px;
    } */

div#PaymentStatus-bx figure img {
    width: 100%;
}

div#PaymentStatus-bx figure {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

/* div#PaymentStatus-bx h2 {
    font-size: 25px;
    letter-spacing: 1px;
    color: #fff;
} */

/* div#PaymentStatus-bx p {
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    padding: 0 10%;
    margin-top: 15px;
    font-weight: 300;
    line-height: 1.5;
} */

/* div#PaymentStatus-bx .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: 0px 47px 30px 47px; */
} */

    div#PaymentStatus-bx .modal-footer button.btn.btn-primary {
        padding: 13px 0;
        width: 33%;
        border: none;
        border-radius: 3px;
        margin: 0 13px;
        letter-spacing: 1px;
    }

/* div#PaymentStatus-bx .modal-body {
    padding: 47px 47px 30px 47px;
} */

div#PaymentStatus-bx .close {
    position: absolute;
    right:16px;
    top: 5px;
    /* color: #fff; */
    opacity: 1;
    font-size: 34px;
    text-shadow: none;
    z-index: 9;
}

/* textarea#PaymentNotes {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #ffffff;
    border: 1px solid #4a4a4a;
    background: #191919;
    border-radius: 5px;
    margin-top: 20px;
} */

    textarea#PaymentNotes::place-holder {
        color: #fff;
    }



.pannel-body-receive-shipping #divddlContainerNo .chosen-container-single .chosen-single {
    color: #aaa !important;
}

.pannel-body-receive-shipping h6.table_head_name {
    background: #e8e8e8;
    color: #484848;
}

/* .pannel-body-receive-shipping .top_ship_main {
    background: #e8e8e8;
    border-color: #d9d3d3;
    border-left: 0;
    border-right: 0;
} */

#frmAddShipping .pannel-body-receive-shipping .srch_clr input.form-control.m-b {
    background: #fff !important;
    border: 1px solid #d7d6d6 !important;
    outline: none !important;
    box-shadow: none !important;
}
.table_strat_scrl{
    margin-top:10px;
    max-height: 530px;
    overflow: auto;
}
.table_strat_scrl .table_strat_main:first-child{margin-top:0px;}
.top_ship_padd {
    padding: 10px 0px;
    background:#54c3de;
    border-radius: 5px;
    position: relative;}
/* .pannel-body-receive-shipping .top_ship_padd {
    background: rgb(217, 217, 217) none repeat scroll 0% 0%;
}

    .pannel-body-receive-shipping .top_ship_padd .top_ship .bk_d {
        color: rgb(51, 51, 50);
    } */

.pannel-body-receive-shipping .table_strat_main {
    margin: 10px 0;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    background: #ffe1af;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

    .pannel-body-receive-shipping .table_strat_main .top_ship.table_strat .bk_d {
        color: #393636;
        font-size: 11px;
    }

.pannel-body-receive-shipping .pk_add h6 {
    background: #fbfbfb;
    color: #656060;
}

.pannel-body-receive-shipping .pk_add p {
    font-size: 12px;
    letter-spacing: 1px;
    color: #2f2d2d;
    position: relative;
    padding-left: 24px;
    min-height: 17px;
}

.pannel-body-receive-shipping .table_strat_main .well {
    background-color: rgb(240, 240, 240);
    border: 1px solid rgb(221, 221, 221);
}

.pannel-body-receive-shipping .pk_add {
    border-right: 1px solid rgb(225, 225, 225);
}

.pannel-body-receive-shipping .item_details {
    background: rgb(221, 221, 221) none repeat scroll 0% 0%;
}

.pannel-body-receive-shipping table.exampleitem thead tr th {
    color: #000;
    background: rgb(204, 204, 204) none repeat scroll 0% 0%;
    border-color: #cac9c9;
}

.pannel-body-receive-shipping table.exampleitem tbody tr td {
    color: #868686;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    border: none;
    background: #f0f0f0;
    border-bottom: 1px solid #ccc !important;
}

.pannel-body-receive-shipping .expand_a.active i {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    color: #000;
}

.pannel-body-assign-booking .all_span .iconADD:hover input, .clearfix.text-center.btn_center .iconADD:hover input {
    color: #faa51a !important;
}

/* .modl_btn {
    margin: 0 !important;
    margin-top: 0px;
    padding: 9px 19px;
    margin-top: 0px !important;
    background: none;
    border: none;
    color: #ffff;
    font-size: 12px !important;
    outline: none !important;
} */

.add_ct_modal {
    width: 65%;
}

    /* .add_ct_modal .modal-body {
        background: #324153;
    } */

.col-md-8.col-xs-12.rp textarea {
    width: 94.1% !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.kop {
    text-align: center;
    margin: 0 0 0 131px;
}

/* .modl_btn:hover {
    color: #7aff00;
    -webkit-transition: width 2s; /* Safari prior 6.1 */
    transition: width 2s;
    font-weight: 700;
} */
/********04-02-2020********/

/* button.modl_btn {
    padding: 0 0 0 20px;
    color: #c60c0c;
} */

.chosen-container {
    margin-bottom: 0px;
}
.label-lgt {
    color: #000000 !important;
}

.label-lgt2 {
    color: rgba(255,255,255,0.6) !important;
}

/*23.11.18*/
.add_shipping_form #CollectionMapShippingFrom,
.add_shipping_form #CollectionMapShippingTo {
    width: 100% !important;
    height: 130px;
}

#divddlContainerNo .chosen-container-single .chosen-single {
    border-color: #ccc;
}

#dtContainerBookingInformation th {
    text-align: center;
    font-weight: 400;
    padding: 8px 0;
    color: rgb(255, 153, 0);
}

.form-group.row .chosen-container-single .chosen-single {
    border-color: #ccc;
}

#dtBookingInformationByBookingId th {
    text-align: center;
    padding: 8px 0;
}

#dtBookingInformationByBookingId td {
    text-align: center;
    padding: 8px 0;
}

#dtContainerBookingInformation td {
    text-align: center;
    padding: 8px 0;
}
/*#btmDeleteContainerRow { margin-bottom:0; height:28px; color:#ff0000; padding:0 7px; font-size:13px; letter-spacing:0; font-weight:700;}*/
#btmDeleteContainerRow {
    margin-bottom: 0;
    text-indent: -3000px;
    background: url(../images/delete_btn.png) no-repeat center;
    width: 24px;
}

#dvBookingItems th {
    background: rgba(0,0,0,0.2);
    color: #c60c0c;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    padding: 8px 0;
}

#dvBookingItems td {
    background: rgba(0,0,0,0.2);
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    padding: 8px 0;
}
/*.vatTotal .add-row { display:block; width:150px; padding:8px 0; text-align:center; margin:20px auto 0 auto; border-radius:4px; border:0; outline:none;}
.vatTotal .add-row:hover { background:#c60c0c;}*/
/* .print, .edit, .delete {
    margin-right: 2px !important;
} */

.date_input {
    height: 33px;
}

#details_table tr td {
    padding: 8px 10px;
}

    #details_table tr td:first-child {
        text-align: left;
        color: #FAA51A;
    }

    #details_table tr td:nth-child(3) {
        text-align: left;
        color: #FAA51A;
    }

#dvBookingPickupItems th {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
}

#dvBookingPickupItems td {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 0;
}

.vatTotal {
    float: right;
    margin-top: 0;
}
h6.table_head_name {
    background: #484848;
    padding: 10px 15px;
    font-size: 22px;
    margin: 0;
    color: #fba311;
    letter-spacing: 1px;
}

/* #clm_adjust .row .col-md-6 {
    width: 50%;
    min-height: 64px;
} */

input.btn.btn-default.remove_all, input.btn.btn-default.add_all {
    padding: 7px 8px;
    font-size: 9px;
    text-transform: uppercase;
    color: #fff;
    background: #da2627;
    border: none;
    border-radius: 3px;
    height: 30px;
    line-height: 16px;
}

input.btn.btn-default.add_all {
    background: #54c3de;
}

table.exampleitem thead tr th {
    vertical-align: middle;
}

table.exampleitem tbody tr td {
    vertical-align: middle;
}

/* .ship_bot_a input {
    color: #fff !important;
    border-radius: 0;
    letter-spacing: 1px;
    border: none;
} */
/*input#ContentPlaceHolder1_btnMarkContainerShipped {
    background: #0e97d8 !important;
}*/


span.add_clr_head {
    color: #e59516;
}

.black_bg {
    background: #5f5f5f;
}

input.btn.btn-default.cancel.recei_can {
    background: #0f960c !important;
}

.btn_red_can {
    background: #ff250b !important;
}
.orderSubTotal li {
    font-size: 13px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left;
}

/* #ContentPlaceHolder1_txtConsignee {
    border-radius: 0;
    background: none;
    height: 40px;
} */

.ShippedBtnContainer {
    margin-bottom: 20px;
}

.margintop {
    margin-top: 20px;
}

.find_details {
    margin-left: 13px;
}

.mg-b-0 {
    margin-bottom: 0px !important;
}

.ac_details {
    margin: 0 25px 12px 25px;
}

    .ac_details h2 {
        background: #253447;
        background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
        background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
        background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
        background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
        background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
        color: #fff !important;
        /*text-align: left;*/
        letter-spacing: 1px;
        padding: 15px;
        font-size: 15px;
        margin: 0;
        font-weight: 500;
    }

#ca_details td {
    font-size: 13px;
    font-weight: 700;
    padding: 7px;
    color: #fff;
    letter-spacing: 1px;
    background: rgba(0,0,0,0.2);
}

.pd_address #ca_details th {
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    color: #c60c0c !important;
    /*text-align: left;*/
    letter-spacing: 1px;
    padding: 15px;
    font-size: 15px;
    margin: 0;
    font-weight: 500;
    text-align: center
}

.no_margi input {
    margin-right: 0;
}

.n_padding_bot {
    padding-bottom: 0;
}

.marg_15px {
    margin-bottom: 42px;
}

.icon_center .iconADD i {
    top: 2px;
}

/* .image_table {
    margin: 15px 25px;
} */

    /* .image_table strong {
        display: block;
        float: left;
        margin-right: 20px;
        font-weight: 400;
        color: rgb(255, 153, 0);
        font-size: 16px;
    } */

    .image_table .img_tab {
        overflow: hidden;
    }


/* #ItemHistory th {
    background: rgba(0,0,0,0.2);
    color: #c60c0c;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

#ItemHistory td {
    background: rgba(0,0,0,0.2);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 8px 0;
} */

.infoLogo {
    height: 33px;
    width: 60px;
    float: left;
}

    .infoLogo img {
        height: 33px;
        width: 53px;
    }

#dtContainerBookingInformation tbody tr:hover {
    background: rgba(255,255,255,0.1);
}

#dtBookingInformationByBookingId tbody tr:hover {
    background: rgba(255,255,255,0.1);
}

#dvBookingItems tbody tr:hover {
    background: rgba(255,255,255,0.1);
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9998;
}

.innerModal {
    display: none;
    position: fixed;
    bottom: 30%;
    z-index: 9999;
    /*width: 680px; padding:20px;
    background: #fff;*/
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translateX(-50%);
    /* border: 2px solid #00ffff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; */
    overflow: hidden;
    /* background: #324153;
    padding: 10px; */
}

.modal-header2 {
    padding: 10px 15px;
    background: #253447;
    background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
    background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );
    margin-bottom: 20px;
}

.modal-footer2 {
    padding: 10px 15px;
    text-align: center;
}

/* .innerModal #ItemHistory td {
    background: #253447;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    padding: 8px 15px;
    color: #fff;
    letter-spacing: 1px;
} */

/* .innerModal #ItemHistory th {
    background: rgba(0,0,0,0.3);
    letter-spacing: 1px;
    color: #c60c0c;
    font-size: 16px;
    text-align: left;
    padding: 10px 15px;
} */

.modal-body2 {
    /*max-height:200px;*/
    overflow-y: auto;
}

.box_bg {
    border: 1px solid #fff;
    background-color: #fff;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0,0.4);
    padding: 20px;
}

.no_marg_select .chosen-container {
    margin-bottom: 0;
}

.orderSubTotal {
    display: block;
    float: left;
    width: 50%;
}

.vatTotal {
    display: block;
    float: right;
    width: 50%;
    text-align: right;
}
/*.add-row.btn.btn-warning { color:#fff;}*/
.orderSubTotal table td {
    padding: 5px 15px;
    font-size: 13px;
}

    .orderSubTotal table td:first-child {
        color: #c60c0c;
        padding-left: 0;
    }

.bottom_pop {
    padding: 10px 25px;
    background: #253447;
    /*background: -moz-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(45%, #253447), color-stop(46%, #253447), color-stop(100%, #1c2939));
	background: -webkit-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
	background: -o-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: -ms-linear-gradient(top, #253447 45%, #253447 46%, #1c2939 100%);
    background: linear-gradient(to bottom, #253447 45%, #253447 46%, #1c2939 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253447', endColorstr='#1c2939', GradientType=0 );*/
}

    .bottom_pop .vatTotal {
        padding-top: 22px;
    }

.scroll_content {
    overflow: auto;
    position: relative;
    height: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* .modal-content-Container {
    background-color: #324153;
} */

    .modal-content-Container .modal-footer {
        border-top: 0px;
    }

.StatusButton {
    background: #54c3de;
    color: #fff !important;
    padding: 5.5px 12px !important;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 150px;
    border: 1px solid #54c3de;
    width: 100%;
}

    .StatusButton:hover {
        background: none;
        color: #FAA51A;
        border: 1px solid #54c3de !important;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

.label1 {
    font-weight: 400;
    letter-spacing: 1px;
}

.divbtnSearchItems {
    text-align: left;
}

.bottom_pop .vatTotal1 {
    padding-top: 8px;
}

.divStatusDetails {
    color: black;
}

:focus {
    outline: none !important;
}

.newCustomer {
}

.newBooking {
    top: 76px !important
}

.newShipping {
    top: 152px !important
}

.newStatus {
    top: 228px !important
}

.newScan {
    top: 304px !important
}

#ContentPlaceHolder1_txtContainerNoORBookingNo {
    border: 1px solid #ccc !important;
}

/* #tblSearchedItem {
    margin-top: 10px;
    background: rgb(40, 40, 40);
} */

    /* #tblSearchedItem th {
        background: rgba(0,0,0,0.2);
        color: #c60c0c;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        padding: 8px 0;
    }

    #tblSearchedItem td {
        background: rgba(0,0,0,0.2);
        font-size: 14px;
        font-weight: 400;
        text-align: center;
        padding: 7px 0;
        letter-spacing: 0.6px;
    }

    #tblSearchedItem tbody tr:hover {
        background: rgba(255,255,255,0.1);
    } */
.view, .cancel, .print, .Enquiry, .delete, .pdf, .edit, .reassign, .dispose {
    background: none;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border: 1px solid #54c3de;
    color: #54c3de;
}

    .view:hover, .cancel:hover, .print:hover, .Enquiry:hover, .delete:hover, .pdf:hover, .edit:hover, .reassign:hover, .dispose:hover {
        background: #54c3de;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    }

/*06.02.2019*/

.accordion_sec .panel-default > .panel-heading {
    color: #fff;
    background-color: #282828;
}

.accordion_sec .panel-default {
    border-color: #d08100;
}

.accordion_sec .panel {
    background-color: #3a3a3a;
}

.accordion_sec .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #000;
}

.accordion_sec .panel-title > a:before {
    padding-right: 0;
    font-size: 24px;
    line-height: 14px;
    color: #d08100;
}

.accordion_sec .panel-heading a {
    padding: 7px 15px;
    display: block;
    font-size: 22px;
    color: #FCA311;
}



#ItemHistory td:first-child {
    width: 185px;
}
table.dataTable thead th{border-bottom:1px solid #b2b2b2 !important;}
.border-BLK{border-radius:0px !important;}
table.dataTable.no-footer{border-bottom:none!important;}
#tblSearchedItem_wrapper{background:#ececec;}
.dataTables_filter{padding:10px;font-size:13px;}
.dataTables_length label, .dataTables_filter label{margin-top:3px;color: #3e3e3e;}
.slct_box_inline_b, .slct_box_inline_edit{width:18%!important;display:inline-block;}
.di_in_put_b, .di_in_put_edit{width: 80%!important;display: inline-block;}
#tblSearchedItem_filter input, #dtViewShipping_filter input, #dtViewDriver_filter input, .dataTables_filter label input{padding: 6px 12px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;color:#3e3e3e;border:1px solid #ccc !important;}
#dtViewShipping td a{color:#ffe1af!important;}
#dtViewShipping td{color:#fff!important;}
div.dt-buttons{float: right !important;;top:15px;right:10px;}
button.dt-button, div.dt-button, a.dt-button{
    background:#5bc0de!important;border-color:#46b8da!important;background-image:none!important;color:#fff!important;border-radius:4px!important;
}
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover{
    background:#269abc!important;border-color:#1b6d85!important;
}
button.dt-button .clrBLK, div.dt-button .clrBLK, a.dt-button .clrBLK{font-family: Raleway, sans-serif !important;font-size:14px;}
.dataTable .data-table tr th{background-color:#ffe1af!important;}
.btn-register{height:34px;padding:5.5px 15px!important;width:auto;border-radius:0px;}
.flag-tel{width:100%!important;padding-left:50px!important;height:34px;}
.modal-header{background:#ffe1af;border-radius:4px 4px 0px 0px;}
.modal-title{font-weight:bold;}
.label-lgt.titlbx{text-align:center;border-bottom:2px solid #54c3de;padding-bottom:10px;}
.panel-info>.panel-heading{background: #54c3de;border:0px;color:#000;border-radius:0px;font-weight: 500;}
.panel-info{border-color:#439cb2;}
.txt-black{color:#000!important}
.wid-full{width:100%!important;}
.wid-auto{width:auto!important;}
.p-0{padding:0px!important;}
.pr-0px{padding-right:0px !important;}
.pr-10px{padding-right:10px !important;}
.mr-0px{margin-right:0px !important;}
.mr-5px{margin-right:5px !important;}
.mb-0px{margin-bottom:0px !important;}
.mb-10px{margin-bottom:10px !important;}
.mt-10px{margin-top:10px !important;}
.ml-12per{margin-left:12%;}
.mr-12per{margin-right:12%;}
.fnt-16{font-size:16px;}
.lh-34px{line-height:34px;}
.h-34px{height:34px;}
.text-danger{color:red!important}
.resize-none{resize: none!important;}
.text-center{text-align:center !important;}
dt, kbd kbd, label{font-weight:normal;}

/*Payment-Now Pop-up*/
.swal-title{font-size:20px;}
.swal-text{font-size: 14px;}
.swal-footer{text-align:center;}
.ui-helper-hidden-accessible{display:none!important;}
.ui-tooltip{background-color:#000!important;color:#fff!important;min-width:100px;max-width:250px; border-radius:3px!important;padding:3px!important;z-index:999999;}

.blue_box {  background-color:#725405 !important;color:#fff !important; }
.blue_box td{  background-color:#725405 !important;color:#fff !important; }

.user_box {  background-color:#5f5f5f !important; color: #fff !important }
.user_box td{  background-color:#5f5f5f !important; color: #fff !important }

.yellow_box {  background-color:#61e5dd !important;color:#fff !important;  }
.yellow_box td{  background-color:#61e5dd !important;color:#fff !important; }

.redcomplaint_box {  background-color:#c23737 !important;color:#fff !important;  }
.redcomplaint_box td{  background-color:#c23737 !important;color:#fff !important; }

.failed_booking_ghana {  background-color:#078383 !important;color:#fff !important;   }
.failed_booking_ghana td{  background-color:#078383 !important;color:#fff !important;  }


.blueship_box {  background-color:#20639B !important;color:#fff !important;  }
.blueship_box td{  background-color:#20639B !important;color:#fff !important; }
 
.perpel_box{ background-color:#63256f96 !important;color:#fff !important; }
.perpel_box{ background-color:#63256f96 !important;color:#fff !important; }
.perpel_box td{ background-color:#63256f96 !important;color:#fff !important; }

.pink_box { background-color:#eb34c0 !important;color:#fff !important; }
.pink_box td{ background-color:#eb34c0 !important;color:#fff !important; }
.deepgreen_box{ background-color:#256f6796 !important;color:#fff !important; }
.deepgreen_box td{ background-color:#256f6796 !important;color:#fff !important; }

.orangeClass td{ background-color:#888243ba !important;color:#fff !important; }
.greenClass td{ background-color:#33a50196 !important;color:#fff !important; }

.brown_box td{ background-color:#80414196 !important;color:#fff !important; }
.brown_box { background-color:#80414196 !important;color:#fff !important; }
.red_box td{ background-color:#76000096 !important; color:#fff !important;}
.red_box { background-color:#76000096 !important;color:#fff !important; }
.white_box { background-color:#fff !important; }
.white_box td { background-color:#c4c4c4 !important; }
#loadingDiv{position: absolute;z-index:9999;top:45%;left:45%;}