/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

div, input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Fonts */
@font-face {
    font-family: 'ss-light';
    src: url('../fonts/ss/ss-light.eot');
    src: url('../fonts/ss/ss-light.eot') format('embedded-opentype'), url('../fonts/ss/ss-light.woff2') format('woff2'), url('../fonts/ss/ss-light.woff') format('woff'), url('../fonts/ss/ss-light.ttf') format('truetype'), url('../fonts/ss/ss-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato-bold';
    src: url('../fonts/lato/lato-bold.eot');
    src: url('../fonts/lato/lato-bold.eot') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff2') format('woff2'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura';
    src: url('../fonts/futura/futura.eot');
    src: url('../fonts/futura/futura.eot') format('embedded-opentype'), url('../fonts/futura/futura.woff2') format('woff2'), url('../fonts/futura/futura.woff') format('woff'), url('../fonts/futura/futura.ttf') format('truetype'), url('../fonts/futura/futura.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Regular-webfont.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('../fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto/roboto-light-webfont.eot');
    src: url('../fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_serifitalic';
    src: url('../fonts/ptserif/ptf56f-webfont.eot');
    src: url('../fonts/ptserif/ptf56f-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ptserif/ptf56f-webfont.woff') format('woff'), url('../fonts/ptserif/ptf56f-webfont.ttf') format('truetype'), url('../fonts/ptserif/ptf56f-webfont.svg#pt_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/roboto/RobotoMedium.eot');
    src: url('../fonts/roboto/RobotoMedium.eot') format('embedded-opentype'), url('../fonts/roboto/RobotoMedium.woff2') format('woff2'), url('../fonts/roboto/RobotoMedium.woff') format('woff'), url('../fonts/roboto/RobotoMedium.ttf') format('truetype'), url('../fonts/roboto/RobotoMedium.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JuliusSansOne-Regular';
    src: url('../fonts/julius/JuliusSansOne-Regular.eot');
    src: url('../fonts/julius/JuliusSansOne-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/julius/JuliusSansOne-Regular.woff') format('woff'), url('../fonts/julius/JuliusSansOne-Regular.ttf') format('truetype'), url('../fonts/julius/JuliusSansOne-Regular.svg#JuliusSansOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

body {
    background: no-repeat center bottom fixed;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background: #e5e9ec;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*------------------------Main Container Start Here-------------------------*/
.container {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

.wrapper {
    position: relative;
    margin: 0px auto;
    width: 1100px;
}

.main-content {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-top: 150px;
}
/*------------------------Main Container End Here-------------------------*/


/*------------------------Header Start Here-------------------------*/
.header {
    background: url(../loginimages/headerbg.jpg) no-repeat right top #fff;
    padding: 0px 0;
    height: 70px !important;
    box-shadow: 0px 0px 21px -7px #000;
    margin-bottom: 10px;
}

    .header a {
        color: #ffffff;
        display: block;
        padding: 1px 10px;
        font-size: 20px;
        text-decoration: none;
    }

    .header .menuebox {
        float: left;
        width: 280px;
    }

        .header .menuebox ul {
            float: left;
            margin: 23px 0px 0 21px;
            padding: 0;
            list-style: none;
            color: #ffffff;
            text-decoration: none;
        }

            .header .menuebox ul li {
                margin: 0;
                padding: 0;
                display: inline-block;
                color: #000;
                text-decoration: none;
                font-size: 24px;
                font-family: 'robotolight';
            }

                .header .menuebox ul li.menuicon {
                    font-size: 22px;
                    font-family: 'robotobold';
                    cursor: pointer;
                }

                .header .menuebox ul li:last-child {
                    border-right: 0;
                }

    .header .search {
        position: relative;
        margin: 0 0 2px 0;
        float: left;
        height: 70px;
        width: 100% !important;
        font-size: 14px;
        font-family: 'robotoregular';
        color: #fff;
    }

    .header .searchbox {
        float: left;
        width: 37%;
        height: 70px;
    }

        .header .searchbox .searchTerm {
            width: 100%;
            padding: 10px;
            height: 70px;
            outline: none;
            margin-top: 0px;
            color: #b0b0b0;
            border: none;
            border-right: solid 1px #e0e0e0;
            border-left: solid 1px #e0e0e0;
        }

        .header .searchbox .searchButton {
            position: absolute;
            top: 22px;
            right: 5px;
            width: 40px;
            height: 23px;
            font-size: 18px;
            cursor: pointer;
            background: none;
            border: none;
            outline: none;
        }


.search .sinp {
    border: 0;
    background: none;
    outline: 0;
    font-size: 13px;
    font-family: 'robotoregular';
    color: #9CA5D7 !important;
    margin: 0px 0 0 20px;
    width: 87%;
    float: left;
}

.search .sinpbut {
    float: left;
    margin: 6px 0px 0 0px;
    outline: 0;
}

.search:before {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: 'robotoregular';
    background: #8FC357;
    text-align: center;
    color: #9CA5D7;
    font-smooth: always;
}


.rightPanel {
    float: right;
}

    .rightPanel .loginDate {
        float: left;
        font-family: 'pt_serifitalic';
        font-size: 12px;
        color: #000;
        margin-right: 20px;
        margin-top: 28px;
    }

    .rightPanel .tag {
        float: left;
        font-family: 'robotoregular';
        font-size: 11px;
        color: #fff;
        margin: 25px 20px 0 0;
        background: #FF4081;
        border-radius: 50px;
        width: 20px;
        height: 17px;
        padding: 2px 0 5px 7px;
        font-weight: 700;
        cursor: pointer;
    }

        .rightPanel .tag:hover {
            background: #ec1f65;
        }

    .rightPanel .people {
        float: left;
        margin-right: 10px;
        margin-top: 15px;
    }

        .rightPanel .people .roundimg {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin-right: 5px !important;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
            float: left;
        }

        .rightPanel .people .lineicon {
            width: 14px;
            height: 14px;
            float: left;
            margin-top: 13px;
            margin-left: 10px;
        }

        .rightPanel .people .line1 {
            width: 10px;
            height: 2px;
            float: left;
            margin-top: 0px;
        }

        .rightPanel .people .line2 {
            width: 14px;
            height: 2px;
            float: left;
            margin-top: 4px;
        }

        .rightPanel .people .line3 {
            width: 7px;
            height: 2px;
            float: left;
            margin-top: 4px;
        }

    .rightPanel .tagbig {
        float: left;
        font-family: 'robotoregular';
        font-size: 12px;
        margin: 18px 20px 0 0;
        border-radius: 50px;
        width: 30px;
        height: 30px;
        padding: 9px 0 5px 12px;
        font-weight: 700;
    }
/*------------------------Header End Here-------------------------*/


/*------------------------For left Side menu Slide Css Start Here------------------------*/
.transmenuclose {
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    right: auto !important;
    z-index: 999999999;
    height: 100% !important;
    display: none;
}

.whitemenu {
    width: 350px;
    left: -385px;
    position: fixed;
    background: #fff;
    z-index: 9999999999;
    font-family: 'robotoregular';
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.7);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.7);
    height: 100%;
}

.left-slidebox {
    width: 350px;
    left: -385px;
    z-index: 999999999999;
    font-family: 'robotoregular';
    position: absolute;
}

.atlantic-logo {
    padding: 75px 25px;
}
/*.atlantic-logo img{ width:303px}*/
.left-slidebox ul li {
    list-style: none;
    border-bottom: 1px solid #e5e5e5;
}

    .left-slidebox ul li:first-child {
        border-top: 1px solid #e5e5e5;
    }

    .left-slidebox ul li a {
        display: block;
        padding: 20px 45px;
        text-decoration: none;
        color: #464646;
        position: relative;
        text-transform: uppercase;
    }

    .left-slidebox ul li ul {
        display: none;
    }

        .left-slidebox ul li ul li a {
            font-size: 12px;
            padding: 15px 45px;
            background: #f5f4f4;
        }

    .left-slidebox ul li a img {
        position: absolute;
        right: 25px;
        top: 15px;
    }

    .left-slidebox ul li a:hover {
        background-color: #e1dfdf;
    }

    .left-slidebox ul li a.active {
        background-color: #e1dfdf;
    }

.left-slidebox .slide-bottom {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    margin-top: 50px;
}

    .left-slidebox .slide-bottom .leftarrow {
        width: 55px;
        float: left;
        padding: 15px 0;
    }

        .left-slidebox .slide-bottom .leftarrow a {
            display: block;
            text-align: center;
        }

    .left-slidebox .slide-bottom .watchicon {
        float: left;
        padding: 10px 0;
        border-left: 1px solid #e5e5e5;
        width: 270px;
    }

        .left-slidebox .slide-bottom .watchicon a {
            display: block;
            text-align: right;
            display: block;
            text-decoration: none;
            color: #464646;
        }

            .left-slidebox .slide-bottom .watchicon a img {
                vertical-align: middle;
            }

            .left-slidebox .slide-bottom .watchicon a span {
                padding-right: 15px;
            }

.close-leftside {
    position: absolute;
    top: 10px;
    right: 10px;
}

.leftside {
    display: inline-block;
    width: 100%;
}

    .leftside ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .leftside ul li {
            margin: 0px 0px 0px 0px;
            padding: 0;
            display: block;
            float: left;
            width: 16.6%;
        }

            .leftside ul li a {
                margin: 0;
                padding: 15px 0px 12px 0px;
                display: block;
                font-size: 16px;
                color: #000;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
                text-decoration: none;
                font-family: 'robotoregular';
                border-right: 1px solid #CCCCCC;
                border-top: solid 3px #fff;
            }

                .leftside ul li a:hover {
                    color: #FE4080;
                    border-top: 3px solid #FE4080;
                    padding: 15px 0px 12px 0px;
                }

            .leftside ul li span {
                margin: 0;
                padding: 12px 15px;
                display: block;
                font: normal 700 16px/18px arial;
                color: #cf5b1e;
                background: url(loginimages/wbg.png) 0 0;
            }
/*------------------------For left Side menu Slide Css End here------------------------*/


/*------------------------Home Partitions Start Here-------------------------*/
.left-box {
    position: relative;
    width: 54%;
    float: left;
    height: auto;
}

    .left-box h1 {
        position: relative;
        float: left;
        color: #fff;
        font-size: 72px;
        font-family: 'JuliusSansOne-Regular';
        line-height: 70px;
    }

    .left-box p {
        position: relative;
        float: left;
        color: #fff;
        font-size: 24px;
        padding: 20px 0px;
        font-family: 'futura';
        line-height: 30px;
    }

.logo {
    position: absolute;
    left: 20px;
    top: 0px;
    width: 153px;
    height:53px;
    background: url(../loginimages/logo.png) no-repeat;
    background-size: contain;
    background-position: center center;
}

.right-box {
    /*min-width: 300px;*/
    padding: 20px;
    position: relative;
    float: right;
    background: #fff;
    width: 29%;
    border-radius: 30px;
}

    .right-box .boat-logo {
        position: relative;
        float: left;
        width: 100%;
        min-height: 80px;
        background: url(../loginimages/boat.png) no-repeat;
        background-size:;
        background-position: left top;
    }

    .right-box h1 {
        margin-bottom: 25px;
        position: relative;
        float: left;
        color: #000;
        font-family: 'ss-light';
        font-size: 36px;
    }

    .right-box h2 {
        margin-bottom: 25px;
        position: relative;
        color: #000;
        font-family: 'ss-light';
        font-size: 30px;
        text-align: center;
        font-weight: 700;
        background: url(../loginimages/signup.gif) no-repeat 200px 5px;
        padding-right: 20px;
    }

    .right-box .signup {
        color: #fff;
        font-family: 'ss-light';
        font-size: 16px;
        width: 65px;
        font-weight: 700;
        text-decoration: none;
        padding: 8px 12px 8px 40px;
        display: block;
        background: url(../loginimages/signup-png.png) no-repeat 9px 6px #E5412D;
        float: right;
        margin-right: 10px;
    }

        .right-box .signup:hover {
            background: url(../loginimages/signup-png.png) no-repeat 9px -20px #399DF3;
        }

    .right-box table tr td label {
        display: block;
        font-weight: 400;
        font-size: 14px;
        outline: 0;
        background: #fff;
        width: 95%;
        max-width: 280px;
        font-family: 'robotoregular';
        height: 20px;
        color: #918A90;
    }

    .right-box .inp {
        font-size: 14px;
        padding: 5px 6px;
        border: 0px;
        outline: none;
        font-family: 'robotoregular';
        width: 95%;
        margin: 0px 6px 25px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .right-box .inptex {
        font-size: 16px;
        padding: 12px 0px;
        font-family: 'robotoregular';
        line-height: 18px;
        font-weight: 500;
    }
/*------------------------Home Partitions End Here-------------------------*/


/*------------------------Subnav Styling Start Here-------------------------*/
.maininner {
    width: 93%;
    margin: 0 auto;
    position: relative;
}

    .maininner .subheading {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .maininner .subheading h2 {
            float: left;
            font-family: 'robotolight';
            font-size: 24px;
            color: #333333;
            margin-top: 5px;
            font: 20px arial,sans-serif;
        }

        .maininner .subheading .formsub {
            float: left;
            margin-left: 70px;
        }

            .maininner .subheading .formsub .inp {
                width: 180px;
                height: 39px !important;
                float: left;
                background: #fff;
                border: none;
                border-radius: 4px;
                font-size: 13px;
                font-family: 'robotoregular';
                color: #464646;
                padding-left: 10px;
                margin-right: 10px;
            }

            .maininner .subheading .formsub .inpsearch {
                width: 472px;
            }

            .maininner .subheading .formsub .searchButton {
                border: none;
                background: none;
                margin: 3px 0px 0 -45px;
                cursor: pointer;
                font-size: 16px;
                outline: none;
            }

            .maininner .subheading .formsub .buttonsall {
                margin-top: 0px;
                padding: 10px 40px !important;
                margin-left: 10px;
            }

        .maininner .subheading .rightbtns {
            float: right;
            position: relative;
        }

            .maininner .subheading .rightbtns ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
                float: right;
            }

                .maininner .subheading .rightbtns ul li {
                    float: left;
                }

                    .maininner .subheading .rightbtns ul li.litxttop {
                        font-size: 13px;
                        font-family: 'robotoregular';
                        color: #666666;
                        margin-top: 13px;
                    }

                    .maininner .subheading .rightbtns ul li .buttonsall {
                        margin-top: 0px;
                        padding: 10px 40px !important;
                        margin-left: 10px;
                        margin-right: 0px;
                    }

                    .maininner .subheading .rightbtns ul li:last-child .buttonsall {
                        margin-right: 0px;
                    }

            .maininner .subheading .rightbtns .orlinks {
                position: absolute;
                margin: -40px 0 0 0;
                right: 0;
            }

                .maininner .subheading .rightbtns .orlinks a {
                    float: left;
                    background: #00bef2;
                    padding: 4px 6px 5px 6px;
                    text-decoration: none;
                    font-family: 'RobotoMedium';
                    font-size: 11px;
                    color: #fff;
                    font-weight: 400;
                    text-transform: uppercase;
                    margin: 0 0 0 4px;
                    border-radius: 3px;
                }

                    .maininner .subheading .rightbtns .orlinks a:hover {
                        background: #000;
                        color: #fff;
                    }
/*------------------------Subnav Styling End Here-------------------------*/


/*------------------------White Band Start Here-------------------------*/
.whiteBand {
    background: #FFFFFF;
    height: auto;
    -moz-box-shadow: 0 4px 10px -5px #000;
    -webkit-box-shadow: 0 4px 5px -5px #000;
    box-shadow: 0 4px 5px -5px #000;
    border: #DFDFDF;
    margin-bottom: 60px;
    float: left;
    width: 100%;
}

.welc {
    float: left;
    font-family: 'robotoregular';
    font-size: 24px;
    color: #212121;
    margin-left: 60px;
    margin-top: 28px;
}

.ratelist {
    float: left;
    font-family: 'robotoregular';
    font-size: 24px;
    color: #212121;
    margin-left: 60px;
    margin-top: 28px;
    background: url(../loginimages/drop-icon.gif) no-repeat right;
    padding-right: 30px;
}

.ratelistinfo {
    float: left;
    font-family: 'robotoregular';
    font-size: 24px;
    color: #212121;
    margin-left: 60px;
    margin-top: 28px;
    padding-right: 30px;
}

.sort {
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #212121;
    margin-left: 18px;
    margin-top: 33px;
    background: url(../loginimages/drop-icon.gif) no-repeat right;
    padding-right: 30px;
}

.donetab {
    float: left;
    font-family: 'robotoregular';
    font-size: 18px;
    color: #212121;
    margin-left: 18px;
    margin-top: 22px;
}

.mobtab {
    float: left;
    font-family: 'robotoregular';
    font-size: 18px;
    color: #212121;
    margin-left: 18px;
    margin-top: 20px;
}

.mobtab1 {
    float: left;
    font-family: 'robotoregular';
    font-size: 18px;
    color: #212121;
    margin-left: 18px;
    margin-top: 20px;
}

.checkout {
    float: right;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #000000;
    margin-bottom: 18px;
    width: 430px;
}

    .checkout .text {
        float: left;
        margin-top: 28px;
        margin-right: 20px;
    }

    .checkout .mobtab {
        float: left;
        margin-top: 26px;
        margin-right: 20px;
    }

    .checkout .mobtab1 {
        float: left;
        margin-top: 28px;
        margin-right: 32px;
    }

    .checkout .buttons {
        float: left;
        font-family: 'robotoregular';
        font-size: 14px;
        color: #fff;
        margin: 18px 10px 0 0;
        background: #399DF3;
        border-radius: 50px;
        padding: 10px 22px;
        font-weight: 400;
        text-transform: uppercase;
        cursor: pointer;
        border: none;
        outline: none;
    }

        .checkout .buttons:hover {
            background: #3F51B5;
        }

.checkout1 {
    float: right;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #000000;
    margin-bottom: 18px;
}

    .checkout1 .buttons2 {
        float: left;
        font-family: 'robotoregular';
        font-size: 14px;
        color: #fff;
        margin: 18px 10px 0 0;
        background: #399DF3;
        border-radius: 50px;
        height: 42px;
        padding: 15px 25px 5px 25px;
        font-weight: 400;
        text-transform: uppercase;
    }

.checkout2 {
    float: right;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #000000;
    margin-bottom: 18px;
}

    .checkout2 .text {
        float: left;
        margin-top: 28px;
        margin-right: 20px;
    }

    .checkout2 .mobtab {
        float: left;
        margin-top: 26px;
        margin-right: 20px;
    }

    .checkout2 .mobtab1 {
        float: left;
        margin-top: 28px;
        margin-right: 32px;
    }

.checkout2 {
    float: right;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #000000;
}

    .checkout2 .buttons3 {
        float: left;
        font-family: 'robotoregular';
        font-size: 14px;
        color: #fff;
        margin: 18px 10px 0 0;
        background: #399DF3;
        border-radius: 50px;
        padding: 10px 22px;
        font-weight: 400;
        text-transform: uppercase;
        cursor: pointer;
        border: none;
        outline: none;
    }

        .checkout2 .buttons3:hover {
            background: #3F51B5;
        }

.bookwhite {
    position: absolute;
    z-index: 999;
}

.activewhiteband {
    position: fixed !important;
    top: 0 !important;
    width: 93% !important;
    margin-left: 0;
    padding-left: 1.6% !important;
    padding-right: 1.2% !important;
    z-index: 999999;
}
/*------------------------White Band End Here-------------------------*/


/*------------------------Main Container Start Here-------------------------*/
#text {
    font-size: 13px;
    color: #635856;
    line-height: 18px;
}

.mainContainer {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 45px;
}

    .mainContainer .detbox {
        width: 19%;
        height: 422px;
        margin: 0px 0px 14px 0px;
        -moz-box-shadow: 0 4px 10px -5px #000;
        -webkit-box-shadow: 0 4px 10px -5px #000;
        box-shadow: 0 4px 10px -5px #000;
        border: #DFDFDF 1px solid;
        background: #FFFFFF;
        display: inline-block;
        border-radius: 8px;
        vertical-align: top;
        float: left;
        margin-right: 1.2%;
    }

        .mainContainer .detbox.lastdiv {
            margin-right: 0px;
        }

        .mainContainer .detbox .title-text {
            margin: 40px 10px 0 10px;
            font-size: 20px;
            text-align: center;
            padding: 3px;
            color: #212121;
            font-family: 'robotoregular';
        }

        .mainContainer .detbox .photo {
            position: relative;
            font-size: 13px;
            margin: 5px;
            margin-top: 45px;
            color: #a8a8a8;
            text-align: center;
        }

        .mainContainer .detbox .photoRound {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            margin-right: 5px !important;
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
        }

            .mainContainer .detbox .photoRound:hover {
                box-shadow: 0 5px 3px rgba(0, 0, 0, 0.3);
            }

        .mainContainer .detbox .texts {
            position: relative;
            font-size: 14px;
            font-weight: 400;
            margin: auto;
            text-align: center;
            margin-top: 40px;
            font-family: 'robotoregular';
            color: #757575;
            width: 250px;
            line-height: 18px;
        }

    .mainContainer .locsection {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        border: 1px solid #999999;
    }

        .mainContainer .locsection:hover {
            border: 1px solid #e6403f;
        }

    .mainContainer .detbox2 {
        width: 562px;
        height: 183px;
        margin: 0px 10px 14px 10px;
        -moz-box-shadow: 0 4px 10px -5px #000;
        -webkit-box-shadow: 0 4px 10px -5px #000;
        box-shadow: 0 4px 10px -5px #000;
        border: #DFDFDF 1px solid;
        background: #FFFFFF;
        display: inline-block;
        border-radius: 5px;
        border-left: 4px solid #5B6290;
    }

        .mainContainer .detbox2 h1 {
            width: 99%;
            border-bottom: 1px solid #E0E0E0;
            height: 35px;
        }

        .mainContainer .detbox2 .title-text {
            margin: 8px 10px 0 8px;
            font-size: 20px;
            text-align: left;
            padding: 3px;
            color: #333333;
            font-family: 'robotoregular';
            float: left;
            background: url(../loginimages/check.gif) no-repeat right;
            padding-right: 20px;
        }

        .mainContainer .detbox2 .ref-text {
            margin: 8px 10px 0 25px;
            font-size: 11px;
            text-align: left;
            padding: 3px;
            color: #777777;
            font-family: 'robotoregular';
            float: left;
        }

        .mainContainer .detbox2 .ref-text2 {
            margin: 8px 10px 0 25px;
            font-size: 11px;
            text-align: left;
            padding: 3px;
            color: #777777;
            font-family: 'robotoregular';
            float: left;
        }

        .mainContainer .detbox2 .photo {
            position: relative;
            font-size: 13px;
            margin: 5px;
            margin-top: 45px;
            color: #a8a8a8;
            text-align: center;
        }

        .mainContainer .detbox2 .pills {
            float: left;
            width: 90%;
        }

            .mainContainer .detbox2 .pills ul {
                list-style: none;
                margin: 10px 15px 3px 10px;
                padding: 0;
                float: left;
                width: 45%;
                text-align: left;
            }

                .mainContainer .detbox2 .pills ul li {
                    margin: 0;
                    padding: 0;
                    float: none !important;
                    color: #7A7A7A;
                    font-size: 11px;
                    font-family: 'robotoregular';
                    line-height: 24px;
                    border-bottom: 1px solid #EEEEEE;
                    background: url(../loginimages/g-bullet.gif) no-repeat right;
                    padding-right: 30px;
                }

                    .mainContainer .detbox2 .pills ul li a {
                        margin: 0 0 1px 0 !important;
                        float: none !important;
                        color: #990000;
                        font-size: 14px;
                        padding: 2px 0 2px 7px;
                        background: none;
                        line-height: 18px !important;
                        display: block;
                    }

                        .mainContainer .detbox2 .pills ul li a:hover {
                            background: #514244;
                            color: #ffffff;
                        }

        .mainContainer .detbox2 .icons {
            float: right;
            border-left: 1px #DCDCDC solid;
            width: 52px;
            text-align: center;
            height: 182px;
        }

            .mainContainer .detbox2 .icons img {
                padding-top: 10px;
            }

        .mainContainer .detbox2 .texts {
            font-size: 12px;
            font-weight: 400;
            text-align: left;
            margin-top: 9px;
            font-family: 'robotoregular';
            color: #757575;
            padding-left: 10px;
            padding-top: 5px;
        }
/*------------------------Main Container End Here-------------------------*/


/*------------------------Rate quotation Page Styling Start Here-------------------------*/
.whitehead {
    width: 100%;
    height: 80px;
    background: #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 0 1.7%;
    box-shadow: 0 0 42px -5px #B8B8B8;
    margin-bottom: 21px;
}

    .whitehead ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .whitehead ul li {
            float: left;
            margin-right: 20px;
            margin-top: 20px;
        }

            .whitehead ul li a {
                text-decoration: none;
                color: #8991a2;
                font-family: 'robotobold';
                font-size: 11px;
                text-transform: uppercase;
                letter-spacing: 1px;
                display: block;
                float: left;
            }

                .whitehead ul li a .iconarea {
                    width: 40px;
                    height: 40px;
                    background: #eeeeee;
                    border-radius: 100px;
                    float: left;
                    position: relative;
                    overflow: hidden;
                }

                .whitehead ul li a span {
                    float: left;
                    margin: 14px 0 0 11px;
                }

                .whitehead ul li a:hover {
                    color: #000;
                }

                    .whitehead ul li a:hover img {
                        margin-top: -40px;
                    }

.fullviewform {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 0 0 42px -5px #B8B8B8;
    margin-bottom: 0px;
}

    .fullviewform .formhead {
        width: 100%;
        height: 40px;
        border-radius: 7px 7px 0px 0px;
        -moz-border-radius: 7px 7px 0px 0px;
        -webkit-border-radius: 7px 7px 0px 0px;
        padding: 0 1.7%;
        position: relative;
        overflow: hidden;
        font-size: 12px;
        color: #fff;
        font-family: 'robotobold';
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 25px;
    }

        .fullviewform .formhead img {
            margin-top: -40px;
            float: left;
        }

        .fullviewform .formhead span {
            float: left;
            margin: 14px 0 0 8px;
        }
    /*.fullviewform .formpad{padding:0 1.7%; float:left; width:100%;}*/
    .fullviewform .formpad {
        padding: 0 0%;
        float: none;
        margin: 0 auto;
        width: 91.1%;
    }

    .fullviewform .leftform {
        width: 48%;
        float: left;
        margin-bottom: 25px;
    }

    .fullviewform .rightform {
        width: 48%;
        float: right;
        margin-bottom: 25px;
    }

    .fullviewform .formstable {
        font-size: 14px;
        color: #000;
        font-family: 'RobotoMedium';
    }

        .fullviewform .formstable td {
            vertical-align: top !important;
            padding-bottom: 5px;
        }

            .fullviewform .formstable td.lefttd {
                padding-top: 9px;
            }

            .fullviewform .formstable td.tdtext {
                font-size: 13px;
                font-family: 'robotoregular';
                color: #666666;
            }

            .fullviewform .formstable td.extrapadding {
                padding: 15px 0 20px 0px;
            }

            .fullviewform .formstable td.extrapadding1 {
                padding: 15px 0 10px 0px;
            }

            .fullviewform .formstable td.extrapadding2 {
                padding: 15px 0 0px 0px;
            }

            .fullviewform .formstable td.extrapaddingbtm {
                padding: 0px 0 20px 0px;
            }

            .fullviewform .formstable td.valignmid {
                vertical-align: middle !important;
            }

            .fullviewform .formstable td .smalltext {
                font-size: 11px;
                color: #999999;
                margin: 11px 0 0px 0px;
                float: left;
            }

            .fullviewform .formstable td .marleftop {
                margin: 9px 0 0 8px;
                float: left;
            }

            .fullviewform .formstable td .martbhead {
                float: left;
                margin: 5px 0 15px 0px;
            }

            .fullviewform .formstable td .cross {
                margin: 11px 12px 0 12px;
                float: left;
            }

    .fullviewform .cargodetailstable {
        width: 100%;
        margin-bottom: 2px;
    }

        .fullviewform .cargodetailstable .tbhead {
            background: #E3F7FF;
            border-bottom: solid 1px #d6dae1;
        }

            .fullviewform .cargodetailstable .tbhead td {
                font-size: 14px;
                text-transform: uppercase;
                color: #8991a2;
                font-family: 'RobotoMedium';
                padding-top: 15px;
                padding-bottom: 18px;
                text-align: center;
            }

        .fullviewform .cargodetailstable .tdheadplstatus td {
            color: #000;
        }

        .fullviewform .cargodetailstable td {
            font-size: 12px;
            color: #333333;
            font-family: 'robotolight';
            text-align: left;
            padding: 2px 0 2px 25px;
            text-transform: uppercase;
        }

        .fullviewform .cargodetailstable td {
            font-size: 12px;
            color: #000000 !important;
            font-family: 'robotoregular';
            text-align: left;
            padding: 4px 5px 8px 25px;
            text-transform: uppercase;
        }
        /*Infox 15 Start*/
        .fullviewform .cargodetailstable th {
            font-size: 12px;
            text-transform: uppercase;
            color: #183544;
            font-family: 'RobotoMedium';
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 25px;
            text-align: left;
        }
        /*Infox 15 End*/
        .fullviewform .cargodetailstable td .removelist {
            width: 25px;
            height: 25px;
            position: relative;
            overflow: hidden;
            margin: 0px 0 0 0px;
            display: inline-block;
            float: left;
        }

            .fullviewform .cargodetailstable td .removelist:hover img {
                margin-top: -25px;
            }

        .fullviewform .cargodetailstable td .grayline {
            background: #f5f7f8;
        }

    .fullviewform .cargototal {
        width: 100%;
        border-top: solid 1px #dee1e7;
    }

        .fullviewform .cargototal td {
            font-size: 15px;
            font-family: 'robotolight';
            color: #000000;
            padding: 25px 0px;
            vertical-align: middle;
        }

            .fullviewform .cargototal td span {
                float: left;
                margin: 10px 11px 0 0px;
            }

            .fullviewform .cargototal td .subtxt {
                font-size: 12px;
                color: #666666;
                margin-left: 9px;
                margin-right: 15px;
            }

    .fullviewform .pltable .arlink {
        background: #00bef2;
        color: #fff;
        font-size: 11px;
        text-decoration: none;
        padding: 5px 15px;
        padding: 5px 13px;
        border-radius: 10px;
        margin-left: -11px;
    }

    .fullviewform .sellbuy {
        margin: 0 auto;
    }

        .fullviewform .sellbuy td {
            font-size: 13px;
            font-family: 'RobotoMedium';
            color: #a2a2a2;
        }

        .fullviewform .sellbuy .buy {
            color: #000;
        }

    .fullviewform .profitmar {
        font-size: 13px;
        font-family: 'robotoregular';
        color: #666666;
        margin-top: 24px;
        float: left;
    }

        .fullviewform .profitmar span {
            color: #f35958;
        }

    .fullviewform .chargestbl td {
        font-size: 14px;
        color: #000;
        text-transform: none;
        vertical-align: middle;
    }

        .fullviewform .chargestbl td .inpdefault {
            height: 30px;
        }

    .fullviewform .chargesbor {
        border-top: solid 1px #dee1e7;
        padding-top: 50px;
        margin-top: 10px;
    }

    .fullviewform .booking-routingtable td {
        padding-right: 10px;
    }

    .fullviewform .booking-routingtable span {
        padding-bottom: 10px;
        display: inline-block;
    }

    .fullviewform .printonbltable td {
        padding: 14px 0px !important;
    }

    .fullviewform .time {
        float: left;
        margin: 9px 11px 0 10px;
    }

    .fullviewform .invoicetbl td {
        vertical-align: middle;
    }

.inpdefault {
    width: 95%;
    height: 32px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 13px !important;
    color: #666666 !important;
    font-family: 'robotoregular' !important;
    padding-left: 3% !important;
    outline: none;
    line-height: 25px;
}

    .inpdefault:focus {
        border: solid 1px #a1a1a1 !important;
    }

.subdiv {
    position: absolute;
    left: 0%;
    top: 0;
    width: 95%;
    padding-left: 5%;
}

.subdiv1 {
    display: block;
}

.subdiv2, .subdiv3, .subdiv4, .subdiv5, .subdiv6, .subdiv6, .subdiv7, .subdiv8, .subdiv9, .subdiv10, .subdiv11, .subdiv12 {
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .inpdefault::-ms-expand {
        display: none;
    }

    .inpdefault {
        border: solid 1px #dddddd;
        background: url(../loginimages/select-arrow.png) no-repeat right 12px;
    }

        .inpdefault::-ms-value {
            background: none;
            color: #666666 !important;
        }

    .yellowselect::-ms-value {
        background: none;
        color: #666666 !important;
    }

    .yellowselect {
        background: url(../loginimages/select-arrow.png) no-repeat right 12px #fefeea !important;
    }

    .disableinp {
        padding-bottom: 4px;
    }

    .blueinp {
        padding-bottom: 4px;
    }

    .whiteinp {
        padding-bottom: 3px;
        background: #fff;
    }

    .labelcheckforp-l {
        margin-top: -32px !important;
    }

    .freightchk {
        top: -12px !important;
    }

    .whiteinpie {
        background: url(../loginimages/select-arrow.png) no-repeat right 12px #fff !important;
    }
}

.disableinp {
    border: none;
    background: #eeeeee;
    /*border: solid 1px #FFF !important;
    border-top: solid 1px #dddddd !important;*/
    border: solid 1px #FFF;
    border-top: solid 1px #dddddd;
}
/*.textareaheight{height:133px;}*/
.textareaheight {
    height: 75px;
}

.textareawidth {
    width: 96.1%;
}

.calendarinp {
    background: url(../loginimages/calander-icon.jpg) no-repeat right center #fff !important;
    border: solid 1px #dddddd !important;
}

.helpicon {
    background: url(../loginimages/help-icon.png) no-repeat right center #eeeeee !important;
}

.whiteinp {
    border: solid 1px #dddddd !important;
}

.inpcharges {
    margin-left: 15px;
    text-align: right;
    padding-right: 10px;
}

.buleborinp {
    border: solid 1px #00bef2 !important;
}

.customernote {
    width: 91%;
    border: solid 1px #bfd4de;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background: #ebf6fb;
    padding: 2%;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #246a8e;
    line-height: 18px;
    margin-top: 70px;
}

    .customernote strong {
        font-weight: 700;
    }

.errormsg {
    width: 91%;
    border: solid 1px #f8cdcd;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background: #fff6f4;
    padding: 2%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #e76e70;
    line-height: 18px;
    margin-top: 70px;
}

    .errormsg strong {
        font-weight: 700;
    }

.notefull {
    margin-top: 0px !important;
    padding: 0.7% !important;
    width: 100% !important;
    margin-bottom: 20px;
}

.popup {
    /*width: 850px !important;*/
    position: relative !important;
    background: #fff !important;
    display: block !important;
}

    .popup .popuphead {
        width: 100%;
        height: 81px;
        font-size: 24px;
        font-family: 'robotolight';
        color: #fff;
        padding-left: 5%;
        line-height: 81px;
        margin-bottom: 47px;
        margin-top: 28px;
    }

    .popup .popuparea {
        width: 775px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

        .popup .popuparea table td {
            vertical-align: middle;
            font-family: 'RobotoMedium';
            font-size: 12px;
            color: #000;
            margin: 0 0 15px 0px;
        }

    .popup .buttonarea {
        width: 100%;
        height: 104px;
        background: #f8f8f8;
        padding-top: 14px;
        padding-right: 34px;
    }

        .popup .buttonarea .reset {
            font-size: 14px;
            font-family: 'RobotoMedium';
            color: #f35958;
            background: none;
            border: none;
            margin: 26px 0 0 5px;
            outline: none;
            cursor: pointer;
        }

    .popup .popuptablehead td {
        background: #f6f6f6;
        text-transform: uppercase;
        color: #9fa2a5 !important;
        font-family: 'RobotoMedium' !important;
        font-size: 14px !important;
        padding: 37px 0 20px 0px;
    }

    .popup .tablescroll {
        width: 850px;
        height: 400px;
        position: relative;
        margin-top: 5px;
    }

.tableforaddviewnote .popuptablehead td {
    padding: 20px 0px;
}

.popup .popuptabletd td {
    font-size: 13px;
    font-family: 'robotoregular' !important;
    color: #333333;
    padding: 20px 0px;
    border-bottom: solid 1px #d9d9d9;
}

    .popup .popuptabletd td.redclr {
        text-transform: uppercase !important;
    }

    .popup .popuptabletd td.remarkon {
        color: #999999;
    }

.popup .printtablehead td {
    color: #000 !important;
}

.popup .printtable td {
    border-bottom: solid 1px #cccccc !important;
    padding: 11px 0px 16px 0px !important;
}

.removelisticon {
    width: 25px;
    height: 25px;
    position: relative;
    overflow: hidden;
    margin: 0px 0 0 0px;
    display: inline-block;
    float: left;
}

    .removelisticon:hover img {
        margin-top: -25px;
    }

.removelisticon1 {
    width: 26px;
    height: 25px;
    position: relative;
    overflow: hidden;
    margin: 3px 0 0 0px;
    display: inline-block;
}

    .removelisticon1:hover img {
        margin-top: -25px;
    }

.addcargo .popuptabletd td {
    padding: 8px 0px 11px 0px;
    border: none;
}

.addcargo .popuptabletd .greyband {
    background: #f5f7f8;
}

.alphaul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-bottom: 40px;
    margin-top: 5px;
}

    .alphaul li {
        float: left;
    }

        .alphaul li a {
            text-decoration: none;
            text-transform: uppercase;
            color: #666666;
            font-size: 13px;
            padding: 5px 8px;
            font-family: 'RobotoBold';
            display: block;
            border-radius: 5px;
        }

            .alphaul li a:hover {
                background: #00bef2;
                color: #fff;
            }

img[src="loginimages/plussign.jpg"] {
    height: 32px;
}

.plstatushead td {
    vertical-align: middle;
}

/*------------------------Rate quotation Page Styling End Here-------------------------*/

/*------------------------Rate quotation Listing Page Styling Start Here-------------------------*/
.ratequatewhitearea {
    background: #fff;
    box-shadow: 0 0 5px #ccc;
    padding: 25px 23px;
}

    .ratequatewhitearea .inpquotelist {
        width: 90px;
        padding-left: 10px !important;
        background: #d0d0d0 !important;
        font-size: 14px !important;
        margin-right: 7px;
    }

.rightpaging {
    float: right;
}

    .rightpaging span {
        float: left;
        font-size: 14px;
        font-family: 'robotoregular';
        color: #5e5e5e;
        margin: 12px 27px 0 0px;
    }

    .rightpaging .rigtleftarrow {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: left;
    }

        .rightpaging .rigtleftarrow li {
            float: left;
            width: 37px;
            height: 37px;
            margin-right: 1px;
        }

            .rightpaging .rigtleftarrow li a {
                text-decoration: none;
                width: 37px;
                height: 37px;
                display: block;
                float: left;
                background: #d0d0d0;
                border-right: solid 1px #b1b4b9;
                border-radius: 4px 0 0 4px;
            }

            .rightpaging .rigtleftarrow li:last-child a {
                border-right: none;
                border-radius: 0px 4px 4px 0px;
            }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ratequatewhitearea .inpquotelist {
        background: none !important;
        background: url(../loginimages/select-arrow.png) no-repeat right 12px #d0d0d0 !important;
    }
}

.rightpaging .viewsort {
    float: left;
    margin-left: 15px;
}

    .rightpaging .viewsort ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .rightpaging .viewsort ul li {
            float: left;
            width: 37px;
            height: 37px;
            background: #d0d0d0;
            border-radius: 4px 0 0 4px;
            overflow: hidden;
        }

            .rightpaging .viewsort ul li img {
                margin-top: 2px;
            }

            .rightpaging .viewsort ul li:hover {
                background: url(../loginimages/icon-hover.png) no-repeat left top;
                background-size: cover;
            }

            .rightpaging .viewsort ul li:last-child {
                border-radius: 0px 4px 4px 0px;
            }

    .rightpaging .viewsort .activeli {
        background: url(../loginimages/icon-hover.png) no-repeat left top !important;
        background-size: cover !important;
    }

.ratelistingtable .ratelistinghead td {
    font-size: 14px;
    font-family: 'robotobold';
    color: #fff;
    text-transform: uppercase;
    padding: 14px 0px;
    background: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
}

.ratelistingtable .spacer td {
    background: none;
    padding: 0px;
    box-shadow: none !important;
    background: none !important;
}

.ratelistingtable td {
    background: #fff;
    padding: 25px 0px;
    font-family: 'robotolight';
    font-size: 13px;
    vertical-align: middle;
}

    .ratelistingtable td .iconlist {
        width: 40px;
        height: 40px;
        float: left;
        border-radius: 20px;
        border: solid 3px #88d68f;
    }

        .ratelistingtable td .iconlist img {
            width: 36px;
        }

    .ratelistingtable td table td {
        padding: 0px;
        box-shadow: none !important;
    }

    .ratelistingtable td .flighttext {
        float: left;
        font-size: 13px;
        font-family: 'robotoregular';
        color: #999999;
        margin: 0px 0 0 13px;
        line-height: 18px;
    }

        .ratelistingtable td .flighttext span {
            font-family: 'robotobold';
            color: #000;
        }

    .ratelistingtable td .viewall {
        font-size: 11px;
        font-family: 'robotoregular';
        color: #3c3d41;
        border: solid 1px #dddddd;
        background: none;
        padding: 3px 13px;
        border-radius: 20px;
        cursor: pointer;
        text-decoration: none;
        outline: none;
    }

        .ratelistingtable td .viewall:hover {
            color: #fff;
            background: #00bef2;
            border: solid 1px #00bef2;
        }
    /*.ratelistingtable tr:hover{box-shadow:3.5px 1px 6px #ccc; background:#fbfbfb;}*/

    .ratelistingtable td:first-child {
        border-radius: 10px 0px 0px 10px;
    }

    .ratelistingtable td:last-child {
        border-radius: 0px 10px 10px 0px;
    }

.ratelistingtable .font13 {
    font-size: 13px !important;
}

.ratelistingtable .font14 {
    font-size: 14px !important;
}

.ratelistingtable .font18 {
    font-size: 18px !important;
}

.ratelistingtable .fontregular {
    font-family: 'robotoregular' !important;
}

.shipmentlisttable {
}

    .shipmentlisttable tr:hover td {
        box-shadow: none;
        background: #fff;
    }

    .shipmentlisttable .compname {
        font-size: 20px;
        color: #000;
        font-family: 'robotolight';
    }

        .shipmentlisttable .compname span {
            font-size: 13px;
            color: #d0d0d0;
        }

    .shipmentlisttable .shipicons td {
        padding-right: 7px;
    }

    .shipmentlisttable .shipmenticons {
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
    }

        .shipmentlisttable .shipmenticons a {
            display: block;
        }

            .shipmentlisttable .shipmenticons a:hover .hovericon {
                display: block;
            }

        .shipmentlisttable .shipmenticons img {
            width: 100%;
        }

        .shipmentlisttable .shipmenticons .hovericon {
            position: absolute;
            z-index: 9999;
            left: 0;
            top: 0;
            display: none;
        }

        .shipmentlisttable .shipmenticons .activeicon .hovericon {
            display: block;
        }

    .shipmentlisttable .documentpending {
        width: 86%;
        float: right;
        border: solid 3px #88d68f;
        border-radius: 10px;
        padding: 9px 0px;
        margin-right: 12%;
    }

        .shipmentlisttable .documentpending .numberofdoc {
            float: left;
            font-size: 36px;
            font-family: 'robotolight';
            color: #999999;
            margin: 0 0 0 7%;
        }

        .shipmentlisttable .documentpending .pendingtext {
            float: left;
            font-size: 13px;
            font-family: 'robotoregular';
            color: #999999;
            line-height: 16px;
            margin-top: 2px;
            margin-left: 5%;
        }

            .shipmentlisttable .documentpending .pendingtext span {
                color: #000;
                font-family: 'robotobold';
            }

    .shipmentlisttable .documentcomplete .pendingtext {
        color: #CBCACA;
    }

        .shipmentlisttable .documentcomplete .pendingtext span {
            color: #B4B3B3;
        }

    .shipmentlisttable td:first-child {
        border-radius: 10px 0px 0px 0px;
    }

    .shipmentlisttable td:last-child {
        border-radius: 0px 10px 0px 0px;
    }

    .shipmentlisttable .toggletd {
        border-radius: 0px 0px 10px 10px !important;
    }

    .shipmentlisttable .quickviewtb td {
        padding: 0px;
    }

    .shipmentlisttable .quickviewtable td {
        border-top: solid 1px #ebeced;
        padding: 0px 0 10px 0px;
    }

    .shipmentlisttable .quicklink {
        font-size: 13px;
        color: #4891dc;
        font-family: 'robotoregular';
        text-decoration: none;
    }

        .shipmentlisttable .quicklink span {
            margin: 20px 0 0 9px;
            color: #4891dc !important;
            float: left;
        }

    .shipmentlisttable .activequick img {
        margin-top: -28px;
    }

    .shipmentlisttable .activequick .openbtn {
        border: solid 3px #88d68f;
    }

    .shipmentlisttable .openbtn {
        width: 34px;
        height: 34px;
        float: left;
        border: solid 3px #e5e9ec;
        border-radius: 7px;
        overflow: hidden;
        margin-top: 10px;
    }

        .shipmentlisttable .openbtn img {
            float: left;
            width: 100%;
        }

    .shipmentlisttable .shipul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        margin-top: 12px;
    }

        .shipmentlisttable .shipul li {
            float: left;
            margin-right: 17px;
        }

            .shipmentlisttable .shipul li a {
                text-decoration: none;
                font-size: 13px;
                font-family: 'robotoregular';
                color: #666666;
            }

                .shipmentlisttable .shipul li a img {
                    float: left;
                    margin: 0px 7px 0 0px;
                }

                .shipmentlisttable .shipul li a span {
                    color: #4891dc;
                }

                .shipmentlisttable .shipul li a.singlelink img {
                    margin-top: -2px;
                }

    .shipmentlisttable .onboard {
        font-size: 13px;
        font-family: 'robotobold';
    }

        .shipmentlisttable .onboard span {
            margin-top: 9px;
            float: right;
            color: #666666;
            margin-right: 12%;
        }

    .shipmentlisttable .detailshipment {
        display: none;
    }

        .shipmentlisttable .detailshipment td {
            background: #f5f5f5 !important;
            border-radius: 0px !important;
        }

    .shipmentlisttable .shipment-detail td {
        padding: 35px 37px 35px 37px;
        border-right: solid 1px #dfdfdf;
        vertical-align: top !important;
    }

        .shipmentlisttable .shipment-detail td h1 {
            font-size: 13px;
            font-family: 'robotoregular';
            color: #666666;
            text-transform: uppercase;
            background: url(../loginimages/h1-bor.jpg) no-repeat left bottom;
            padding-bottom: 14px;
            margin-bottom: 29px;
        }

    .shipmentlisttable .routing-information td {
        font-size: 13px;
        font-family: 'robotoregular';
        color: #999999;
        padding: 0px;
        border: none;
        line-height: 19px;
        padding-bottom: 20px;
        padding-right: 20px;
    }

        .shipmentlisttable .routing-information td span {
            color: #000;
            text-transform: uppercase;
        }

    .shipmentlisttable .cancel-reinstate td {
        padding-bottom: 10px;
    }

    .shipmentlisttable .detailafterclick {
        padding-bottom: 0px !important;
    }

.detailafterclick .detailshipment td {
    border-radius: 0 0 10px 10px !important;
}


.ratequatewhiteareapager {
    background: #ffffff;
    padding: 25px 23px;
    border-radius: 9px;
}

    .ratequatewhiteareapager .legends {
        float: left;
    }

        .ratequatewhiteareapager .legends .leghead {
            height: 60px;
            line-height: 60px;
            text-transform: uppercase;
            font-family: 'robotoregular';
            font-size: 12px;
            float: left;
        }

            .ratequatewhiteareapager .legends .leghead img {
                float: right;
                margin-left: 19px;
            }

    .ratequatewhiteareapager .legul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: left;
        margin-top: 22px;
        margin-left: 16px;
    }

        .ratequatewhiteareapager .legul li {
            float: left;
            text-transform: uppercase;
            font-family: 'robotoregular';
            font-size: 12px;
            color: #999999;
            margin-right: 16px;
        }

            .ratequatewhiteareapager .legul li img {
                float: left;
                margin: -13px 3px 0 0px;
            }

.cardview {
    width: 48%;
    background: #fff;
    border-radius: 9px;
    margin-bottom: 34px;
    border-left: solid 8px #00bef2;
    position: relative;
}

    .cardview .otherdetailsarea {
        width: 80.7%;
        margin-left: 5%;
    }

        .cardview .otherdetailsarea h1 {
            float: left;
            font-size: 24px;
            color: #3a3d3f;
            font-family: 'robotolight';
            margin: 22px 0 40px 0px;
        }

        .cardview .otherdetailsarea h2 {
            font-size: 18px;
            color: #000;
            font-family: 'robotobold';
            margin: 0px 0 25px 0px;
        }

            .cardview .otherdetailsarea h2 span {
                color: #999999;
                font-family: 'robotoregular';
            }

        .cardview .otherdetailsarea .headul {
            margin: 0px;
            padding: 0px;
            list-style: none;
            float: right;
            margin-top: 29px;
        }

            .cardview .otherdetailsarea .headul li {
                float: left;
                font-family: 'robotoregular';
                font-size: 14px;
                color: #B5B5B5;
                margin-right: 18px;
            }

                .cardview .otherdetailsarea .headul li span {
                    color: #000;
                    font-family: 'robotolight';
                }

                .cardview .otherdetailsarea .headul li:last-child {
                    margin-right: 0px;
                }

        .cardview .otherdetailsarea .ulbx {
            width: 44%;
            margin-bottom: 20px;
        }

            .cardview .otherdetailsarea .ulbx ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

                .cardview .otherdetailsarea .ulbx ul li {
                    font-size: 14px;
                    font-family: 'robotoregular';
                    color: #666666;
                    border-bottom: solid 1px #ebeced;
                    padding-bottom: 12px;
                    margin-bottom: 12px;
                }

                    .cardview .otherdetailsarea .ulbx ul li:last-child {
                        border-bottom: none;
                    }

                    .cardview .otherdetailsarea .ulbx ul li img {
                        float: right;
                        width: 21px;
                        margin-top: -4px;
                    }

    .cardview .iconarea {
        width: 9%;
        height: 100%;
        background: #f9f9f9;
        border-left: solid 1px #eaebec;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 9px 9px 0px;
        text-align: center;
    }

        .cardview .iconarea ul {
            margin-top: 35px;
        }

        .cardview .iconarea li {
            margin-bottom: 27px;
        }

.singlecardview {
    width: 100% !important;
}

    .singlecardview .otherdetailsarea {
        width: 91.7% !important;
        margin-left: 2% !important;
    }

        .singlecardview .otherdetailsarea .ulbx {
            width: 48%;
        }

    .singlecardview .iconarea {
        width: 4%;
    }

    .singlecardview .otherdetailsarea .headul {
        float: right !important;
        margin-top: 29px !important;
    }
/*------------------------Rate quotation Listing Page Styling End Here-------------------------*/


/*------------------------Rate Quote and Others List Start Here-------------------------*/
.form {
    width: 95%;
    margin: 0 auto;
    background: #FFFFFF;
    -moz-box-shadow: 0 4px 10px -5px #000;
    -webkit-box-shadow: 0 4px 10px -5px #000;
    box-shadow: 0 4px 10px -5px #000;
    border: #DFDFDF;
}

    .form table {
        width: 100%;
    }

        .form table tr td {
            padding: 20px 0;
            border-bottom: 1px solid #E4E4E4;
            vertical-align: middle;
            text-align: left;
            font-weight: 400;
            font-size: 14px;
            color: #212121;
            font-family: 'robotoregular';
            padding-left: 20px;
        }

        .form table tr:hover {
            background: #FBFBFB;
        }

        .form table tr td span {
            color: #C00;
            padding-left: 5px;
        }

        .form table tr td input {
            padding: 2px 5px;
            border: 1px solid #aaa;
            font-weight: 400;
            font-size: 13px;
            outline: 0;
            background: #fff;
            width: 95%;
            max-width: 280px;
            font-family: 'robotoregular';
        }

        .form table tr td .txtArea {
            padding: 2px 5px;
            border: 1px solid #aaa;
            font-weight: 400;
            font-size: 13px;
            outline: 0;
            background: #fff;
            width: 95%;
            max-width: 280px;
            font-family: 'robotoregular';
        }

        .form table tr td .button {
            padding: 8px 18px;
            border: 1px solid #FBFBFB;
            font-weight: 400;
            font-size: 14px;
            font-family: 'robotoregular';
            text-align: center;
            color: #212121;
            cursor: pointer;
            text-decoration: none;
        }

            .form table tr td .button:hover {
                padding: 8px 18px;
                border: 1px solid #DDDDDD;
                font-weight: 400;
                font-size: 14px;
                outline: 0;
                background: #FBFBFB;
                width: auto !important;
                font-family: 'robotoregular';
                text-align: center;
                color: #212121;
                cursor: pointer;
                border-radius: 50px;
                text-decoration: none;
            }

        .form table tr td table tr td {
            padding: 0px 0;
            border-bottom: 0px solid #ccc;
            vertical-align: top;
            text-align: left;
        }

    .form .heads {
        padding: 20px 0;
        border-bottom: 1px solid #E4E4E4;
        vertical-align: middle;
        text-align: left;
        font-size: 16px;
        font-weight: 700;
        background: #fff !important;
        border-left: 1px solid #EEEEEE;
        padding-left: 20px;
        text-transform: uppercase;
    }

    .form table tr td img {
        float: left;
        margin-right: 20px;
        padding-bottom: 10px;
    }

    .form table tr td h2 {
        font-family: 'robotoregular';
        font-size: 14px;
        color: #1F1F1F;
        font-weight: 600;
    }

    .form table tr td ul {
        list-style: none;
        margin: 10px 0 3px 0;
        padding: 0;
        float: left;
        width: 50%;
        vertical-align: top;
    }

        .form table tr td ul li {
            margin: 0;
            padding: 0;
            float: none !important;
            color: #7A7A7A;
            font-size: 11px;
            font-family: 'robotoregular';
            line-height: 18px;
        }

            .form table tr td ul li a {
                margin: 0 0 1px 0 !important;
                float: none !important;
                color: #990000;
                font-size: 14px;
                padding: 2px 0 2px 7px;
                background: none;
                line-height: 18px !important;
                display: block;
            }

                .form table tr td ul li a:hover {
                    background: #514244;
                    color: #ffffff;
                }
/*------------------------Rate Quote and Others List End Here-------------------------*/


/*------------------------Rate Quote indicators Start Here-------------------------*/
.toplinks {
    width: 900px;
    height: 41px;
    margin: 0 auto;
    margin-bottom: 30px;
}

    .toplinks ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        float: right;
        margin-right: 15px;
        margin-top: 5px;
    }

        .toplinks ul li {
            float: left;
            padding: 15px 25px 15px 24px;
            font-size: 11px;
            font-family: 'robotoregular';
            color: #4F4F4F;
        }

            .toplinks ul li a {
                color: #4F4F4F;
                text-decoration: none;
                font-size: 12px;
                font-family: 'robotoregular';
                padding: 0px 0;
                margin: 0 8px;
                transition: 0.3s ease;
            }

                .toplinks ul li a:hover {
                    color: #DDCB67;
                    text-decoration: none;
                    border-top: 1px solid #ffffff;
                    border-bottom: 1px solid #ffffff;
                    padding: 7px 0;
                }
/*------------------------Rate Quote indicators End Here-------------------------*/


/*------------------------Form Page Styling Start Here-------------------------*/
form {
    font-family: 'ss-light';
    font-size: 16px;
}

.righttag {
    float: right;
    width: 68%;
    height: 30px;
}

    .righttag .titletext {
        float: left;
        margin-top: 18px;
    }

    .righttag .particulars {
        float: left;
        border: 1px solid #D5D5D5;
        width: 266px;
        margin-left: 10px;
        margin-right: 100px;
        border-radius: 8px;
    }

        .righttag .particulars ul {
            padding: 0;
            float: left;
        }

            .righttag .particulars ul li {
                list-style: none;
                float: left;
                display: block;
                border-right: 1px solid #ccc;
                color: #7A7A7A;
                font-size: 13px;
                font-family: 'robotoregular';
            }

                .righttag .particulars ul li a {
                    float: left;
                    display: block;
                    padding: 15px 26px 15px 27px;
                    text-decoration: none;
                }

                    .righttag .particulars ul li a:hover {
                        background: #ECECEC;
                        color: #FA407F;
                    }

.activetabsbl {
    background: #ECECEC !important;
    color: #FA407F !important;
}

.check {
    float: left;
    margin-top: 13px;
    margin-right: 20px;
}
/*------------------------Form Page Styling End Here-------------------------*/


/*------------------------Table Styling Start Here-------------------------*/
.table-format {
    width: 100%;
    font-size: 12px;
    border-top: solid 1px #CCCCCC;
}

    .table-format tr td {
        padding: 4px 4px 4px 4px;
        border-bottom: solid 1px #ccc;
        border-right: solid 1px #ccc;
        line-height: 14px;
        vertical-align: top !important;
    }

    .table-format .head {
        padding: 20px 4px 20px 20px;
        vertical-align: top;
        font-size: 14px;
        font-weight: 700;
        background: #EEEEEE;
    }

    .table-format .inputs {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        font-family: 'robotoregular';
        width: 90%;
        margin: 0px 6px 10px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        outline: none;
    }

        .table-format .inputs:focus {
            border: solid 1px #fac08f;
        }

    .table-format .inputs2 {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        font-family: 'robotoregular';
        width: 90%;
        margin: 0px 6px 10px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 120px;
    }

        .table-format .inputs2:focus {
            border: solid 1px #fac08f;
        }

    .table-format .inputkg {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        font-family: 'robotoregular';
        width: 60%;
        margin: 0px 6px 10px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .table-format .inputkg:focus {
            border: solid 1px #fac08f;
        }

    .table-format table tr td span {
        color: #5E5E5E;
        padding-left: 5px;
        float: left;
        padding-top: 14px;
        margin-right: 10px;
    }
/*------------------------Table Styling End Here-------------------------*/

/*------------------------Color Theme Styling Start Here-------------------------*/
.colortheme {
    position: fixed;
    left: -123px;
    top: 75px;
    width: 123px;
    background: #fff;
    padding: 10px 5px 5px 10px;
    z-index: 99999999;
}

    .colortheme span {
        color: #000;
        display: block;
        color: #8991a2;
        font-family: 'robotobold';
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 8px 0;
    }

    .colortheme p {
        float: left;
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #ff0000;
        margin: 0 5px 5px 0;
        border: 1px solid #ddd;
        cursor: pointer;
    }

        .colortheme p:hover {
            border: 1px solid #666 !important;
        }

        .colortheme p.blue {
            background: #00bef2;
        }

        .colortheme p.red {
            background: #f1521b;
        }

        .colortheme p.yellow {
            background: #fdba0b;
        }

        .colortheme p.green {
            background: #80cd29;
        }

    .colortheme .thbut {
        position: absolute;
        background: #fff;
        top: 0;
        right: -46px;
        border-left: 1px solid #e5e9ec;
        padding: 7px 7px 3px 7px;
        border-radius: 0 7px 7px 0;
        -moz-border-radius: 0 7px 7px 0;
        -webkit-border-radius: 0 7px 7px 0;
        cursor: pointer;
    }

    .colortheme .thbutclose {
        position: absolute;
        background: #fff;
        font-family: 'robotoregular';
        font-size: 16px;
        top: 0;
        right: -27px;
        border-left: 1px solid #e5e9ec;
        padding: 5px 8px;
        border-radius: 0 7px 7px 0;
        -moz-border-radius: 0 7px 7px 0;
        -webkit-border-radius: 0 7px 7px 0;
        cursor: pointer;
        display: none;
    }

.colselected {
    border: 1px solid #666 !important;
}
/*------------------------Color Theme Styling End Here-------------------------*/

/*------------------------Main Form Start Here-------------------------*/
.mainform .inp:focus {
    border: solid 1px #fac08f;
}

.mainform .inptex:focus {
    border: solid 1px #fac08f;
}
/*------------------------Main Form End Here-------------------------*/


/*------------------------POpup Start Here-------------------------*/
.popup {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: url(../loginimages/popupbg.png);
    display: none;
    margin: 0 auto;
}

.careercontainer {
    z-index: 999999999;
    width: 907px;
    left: 50%;
    margin-left: -453px;
    margin-top: 193px;
    border: 3px solid #DEDEDE;
    position: absolute;
    background: #fff;
    display: none;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

    .careercontainer h1 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        border-bottom: 1px solid #E8E8E8;
        padding: 20px;
        background: url(../loginimages/certificati-th.gif) no-repeat 16px 14px;
        padding-left: 63px;
    }

    .careercontainer .formmain {
        width: 777px;
        margin: 0 auto;
        margin-top: 30px;
    }

    .careercontainer .frmTxt {
        width: 100%;
        padding-right: 20px;
        margin-top: 6px;
        font-size: 16px;
        font-family: 'robotoregular';
        line-height: 18px;
        color: #040404;
        padding-bottom: 8px;
    }

    .careercontainer .frmInp {
        background: url(loginimages/colon.png) no-repeat 0px 10px;
    }

    .careercontainer .frmline {
        clear: both;
        padding-top: 8px;
        margin-bottom: 16px;
    }

    .careercontainer .inp {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        outline: none;
        font-family: 'robotoregular';
        width: 100%;
        margin: 0px 6px 0px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        float: left;
    }

    .careercontainer .frmtxtarea {
        font-size: 14px;
        padding: 4px 6px;
        border: 0px;
        outline: none;
        font-family: 'robotoregular';
        width: 300px;
        margin: 0px 0px 0px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        clear: both;
        height: 60px;
        resize: none;
    }

.savegray {
    width: 100%;
    background: #f9f9f9;
    border-top: solid 1px #e1e1e1;
    padding: 18px 0 15px 0px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

.calicon {
    background: url(../loginimages/cal-icon.jpg) no-repeat right center !important;
}

.location-icon {
    background: url(../loginimages/location-icon.jpg) no-repeat right center !important;
}
/*------------------------POpup End Here-------------------------*/


/*------------------------All Forms Styling Start Here-------------------------*/
.mainform {
    width: 95%;
    margin: 0 auto;
    background: #FFFFFF;
    -moz-box-shadow: 0 4px 10px -5px #000;
    -webkit-box-shadow: 0 4px 10px -5px #000;
    box-shadow: 0 4px 10px -5px #000;
    border: #DFDFDF;
    margin-top: 18px;
}

    .mainform table {
        width: 100%;
    }

        .mainform table tr td {
            padding: 20px 0;
            border-bottom: 1px solid #E4E4E4;
            vertical-align: middle;
            text-align: left;
            font-weight: 400;
            font-size: 14px;
            color: #212121;
            font-family: 'robotoregular';
            padding-left: 20px;
        }

    .mainform .heads {
        padding: 20px 0;
        border-bottom: 1px solid #E4E4E4;
        vertical-align: middle;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        background: #fff !important;
        border-left: 1px solid #EEEEEE;
        padding-left: 20px;
        text-transform: uppercase;
    }

    .mainform table tr td label {
        display: block;
        font-weight: 400;
        font-size: 13px;
        outline: 0;
        background: #fff;
        width: 95%;
        max-width: 280px;
        font-family: 'robotoregular';
        height: 25px;
    }

    .mainform .inp {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        outline: none;
        font-family: 'robotoregular';
        width: 100%;
        margin: 0px 6px 25px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    .mainform .inptex {
        font-size: 14px;
        padding: 10px 6px;
        border: 0px;
        outline: none;
        font-family: 'robotoregular';
        width: 100%;
        margin: 0px 6px 25px 0px;
        border: 1px solid #D6D6D6;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        height: 111px;
    }

    .mainform .frmline {
        clear: both;
        padding-top: 8px;
        margin-bottom: 8px;
    }

    .mainform h1 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/file.gif) no-repeat 26px 14px;
        padding-left: 75px;
    }

    .mainform h2 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/parties.gif) no-repeat 26px 14px;
        padding-left: 75px;
    }

    .mainform h3 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/routing.gif) no-repeat 26px 14px;
        padding-left: 75px;
    }

    .mainform h4 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/cargo.gif) no-repeat 26px 14px;
        padding-left: 75px;
    }

    .mainform h5 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/particulars.gif) no-repeat 26px 14px;
        padding-left: 75px;
        width: 200px;
        float: left;
    }

    .mainform h6 {
        font-family: 'robotoregular';
        font-size: 18px;
        color: #1F1F1F;
        font-weight: 600;
        padding: 20px;
        background: url(../loginimages/ocean.gif) no-repeat 26px 14px;
        padding-left: 75px;
    }

    .mainform h7 {
        font-family: 'robotoregular';
        font-size: 16px;
        color: #5E5E5E;
        font-weight: 400;
        padding: 20px;
        background: url(../loginimages/plus.gif) no-repeat right;
        padding-right: 40px;
    }
/*------------------------All Forms Styling End Here-------------------------*/


/*-----------------------Dashboard Start Here--------------------------*/
.dashwidth {
    width: 550px;
}

.dashbordmain {
    width: 93%;
    margin: 0 auto;
}

    .dashbordmain .leftdashboard {
        float: left;
        width: 71.5%;
    }

        .dashbordmain .leftdashboard .leftboxes {
            width: 100%;
            border: solid 1px #dfdfdf;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            box-shadow: 5px 8px 10px -6px #DCDCDC;
            -moz-box-shadow: 5px 8px 10px -6px #DCDCDC;
            -webkit-box-shadow: 5px 8px 10px -6px #DCDCDC;
            margin-bottom: 20px;
            background: #fff;
        }

            .dashbordmain .leftdashboard .leftboxes .leftboxeshead {
                width: 100%;
                height: 40px;
                border-bottom: solid 1px #dfdfdf;
                background: #fafafa;
                border-radius: 7px 7px 0px 0px;
                -moz-border-radius: 7px 7px 0px 0px;
                -webkit-border-radius: 7px 7px 0px 0px;
                margin-bottom: 42px;
            }

                .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain {
                    width: 95%;
                    margin: 0 auto;
                    padding-top: 10px;
                }

                    .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain h1 {
                        font-size: 13px;
                        color: #fff;
                        font-family: 'robotobold';
                        text-transform: none;
                        float: left;
                        text-transform: uppercase;
                        letter-spacing: 2px;
                        margin-top: 3px;
                    }

                    .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain a {
                        text-decoration: none;
                        font-size: 11px;
                        color: #fff;
                        font-family: 'robotobold';
                        float: right;
                        letter-spacing: 1px;
                        margin-top: 4px;
                    }

                        .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain a img {
                            float: left;
                            margin-top: 0px;
                            margin-right: 10px;
                        }

            .dashbordmain .leftdashboard .leftboxes .bxwhite-area {
                width: 100%;
                background: #fff;
                padding-top: 42px;
                -webkit-border-radius: 0px 0px 7px 7px;
                -moz-border-radius: 0px 0px 7px 7px;
                border-radius: 0px 0px 7px 7px;
            }

            .dashbordmain .leftdashboard .leftboxes .boxmain {
                width: 95%;
                margin: 0 auto;
                padding-top: 0px;
            }

.boxmain .tolbx {
    width: 31.4%;
    float: left;
    text-align: left;
    margin-bottom: 40px;
    margin-right: 2.9%;
}

    .boxmain .tolbx .bxname {
        font-size: 16px;
        color: #000;
        font-family: 'robotoregular';
        margin-bottom: 26px;
    }

    .boxmain .tolbx h1 {
        font-size: 36px;
        color: #000;
        font-family: 'robotoregular';
        border-bottom: solid 1px #e0e0e0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .boxmain .tolbx p {
        font-size: 12px;
        color: #c2c2c2;
        font-family: 'robotoregular';
    }

.percnt {
    float: right;
    font-size: 18px;
    font-family: 'robotobold';
    color: #fff;
    margin-top: 1px;
}

    .percnt span {
        font-size: 12px;
        font-family: 'robotoregular';
    }

.tableformdash {
    margin-bottom: 60px;
}

    .tableformdash td {
        border-bottom: solid 1px #e5e5e5;
        padding: 15px 0px;
        text-align: right;
        font-size: 14px;
        font-family: 'robotoregular';
        color: #000;
    }

.prohead td {
    font-size: 14px;
    font-family: 'robotobold';
    color: #9fa2a5;
    text-transform: uppercase;
    text-align: right;
}

.meter {
    width: 100%;
    height: 10px;
    float: left;
    background: #eaeaea;
    border-radius: 20px;
}

    .meter .metrval {
        width: 50%;
        background: #4caf50;
        height: 10px;
        border-radius: 20px;
    }

.totaltb td {
    background: #fafafa;
    padding: 30px 0px;
    font-size: 18px;
    border-bottom: solid 1px #e5e5e5;
}

.bookingul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .bookingul li {
        float: left;
        font-size: 60px;
        color: #000;
        font-family: 'robotoregular';
        border-right: solid 1px #ccc;
        padding: 7px 0%;
        width: 19.5%;
        margin-bottom: 25px;
    }

        .bookingul li span {
            font-size: 16px;
            color: #ABABAB;
            float: left;
            margin-top: 17px;
            line-height: 22px;
            width: 100%;
        }

.radiohead {
    float: right;
    margin-top: 5px;
}

    .radiohead li {
        float: left;
        text-transform: uppercase;
        font-family: 'robotobold';
        font-size: 13px;
        color: #fff;
        margin-right: 15px;
    }

        .radiohead li input {
            float: left;
            margin-top: 0px;
            margin-right: 5px;
        }

.top10left {
    float: left;
    width: 18%;
    height: 100%;
    border-right: solid 1px #d1d1d1;
    height: 628px;
}

    .top10left ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .top10left ul li {
            padding-left: 12%;
            border-bottom: solid 1px #e0e0e0;
            text-align: left;
            padding-top: 28px;
            padding-bottom: 28px;
            background: #fafafa;
            cursor: pointer;
        }

            .top10left ul li:hover {
                background: #fff;
            }

            .top10left ul li .num {
                float: left;
                font-family: 'robotoregular';
                font-size: 15px;
                color: #ff4081;
                margin-right: 7px;
                margin-top: 3px;
            }

            .top10left ul li .litxt {
                float: left;
                font-size: 20px;
                color: #000000;
                font-family: 'robotoregular';
            }

                .top10left ul li .litxt .ttlrv {
                    font-size: 12px;
                    color: #A2A2A2;
                }

                .top10left ul li .litxt .total {
                    font-size: 16px;
                    color: #000;
                    font-family: 'robotoregular';
                    margin-top: 13px;
                    float: left;
                }

.activecnt {
    background: #fff !important;
}

.graph {
    float: left;
    width: 73%;
    border-right: solid 1px #eeeeee;
    height: 628px;
}

    .graph .graphmid {
        width: 84%;
        margin: 0 auto;
        margin-top: 188px;
    }

        .graph .graphmid img {
            margin-bottom: 35px;
        }

        .graph .graphmid .graphbox {
            float: left;
            width: 47%;
            text-align: left;
        }

            .graph .graphmid .graphbox p {
                font-size: 14px;
                font-family: 'robotoregular';
                color: #3E3E3E;
                margin-bottom: 21px;
            }

            .graph .graphmid .graphbox h1 {
                font-size: 30px;
                font-family: 'robotoregular';
                color: #000000;
                margin-bottom: 7px;
            }

            .graph .graphmid .graphbox ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
                border-top: solid 1px #e0e0e0;
                margin-top: 14px;
            }

                .graph .graphmid .graphbox ul li {
                    font-size: 11px;
                    color: #000;
                    font-family: 'robotobold';
                    border-bottom: solid 1px #e0e0e0;
                    padding: 10px 0px;
                }

                    .graph .graphmid .graphbox ul li span {
                        float: right;
                        color: #919191;
                    }

.days {
    float: left;
    width: 9%;
}

    .days ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

        .days ul li {
            text-align: left;
            border-bottom: solid 1px #eeeeee;
        }

            .days ul li a {
                display: block;
                font-size: 12px;
                font-family: 'robotobold';
                color: #B8B8B8;
                text-decoration: none;
                padding-left: 10%;
                padding-top: 15px;
                padding-bottom: 15px;
            }

.activedays {
    background: url(../loginimages/days-arrow.jpg) no-repeat 10% center;
    padding-left: 22% !important;
    color: #000 !important;
}

.linkdhead {
    float: left;
    margin: -7px 0 0 120px;
}

    .linkdhead li {
        float: left;
    }

        .linkdhead li a {
            text-decoration: none;
            color: rgba(255,255,255,0.7) !important;
            padding: 7px 20px;
            margin-right: 10px;
            text-transform: uppercase;
        }

            .linkdhead li a:hover {
                background: rgba(0,0,0,0.2);
                color: #fff !important;
                border-radius: 50px;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
            }

        .linkdhead li .activelink {
            background: rgba(0,0,0,0.2);
            color: #fff !important;
            border-radius: 50px;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
        }

.rightdashboard {
    float: right;
    width: 26.5%;
}

    .rightdashboard .rightboxes {
        width: 100%;
        border: solid 1px #dfdfdf;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        box-shadow: 5px 8px 10px -6px #DCDCDC;
        -moz-box-shadow: 5px 8px 10px -6px #DCDCDC;
        -webkit-box-shadow: 5px 8px 10px -6px #DCDCDC;
        margin-bottom: 20px;
        background: #fff;
    }

        .rightdashboard .rightboxes .rightboxeshead {
            width: 100%;
            height: 40px;
            border-bottom: solid 1px #dfdfdf;
            background: #fafafa;
            border-radius: 7px 7px 0px 0px;
            -moz-border-radius: 7px 7px 0px 0px;
            -webkit-border-radius: 7px 7px 0px 0px;
            margin-bottom: 42px;
        }

            .rightdashboard .rightboxes .rightboxeshead .headmain {
                width: 85%;
                margin: 0 auto;
                padding-top: 10px;
            }

                .rightdashboard .rightboxes .rightboxeshead .headmain h1 {
                    font-size: 13px;
                    color: #fff;
                    font-family: 'robotobold';
                    text-transform: none;
                    float: left;
                    text-transform: uppercase;
                    letter-spacing: 2px;
                    margin-top: 3px;
                }

.dashbordmainright {
    width: 85%;
    margin: 0 auto;
}

.reportbox {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 40px;
}

    .reportbox .bxname {
        font-size: 16px;
        color: #000;
        font-family: 'robotoregular';
        margin-bottom: 26px;
    }

    .reportbox h1 {
        font-size: 36px;
        color: #000;
        font-family: 'robotoregular';
        border-bottom: solid 1px #e0e0e0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .reportbox p {
        font-size: 12px;
        color: #c2c2c2;
        font-family: 'robotoregular';
    }

    .reportbox ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-top: solid 1px #e0e0e0;
        margin-top: 20px;
    }

        .reportbox ul li {
            font-size: 13px;
            color: #000;
            font-family: 'robotobold';
            border-bottom: solid 1px #e0e0e0;
            padding: 10px 0px;
        }

            .reportbox ul li span {
                float: right;
                color: #919191;
            }

.sprtr {
    background: #e0e0e0;
    float: left;
    width: 100%;
    height: 1px;
    margin: 8px 0 50px 0px;
}
/*-----------------------Dashboard End Here--------------------------*/


/*------------------------Input and Button Styles Start Here-------------------------*/
/*input[type="text"] {width:100%; border:0px; padding:10px 0px; outline:0px; font-size:24px;font-family: 'ss-light'; border-bottom:1px solid #c1cdd0; transition: width 2s;}
input[type="text"]:focus{border-bottom:solid 1px red;}
input[type="password"] {width:100%; border:0px; padding:10px 0px; outline:0px; font-size:24px;font-family: 'ss-light'; border-bottom:1px solid #c1cdd0}
input[type="password"]:focus{border-bottom:solid 1px red;}
input[type="checkbox"] {background:#fff; width:20px ;height:20px; box-shadow:0px; border:0px;}*/

.inphome {
    width: 100%;
    border: 0px;
    padding: 10px 0px;
    outline: 0px;
    font-size: 18px;
    font-family: 'ss-light';
    border-bottom: 1px solid #c1cdd0;
    transition: width 2s;
}

    .inphome:focus {
        border-bottom: solid 1px red;
    }

.inphomepas {
    width: 100%;
    border: 0px;
    padding: 10px 0px;
    outline: 0px;
    font-size: 18px;
    font-family: 'ss-light';
    border-bottom: 1px solid #c1cdd0;
}

    .inphomepas:focus {
        border-bottom: solid 1px red;
    }

.checkbox {
    position: relative;
    float: left;
    text-align: center;
    padding: 20px 0px;
}

    .checkbox label {
        padding: 0px 5px 9px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
    }

.input-submit {
    width: 100%;
    position: relative;
    float: left;
}

    .input-submit button {
        width: 50px;
        height: 50px;
        background: url(../loginimages/arrow.jpg) no-repeat;
        background-size: 100% auto;
        background-position: center top;
        position: absolute;
        right: 0px;
        top: 0px;
        outline: none;
        box-shadow: none;
        border: none;
        cursor: pointer;
    }

        .input-submit button:hover {
            background-position: center -50px;
        }

.more-button {
    color: #fff;
    position: relative;
    float: left;
    border: 2px solid #fff;
    font-size: 12px;
    padding: 15px;
    text-align: center;
    font-family: 'lato-bold';
    width: 150px;
    cursor: pointer;
}

    .more-button:before {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        content: '';
        background: #000;
        color: #fff;
        width: 0px;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
    }

    .more-button:hover:before {
        width: 145px;
    }

    .more-button, .more-button:before {
        -webkit-transition: all 300ms cubic-bezier(0.000, 0.280, 0.000, 0.990);
        -moz-transition: all 300ms cubic-bezier(0.000, 0.280, 0.000, 0.990);
        -o-transition: all 300ms cubic-bezier(0.000, 0.280, 0.000, 0.990);
        transition: all 300ms cubic-bezier(0.000, 0.280, 0.000, 0.990);
        -webkit-transition-timing-function: cubic-bezier(0.000, 0.280, 0.000, 0.990);
        -moz-transition-timing-function: cubic-bezier(0.000, 0.280, 0.000, 0.990);
        -o-transition-timing-function: cubic-bezier(0.000, 0.280, 0.000, 0.990);
        transition-timing-function: cubic-bezier(0.000, 0.280, 0.000, 0.990);
    }

.textarea {
    font-size: 14px;
    height: 100px;
    padding: 10px 6px;
    border: 0px;
    outline: none;
    font-family: 'robotoregular';
    width: 100%;
    margin: 0px 6px 25px 0px;
    border: 1px solid #D6D6D6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .textarea:focus {
        border: solid 1px #fac08f;
    }

.buttonsall {
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #fff;
    margin: 18px 10px 0 0;
    background: #399DF3;
    border-radius: 10px;
    padding: 10px 22px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: none;
}

    .buttonsall:hover {
        background: #3F51B5;
    }

.apply-btn {
    background: #399DF3;
    border-radius: 50px;
    color: #ffffff;
    padding: 8px 30px;
    font-family: 'robotoregular';
    font-size: 14px;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
}

    .apply-btn:hover {
        color: #000000;
        background: #ccc;
    }

.reset-btn {
    font-size: 14px;
    color: #399df3;
    text-transform: uppercase;
    font-family: 'robotobold';
    background: none;
    border: none;
    padding: 8px 25px;
    outline: none;
    cursor: pointer;
}
/*------------------------Input and Button Styles End Here-------------------------*/

/*-----------------------Color Class Start Here--------------------------*/
.headcolor {
    background: #00bef2 !important;
    border-bottom: solid 1px #03aedd !important;
}

.headtextcolor {
    color: #000000 !important;
}

.othercolor {
    background: #f35958 !important;
}

.frstclrbor {
    border: solid 1px #00bef2 !important;
}

.frstclrtxt {
    color: #f35958 !important;
}

.othercolorhov {
    background: #f35958 !important;
}

    .othercolorhov:hover {
        background: #ff4400 !important;
    }

.iconcolor:hover .iconarea {
    background: #00bef2 !important;
}

.blueinp {
    background: #ecfcff;
    border: solid 1px #a8daf0 !important;
    color: #246a8e !important;
}

.yellowselect {
    background: #fefeea;
    border: solid 1px #dddddd !important;
    width: 100%;
}

.editbtn {
    font-size: 11px;
    font-family: 'robotobold';
    color: #3c3d41;
    text-transform: uppercase;
    background: none;
    border-radius: 19px;
    border: solid 1px #dddddd;
    padding: 6px 19px;
    outline: none;
    letter-spacing: 1px;
    cursor: pointer;
}

    .editbtn:hover {
        color: #fff;
        background: #00bef2;
    }

.addcargobtn {
    font-size: 12px;
    font-family: 'robotobold';
    color: #000;
    text-transform: uppercase;
    border: solid 1px #00bef2;
    background: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 5px 24px;
    float: left;
    text-decoration: none;
    margin: 0 0 29px 45px;
}

    .addcargobtn .plussign {
        font-size: 26px;
        color: #00bef2;
        float: left;
        margin: 0 0 0 0px;
    }

    .addcargobtn span {
        float: left;
        margin: 7px 0 0 7px;
    }

    .addcargobtn:hover {
        background: #00bef2;
        color: #fff;
    }

        .addcargobtn:hover .plussign {
            color: #fff;
        }

.addcargobtn1 {
    font-size: 12px;
    font-family: 'robotobold';
    color: #000;
    text-transform: uppercase;
    border: solid 1px #00bef2;
    background: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 2px 24px;
    float: left;
    text-decoration: none;
    margin: 0 0 11px 7px;
}

    .addcargobtn1 .plussign {
        font-size: 26px;
        color: #00bef2;
        float: left;
        margin: 0 0 0 0px;
    }

    .addcargobtn1 span {
        float: left;
        margin: 7px 0 0 7px;
    }

    .addcargobtn1:hover {
        background: #00bef2;
        color: #fff;
    }

        .addcargobtn1:hover .plussign {
            color: #fff;
        }

.addcargobtn2 {
    font-size: 12px;
    font-family: 'robotobold';
    color: #000;
    text-transform: uppercase;
    border: solid 1px #00bef2;
    background: none;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 9px 19px;
    float: left;
    text-decoration: none;
    margin: 0 0 11px 7px;
}

    .addcargobtn2:hover {
        background: #00bef2;
        color: #fff;
    }

.addcargobtn2active {
    font-size: 12px;
    font-family: 'robotobold';
    color: #fff;
    text-transform: uppercase;
    border: solid 1px #00bef2;
    background: #00bef2;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 9px 19px;
    float: left;
    text-decoration: none;
    margin: 0 0 11px 7px;
}

/*-----------------------Color Class End Here--------------------------*/


/*-----------------------Notification menu Start Here--------------------------*/
.notificationmenu {
    width: 357px;
    position: absolute;
    background: #fff;
    border: solid 2px #e7e9eb;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: -319px;
    z-index: 9999;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    margin-top: 15px;
    display: none;
}

    .notificationmenu .notificationarrow {
        width: 30px;
        height: 14px;
        position: absolute;
        background: url(../loginimages/notifications-arrow.png) no-repeat center top;
        top: -14px;
        right: 20px;
    }

    .notificationmenu .notimain {
        width: 340px;
        margin: 0 auto;
        margin-top: 15px;
    }

        .notificationmenu .notimain ul {
            margin: 0;
            padding: 0;
            list-style: none;
            margin-bottom: 20px;
        }

            .notificationmenu .notimain ul li {
                font-size: 13px;
                color: #535353;
                padding: 17px 12px;
                border-bottom: solid 1px #e5e5e5;
                cursor: pointer;
                position: relative;
                width: 93%;
                font-family: 'robotoregular';
                font-weight: 400;
            }

                .notificationmenu .notimain ul li:hover {
                    background: #e1f3f5;
                }

                    .notificationmenu .notimain ul li:hover .closebtn {
                        display: block;
                    }

                .notificationmenu .notimain ul li .closebtn {
                    width: 18px;
                    height: 18px;
                    position: absolute;
                    right: 18px;
                    top: 17px;
                    display: none;
                }

    .notificationmenu .grayarea {
        width: 100%;
        height: 57px;
        background: #e7e9eb;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-topleft: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .notificationmenu .grayarea a {
            text-decoration: none;
            font-size: 13px !important;
            color: #4385f6 !important;
            font-family: 'robotoregular';
            border-bottom: solid 1px #4385f6;
            margin: 18px 0 0 12px;
            float: left;
            text-decoration: none;
        }

    .notificationmenu .nonoti {
        text-align: center;
    }

        .notificationmenu .nonoti img {
            margin: 15px 0;
        }

        .notificationmenu .nonoti p {
            font-size: 14px;
            color: #969696;
            font-family: open_sanssemibold;
            margin: 0 0 30px;
        }
/*-----------------------Notification menu End Here--------------------------*/


/*-----------------------Account menu Start Here--------------------------*/
.acountmenu {
    width: 200px;
    position: absolute;
    background: #fff;
    border: solid 2px #e7e9eb;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: -133px;
    margin-top: 45px;
    z-index: 9999999999;
    display: none;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

    .acountmenu .acountarrow {
        width: 30px;
        height: 14px;
        position: absolute;
        background: url(../loginimages/notifications-arrow.png) no-repeat center top;
        top: -14px;
        right: 20px;
    }

    .acountmenu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 10px;
    }

        .acountmenu ul li {
            width: 100%;
            font-family: 'robotoregular';
            font-size: 13px;
            color: #535353;
            padding: 15px 25px;
            display: block;
        }

            .acountmenu ul li a {
                font-family: 'robotoregular';
                font-size: 13px;
                color: #535353;
                padding: 15px 25px;
                cursor: pointer;
                text-decoration: none;
                display: block;
            }

                .acountmenu ul li a:hover {
                    background: #e1f3f5;
                }
/*-----------------------Account menu End Here--------------------------*/


/*-----------------------Pagination Start Here--------------------------*/
.pagination {
    margin: 5px 0 0 0;
    float: left;
    font-family: 'robotoregular';
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a, .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #ddd;
                border-left-width: 0;
                font-size: 14px;
                text-decoration: none;
                color: #726F6F;
                font-family: 'robotoregular';
            }

                .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
                    background-color: #f5f5f5;
                }

        .pagination ul > .active > a, .pagination ul > .active > span {
            color: #999;
            cursor: default;
        }

        .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
            color: #999;
            cursor: default;
            background-color: #fff;
        }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-bottom-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            border-top-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-topleft: 4px;
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
        }
/*-----------------------Pagination End Here--------------------------*/


/*-----------------------Form Popup Start Here--------------------------*/
.formpopup {
    background: white;
    width: 90% !important;
    padding: 0px;
    text-align: left;
    margin: 0px auto;
    position: relative;
    float: left;
    left: 50%;
    margin-left: -45%;
    margin-top: 20px;
}

    .formpopup .mainform {
        width: 100%;
    }

.formsmain label {
    font-weight: 400;
    font-size: 13px;
    outline: 0;
    background: #fff;
    width: 100%;
    font-family: 'robotoregular';
    height: 25px;
    margin-bottom: 0px;
    float: left;
    text-align: left;
}

.formpopupclick {
    float: left;
    font-family: 'robotoregular';
    font-size: 14px;
    color: #fff;
    margin: 18px 10px 0 0;
    background: #399DF3;
    border-radius: 50px;
    padding: 10px 22px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    border: none;
    outline: none;
    text-decoration: none;
    margin-left: 20px;
    margin-left: 46px;
    margin-bottom: 50px;
    margin-top: 40px;
}
/*-----------------------Form Popup End Here--------------------------*/


/*-----------------------Footer Start Here--------------------------*/
.footer {
    width: 100%;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    color: #121821;
    font-family: 'robotoregular';
    text-transform: uppercase;
    padding: 22px 0 17px 0px;
    box-shadow: 0px 0px 9px -2px #000;
}

.footerhome {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: 'robotoregular';
    text-transform: uppercase;
    padding: 22px 0 17px 0px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1;
}
/*-----------------------Footer End Here--------------------------*/



/*------------------------------Utility Start Here--------------------------------------*/
img {
    border: 0;
}

.wd98 {
    width: 98% !important;
}

.clear {
    clear: both;
}

.clearPoint {
    clear: both;
}

.clearPoint1 {
    clear: both;
}

.clearPoint2 {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.width48 {
    width: 48%;
}

.width25 {
    width: 23%;
}

.formsmain {
    padding: 2%;
}

.marginright2per {
    margin-right: 2.65%;
}

.marginright05per {
    margin-right: 0.55%;
}

.marginright025per {
    margin-right: 0.25%;
}

.width12 {
    width: 12%;
}

.width6 {
    width: 6%;
}

.bor {
    width: 100%;
    border-bottom: solid 1px #A2A2A2;
    margin-top: 17px;
    margin-bottom: 44px;
    float: left;
}

.formtable tr td {
    padding: 20px 20px !important;
    border: none !important;
}

.formtable .inp {
    margin-bottom: 0px !important;
}

.bor1 {
    width: 100%;
    border-bottom: solid 1px #A2A2A2;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

.partiesselect {
    margin-bottom: 4px !important;
    width: 94% !important;
    margin-right: 0px !important;
}

.partiesinp {
    margin-bottom: 4px !important;
    width: 99.7% !important;
    margin-right: 0px !important;
    background: url(../loginimages/inparrow.jpg) no-repeat right center !important;
}

.partiestextarea {
    width: 98.5% !important;
    height: 100px !important;
    margin-right: 0px !important;
    padding-left: 1% !important;
    padding-right: 0px !important;
}

.plussign {
    float: right;
}

.martop34 {
    margin-top: -21px !important;
}

.marlft111 {
    margin-left: -111px !important;
}

.calendaricon {
    background: url(../loginimages/calander-icon.jpg) no-repeat right center !important;
}

.calendariconwhite {
    background: url(../loginimages/calander-icon.jpg) no-repeat right center #fff !important;
}

.locationicon {
    background: url(../loginimages/location-icon-input.jpg) no-repeat right center !important;
}

.displayblock {
    display: block !important;
}

.minimbut {
    display: none;
}

.careers1 {
    cursor: pointer;
}

.space {
    display: block;
}

.martop15 {
    margin-top: 15px !important;
}

.tdWidth {
    width: 50%;
    border: none;
    padding-bottom: 0;
    vertical-align: top;
}

.divWidth {
    width: 95%;
    float: left;
}

.whitebg {
    background-color: #fafafa;
}

.marnone {
    margin-bottom: 0px !important;
}

.verticaltop {
    vertical-align: top !important;
}

.textalignright {
    text-align: right !important;
}

.padright10 {
    padding-right: 10px !important;
}

.width100 {
    width: 100% !important;
}

.inp100 {
    width: 100% !important;
}

.inp95 {
    width: 95% !important;
}

.inp90 {
    width: 90% !important;
}

.inp87 {
    width: 87% !important;
}

.inp85 {
    width: 85% !important;
}

.inp84 {
    width: 84% !important;
}

.inp80 {
    width: 80% !important;
}

.inp70 {
    width: 70% !important;
}

.inp60 {
    width: 60% !important;
}

.inp57 {
    width: 57% !important;
}

.inp55 {
    width: 55% !important;
}

.inp50 {
    width: 50% !important;
}

.inp40 {
    width: 40% !important;
}

.inp30 {
    width: 30% !important;
}

.inp25 {
    width: 25% !important;
}

.inp20 {
    width: 20% !important;
}

.inp10 {
    width: 10% !important;
}

.inp8 {
    width: 8% !important;
}

.inpcontainer {
    padding-left: 0px !important;
    text-align: center !important;
}

.floatnone {
    float: none !important;
}

.marbtm0 {
    margin-bottom: 0px !important;
}

.required {
    color: #f35958;
}

.marbtm20 {
    margin-bottom: 20px;
}

.marbtm7 {
    margin-bottom: 7px;
}

.marbtm10 {
    margin-bottom: 10px !important;
}

.valigntop {
    vertical-align: top !important;
}

.cntrtcheck {
    left: 50%;
    margin-left: -9px;
}

#newrecord .rowsOpen {
    background: #eee;
}

#newrecord .on {
    background: #FBFBFB !important;
}

#newrecord .active {
    background: #f77c2b;
}

.abhi {
    width: 541px;
    text-align: center;
}

.doctable {
    border: solid 1px #e5e5e5;
    margin-top: 70px;
    margin-bottom: 90px;
}

    .doctable td {
        border-right: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
        font-size: 14px;
        color: #454545;
        font-family: 'robotoregular';
        padding: 14px 0 14px 17px;
    }

.termactp {
    font-size: 14px;
    font-family: 'robotoregular';
    color: #918A90;
}

    .termactp a {
        color: #E5412D;
        text-decoration: none;
    }

        .termactp a:hover {
            color: #000;
        }

.fontlight {
    font-family: 'robotolight' !important;
}

.fontmedium {
    font-family: 'RobotoMedium' !important;
}

.textaligncenter {
    text-align: center !important;
}

.freightchk {
    top: 10px;
}

.checkboxsign {
    width: 15px !important;
    height: 15px !important;
    margin-top: 0 !important;
    margin-right: 7px !important;
    float: left;
}

    .checkboxsign a {
        text-decoration: none;
    }

.dateinp {
    height: 32px !important;
    font-family: 'robotoregular' !important;
    font-size: 14px !important;
    border-bottom: none !important;
}

.activetab {
    color: #FE4080 !important;
    border-top: 3px solid #FE4080 !important;
    padding: 15px 0px 12px 0px !important;
}

.error {
    position: relative;
    margin-top: -14px;
    margin-bottom: 19px;
    color: red;
    font-family: 'robotoregular' !important;
}

.searchfield {
    float: right !important;
    background: #fff !important;
    border: solid 1px #e2e2e2 !important;
    border-radius: 6px !important;
    width: 350px !important;
    height: 43px !important;
    margin-bottom: 14px !important;
    font-family: 'robotoregular' !important;
    font-size: 16px !important;
    padding-left: 12px !important;
}

.select-wrapper {
    float: left;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

    .select-wrapper, .select-wrapper select {
        width: 200px;
        height: 34px;
        line-height: 26px;
    }

        .select-wrapper .holder {
            display: block;
            margin: 0 0px 0 0px;
            white-space: nowrap;
            overflow: hidden;
            cursor: pointer;
            position: relative;
            z-index: 0;
            height: 34px;
            line-height: 34px;
            font-family: 'robotoregular';
            font-size: 14px;
            color: #212121;
            text-align: left;
            width: 88%;
        }

        .select-wrapper select {
            margin: 0;
            position: absolute;
            z-index: 2;
            cursor: pointer;
            outline: none;
            opacity: 0;
            left: 0;
            _noFocusLine: expression(this.hideFocus=true);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
            width: 101%;
            font-family: 'robotoregular';
            font-size: 16px;
            color: #000;
        }

.graycolor {
    background: #fafafa;
}

.view {
    font-size: 10px;
    color: #3c3d41;
    font-family: 'robotobold';
    border: 1px solid #ddd;
    background: #fff;
    text-decoration: none;
    text-transform: none;
    padding: 6px 15px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

    .view:hover {
        background: #00bef2;
        border: 1px solid #00bef2;
        color: #fff;
    }

.listtab .heads {
    background: #f6f3f3 !important;
    border-right: solid 1px #dfdfdf;
}

.rowsOpen {
    display: none;
}

.activerow {
    display: table-row !important;
}

label:hover:before {
    border: 1px solid #C1BFBF !important;
}

.pg4div {
    width: 1730px;
}

.topRight {
    margin: 0 auto;
    color: #666666;
    font-size: 11px;
    width: 95%;
    border: 1px solid #DFDFDF;
    background: #FFFFFF;
    z-index: 99999;
}

.menu-line {
    width: 193px;
    height: 3px;
    background: #FE4080;
    position: absolute;
    margin: 0px 0 0 0px;
}

.errordiv {
    width: 95%;
    border-radius: 8px;
    background: #f9a24e;
    margin: 0 auto;
    padding: 10px 0px;
    margin-top: 20px;
    font-family: 'robotoregular';
    color: #fff;
    text-align: left;
    padding-left: 2%;
}

.texalignleft {
    text-align: left !important;
}

.lighttext {
    font-family: 'robotoregular';
    color: #999999;
}

.save-updated {
    background: #fff;
    border: solid 1px #00bef2;
    font-size: 12px;
    font-family: 'robotobold';
    padding: 13px 37px;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    margin: 0 auto;
    display: table;
}

.formsubdiv {
    margin-left: 20px;
    width: 24%;
    position: relative;
}

.activebtn {
    color: #000 !important;
}

    .activebtn img {
        margin-top: -40px;
    }

    .activebtn .iconarea {
        background: #00bef2 !important;
    }

.searchinppopup {
    width: 250px;
    height: 32px;
    outline: none;
    border: solid 2px #80dff9;
    background: transparent;
    color: #fff;
    padding-left: 7px;
}

.searchButtonhd {
    background: none;
    outline: none;
    border: none;
    top: 28px;
    color: #fff;
}

.dashrgtbutdiv ul {
    display: block;
}

.dashbuts {
    display: none;
}

.invrgtbutdiv ul {
    display: block;
}

.invbuts {
    display: none;
}

.comrgtbutdiv ul {
    display: block;
}

.combuts {
    display: none;
}

.bkrgtbutdiv ul {
    display: block;
}

.bkbuts {
    display: none;
}

.erqrrgtbutdiv ul {
    display: block;
}

.erqrbuts {
    display: none;
}

.rqlrgtbutdiv ul {
    display: block;
}

.rqlbuts {
    display: none;
}

.rqrgtbutdiv ul {
    display: block;
}

.rqbuts {
    display: none;
}

.whitehead pre {
    display: none;
}

#fullviewfirst1 {
    margin-top: 110px;
}

#fullviewfirst2 {
    margin-top: 110px;
}

/*------------------------------Utility End Here--------------------------------------*/

/*--------supersized Supporting Css Start Here------------------*/
#supersized-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
    text-indent: -999em;
    background: url(img/progress.gif) no-repeat center center;
}

#supersized {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -999;
    height: 100%;
    width: 100%;
}

    #supersized img {
        width: auto;
        height: auto;
        position: relative;
        display: none;
        outline: none;
        border: none;
    }

    #supersized.speed img {
        -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
    }
    /*Speed*/
    #supersized.quality img {
        -ms-interpolation-mode: bicubic;
        image-rendering: optimizeQuality;
    }
    /*Quality*/

    #supersized li {
        display: block;
        list-style: none;
        z-index: -30;
        position: fixed;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #supersized a {
        width: 100%;
        height: 100%;
        display: block;
    }

    #supersized li.prevslide {
        z-index: -20;
    }

    #supersized li.activeslide {
        z-index: -10;
    }

    #supersized li.image-loading {
        background: #111 url(img/progress.gif) no-repeat center center;
        width: 100%;
        height: 100%;
    }

        #supersized li.image-loading img {
            visibility: hidden;
        }

    #supersized li.prevslide img, #supersized li.activeslide img {
        display: inline;
    }

ul#demo-block {
    margin: 0 15px 15px 15px;
}

    ul#demo-block li {
        margin: 0 0 10px 0;
        padding: 10px;
        display: inline;
        float: left;
        clear: both;
        color: #aaa;
        background: url('img/bg-black.png');
        font: 11px Helvetica, Arial, sans-serif;
    }

        ul#demo-block li a {
            color: #eee;
            font-weight: bold;
        }
/*--------supersized Supporting Css End Here------------------*/



/*------------------------------Responsive Start Here--------------------------------------*/

@media (max-width: 1920px) {
    .clearPoint {
        display: none;
    }

    .clearPoint1 {
        display: none;
    }

    .clearPoint2 {
        display: none;
    }
}

@media (max-width: 1530px) {
    .form table tr td img {
        width: 31px;
    }
}

@media (max-width: 1770px) {
    .pg4div {
        width: 1140px;
    }
}

@media (max-width: 1500px) {
    .mainContainer .detbox .texts {
        width: 94%;
        padding: 0 3%;
    }
}

@media (max-width: 1185px) {
    .pg4div {
        width: 331px;
        overflow-x: inherit !important;
    }

    .pagination {
        margin-bottom: 11px !important;
    }
}

@media (max-width: 1612px) {
    .partiesselect {
        width: 93% !important;
    }
}

@media (max-width: 1600px) {
    .linkdhead {
        margin-left: 33px;
    }

        .linkdhead li a {
            padding: 7px 12px;
            argin-right: 6px;
        }

    .radiohead li {
        font-size: 11px;
        margin-right: 5px;
    }

    .cargodetailstablescroll1 {
        width: 100% !important;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    .scrollcustompl {
        width: 1451px !important;
    }
}

@media (max-width: 1400px) {
    .maininner .subheading .formsub {
        margin-left: 20px;
    }

    .martop34 {
        margin-top: -34px !important;
    }

    .onboard span {
        font-size: 12px !important;
    }
}

@media (max-width: 1450px) {
    .maininner .subheading .rightbtns ul li .buttonsall {
        padding: 5px 15px !important;
    }

    .fullviewform .cargodetailstable .tbhead td {
        font-size: 12px;
    }
}

@media (max-width: 1490px) {
    #fullviewfirst1 {
        margin-top: 110px;
    }
}

@media (max-width: 1400px) {
    .bookingul li {
        height: 122px;
    }

        .bookingul li span {
            font-size: 15px;
        }

    .graph {
        width: 70%;
    }

    .days {
        width: 12%;
    }

    .linkdhead {
        margin-left: 33px;
    }

        .linkdhead li a {
            padding: 7px 12px;
            argin-right: 6px;
        }

    .radiohead li {
        font-size: 11px;
        margin-right: 5px;
    }

    .smallcheck-plstatus:not(:checked) + label:before, .smallcheck-plstatus:checked + label:before {
        left: 3px !important;
    }

    .smallcheck-plstatus:not(:checked) + label:after, .smallcheck-plstatus:checked + label:after {
        left: 4px !important;
    }

    .whitehead ul li {
        margin-right: 20px;
    }

    .moblastrad {
        top: 18px !important;
    }

    .bigleftforlap {
        width: 68% !important;
    }

        .bigleftforlap img[src="images/plussign.jpg"] {
            margin-right: 6px;
        }

    .fullviewform .formstable {
        font-size: 12px !important;
    }

    .commoditylap {
        font-size: 11px;
    }

    .inpcndlap {
        width: 46% !important;
    }

    .cargodetailstablescroll2 {
        width: 100% !important;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

        .cargodetailstablescroll2 .cargodetailstableN {
            width: 1400px !important;
        }

        .cargodetailstablescroll2 .cargototal {
            width: 1400px;
        }
}

@media (max-width: 1390px) {
    .partiesselect {
        width: 92% !important;
    }

    .maininner .subheading .formsub .inpsearch {
        width: 382px;
    }

    .maininner .subheading .formsub .searchButton {
        margin-left: -40px;
    }
}

@media (max-width: 1300px) {
    .maininner .subheading .shipmentlistbtns ul li .buttonsall {
        padding: 10px 14px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 1481px) {
    #fullviewfirst1 {
        margin-top: 173px;
    }
}

@media (max-width: 1226px) {
    .partiesselect {
        width: 90% !important;
    }
}

@media (max-width: 1244px) {
    .mainContainer .detbox {
        width: 24%;
        margin-right: 1%;
    }

        .mainContainer .detbox.lastdiv {
            margin-right: 1%;
        }
}

@media (max-width: 1400px) {
    img[src="loginimages/plussign.jpg"] {
        margin-right: -10px;
    }
}

@media (max-width: 1356px) {
    .form table tr td img {
        width: 31px;
        margin-right: 11px;
    }
}

@media (max-width: 1350px) {
    .linkdhead li a {
        padding: 7px 8px;
    }

    .top10left ul li {
        padding-left: 5%;
    }

    .cargodetailstablescroll3 {
        width: 100% !important;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

        .cargodetailstablescroll3 .cargodetailstableN {
            width: 1350px !important;
        }

        .cargodetailstablescroll3 .cargototal {
            width: 1350px;
        }
}

@media (max-width: 1335px) {
    .rqlscrolldiv1 {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px;
    }

        .rqlscrolldiv1 .ratelistingtable {
            width: 1335px;
        }
}

@media (max-width: 1312px) {
    .maininner .subheading .formsub {
        margin-left: 20px;
    }

    .rqlrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 260px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .rqlrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .rqlbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .rqlbuts:hover {
            background: #f35958;
        }

    .buttonsallwidthrql {
        width: 120px !important;
        font-size: 12px;
    }
}

@media (max-width: 1300px) {
    /*.header .menuebox  ul li {font-size: 15px!important;}*/
    .checkout1 .buttons2 {
        font-size: 11px !important;
        padding: 15px 25px 5px 25px !important;
    }

    .ratelist {
        font-size: 18px;
        margin-left: 30px;
    }

    .checkout .mobtab1 {
        margin-right: 15px;
    }

    .righttag {
        float: right;
        width: 71%;
        height: 30px;
    }

        .righttag .titletext {
            float: left;
            margin-top: 18px;
        }

        .righttag .particulars {
            width: 171px;
            margin-left: 5px;
            margin-right: 6px;
        }

            .righttag .particulars ul {
                padding: 0;
                float: left;
            }

                .righttag .particulars ul li a {
                    float: left;
                    display: block;
                    padding: 15px 10px 15px 10px;
                    text-decoration: none;
                }

                    .righttag .particulars ul li a:hover {
                        background: #ECECEC;
                        color: #FA407F;
                    }

    .check {
        float: left;
        margin-top: 13px;
        margin-right: 5px;
    }

    .mainform h5 {
        width: 175px;
    }

    .form .heads {
        font-size: 12px;
    }

    .clearPoint {
        display: none;
    }

    .lavaLampBottomStyle li a {
        font-size: 12px !important;
        padding: 5px 10px 5px 10px !important;
    }

    .lavaLampBottomStyle {
        margin-left: 21px !important;
    }

    .leftside ul li a {
        font-size: 100%;
    }

    .checkout2 .buttons3 {
        font-size: 12px;
    }

    .headbig {
        height: 97px !important;
    }

    .radiohead {
        width: 100%;
        text-align: right;
        margin-top: 9px;
        margin-right: 20px;
    }

        .radiohead li {
            float: none;
            display: inline-block;
        }

    .linkdhead {
        margin-left: 0px;
        float: right;
    }

        .linkdhead li a {
            padding: 7px 13px;
        }
}

@media (max-width: 1259px) {
    .maininner .subheading .formsub .dateinp {
        width: 126px;
    }

    .maininner .subheading .formsub .buttonsall {
        padding: 10px 25px !important;
        margin-left: 2px;
    }
}

@media (max-width: 1220px) {
    .top10left ul li .litxt {
        font-size: 17px;
    }

    .top10left {
        height: 600px;
    }

    .graph {
        height: 600px;
    }
}

@media (max-width: 1230px) {
    .cargodetailstablescroll {
        width: 100% !important;
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    .cargodetailstable {
        width: 1200px !important;
    }

    .scrollcustom1 {
        width: 1200px !important;
    }

    .bkrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 212px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .bkrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .bkbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .bkbuts:hover {
            background: #f35958;
        }

    .buttonsallwidthbk {
        width: 95px !important;
        font-size: 12px;
    }

    .maininner .subheading .rightbtns .orlinks {
        display: none;
        position: relative;
        margin: 215px 0 0 0;
        right: 0;
        z-index: 9;
    }

        .maininner .subheading .rightbtns .orlinks a {
            float: none;
            display: block;
            margin: 0 0 2px 10px;
        }

    .maininner .subheading .rightbtns .orlinksN {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .marlft111 {
        margin-left: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

    .qrdivscroll {
        width: 100% !important;
        overflow-x: scroll;
    }
}

@media (max-width: 1209px) {
    .cardview .otherdetailsarea h1 {
        margin-bottom: 0px;
    }

    .cardview .otherdetailsarea .headul {
        float: left;
        margin-top: 11px;
        margin-bottom: 34px;
    }
}

@media (max-width: 1200px) {
    .inp40 {
        width: 60% !important;
    }

    .inp40mob {
        width: 40% !important;
    }

    .inp100mob {
        width: 95% !important;
    }

    .inp88mob {
        width: 88% !important;
    }

    .inp91mob {
        width: 91% !important;
    }

    .moblastrad {
        top: 18px !important;
    }

    .textmob {
        margin-top: 0px !important;
    }

    .scollarea {
        position: relative;
        overflow: hidden;
    }

        .scollarea table {
            width: 1620px !important;
        }

    .scollarea1 {
        position: relative;
        overflow: hidden;
    }

        .scollarea1 .mobbigtb {
            width: 170% !important;
        }

    .ratelistingtable td .viewall {
        margin-right: 15px;
    }

    .scrollcustom {
        position: relative;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .scrollcustompl {
        position: relative;
        overflow: hidden;
    }

        .scrollcustompl .cargodetailstable {
            width: 1450px !important;
        }

    .moblastrad1 {
        top: 18px !important;
    }

    .to {
        display: block;
        clear: both;
        text-align: center;
        width: 100%;
        padding: 5px 0;
    }
}

@media (max-width: 1136px) {
    .form table tr td img {
        width: 25px;
        margin-right: 11px;
    }
}

@media (max-width: 1190px) {
    .maininner .subheading .formsub .inpsearch {
        width: 299px !important;
        float: left;
        padding-right: 30px;
    }
}

@media (max-width: 1195px) {
    .maininner .subheading .formsub .searchButton {
        margin-left: -40px;
    }
}

@media (max-width: 1114px) {
    .maininner .subheading .rightbtns ul li .buttonsall {
        padding: 5px 5px !important;
    }

    .maininner .subheading .formsub .dateinp {
        width: 117px !important;
    }
}

@media (max-width: 1062px) {
    .top10left ul li .litxt {
        font-size: 15px;
    }

        .top10left ul li .litxt .total {
            font-size: 14px;
        }

    .top10left {
        height: 570px;
    }

    .graph {
        height: 558px;
    }

    .linkdhead li a {
        padding: 7px 6px;
    }

    .radiohead {
        margin-right: 15px;
    }

    .reportbox ul li span {
        width: 100%;
        margin-top: 8px;
    }
}

@media (max-width: 1110px) {
    .block100N {
        display: block;
        width: 100%;
        clear: both;
    }
}

@media (max-width: 1100px) {
    .wrapper {
        width: 100%;
    }

    .container {
        padding: 20px;
    }
    /*.header .menuebox  ul li {font-size: 15px!important;}*/
    .checkout1 .buttons2 {
        font-size: 11px !important;
        padding: 15px 25px 5px 25px !important;
    }

    .ratelist {
        font-size: 18px;
        margin-left: 30px;
    }

    .checkout .mobtab1 {
        margin-right: 15px;
    }

    .ratelist {
        font-size: 15px !important;
    }

    .righttag {
        float: right;
        width: 71%;
        height: 30px;
    }

        .righttag .titletext {
            float: left;
            margin-top: 18px;
        }

        .righttag .particulars {
            width: 171px;
            margin-left: 5px;
            margin-right: 6px;
        }

            .righttag .particulars ul {
                padding: 0;
                float: left;
            }

                .righttag .particulars ul li a {
                    float: left;
                    display: block;
                    padding: 15px 10px 15px 10px;
                    text-decoration: none;
                }

                    .righttag .particulars ul li a:hover {
                        background: #ECECEC;
                        color: #FA407F;
                    }

    .check {
        float: left;
        margin-top: 13px;
        margin-right: 5px;
    }

    .mainform h5 {
        width: 175px;
    }

    .form .heads {
        font-size: 12px;
    }

    .clearPoint {
        display: none;
    }

    .checkout2 .mobtab1 {
        margin-right: 10px;
    }

    .checkout2 .buttons3 {
        font-size: 11px;
        margin: 18px 8px 0 0;
    }

    .checkout2 .mobtab {
        margin-right: 12px;
    }
}

@media (max-width: 1080px) {
    .maininner .subheading h2 {
        font-size: 20px;
        margin-top: 8px;
    }
}

@media (max-width: 1095px) {
    .maininner .subheading .shipmentlistbtns ul li .buttonsall {
        padding: 10px 10px !important;
        font-size: 12px !important;
    }

    .maininner .subheading .shipmentlistbtns1 ul li .buttonsall {
        padding: 10px 9px !important;
        font-size: 11.5px !important;
    }
}

@media (max-width: 1029px) {
    .maininner .subheading .formsub .inpsearch {
        width: 247px !important;
    }
}

@media (max-width: 1024px) {
    .cardview .otherdetailsarea h1 {
        margin-bottom: 0px;
    }

    .cardview .otherdetailsarea .headul {
        float: left;
        margin-top: 11px;
        margin-bottom: 34px;
    }

    .cardview .otherdetailsarea {
        width: 88.7%;
        float: left;
    }

    .cardview .iconarea {
        width: 100%;
        height: 52px;
        position: relative;
        float: left;
        border-radius: 0 0px 9px 0px;
    }

        .cardview .iconarea ul {
            margin-top: 13px;
        }

        .cardview .iconarea li {
            margin-bottom: 0px;
            display: inline-block;
            margin-right: 10px;
        }

            .cardview .iconarea li:last-child {
                margin-right: 0px;
            }

            .cardview .iconarea li img {
                width: 60%;
            }

    .cardview .otherdetailsarea .ulbx {
        margin-bottom: 18px;
    }
}

@media (max-width: 1014px) {
    .dashrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 280px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .dashrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .dashbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .dashbuts:hover {
            background: #f35958;
        }

    .buttonsallwidth {
        width: 130px;
        font-size: 12px;
    }
}

@media (max-width: 1009px) {
    #fullviewfirst2 {
        margin-top: 170px;
    }
}

@media (max-width: 1000px) {
    .dashbordmain .leftdashboard {
        width: 100%;
    }

    .rightdashboard {
        width: 100%;
    }

    .pg4div1 {
        width: 331px;
        overflow-x: inherit !important;
    }

    .partiesselect {
        width: 89% !important;
    }

    .rightdashboard .rightboxes .rightboxeshead .headmain {
        width: 95%;
    }

    .dashbordmainright {
        width: 95%;
    }

    .whitehead ul {
        display: none;
    }

        .whitehead ul li {
            float: none;
            margin-top: 5px;
            display: block;
        }

            .whitehead ul li a {
                display: table;
                float: none;
                width: 100%;
            }

    .whitehead pre {
        width: 100%;
        text-align: center;
        cursor: pointer;
        padding-top: 15px;
        display: block;
    }

    #fullviewfirst1 {
        margin-top: 77px;
    }

    #fullviewfirst2 {
        margin-top: 77px;
    }

    .erqrrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 251px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .erqrrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .erqrbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .erqrbuts:hover {
            background: #f35958;
        }

    .buttonsallwidtherqr {
        width: 115px !important;
        font-size: 12px;
    }

    .dis100tab {
        width: 200px !important;
        display: block;
        clear: both;
        border-right: 0 !important;
        padding: 15px 0px 0px 27px !important;
    }
}

@media (max-width: 913px) {
    .detbox {
        width: 49% !important;
    }
}

@media (max-width: 975px) {
    .partiesselect {
        width: 94% !important;
    }

    .wrapper {
        width: 100%;
    }

    .container {
        padding: 20px;
    }

    .checkout1 .buttons2 {
        font-size: 11px !important;
        padding: 15px 25px 5px 25px !important;
        display: inline-block;
        text-align: center;
        float: none;
    }

    .ratelist {
        font-size: 18px;
        margin-left: 30px;
    }

    .checkout .mobtab1 {
        margin-right: 15px;
    }

    .ratelist {
        font-size: 15px !important;
        display: inline-block;
        text-align: center;
        float: none;
        margin-top: 5px;
        float: left;
        margin-top: 29px;
    }

    .righttag {
        float: right;
        width: 71%;
        height: 30px;
    }

        .righttag .titletext {
            float: left;
            margin-top: 18px;
        }

        .righttag .particulars {
            width: 171px;
            margin-left: 5px;
            margin-right: 6px;
        }

            .righttag .particulars ul {
                padding: 0;
                float: left;
            }

                .righttag .particulars ul li a {
                    float: left;
                    display: block;
                    padding: 15px 10px 15px 10px;
                    text-decoration: none;
                }

                    .righttag .particulars ul li a:hover {
                        background: #ECECEC;
                        color: #FA407F;
                    }

    .check {
        float: left;
        margin-top: 13px;
        margin-right: 5px;
    }

    .mainform h5 {
        width: 175px;
    }

    .form .heads {
        font-size: 12px;
    }

    .clearPoint {
        display: block;
    }

    .searchbox {
        width: 60%;
    }

    .rightPanel {
        width: 400px;
        margin-top: 18px;
    }

        .rightPanel .loginDate {
            margin-top: 10px;
        }

        .rightPanel .tag {
            margin-top: 8px;
        }

        .rightPanel .tagbig {
            margin-top: 2px;
        }

        .rightPanel .people {
            margin-top: 0px;
        }

    .minimbut {
        display: block;
        background: #fff;
        text-align: center;
        cursor: pointer;
        width: 100%;
        margin: -10px 0 0px 0;
        padding: 5px 0 4px 0;
    }

    .leftside ul li a {
        font-size: 16px;
    }

    .leftside ul li {
        float: none !important;
        width: 100%;
        background-color: #f2f2f2;
        border-bottom: 1px solid #666666;
    }

    .leftside .lm {
        display: none;
        margin-top: 1px;
    }

    .leftside ul li a:hover {
        background-color: #cccccc;
    }

    .mainform .alltb tr td {
        display: block;
        border-bottom: 0px solid #E4E4E4;
    }

    .tdWidth {
        width: 95%;
    }

    .checkout2 .buttons3 {
        display: inline-block;
        text-align: center;
        float: none;
    }

    .checkout2 {
        width: 100%;
        text-align: center;
    }

        .checkout2 .mobtab1 {
            display: inline-block;
            text-align: center;
            float: none;
        }

        .checkout2 .mobtab {
            display: inline-block;
            text-align: center;
            float: none;
        }

    .abhi {
        width: 365px;
        text-align: center;
        margin: 0 auto;
    }

    .donetab {
        display: inline-block;
        text-align: center;
        float: left;
    }

    .mobtab {
        display: inline-block;
        text-align: center;
        float: none;
    }

    .mobtab1 {
        display: inline-block;
        text-align: center;
        float: none;
    }

    .sort {
        display: inline-block;
        text-align: center;
        float: left;
        margin-top: 29px;
    }

    .ratelistinfo {
        text-align: center;
        float: none;
        display: inline-block;
    }

    .checkout1 {
        width: 100%;
        text-align: center;
    }

    .toplinks {
        width: 100%;
    }

        .toplinks ul li {
            display: inline-block;
            float: none;
            text-align: center;
            margin-right: 0px;
        }

        .toplinks ul {
            margin-right: 0px;
        }

    .careercontainer {
        width: 92%;
        margin-left: -46%;
    }

    .table-format {
        width: 1100px !important;
    }

    .scrolloverflow {
        overflow-x: scroll;
        overflow-y: hidden !important;
    }

    .fullviewform .leftform {
        width: 100%;
        float: left;
        margin-bottom: 0 !important;
    }

    .fullviewform .rightform {
        width: 100%;
        float: left;
        margin-bottom: 0 !important;
    }

    .space {
        display: none;
    }

    .activewhiteband {
        position: absolute;
    }

    .addcargobtnN {
        float: left !important;
        margin: 10px 0 29px 0px !important;
        padding: 5px 15px !important;
    }

    .rqlscrolldiv {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px;
    }

        .rqlscrolldiv .ratelistingtable {
            width: 900px;
        }

    .customernoteN {
        width: 100%;
        margin-bottom: 10px;
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .welc {
        margin-left: 27px;
        font-size: 20px;
    }

    .careercontainer .formmain {
        width: 85%;
    }
}

@media (max-width: 875px) {
    .cardview {
        width: 100%;
    }

        .cardview .otherdetailsarea .headul {
            float: right;
            margin-top: 27px;
            margin-bottom: 34px;
        }
}

@media (max-width: 800px) {
    .left-box h1 {
        font-size: 60px;
        line-height: 50px;
    }

    .left-box p {
        font-size: 20px;
        line-height: 25px;
    }

    .container {
        position: relative;
        float: left;
        z-index: 9;
    }

    .clearPoint {
        display: block;
    }

    .header .menuebox {
        width: 210px;
    }

        .header .menuebox ul li {
            font-size: 17px !important;
        }

    .checkout1 .buttons2 {
        font-size: 11px !important;
        padding: 15px 25px 5px 25px !important;
    }

    .ratelist {
        font-size: 18px;
        margin-left: 30px;
    }

    .checkout .mobtab1 {
        margin-right: 15px;
    }

    .ratelist {
        font-size: 15px !important;
    }

    .righttag {
        float: right;
        width: 71%;
        height: 30px;
    }

        .righttag .titletext {
            float: left;
            margin-top: 18px;
        }

        .righttag .particulars {
            width: 171px;
            margin-left: 5px;
            margin-right: 6px;
        }

            .righttag .particulars ul {
                padding: 0;
                float: left;
            }

                .righttag .particulars ul li a {
                    float: left;
                    display: block;
                    padding: 15px 10px 15px 10px;
                    text-decoration: none;
                }

                    .righttag .particulars ul li a:hover {
                        background: #ECECEC;
                        color: #FA407F;
                    }

    .check {
        float: left;
        margin-top: 13px;
        margin-right: 5px;
    }

    .mainform h5 {
        width: 175px;
    }

    .form .heads {
        font-size: 12px;
    }

    .clearPoint1 {
        display: block;
    }

    .searchbox {
        width: 60%;
    }

    .welc {
        margin-left: 27px;
        font-size: 17px;
    }

    .checkout .buttons {
        width: initial;
        padding: 15px 12px 5px 12px;
        margin: 18px 25px 0 0;
    }

    .checkout1 { /*float:none; */
        text-align: center;
    }

        .checkout1 .buttons2 {
            display: inline-block;
            float: none;
        }

    /*.mainContainer { margin-top:100px;}*/
    .ratelistinfo { /*width: 100%;*/
        text-align: center;
        margin-top: 10px;
    }

    .sort { /*width: 100%;*/
        text-align: center;
        margin-top: 29px;
    }

    .width48 {
        width: 100%;
    }

    .width25 {
        width: 100%;
    }

    .width12 {
        width: 100%;
    }

    .width6 {
        width: 100%;
    }

    .marginright2per {
        margin-right: 0px;
    }

    .marginright05per {
        margin-right: 0px;
    }

    .marginright025per {
        margin-right: 0px;
    }

    .footerhome {
        position: relative;
    }
}

@media (max-width: 834px) {
    .partiesselect {
        width: 92% !important;
    }
}

@media (max-width: 780px) {
    .formsubdivN {
        position: absolute;
        margin-left: 0 !important;
        margin-top: 35px;
        width: 205px !important;
    }

    .pnlCountries {
        width: 100% !important;
        padding: 5% !important;
    }

    .ratequatewhitearea {
        margin-top: 25px;
    }

    .rqlbuts {
        margin-top: 5px;
    }
}

@media (max-width: 724px) {
    .boxmain .tolbx h1 {
        font-size: 28px;
    }

    .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain h1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .dashbordmain .leftdashboard .leftboxes .leftboxeshead {
        height: auto !important;
        float: left;
    }

    .tlsale {
        width: 158px;
        margin: 0 auto;
        float: none !important;
    }

        .tlsale img {
            float: none !important;
        }

    .dashbordmain .leftdashboard .leftboxes .leftboxeshead .headmain {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .linkdhead {
        width: 100%;
        margin-top: 6px;
        margin-bottom: 6px;
    }

        .linkdhead li {
            float: none;
            display: inline-block;
        }

    .radiohead {
        text-align: center;
        margin-bottom: 33px;
    }

    .percnt {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .rightdashboard .rightboxes .rightboxeshead .headmain {
        width: 93%;
        text-align: center !important;
    }

        .rightdashboard .rightboxes .rightboxeshead .headmain h1 {
            float: none !important;
        }

    .dashbordmainright {
        width: 93%;
    }

    .reportbox {
        text-align: center;
    }

    .top10left {
        width: 100%;
        height: 228px;
        overflow-y: scroll;
    }

    .graph {
        width: 100%;
        height: auto;
    }

        .graph .graphmid {
            margin-top: 50px;
        }

    .days {
        width: 100%;
        border-top: solid 1px #e0e0e0;
        margin-top: 27px;
    }

        .days ul {
            width: 100%;
        }

            .days ul li {
                display: inline-block;
            }

                .days ul li a {
                    padding: 25px 10px !important;
                }

    .activedays {
        background: none;
        padding: 0px !important;
    }
}

@media (max-width: 720px) {
    .main-content {
        margin-top: 150px;
    }

    .left-box {
        width: 50%;
    }

    .right-box {
        width: 50%;
    }

    .left-box h1 {
        font-size: 45px;
        line-height: 40px;
    }

    .left-box p {
        font-size: 18px;
        line-height: 22px;
    }

    .checkout .buttons {
        width: initial;
        padding: 15px 12px 5px 12px;
        margin: 18px 25px 0 0;
        display: inline-block;
        text-align: center;
        float: none;
    }

    .welc {
        width: 95%;
        text-align: center;
        margin-top: 10px;
    }

    .checkout {
        width: 100%;
        text-align: center;
    }

    .checkout2 .buttons3 {
        font-size: 10px;
        margin: 6px 0px 0 0;
    }

    .checkout .text {
        display: inline-block;
        text-align: center;
        float: none;
    }

    .tableformdash {
        width: 900px !important;
    }

    .tablescroll {
        overflow-x: scroll;
        float: left;
        width: 100%;
    }

    .modulebuts {
        float: left;
        width: 100%;
        padding-top: 10px;
    }

    .maininner .subheading .modulebuts ul {
        float: left;
    }

        .maininner .subheading .modulebuts ul li {
            float: none;
            margin-left: 0;
            margin-bottom: 10px;
        }

            .maininner .subheading .modulebuts ul li .buttonsall {
                float: none;
                margin-left: 0;
                margin-bottom: 0px;
            }
}

@media (max-width: 675px) {
    .main-content {
        margin-top: 100px;
    }

    .left-box {
        width: 100%;
    }

    .right-box {
        width: 100%;
        margin-top: 50px;
    }

        .right-box h2 {
            text-align: left;
            background: url('../loginimages/signup.gif') no-repeat 95px 5px;
            padding-right: 0px;
        }

    .left-box h1 {
        font-size: 60px;
        line-height: 50px;
    }

    .left-box p {
        font-size: 20px;
        line-height: 25px;
    }

    .searchbox {
        width: 95%;
    }

    .menuebox {
        width: 95%;
    }

    .rightPanel {
        width: 260px;
        margin: 56px auto 0 -215px;
        float: left;
    }

        .rightPanel .loginDate {
            float: none;
            margin-top: 0px;
            padding-left: 11%;
        }

        .rightPanel .tag {
            margin-top: 20px;
            margin-left: 15%;
        }

        .rightPanel .tagbig {
            margin-top: 12px;
        }

        .rightPanel .people {
            margin-top: 10px;
        }

    .header {
        height: 125px !important;
        margin-bottom: 15px;
        background: url('../loginimages/headerbg.jpg') no-repeat right -22px #fff;
    }

        .header .menuebox ul {
            margin: 15px 0px 0 21px;
        }

    .welc {
        width: 95%;
        text-align: center;
    }
    /*.checkout {  margin-left: 20%; float: none;}*/
    .custable {
        width: 900px !important;
    }

    .custablemain {
        overflow-x: scroll;
    }

    .acountmenu {
        margin-left: 0px;
    }

        .acountmenu .acountarrow {
            right: 155px;
        }

    .formscroll {
        overflow-x: scroll;
        float: left;
        width: 100%;
    }

        .formscroll .leftform {
            width: 550px;
        }

        .formscroll .rightform {
            width: 550px;
        }

    .invrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 260px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .invrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .invbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 10001;
    }

        .invbuts:hover {
            background: #f35958;
        }

    .buttonsallwidthinv {
        width: 120px !important;
        font-size: 12px;
    }

    .fullviewform .formpad {
        padding-bottom: 20px;
    }

    .fullviewform .formhead span {
        margin: 15px 0 0 0px;
    }

    .block100 {
        display: block;
        width: 100%;
        clear: both;
    }

    .block100none {
        display: none;
    }

    .inp48mob {
        width: 48% !important;
    }

    .height20 {
        height: 20px;
    }

    .fullviewform .formstable td.extrapadding {
        padding: 15px 0 5px 0px;
    }

    .padtop15 {
        padding-top: 25px !important;
    }

    .fullviewform .formhead {
        letter-spacing: 0px;
        font-size: 11px;
    }

    .radio label {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .bigleftforlap {
        width: 100% !important;
    }

    .martop15 {
        margin-top: 5px !important;
    }

    .padtop5 {
        padding-top: 7px;
    }

    .marbot20 {
        margin-bottom: 20px !important;
    }

    .padbot20 {
        padding-bottom: 20px !important;
    }

    .ratequatewhiteareapager .legul {
        float: none;
        margin-top: 6px;
    }

    .rightpagingN {
        float: none;
        width: 100%;
        clear: both;
    }

    .rqrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 212px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .rqrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .rqbuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .rqbuts:hover {
            background: #f35958;
        }

    .buttonsallwidthrq {
        width: 95px !important;
        font-size: 12px;
    }

    .contscrolldiv {
        width: 100%;
        overflow-x: scroll;
    }

        .contscrolldiv .cont-table {
            width: 500px !important;
        }

    .padtop8 {
        padding-top: 8px;
    }

    .inp50 {
        width: 100% !important;
    }

    .inp70 {
        width: 100% !important;
    }

    .inp90 {
        width: 85% !important;
    }

    .inp95 {
        width: 99% !important;
    }

    .fullviewform .time {
        margin: 9px 11px 6px 0px;
    }

    .wd94 {
        width: 99% !important;
    }

    .inp88mob {
        width: 100% !important;
    }

    .inp91mob {
        width: 100% !important;
    }

    .inp100mob {
        width: 100% !important;
    }

    textarea.inp88mob {
        width: 96% !important;
    }

    .wd50 {
        width: 50% !important;
    }

    .wd75 {
        width: 75% !important;
    }

    .wd95 {
        width: 95% !important;
    }

    .wd100 {
        width: 100% !important;
    }

    .wd91 {
        width: 91% !important;
    }

    .wd81 {
        width: 81% !important;
    }

    .colortheme {
        display: none;
    }

    .marlft0 {
        margin-left: 0 !important;
    }

    .floatnone {
        float: none !important;
    }

    .popup .popuphead {
        font-size: 22px;
    }

    .wd71 {
        width: 71% !important;
    }
}

@media (max-width: 631px) {
    .partiesselect {
        width: 90% !important;
    }
}

@media (max-width: 620px) {
    .boxmain .tolbx {
        width: 100%;
        text-align: center;
    }

    .bookingul li {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: solid 1px #ccc;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width: 600px) {
    .mainContainer .detbox2 {
        width: 93%;
        height: auto;
    }

        .mainContainer .detbox2 .icons {
            height: auto;
            width: inherit;
            border-left: 0px;
            float: none;
            margin-bottom: 10px;
        }

        .mainContainer .detbox2 .pills ul {
            width: 98%;
        }

        .mainContainer .detbox2 .pills {
            width: 95%;
        }

    .detbox {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .ratequatewhitearea {
        display: none;
    }

    .rqlbuts {
        margin-top: 30px;
    }
}

@media (max-width: 560px) {
    .welc {
        width: 90%;
        text-align: center;
    }
    /*.checkout {margin-left: 32%; float:none;}*/
    .checkout .text {
        margin-top: 14px;
    }

    .search {
        width: 99% !important;
    }

    .clearPoint2 {
        display: block;
    }

    .ratelist {
        font-size: 18px !important; /*width: 100%;*/
        text-align: center;
        margin-top: 10px;
    }

    .mainContainer .detbox2 .ref-text {
        margin: 8px 10px 0 8px;
    }

    .mainContainer .detbox2 .ref-text2 {
        margin: 8px 10px 0 8px;
    }

    .graph .graphmid .graphbox {
        width: 100%;
        margin-bottom: 35px;
    }

    .abhi {
        width: 100%;
        float: none;
    }

    .ratelist {
        float: none;
    }

    .sort {
        float: none;
    }

    .donetab {
        float: none;
        display: block;
    }

    .maininner .subheading .formsub {
        float: none;
        position: absolute;
        margin-left: 0;
        margin-top: 38px;
    }

    .dashbuts {
        margin-top: 37px;
    }

    .cardview .otherdetailsarea .headul {
        float: left;
        margin-top: 11px;
        margin-bottom: 34px;
        width: 100%;
    }
}

@media (max-width: 508px) {
    .partiesselect {
        width: 88% !important;
    }
}

@media (max-width: 480px) {
    .block100 .textareawidth {
        width: 88.1% !impportant;
    }
}


@media (max-width: 479px) {
    .comrgtbutdiv ul {
        display: none;
        position: absolute;
        float: none;
        z-index: 999999;
        right: 0px;
        width: 212px;
        padding: 10px 8px 11px 0 !important;
        border-radius: 7px;
        background: #fff;
        box-shadow: 0px 0px 21px -7px #000;
        margin-top: 5px !important;
    }

        .comrgtbutdiv ul li {
            margin-top: 2px;
            float: left !important;
        }

    .combuts {
        display: block;
        cursor: pointer;
        background: #222;
        color: #fff;
        font-size: 18px;
        border-radius: 30px;
        padding: 11px 12px 10px 12px;
        position: relative;
        z-index: 9999999;
    }

        .combuts:hover {
            background: #f35958;
        }

    .buttonsallwidthcom {
        width: 95px !important;
        font-size: 12px;
    }
}


@media (max-width: 440px) {
    .maininner .subheading .formsub {
        width: 250px;
    }

        .maininner .subheading .formsub input {
            margin-bottom: 4px;
        }

    .dashbuts {
        margin-top: 59px;
    }

    .maininner .subheading .formsub .dateinp {
        width: 117px !important;
        height: 28px !important;
    }

    .maininner .subheading .formsub .buttonsallpad {
        padding: 10px 18px 11px 18px !important;
        margin-top: -12px;
    }

    .erqrbuts {
        margin-top: 7px;
    }

    .cardview .otherdetailsarea .ulbx {
        width: 100%;
    }

        .cardview .otherdetailsarea .ulbx ul li:last-child {
            border-bottom: solid 1px #ebeced;
            margin-bottom: 0;
        }

    .floatrightN {
        margin-top: -5px;
    }
}


@media (max-width: 423px) {
    .searchfield {
        width: 80% !important;
        float: left !important;
        margin-left: 3%;
    }
}

@media (max-width: 400px) {
    .left-box h1 {
        font-size: 40px;
        line-height: 35px;
    }

    .left-box p {
        font-size: 16px;
        line-height: 20px;
    }

    .right-box {
        min-width: 100%;
    }

    .welc {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }
    /*.checkout {margin-left: 28%; float: none; text-align: center;}*/
    .checkout .text {
        margin-top: 14px;
    }

    .search {
        width: 95% !important;
    }

    .mainContainer .detbox {
        width: 90%;
    }

        .mainContainer .detbox .texts {
            width: 90%;
        }

    .checkout .buttons {
        font-size: 12px;
    }

    .left-slidebox {
        width: 100%;
    }

    .atlantic-logo img {
        width: 100%;
    }

    .searchTerm {
        padding-right: 33px;
    }

    .checkout1 .buttons2 {
        padding: 14px 12px 0px 12px !important;
        margin: 8px 8px 0 0;
        border-radius: 15px;
    }
}

@media (max-width: 380px) {
    .cardview .iconarea li {
        margin-right: -2px;
    }

    .wd80 {
        width: 80% !important;
    }

    .maininner .subheading {
        width: 100%;
        float: left;
        margin-bottom: 50px;
    }
}

@media (max-width: 347px) {
    .partiesselect {
        width: 83% !important;
    }

    .maininner .subheading {
        width: 100%;
        float: left;
        margin-bottom: 50px;
    }
}

@media (max-width: 320px) {
    /*.checkout {margin-left: 20%; float: none; text-align: center;}*/
}
/*------------------------------Responsive End Here--------------------------------------*/


/* Pagging CSS Start */

/* Pagging CSS Start */
.modal {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    z-index: 999999;
    margin: 300px auto;
    padding: 10px;
    width: 150px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .center img {
        height: 128px;
        width: 128px;
    }

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.pnlBackGround {
    position: fixed;
    top: 10%;
    text-align: center;
}

.errorCustomdiv {
    width: 95%;
    border-radius: 8px;
    font-family: 'robotoregular';
    color: #D8000C;
    text-align: left;
    margin: 0 6px 10px 0;
    padding: 5px;
}

.LinkBtnCustom {
    text-decoration: none;
    font-family: "robotoregular" !important;
}

.errorWhenEmpty {
    color: #D8000C !important;
    font-family: 'robotoregular' !important;
    font: bold;
}

body, textarea {
    font-size: 12px;
}

tr.ascendingCssClass a {
    background: url(../loginimages/asc.gif) no-repeat center right;
    background-position: right 5px center;
}

tr.ascendingCssClass th a:link {
    color: Green;
    text-decoration: none;
    padding-right: 25px;
}

tr.ascendingCssClass th a:hover {
    color: #F75D59;
    text-decoration: none;
    padding-right: 25px;
}

tr.ascendingCssClass th a:visited {
    color: #F75D59;
    text-decoration: none;
    padding-right: 25px;
}


tr.descendingCssClass a {
    background: url(../loginimages/desc.gif) no-repeat center right;
    background-position: right 5px center;
}

tr.descendingCssClass th a:link {
    color: #F75D59;
    text-decoration: none;
    padding-right: 25px;
}

tr.descendingCssClass th a:hover {
    color: Green;
    text-decoration: none;
    padding-right: 25px;
}

tr.descendingCssClass th a:visited {
    color: Green;
    text-decoration: none;
    padding-right: 25px;
}


.completionList {
    border: solid 1px Gray !important;
    margin: 0px !important;
    padding: 2px !important;
    height: 100px !important;
    overflow: auto !important;
    background-color: #FFFFFF !important;
}

.listItem {
    color: #191919 !important;
}

.itemHighlighted {
    background-color: #ADD6FF !important;
}

.mainlinkCustom{
    font-size: 14px !important; 
    padding: 15px 45px !important;
}