body {
    background: #fff;
    color: #2f3439;
    height: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
}

h1 {
    font-size: 15px;
    margin: 0;
    padding: 0;
}

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

.header {
    background: #2f3439;
    width: 100%;
    min-width: 1080px;
    height: 69px;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.wrap {
    min-width: 1080px
}

a {
    color: inherit;
}

.logo {
    border-right: 1px solid #394046;
    padding: 0px 2% 11px 2%;
    float: left;
    width: 14%;
    max-height: 69px;
    margin-top: -2.5%;
}

    .logo:after {
        /*content: url(assets/logo_main.png);*/
        content: url(assets/thublogo.svg);
    }

.nav {
    float: left;
    color: #8b98a7;
    text-transform: uppercase;
    font-size: 11px;
    width: 65%;
    z-index: 99999999999;
}

    .nav li {
        float: left;
        min-width: 10%;
        position: relative;
        padding: 27px 4.5% 27px 5.5%;
    }

        .nav li.selected,
        .nav li:hover {
            color: #dc885b;
            opacity: 1;
        }

        .nav li.dashboard:before {
            position: absolute;
            content: url(assets/nav_da.png);
            left: 14px;
            top: 24px;
        }

        .nav li.orders:before {
            position: absolute;
            content: url(assets/nav_or.png);
            left: 14px;
            top: 24px;
        }

        .nav li.shipments:before {
            position: absolute;
            content: url(assets/nav_sh.png);
            left: 14px;
            top: 24px;
        }

        .nav li.products:before {
            position: absolute;
            content: url(assets/nav_pr.png);
            left: 14px;
            top: 24px;
        }

        .nav li.settings:before {
            position: absolute;
            content: url(assets/nav_se.png);
            left: 14px;
            top: 24px;
        }

        .nav li.inventory:before {
            position: absolute;
            content: url(assets/nav_inv.png);
            left: 14px;
            top: 24px;
        }

    .nav a li {
        font-size: 11px;
        padding-left: 42px;
    }

    .nav li.dashboard:hover:before,
    .nav li.dashboard.selected:before {
        content: url(assets/nav_da_hov.png);
    }

    .nav li.orders:hover:before,
    .nav li.orders.selected:before {
        content: url(assets/nav_or_hov.png);
    }

    .nav li.shipments:hover:before,
    .nav li.shipments.selected:before {
        content: url(assets/nav_sh_hov.png);
    }

    .nav li.products:hover:before,
    .nav li.products.selected:before {
        content: url(assets/nav_pr_hov.png);
    }

    .nav li.settings:hover:before,
    .nav li.settings.selected:before {
        content: url(assets/nav_se_hov.png);
    }

    .nav li.inventory:hover:before,
    .nav li.inventory.selected:before {
        content: url(assets/nav_inv_hov.png);
    }

.user {
    font-size: 12px;
    float: right;
    position: relative;
    color: #8b98a7;
    padding: 45px 3% 26px;
    cursor: pointer;
}

/*.user:after {
    content: url(assets/small_arrow_down.png);
    position: relative;
    left: 4px;
    top: -2px;
}*/

.menu {
    float: left;
    width: 14%;
    background: #fff;
    padding-top: 69px;
    border-right: 1px solid #ebeef0;
}


    .menu section {
        border-bottom: 1px solid #ebeef0;
        padding: 10px 14px;
    }

        .menu section:nth-child(1),
        .menu section:nth-child(2) {
            padding: 20px 14px;
        }

    .menu a {
        color: #68a8cf;
    }

form.f1 input[type="text"] {
    max-width: 100%;
    font-size: 10px;
    margin: 0;
    margin-bottom: 5px;
    position: relative;
}

form.f1 label {
    position: relative;
    margin: 0;
    padding: 0;
    color: #7d8c9c;
}

label.search:after {
    content: url(assets/search_icon.png);
    position: absolute;
    right: 10px;
    top: 10px;
}

label input {
    font-weight: 100;
}

div.cs-select {
    margin: 5px auto;
}

div.cs-skin-border {
    font-size: 10px;
}

.cs-skin-border > span {
    color: #98a9bc;
}

::-webkit-input-placeholder {
    color: #98a9bc;
}

.filters b {
    color: #62859a;
}

.filters a {
    position: relative;
    top: 5px;
}

ul.radios li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 8px;
}

ul.radios {
    margin: 0;
    padding: 0;
}

ul.m_checks {
    margin-top: 5px
}

form.f1 ul.m_checks [type="checkbox"]:not(:checked) + label,
form.f1 ul.m_checks [type="checkbox"]:checked + label {
    margin-bottom: 0;
    font-size: 10px;
    color: #98a9bc;
    font-family: 'Montserrat-Regular';
    font-weight: normal;
    line-height: 18px;
}

    form.f1 ul.m_checks [type="checkbox"]:not(:checked) + label:before, form.f1 ul.m_checks [type="checkbox"]:checked + label:before {
        width: 15px;
        height: 15px;
    }

    form.f1 ul.m_checks [type="checkbox"]:not(:checked) + label:after, form.f1 ul.m_checks [type="checkbox"]:checked + label:after {
        top: 1px;
        left: 3px;
    }

input[type=radio].css-radiobox + label.radio-label {
    font-size: 10px;
    color: #98a9bc;
    line-height: 15px;
    height: 15px;
    margin: -3px 0;
}

label.radio-label.lbi_y {
    background: url(assets/flags_yellow.png);
}

input[type=radio].css-radiobox:checked + label.radio-label.lbi_y {
    background: url(assets/flags_yellow_hov.png) no-repeat;
}

label.radio-label.lbi_r {
    background: url(assets/flags_red.png);
}

input[type=radio].css-radiobox:checked + label.radio-label.lbi_r {
    background: url(assets/flags_red_hov.png) no-repeat;
}

label.radio-label.lbi_g {
    background: url(assets/flags_green.png);
}

input[type=radio].css-radiobox:checked + label.radio-label.lbi_g {
    background: url(assets/flags_green_hov.png) no-repeat;
}

label.radio-label.lbi_b {
    background: url(assets/flags_blue.png);
}

input[type=radio].css-radiobox:checked + label.radio-label.lbi_b {
    background: url(assets/flags_blue_hov.png) no-repeat;
}

.menu .settings {
    position: absolute;
    right: 0;
    top: 0;
}

    .menu .settings:after {
        content: url(assets/settings.png);
        cursor: pointer;
    }

.menu a:hover {
    opacity: .5
}

.content {
    float: left;
    width: 86%;
    padding-top: 69px;
}

.options {
    height: 57px;
    border-bottom: 1px solid #ebeef0;
    padding: 17px
}

    .options section {
        float: left;
        height: 30px;
    }

    .options section {
        margin-right: 10px;
    }

        .options section:nth-child(1) {
            margin-right: 22px;
        }

    .options div.cs-skin-border {
        position: relative;
        top: -12px;
    }

        .options div.cs-skin-border.actions {
            width: 235px;
        }

            .options div.cs-skin-border.actions span.cs-placeholder {
                padding-left: 35px; /*color: black;*/
            }

                .options div.cs-skin-border.actions span.cs-placeholder:before {
                    content: url(assets/icon_actions_dropdown.png);
                    position: absolute;
                    left: 10px;
                }

section p {
    display: inline-block;
    float: left;
    margin-right: 5px;
    font-weight: 100;
    position: relative;
    top: 3px;
}

/*changed*/
.options section:nth-child(7) {
    min-width: 140px;
}

.options section:nth-child(6) {
    min-width: 150px;
}

.options section:nth-child(5) {
    min-width: 100px;
}

.options div.cs-select.autodd {
    max-width: 100px;
    float: left;
}

.options div.cs-select.autopage {
    max-width: 45px;
    float: left;
}

.options section p {
    color: #98a9b9;
    font-size: 11px;
}

.refresh, .grid {
    border-radius: 3px;
    border: 1px solid #dce4ed;
    width: 36px;
    height: 36px;
    position: relative;
    top: -7px;
    cursor: pointer;
}

    /*.refresh:after { content: url(assets/icon_dash_refresh.png); position: relative; top: 10px; left: 10px; }*/
    .refresh:after {
        content: url(assets/icon_dash_refresh.png);
        position: relative;
        bottom: 13px;
        left: 10px;
    }

    .grid:after {
        content: url(assets/icon_dash_grid.png);
        position: relative;
        top: 9px;
        left: 7px;
    }

#refresh li {
    position: relative;
}

ul.order_items li {
    width: 100%;
    border-bottom: 1px solid #ebeef0;
    position: relative;
}

    ul.order_items li.focus {
        background: #eff8fd;
    }

    ul.order_items li section.checkmark {
        padding: 22px 22px 22px 17px;
    }

    ul.order_items li section {
        float: left;
        display: inline-block;
    }

    ul.order_items li.sbg {
        background: #eff8fd;
    }

    ul.order_items li.selected:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 0;
        width: 5px;
        height: 67px;
        background: #90cbed;
    }

.oi_info {
    padding: 16px 17px 0px 17px;
    cursor: pointer;
    margin-left: 56px;
}

    .oi_info .row1 {
        color: #2f3439;
        font-size: 13px;
    }

    .oi_info .row2 {
        color: #78838e;
        font-size: 11px;
    }

    .oi_info .row3 {
        color: #78838e;
        font-size: 11px;
    }

    .oi_info .row4 {
        color: #a4b2bf;
        font-size: 11px;
    }

    .oi_info .row5 {
        color: #78838e;
        font-size: 11px;
    }

    .oi_info .row6 {
        color: #97a5b3;
        font-size: 11px;
    }

    .oi_info section:nth-child(1) {
        width: 14%;
    }

    .oi_info section:nth-child(2) {
        width: 4%;
        text-align: left;
    }

    .oi_info section:nth-child(3) {
        width: 17%;
    }

    .oi_info section:nth-child(4) {
        width: 9%;
    }

    .oi_info section:nth-child(5) {
        width: 16%;
    }

    .oi_info section:nth-child(6) {
        width: 5%;
    }

    .oi_info section:nth-child(7) {
        width: 3%;
    }

    .oi_info section:nth-child(8) {
        width: 4%;
    }

    .oi_info section:nth-child(9) {
        width: 7%;
        margin-right: 5%;
    }

    .oi_info section:nth-child(10) {
        width: 15%;
    }

    .oi_info section:nth-child(11) {
        float: right;
        width: 1%;
    }

.actionnum {
    position: relative;
    top: 6px;
    display: block;
    width: 20px;
    text-align: center;
}

    .actionnum:after {
        width: 30px;
        height: 30px;
        border-radius: 50px;
        border: 2px solid #dce4ed;
        position: absolute;
        left: -5px;
        top: -7px;
        content: ' ';
    }

.flag, .comment, .country, .nocomment {
    position: relative;
    top: 8px;
}

.flag {
    width: 14px;
    height: 14px;
}

.flag_product {
    width: 33%;
    height: 14px;
}
/*.flag:after { content: url(assets/ff_grey.png); } changed */
.flag.f_red:after {
    content: url(assets/ff_red.png);
}

.flag.f_green:after {
    content: url(assets/ff_green.png);
}

.flag.f_yellow:after {
    content: url(assets/ff_yellow.png);
}

.nocomment {
    width: 18px;
    height: 14px;
}

.comment {
    width: 18px;
    height: 14px;
}

    .comment:after {
        content: url(assets/message.png);
    }

    .comment.c_exist:after {
        content: url(assets/message_hover.png);
    }

.country {
    width: 18px;
    height: 14px;
}

    .country:after {
        content: url(assets/cntry_usa.png);
    }

    .country.ctr_gree:after {
        content: url(assets/cntry_gree.png);
    }

    .country.ctr_jap:after {
        content: url(assets/cntry_jap.png);
    }

.shp_status {
    color: #97a5b3;
    text-align: center;
    font-size: 10px;
    position: relative;
    top: 9px;
}

    .shp_status.shp_ok {
        color: #7fc030;
    }

.wtn_ship {
    background: #eaeff2;
    color: #7d848b;
    width: 140px;
    text-align: center;
    font-size: 10px;
    padding: 4px 15px;
    border-radius: 20px;
    position: relative;
    top: 6px;
}

    .wtn_ship.shipped,
    .wtn_ship.wsnt {
        background: #a7e35f;
        color: #2f3439;
    }

        .wtn_ship.shipped:after {
            content: '✓';
            color: #a7e35f;
            background: white;
            width: 16px;
            height: 16px;
            border-radius: 10px;
            position: absolute;
            right: 3px;
            top: 3px;
            font-size: 12px;
        }

    .wtn_ship.shipped_failure:after {
        content: 'X';
        color: red;
        background: white;
        width: 16px;
        height: 16px;
        border-radius: 10px;
        position: absolute;
        right: 3px;
        top: 3px;
        font-size: 12px;
    }

    .wtn_ship.shipped_waiting:after {
        content: '!';
        color: blue;
        background: white;
        width: 16px;
        height: 16px;
        border-radius: 10px;
        position: absolute;
        right: 3px;
        top: 3px;
        font-size: 12px;
    }

    .wtn_ship.wsnt span {
        color: #6a727b;
        font-size: 9px;
    }

    .wtn_ship.cmpre {
        background: #90cbed;
        color: #2f3439;
        padding: 0;
    }

        .wtn_ship.cmpre span {
            display: inline-block;
            width: 48%;
            padding: 4px;
            font-size: 10px;
        }

            .wtn_ship.cmpre span:nth-child(1) {
                border-right: 1px solid #ffffff;
            }

    .wtn_ship.wsnt_partial {
        background: #FFFF00;
        color: #2f3439;
    }

    .wtn_ship.wsnt_BackOrdered {
        background: #31849B;
        color: #FFF;
    }

    .wtn_ship.wsnt_Cancelled {
        background: red;
        color: #FFF;
    }

    .wtn_ship.wsnt_Processing {
        background: #FF9933;
        color: #2f3439;
    }

    .wtn_ship.wsnt_Skipped {
        background: orange;
        color: #FFF;
    }
    .wtn_ship.wsnt_FailedNoAck {
        background: #808080;
        color: #FFF;
    }

.shp_status.Submitted {
    color: #FFFF00;
}

.shp_status.SubmitFailed {
    color: red;
}

.shp_status.Postedok {
    color: #92D050;
}

.shp_status.PostedFailed {
    color: red;
}

.shp_status.Skipped {
    color: red;
}

.shp_status.PostedIncomplete {
    color: Orange;
}

.more_info {
    width: 14px;
    height: 14px;
    position: relative;
    top: 9px;
    cursor: pointer;
}

    .more_info:after {
        content: url(assets/moreinfo_plus.png);
    }

    .more_info.mi_minus:after {
        content: url(assets/moreinfo_minus.png);
    }

.additional_info {
    background: #f5f8fa;
    border-top: 1px solid #e6ecf0;
    display: none;
}

.ai_show {
    display: block;
}

.additional_info article {
    padding: 16px 24px 24px 24px
}

.ai_icons {
    background: #e6ecf0;
    float: left;
    width: 22%;
}

    .ai_icons article {
        float: right;
        clear: both;
    }

    .ai_icons .cart:before {
        content: url(assets/ai_cart.png);
    }

    .ai_icons .package:before {
        content: url(assets/ai_package.png);
    }

    .ai_icons .sum:before {
        content: url(assets/ai_sum.png);
    }

.ai_info {
    float: left;
    width: 78%;
}

    .ai_info article {
        border-bottom: 1px solid #e6ecf0;
        padding-bottom: 11px;
        clear: both;
    }

        .ai_info article:last-child {
            border-bottom: none;
        }

        .ai_info article section:nth-child(1) {
            width: 19%;
        }

        .ai_info article section:nth-child(2) {
            width: 9%;
        }

        .ai_info article section:nth-child(3) {
            width: 9%;
        }

        .ai_info article section:nth-child(4) {
            width: 9%;
        }

        .ai_info article section:nth-child(5) {
            width: 9%;
        }

        .ai_info article section:nth-child(6) {
            width: 14%;
        }

    .ai_info .airow1 {
        font-size: 9px;
        color: #78838e;
    }

    .ai_info .airow2 {
        font-size: 12px;
    }

    .ai_info a {
        text-decoration: underline;
        font-size: 12px;
        margin-right: 3px;
    }

.options section.fr {
    float: right
}

.pagination {
    border: 1px solid #dce4ed;
    width: 90px;
    float: right;
    position: relative;
    top: -27px;
    height: 36px;
}

.leftpag, .rightpag {
    width: 20px;
    height: 100%;
    background: #eaeff2;
    font-weight: 600;
    color: #8b98a7;
    text-align: center;
    font-size: 21px;
    cursor: pointer;
}

    .leftpag:hover, .rightpag:hover {
        background: #dce4ed;
    }

.leftpag {
    position: absolute;
    top: 0;
    left: 0;
}
/*.rightpag { position: absolute; right: 0; top: 0; }*/
/*19 DEC*/
.rightpag {
    position: absolute;
    right: 0;
    top: 0;
}

.pagnum {
    position: relative;
}

    .pagnum input[type="text"] {
        width: 25px;
        border: none;
        background: transparent;
        position: absolute;
        left: 24px;
        height: 34px;
        text-align: center;
    }

.pagup, .pagdown {
    position: absolute;
    top: 10px;
    left: 50px;
    content: url(assets/small_arrow_up.png)
}

.pagdown {
    top: 20px;
    content: url(assets/small_arrow_down.png);
}

.pop_options {
    background: #2f3439;
    position: absolute;
    top: 45px;
    z-index: 999;
}
    /*.pop_options:after { content: url(assets/pop_options_arrow.png); position: absolute; top:-12px; left: 10px} changed*/
    .pop_options:after {
        content: url(assets/pop_options_arrow.png);
        position: absolute;
        top: -5px;
        left: 10px
    }

.pop_options {
    color: white;
    border-radius: 4px;
}

    .pop_options label {
        font-size: 10px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .pop_options#refresh ul {
        width: 200px;
        padding-bottom: 10px;
    }

    .pop_options#refresh li {
        font-size: 12px;
        padding: 5px 15px;
    }

    .pop_options#refresh span {
        font-size: 9px;
        color: #aab4bd;
        display: block;
    }

    .pop_options#grid ul {
        width: 300px;
        padding: 13px 0 5px;
    }

        .pop_options#grid ul li {
            float: left;
            width: 43%;
            padding: 0px 14px;
        }

            .pop_options#grid ul li:nth-child(even) {
                width: 57%;
            }

    .pop_options#grid [type="checkbox"]:not(:checked) + label,
    .pop_options#grid [type="checkbox"]:checked + label {
        padding-left: 25px;
        padding-top: 5px;
        font-weight: 100;
        font-size: 9px;
        backgroud: transparent;
    }

    .pop_options#grid [type="checkbox"]:checked + label {
        color: #90cbed;
    }

        .pop_options#grid [type="checkbox"]:not(:checked) + label:before,
        .pop_options#grid [type="checkbox"]:checked + label:before {
            background: none;
            height: 16px;
            width: 16px;
        }

        .pop_options#grid [type="checkbox"]:not(:checked) + label:after,
        .pop_options#grid [type="checkbox"]:checked + label:after {
            top: 0px;
            left: 3px;
        }

        .pop_options#grid [type="checkbox"]:checked + label:before {
            border: 1px solid #90cbed;
        }

.pop_options {
    display: none;
}

.alert {
    position: absolute;
}

/*Siva24_Dec*/
/*.options div.cs-skin-border.pgn { top: -4px; left: 40px; }
.pgn span { top: 10px; left: 40px; }
.options div.cs-skin-border.pgn > span { border: none; color: #98a9b9 }
.options div.cs-skin-border.pgn > span::after, 
.options div.cs-skin-border.pgn .cs-selected span::after { content: ' '; }*/

.options div.cs-skin-border.productscreen {
    width: 25px;
    top: -4px;
    left: 20px !important;
}

.options div.cs-skin-border.pgn {
    width: 25px;
    top: -4px;
    left: 40px;
}
    /*.pgn span { top: 10px; left: 40px; }*/
    .options div.cs-skin-border.pgn > span {
        width: 25px;
        border: none;
        color: #98a9b9
    }

        .options div.cs-skin-border.pgn > span::after,
        .options div.cs-skin-border.pgn .cs-selected span::after {
            width: 25px;
            content: ' ';
        }

.footer {
    display: none;
    background: rgba(47, 52, 57, 0.8)
}

.footer_lineitem {
    display: none;
    background: rgba(47, 52, 57, 0.8)
}

.ship_options {
    position: absolute;
    display: none;
    bottom: 46px;
    background: #90cbed;
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -50px;
    border-radius: 5px 5px 0 0;
}

    .ship_options:after {
        background: url(assets/ship-options-arrow.png) center top no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 100%;
        position: absolute;
        bottom: -20px;
    }

    .ship_options blockquote {
        color: #2f3439;
        font-size: 10px;
        text-align: left;
        padding: 5px 25px;
    }

        .ship_options blockquote:hover {
            background: #74afd0;
        }

#shiparrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 19px;
    border-left: 1px solid rgba(47, 52, 57, 0.8);
}

    #shiparrow:after {
        position: absolute;
        right: 5px;
        top: 10px;
        content: url(assets/small_arrow_up_dk.png);
    }

    #shiparrow.selected:after {
        content: url(assets/small_arrow_down_dk.png);
    }

#flagarrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 19px;
    border-left: 1px solid rgba(47, 52, 57, 0.8);
}

    #flagarrow:after {
        position: absolute;
        right: 5px;
        top: 10px;
        content: url(assets/small_arrow_up_dk.png);
    }

    #flagarrow.selected:after {
        content: url(assets/small_arrow_down_dk.png);
    }

.Flag_options {
    position: absolute;
    display: none;
    bottom: 46px;
    background: #90cbed;
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -50px;
    border-radius: 5px 5px 0 0;
}

    .Flag_options:after {
        background: url(assets/ship-options-arrow.png) center top no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 100%;
        position: absolute;
        bottom: -20px;
    }

    .Flag_options blockquote {
        color: #2f3439;
        font-size: 10px;
        text-align: left;
        padding: 5px 25px;
    }

        .Flag_options blockquote:hover {
            background: #74afd0;
        }

#qb_postarrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 19px;
    border-left: 1px solid rgba(47, 52, 57, 0.8);
}

    #qb_postarrow:after {
        position: absolute;
        right: 5px;
        top: 10px;
        content: url(assets/small_arrow_up_dk.png);
    }

    #qb_postarrow.selected:after {
        content: url(assets/small_arrow_down_dk.png);
    }



.windows8 {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 15px;
    height: 15px;
}

    .windows8 img {
        position: relative;
        left: -3px;
        top: -1px;
    }

    .windows8 .wBall {
        position: absolute;
        width: 14px;
        height: 14px;
        opacity: 0;
        -moz-transform: rotate(225deg);
        -moz-animation: orbit 4.95s infinite;
        -webkit-transform: rotate(225deg);
        -webkit-animation: orbit 4.95s infinite;
        -ms-transform: rotate(225deg);
        -ms-animation: orbit 4.95s infinite;
        -o-transform: rotate(225deg);
        -o-animation: orbit 4.95s infinite;
        transform: rotate(225deg);
        animation: orbit 4.95s infinite;
    }

        .windows8 .wBall .wInnerBall {
            position: absolute;
            width: 2px;
            height: 2px;
            background: #FFFFFF;
            left: 0px;
            top: 0px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
        }

    .windows8 #wBall_1 {
        -moz-animation-delay: 1.08s;
        -webkit-animation-delay: 1.08s;
        -ms-animation-delay: 1.08s;
        -o-animation-delay: 1.08s;
        animation-delay: 1.08s;
    }

    .windows8 #wBall_2 {
        -moz-animation-delay: 0.22s;
        -webkit-animation-delay: 0.22s;
        -ms-animation-delay: 0.22s;
        -o-animation-delay: 0.22s;
        animation-delay: 0.22s;
    }

    .windows8 #wBall_3 {
        -moz-animation-delay: 0.43s;
        -webkit-animation-delay: 0.43s;
        -ms-animation-delay: 0.43s;
        -o-animation-delay: 0.43s;
        animation-delay: 0.43s;
    }

    .windows8 #wBall_4 {
        -moz-animation-delay: 0.65s;
        -webkit-animation-delay: 0.65s;
        -ms-animation-delay: 0.65s;
        -o-animation-delay: 0.65s;
        animation-delay: 0.65s;
    }

    .windows8 #wBall_5 {
        -moz-animation-delay: 0.86s;
        -webkit-animation-delay: 0.86s;
        -ms-animation-delay: 0.86s;
        -o-animation-delay: 0.86s;
        animation-delay: 0.86s;
    }

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}


.print_options {
    position: absolute;
    display: none;
    bottom: 46px;
    background: #90cbed;
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -50px;
    border-radius: 5px 5px 0 0;
}

    .print_options:after {
        background: url(assets/ship-options-arrow.png) center top no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 100%;
        position: absolute;
        bottom: -20px;
    }

    .print_options blockquote {
        color: #2f3439;
        font-size: 10px;
        text-align: left;
        padding: 5px 25px;
    }

        .print_options blockquote:hover {
            background: #74afd0;
        }
/*
.ship_options blockquote.setshipping
{
    background: url(assets/set_ship-options-arrow.png) no-repeat scroll left center transparent;
    padding: 0px 0px 0px 15px;
    float: left;
}
*/

.ship_options blockquote div {
    position: absolute;
    display: none;
    bottom: 40px;
    top: -52px;
    /* background: #90cbed; */
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -198px;
    border-radius: 5px 5px 5px 5px;
    background: #90cbed;
}

    .ship_options blockquote div:after {
        background: url(assets/set_ship-options-arrow.png) right no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 105%;
        position: absolute;
        bottom: 40px;
        right: -8px;
    }

.qb_post_options blockquote div {
    position: absolute;
    display: none;
    /*bottom: 10px;*/
    height: 57px;
    top: 8px;
    /* background: #90cbed; */
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -198px;
    border-radius: 5px 5px 5px 5px;
    background: #90cbed;
}

    .qb_post_options blockquote div:after {
        background: url(assets/set_ship-options-arrow.png) right no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 105%;
        position: absolute;
        bottom: 10px;
        right: -8px;
    }

.qb_post_options {
    position: absolute;
    display: none;
    bottom: 46px;
    background: #90cbed;
    z-index: 99999999;
    width: 190px;
    padding: 10px 0;
    left: -50px;
    border-radius: 5px 5px 0 0;
}

    .qb_post_options:after {
        background: url(assets/ship-options-arrow.png) center top no-repeat;
        height: 20px;
        display: block;
        content: ' ';
        width: 100%;
        position: absolute;
        bottom: -20px;
    }

    .qb_post_options blockquote {
        color: #2f3439;
        font-size: 10px;
        text-align: left;
        padding: 5px 25px;
    }

        .qb_post_options blockquote:hover {
            background: #74afd0;
        }
/*
 .ship_options div:after { 
    background: url(assets/set_ship-options-arrow.png) center top no-repeat;
    height: 20px; 
    display: block;
    content: ' ';
    width: 100%;
    position: absolute;
    bottom: 120px;
}



.set_shipping_options blockquote { 
    color: #2f3439;
    font-size: 10px;
    text-align: left;
    padding: 5px 25px;
}

.set_shipping_options blockquote:hover { 
    background: #74afd0;   
} */

#pickarrow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 19px;
    border-left: 1px solid rgba(47, 52, 57, 0.8);
}

    #pickarrow:after {
        position: absolute;
        right: 5px;
        top: 10px;
        content: url(assets/small_arrow_up_dk.png);
    }

    #pickarrow.selected:after {
        content: url(assets/small_arrow_down_dk.png);
    }

.Onprocessing {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(assets/items_Processing.gif) 50% 50% no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.loading .Onprocessing {
        display: block;
    }


/* new Changed*/
.search-sec {
    position: relative;
}

.advanced-search {
    position: absolute;
    width: 300px;
    padding: 15px;
    background: #2f3439;
    top: 14px;
    left: 105.5%;
    z-index: 9998;
    color: white;
    border-radius: 5px;
    display: none;
}

    .advanced-search:after {
        position: absolute;
        content: url(assets/small_arrow_left_dk.png);
        left: -4px;
        top: 14px;
    }

form.f1 .advanced-search label {
    color: white;
}


.selectedfilters {
    position: absolute;
    width: 300px;
    padding: 15px;
    background: #FFF;
    top: 14px;
    top: 310px;
    left: 180px;
    z-index: 999999999;
    color: white;
    border-radius: 5px;
    display: none;
    border: 1px solid #90CBED
}

    .selectedfilters:after {
        position: absolute;
        content: url(assets/small_arrow_left_dk.png);
        left: -4px;
        top: 14px;
    }

form.f1 .selectedfilters label {
    color: white;
}

.asof {
    padding-top: 10px;
    padding-right: 5px
}

    .asof p {
        font-size: 10px;
        padding-top: 8px;
        height: 26px;
        width: 110px;
        float: left;
    }

    .asof li:after {
        clear: both;
        display: block;
        content: '';
    }

    .asof a {
        width: 33%;
        display: block;
        float: left;
        text-align: center;
        padding: 10px;
        border-radius: 3px;
    }

    .asof label {
        width: 33%;
        display: block;
        float: left;
        text-align: center;
        padding: 10px;
        border-radius: 3px;
    }

.menu a.asofsearch {
    background: #15b115;
    color: white;
}

.green_button {
    background: #15b115;
    color: #FFF !important;
    width: 33%;
    display: block;
    float: left;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
}

form.f1 .asof input[type="text"] {
    float: right;
    width: 149px;
    padding: 5px 12px 6px;
    margin-top: 5px;
}

.asof div.cs-skin-border {
    background: white;
    border-radius: 3px;
    width: 149px;
    float: right;
}

.asof .cs-select span {
    padding: 5px 12px;
    color: Black;
}

/* added --> siva*/
.date-picker {
    background-image: url(assets/date_picker.png);
    background-repeat: no-repeat;
    background-position: 95%;
}



.logout {
    position: fixed;
    float: right;
    display: none;
    font-size: 12px;
    text-align: right;
    top: 75px;
    color: #8b98a7;
    background: #2f3439;
    z-index: 99999999;
    width: 150px;
    padding: 10px 10px;
    right: 10px;
    border-radius: 5px 5px 0 0;
}

    .logout:after {
        background: url(assets/pop_options_arrow.png) center top no-repeat;
        height: 18px;
        display: block;
        content: ' ';
        width: 105%;
        position: absolute;
        bottom: 25px;
        left: 41px;
    }

#userarrow {
    position: absolute;
    right: 22px;
    top: 60%;
    height: 100%;
    width: 19px;
    /* border-left: 1px solid rgba(47, 52, 57, 0.8);*/
}

    #userarrow:after {
        position: absolute;
        right: 5px;
        top: 10px;
        content: url(assets/small_arrow_down.png);
    }

    #userarrow.selected:after {
        content: url(assets/small_arrow_up.png);
    }



#filter_values {
    color: #98a9b9;
    font-size: 12px;
}


.div_sel_filters {
    position: absolute;
    width: 300px;
    padding: 3px;
    background: #68a8cf;
    top: 302px;
    left: 187px;
    z-index: 9998;
    color: white;
    border-radius: 5px;
    display: none;
}

    .div_sel_filters:after {
        position: absolute;
        content: url(assets/small_arrow_left_dk.png);
        left: -4px;
        top: 14px;
    }



/* Products */
.pi_info {
    margin-left: 56px;
    cursor: pointer;
    padding: 26px 17px 0px 17px;
}

    .pi_info .row1 {
        color: #2f3439;
        font-size: 11px;
    }

    .pi_info section:nth-child(1) {
        width: 33%;
    }

    .pi_info section:nth-child(2) {
        width: 33%;
    }

    .pi_info section:nth-child(3) {
        width: 10%;
    }

    .pi_info section:nth-child(4) {
        min-width: 10%;
    }

    .pi_info section:nth-child(5) {
        width: 5%;
    }

.product_actions {
    padding: 9px 0 8px;
    padding-left: 35px;
    color: black;
    position: relative;
    width: 135px;
    top: -4px;
    border: 1px solid #dce4ed;
    border-color: #dce4ed;
    color: #5a5d60;
    border-radius: 3px;
    -webkit-transition: background 0.2s, border-color 0.2s;
    transition: background 0.2s, border-color 0.2s;
}

    .product_actions:hover {
        background: rgba(220, 228, 237, 0.25);
        cursor: pointer;
    }

    .product_actions:after {
        content: url(assets/small_arrow_down.png);
        right: 1em;
        position: absolute;
        top: 15px;
    }

    .product_actions ul {
        position: absolute;
        background: #2f3439;
        color: white;
        width: 100%;
        left: 0;
        z-index: 9999999;
        display: none;
        top: 40px;
        border-radius: 3px;
        padding: 10px 0;
    }

        .product_actions ul:after {
            content: url(assets/pop_options_arrow.png);
            position: absolute;
            right: 9px;
            top: -6px;
            text-align: right;
            width: 100%;
            padding-right: 10px;
        }

        .product_actions ul li {
            padding: 5px 15px;
        }

            .product_actions ul li:hover {
                background: rgba(255, 255, 255, 0.07)
            }

    .product_actions:before {
        content: url(assets/icon_actions_dropdown.png);
        position: absolute;
        left: 10px;
        top: 10px;
    }

.fullcontent {
    float: left;
    width: 100%;
    padding-top: 69px;
}

.prod_button {
    border: 3px solid #90cbed;
    border-radius: 50px;
    padding: 5px 19px;
    position: relative;
    top: -8px;
}

    .prod_button:hover {
        color: white;
        background: #90cbed;
    }

.nbb {
    border-bottom: none;
}

ul.print.allbrdr li:last-child {
    border-radius: 20px;
}

.options section.pr-items {
    min-width: 161px;
}

.pdt-wrap {
    margin-top: 20px;
}

.pi_head {
    padding-top: 0px;
    color: #a4b2bf;
    font-size: 9px;
}

label.search.menucont {
    position: relative;
    top: -4px;
}

form.f1 label.search.menucont input[type="text"] {
    padding: 10px 13px;
}

ul.order_items.prodorit li section.checkmark {
    padding-bottom: 0;
}



/*Users Management*/
/* Products */
.users_management {
    margin-left: 56px;
    cursor: pointer;
    padding: 26px 17px 0px 17px;
}

    .users_management .row1 {
        color: #2f3439;
        font-size: 11px;
    }

    .users_management section:nth-child(1) {
        width: 20%;
    }

    .users_management section:nth-child(2) {
        width: 20%;
    }

    .users_management section:nth-child(3) {
        width: 10%;
    }

    .users_management section:nth-child(4) {
        min-width: 10%;
    }

    .users_management section:nth-child(5) {
        width: 10%;
    }

    .users_management section:nth-child(6) {
        width: 10%;
    }

    .users_management section:nth-child(7) {
        width: 10%;
    }

    .users_management section:nth-child(8) {
        width: 10%;
    }


/*email_template*/
.email_template {
    margin-left: 56px;
    cursor: pointer;
    padding: 26px 17px 0px 17px;
}

    .email_template .row1 {
        color: #2f3439;
        font-size: 11px;
    }

    .email_template section:nth-child(1) {
        width: 20%;
    }

    .email_template section:nth-child(2) {
        width: 25%;
    }

    .email_template section:nth-child(3) {
        width: 15%;
    }

    .email_template section:nth-child(4) {
        width: 15%;
    }

    .email_template section:nth-child(5) {
        width: 10%;
    }

    .email_template section:nth-child(6) {
        width: 10%;
    }

    .email_template section:nth-child(7) {
        width: 15%;
    }


/*quickBookspreferences*/
/* Products */
.quickBookspreferences {
    margin-left: 56px;
    cursor: pointer;
    padding: 26px 17px 0px 17px;
}

    .quickBookspreferences .row1 {
        color: #2f3439;
        font-size: 11px;
    }

    .quickBookspreferences section:nth-child(1) {
        width: 25%;
    }

    .quickBookspreferences section:nth-child(2) {
        width: 25%;
    }

    .quickBookspreferences section:nth-child(3) {
        width: 25%;
    }

    .quickBookspreferences section:nth-child(4) {
        min-width: 25%;
    }


/*On-line Store*/
.online_store {
    margin-left: 56px;
    cursor: pointer;
    padding: 26px 17px 0px 17px;
}

    .online_store .row1 {
        color: #2f3439;
        font-size: 11px;
    }

    .online_store section:nth-child(1) {
        width: 10%;
    }

    .online_store section:nth-child(2) {
        width: 10%;
    }

    .online_store section:nth-child(3) {
        width: 25%;
    }

    .online_store section:nth-child(4) {
        width: 25%;
    }

    .online_store section:nth-child(5) {
        width: 15%;
    }

    .online_store section:nth-child(6) {
        width: 15%;
    }