html, body {
    height: 100%;
}
.editright {
    position: absolute;
    top: 20px;
    right: 15px;
}
.box {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    text-align: center;

}

.text-warning {
    color: #ff7500 !important;
}


.text-primary {
    color: #005fc1;
}
.Rightstatus {
    position: absolute;
    top: 5px;
    right: 165px;
    width: 103px;
    height: 28px;
}
.Delete_account {
    position: absolute;
    top: -15px;
    right: -10px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
}


#form1 {
    height: 100% !important;
}

body { /* background-image:url(../images/main-bg.jpg); */
    background-color: #cacaca;
    background-size: 100%;
    background-attachment: fixed;
}

.login {
    background-image: url(../images/login-bg.jpg);
    background-size: 100% 100%;
    background-attachment: fixed;
}

.navbar-brand > img {
    display: block;
    height: 35px;
    margin: 10px;
}

.blankstar {
    background-image: url(../images/blank.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.invoice-table {
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

    .invoice-table tr td:first-child {
        background-color: #f5f5f5;
    }

.invoice_item {
    width: 100%;
    margin-top: 30px;
    table-layout: fixed;
    border-right-color: transparent;
    border-right: 1px solid #ece7e7;
    border-bottom: 1px solid #ece7e7;
    border-left: 1px solid #ece7e7;
    border-top: 1px solid #ece7e7;
}

    .invoice_item thead tr td {
        padding: 8px 10px 8px 10px;
        text-align: left;
        background-color: #f5f5f5;
    }

    .invoice_item tr td {
        border-right: 1px solid #ece7e7;
        padding: 8px 10px 8px 10px;
        text-align: left;
        color: #333;
        border-bottom: 1px solid #ece7e7;
        font-size: 12px;
        vertical-align: middle;
    }

.invoice-title {
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

    .invoice-title span {
        background-color: #FFF;
        display: inline-block;
        position: relative;
        padding: 15px;
        font-size: 20px;
        font-weight: 400;
        color: #888;
    }

    .invoice-title::before {
        content: "";
        display: block;
        border-top: 1px solid #ece7e7;
        width: 100%;
        height: 1pt;
        position: absolute;
        top: 50%;
        font-size: 1pt;
    }

.table-ul.empoyee-visit {
    width: 100%;
    margin-bottom: 10px;
}

    .table-ul.empoyee-visit li div {
        border: #ddd 1px solid;
        text-align: center;
        width: 15%;
    }

        .table-ul.empoyee-visit li div h4 {
            margin: 0;
            border-bottom: #ddd 1px solid;
            font-size: 14px;
            padding-bottom: 5px;
            font-weight: 700;
        }

        .table-ul.empoyee-visit li div p {
            margin: 0px;
            border-bottom: #ddd 1px solid;
            height: 24px;
        }

            .table-ul.empoyee-visit li div p:last-child {
                margin: 0px;
                border-bottom: none;
            }

.waitingstar {
    background-image: url(../images/half.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.steps2 {
    display: inline-block;
    text-align: left;
    width: 60%;
    background-color: #ddd;
    height: 4px;
    margin-bottom: 75px;
    margin-top: 35px;
    border-radius: 50px;
    margin-left: 20%;
}

    .steps2 ul {
        width: 140%;
        margin: -18px -20% 0;
    }

        .steps2 ul li .progress {
            position: absolute;
            left: -50%;
            top: 18px;
            background-color: #ff0000;
            height: 4px;
            width: 100%;
            display: none;
            z-index: 0;
        }


        .steps2 ul li.completed .progress {
            display: block;
        }

        .steps2 ul li.active .progress {
            display: block;
        }

        .steps2 ul li:first-child .progress {
            display: none;
        }


        .steps2 ul li a {
            color: #333;
            margin: 0 -10px;
            padding: 0;
            text-align: center;
            position: relative;
            z-index: 1;
        }

            .steps2 ul li a:hover {
                background-color: transparent;
            }

            .steps2 ul li a:focus {
                background-color: transparent;
            }

            .steps2 ul li a span.fa-stack {
                border-radius: 40px;
                margin-bottom: 10px;
                background-color: #fff;
                border: #ddd 3px solid;
                text-align: center;
                width: 40px;
                height: 40px;
                font-size: 20px;
            }

                .steps2 ul li a span.fa-stack img {
                    display: none;
                    color: #FFF;
                }




        .steps2 ul li.completed a span.fa-stack img {
            display: inline-block;
            height: 25px;
            margin-top: 4px;
        }

        .steps2 ul li.completed a span.fa-stack .fa-stack-1x {
            display: none;
        }

        .steps2 ul li.completed a {
            pointer-events: auto;
        }

            .steps2 ul li.completed a span.fa-stack {
                background-color: #ff0000;
                border-color: #ff0000;
            }

                .steps2 ul li.completed a span.fa-stack strong {
                    color: #FFF;
                }

            .steps2 ul li.completed a p {
                color: #333;
                margin: 0;
            }


        .steps2 ul li p {
            margin: 0;
        }


        .steps2 ul li a i.fa {
            color: #333;
            font-size: 38px;
            margin-right: 15px;
            margin-top: 8px;
        }

        .steps2 ul li.active a span.fa-stack strong {
            color: #000;
        }

        .steps2 ul li a span.fa-stack strong {
            color: #333;
            line-height: 1.5;
            font-weight: 400;
        }

        .steps2 ul li.active a span.fa-stack {
            background-color: #fff;
            border-color: #ff0000;
        }

        .steps2 ul li.active:last-child a {
            width: 108%;
        }

        .steps2 ul li.active a i.fa {
            color: #FFF;
        }

.receipt-head {
    color: #666;
}

.receipt-value {
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.amount-recevied {
    height: 120px;
    width: 100%;
    background-color: #78ae54;
    color: white;
    text-align: center;
    padding-top: 30px;
}

    .amount-recevied h4 {
        font-size: 18px;
    }

.mb-40 {
    margin-bottom: 40px;
}

.Inv-CusImg {
    max-width: 100%;
    border-radius: 100px;
}

.modal.in {
    display: block !important;
}

.outer-frame {
    padding: 15px;
    padding-right: 15px;
    display: block;
    width: auto;
    min-width: auto;
    padding-right: 20px;
}
/*.wrapper.wrapper-content.order {
    padding-bottom: 50px;
    height: auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 22px;
    top: 167px;
    overflow: auto;
}
.wrapper.wrapper-content {
    padding-bottom: 50px;
}
.with-detail .order-list {
    width: 37%;
    float: left;
    position: absolute;
    bottom: 0;
    top: 0;
    border-right: #ddd thin solid;
}
.bill-header {
    text-align: right;
    padding: 15px;
    background-color: #FFF;
    border-bottom: #ddd 1px solid;
}
    .bill-header .dropdown.main {
        display: inline-block;
        float: left;
        padding: 0px;
    }

    .bill-header .dropdown {
        display: inline-block;
        vertical-align: top;
    }
.dropdown.main > a {
    font-size: 17px;
    padding: 10px 0;
    color: #000;
    font-weight: 500;
}
.bill-header .btn-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    margin-right: 2px;
    margin-bottom: 0;
}

.btn-group {
    margin-bottom: 10px;
}
    .btn-group > .btn.btn-grey:first-child {
        border-right: #ddd 2px solid;
    }
    .btn-group.new .btn:nth-child(2) {
        border-radius: 0 2px 2px 0 !important;
    }
.bill-header .dropdown {
    display: inline-block;
    vertical-align: top;
}
.invoice.with-detail .data-list-box {
    top: 60px;
}

.with-detail .data-list-box {
    overflow: auto;
    position: absolute;
    top: 30px;
    bottom: 0px;
}
.with-detail .order-list .billing-div {
    display: block;
}
.invoice .billing {
    padding-left: 15px;
}

.billing {
    padding: 5px 0px 10px 10px;
    padding-left: 10px;
    background-color: #ffffff;
    border-top: #ccc thin solid;
    display: inline-block;
    width: 100%;
    color: #000;
    margin-bottom: -4px;
}
.order-wrapper.invoice .detail {
    display: none;
}

.with-detail .detail {
    width: 63%;
    float: left;
    display: block !important;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 13px;
    overflow: auto;
    background-color: #ffffff;
}
.with-detail.invoice .page-header {
    height: 58px;
    padding: 10px;
    position: relative;
    z-index: 10;
}

.with-detail .page-header {
    padding-bottom: 9px;
    margin: 2px 0 0;
    border-bottom: 1px solid #eee;
    padding: 0;
    display: inline-block;
    width: 100%;
    text-align: right;
    height: 37px;
    box-shadow: rgba(0,0,0,0.10) 0 1px 2px;
}
.with-detail.invoice .page-header .btn-group {
    margin-left: 5px;
}

.btn-group {
    margin-bottom: 10px;
}
.with-detail.invoice .page-header .btn.btn-default-transparent {
    border-color: #ddd;
    background-color: #f5f5f5;
}
.with-detail.invoice .data.touch-with-heading {
    top: 60px;
}

.with-detail .data.touch-with-heading {
    top: 40px;
}*/

.nav.nav-tabs.detail_tabs {
}

    .nav.nav-tabs.detail_tabs li a {
        border-top-width: 3px;
        color: #f8ac59;
        padding: 10px 15px;
        border-radius: 0;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
    }

    .nav.nav-tabs.detail_tabs li.active a {
        border-top: #ff0000 3px solid;
        color: #333;
        background-color: #f5f5f5;
    }

    .nav.nav-tabs.detail_tabs + .tab-content .tab-pane {
        padding: 15px;
        background-color: #f5f5f5;
        border-bottom: #ddd 1px solid;
    }

.table-ul {
    display: table;
    /*width: 100%;*/
    list-style: none;
    padding: 0;
}

    .table-ul > li {
        display: table-row;
    }

        .table-ul > li > div {
            display: table-cell;
            float: none;
        }

            .table-ul > li > div.v-align-m {
                vertical-align: middle;
            }

            .table-ul > li > div.v-align-t {
                vertical-align: top;
            }

        .table-ul > li.heading > div {
            color: #000;
        }

    .table-ul.table-ul-bordered > li > div {
        padding: 5px 0;
        border-bottom: #ddd thin solid;
    }

.pay-reminder {
    background-color: #fef9d7;
    border: #eae09b 1px solid;
    margin: 20px 20px 3px;
    padding: 15px;
}

.whats_next h4 {
    font-size: 14px;
    font-weight: 600;
}

.comment_wrap > ul.table-ul {
    margin-bottom: 0;
}

.comment_wrap .date {
    width: 150px;
    color: #999;
}

.comment_wrap .comment {
    font-size: 13px;
    position: relative;
    padding-left: 40px;
}

    .comment_wrap .comment .icon_ {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
    }

        .comment_wrap .comment .icon_ i {
            width: 28px;
            height: 28px;
            line-height: 2;
            text-align: center;
            display: inline-block;
            border: #ccc 1px solid;
            background-color: #FFF;
            border-radius: 15px;
            vertical-align: top;
            z-index: 10;
            position: relative;
        }

        .comment_wrap .comment .icon_ .line_ {
            height: 100%;
            width: 1px;
            background: #ccc;
            display: inline-block;
            position: absolute;
            left: 14px;
        }

.payment h3 {
    font-size: 16px;
    color: #333333;
    line-height: 1.2;
    margin-top: 5px;
    font-weight: 600;
}

.pay_option {
    margin-top: 10px;
    min-height: 200px;
}

    .pay_option svg {
        height: 45px;
    }

    .pay_option h4 {
        margin-bottom: 5px;
        color: #333;
        margin-top: 5px;
        font-weight: 600;
        font-size: 14px;
    }

    .pay_option p {
        font-size: 12px;
    }

.hover-visible {
    display: none;
}

.pay_option:hover .hover-visible {
    display: block;
}

.ribbon {
    position: absolute !important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ribbon .ribbon-overdue {
    background-color: #f59d00;
    border-color: #c27c00;
}

.ribbon .ribbon-draft {
    background-color: #94a5a6;
    border-color: #788e8f;
}

.ribbon .ribbon-sent {
    background-color: #268ddd;
    border-color: #1c72b4;
}

.ribbon .ribbon-success {
    background-color: #1fcd6d;
    border-color: #18a155;
}

.ribbon .ribbon-inner {
    text-align: center;
    color: #fff;
    top: 24px;
    left: -31px;
    width: 135px;
    padding: 3px;
    position: relative;
    transform: rotate(-45deg);
    display: inline-block;
}

    .ribbon .ribbon-inner::before {
        left: 3px;
        border-left: 2px solid transparent;
        content: "";
        border-top: 3px solid transparent;
        border-left: 2px solid;
        border-left-color: currentcolor;
        border-left-color: inherit;
        border-right: 5px solid transparent;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        border-bottom-color: currentcolor;
        border-bottom-color: inherit;
        position: absolute;
        top: 20px;
        transform: rotate(-45deg);
    }

    .ribbon .ribbon-inner::after {
        right: 5px;
        border-bottom: 3px solid transparent;
        content: "";
        border-top: 3px solid transparent;
        border-left: 2px solid;
        border-left-color: currentcolor;
        border-left-color: inherit;
        border-right: 5px solid transparent;
        border-bottom: 5px solid;
        border-bottom-color: currentcolor;
        border-bottom-color: currentcolor;
        border-bottom-color: inherit;
        position: absolute;
        top: 19px;
        transform: rotate(-45deg);
    }

.shiningstar {
    background-image: url(../images/star.png);
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.autoCompletelist {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 13px;
    background-color: white;
}

    .autoCompletelist:hover {
        background-color: #dddddd;
    }

.autocompletelistoverflow ul {
    max-height: 400px;
    overflow: auto;
}

.table-ul.list-detail li > div {
    border-bottom: #ddd 1px solid;
    float: none;
}

    .table-ul.list-detail li > div a {
        color: #0095da;
        text-decoration: none;
    }

        .table-ul.list-detail li > div a:hover {
            text-decoration: underline !important;
        }

.form-signin {
    background-color: #fff;
    border-radius: 3px;
    margin: 80px auto;
    max-width: 330px;
    padding: 20px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.form-signin input[type="email"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}

.bg-warning {
    background-color: #f78f36 !important;
    color: #333;
}

.border-none {
    border: none !important;
}


.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

#wrap {
    height: auto;
    display: inline-block;
    margin: 0 auto -39px;
    min-height: 100%;
    padding: 0 0 40px;
    background-size: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.footer {
    background-color: #f5f5f5;
    height: 35px;
    padding-top: 5px;
    border-top: #ccc 1px solid;
    z-index: 10400;
    color: #124266;
    bottom: 0;
    width: 100%;
    position: relative;
}

    .footer p {
        color: #124266;
        margin: 0px;
    }


.module-list {
    padding-top: 00px;
}

    .module-list li {
        display: inline-block;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        vertical-align: top;
    }

        .module-list li a {
            background-color: #ffffff;
            display: inline-block;
            height: 150px;
            margin: 15px 10px;
            padding-top: 35px;
            text-decoration: none;
            width: 200px;
        }

            .module-list li a:hover {
                background-color: #ff0000;
                color: #ffffff;
            }

        .module-list li i {
            color: #dadada;
            font-size: 50px;
            margin-bottom: 20px;
        }

.navbar-top-link {
    padding-right: 15px;
    height: 56px;
}

    .navbar-top-link > li {
        display: inline-block;
        vertical-align: middle;
    }

        .navbar-top-link > li:nth-child(4) {
            border-left: thin solid #ddd;
            border-right: thin solid #ddd;
            padding: 2px 10px;
        }

        .navbar-top-link > li > a {
            color: #000;
            font-size: 11px;
            font-weight: 500;
            padding: 14px 10px 13px;
        }

    .navbar-top-link li a.alert-btn {
        font-size: 18px;
        margin-bottom: 0;
        min-width: 41px;
        padding: 16px 10px 14px;
        position: relative;
        text-align: center;
        height: 56px;
        vertical-align: top;
    }

        .navbar-top-link li a.alert-btn .label {
            font-size: 8px;
            font-weight: 600;
            position: absolute;
            right: 5px;
            top: 10px;
        }

    .navbar-top-link > li:last-child a {
        font-size: 20px;
    }

.logo {
    max-width: 100%;
    max-height: 55px;
}

.sidebar {
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
    bottom: 0;
    display: block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px 0;
    position: fixed;
    top: 51px;
    z-index: 1000;
}

.country-detail {
    margin-top: 70px;
}

.panel .list-group {
    margin-bottom: 0;
}

.dashboard-update-box {
    background-color: #ffffff;
    display: table;
    width: 100%;
    text-decoration: none;
    height: 135px;
}

    .dashboard-update-box .icon-box {
        background-color: #cccccc;
        display: table-cell;
        width: 40%;
        padding: 20px;
        vertical-align: middle;
        border-radius: 5px 0 0 5px;
    }

        .dashboard-update-box .icon-box i {
            color: #fff;
            font-size: 50px;
        }

    .dashboard-update-box .value-box {
        text-decoration: none;
        border: #cccccc 2px solid;
        width: 60%;
        display: table-cell;
        vertical-align: middle;
        background-color: #f5f5f5;
        border-radius: 0 5px 5px 0;
    }

        .dashboard-update-box .value-box h3 {
            text-decoration: none;
            font-size: 30px;
            font-weight: 700;
            margin: 10px 0 5px;
        }

    .dashboard-update-box .date span {
        display: block;
    }

.toggle {
    background-color: #eeeeee;
    float: left;
    margin: 0;
    padding-bottom: 14px;
    padding-top: 13px;
    width: auto;
}

    .toggle a {
        cursor: pointer;
        margin: 0;
        font-size: 20px;
        padding: 15px 15px 0;
    }

.wrapper.full-wrapper {
    display: inline-block;
    width: 100%;
    position: fixed;
    margin-left: 0;
    z-index: 1050;
    background-color: #adadad;
    border-top: #ddd 1px solid;
    bottom: 36px;
    top: 0;
    overflow: auto;
}

.menu-shutter {
    background-color: #999;
    border-radius: 2px 0 0 2px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 35px;
    line-height: 1.6;
    position: absolute;
    right: 0;
    text-align: center;
    top: 44%;
    width: 15px;
    z-index: 1040;
}

.full-wrapper .menu-shutter {
    background-color: #ddd;
    border-radius: 0 2px 2px 0;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 35px;
    left: 0;
    line-height: 1.6;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 11px;
    z-index: 10;
}

.top-search {
    width: 100%;
}

    .top-search .form-control {
        height: 40px;
        background-color: #f5f5f5;
    }

    .top-search .btn {
        height: 40px;
    }

    .top-search .input-group-btn {
        width: 50px !important;
    }

        .top-search .input-group-btn .btn {
            font-size: 15px;
            padding: 5px;
            min-width: 36px;
        }

.mt-30 {
    margin-top: 30px;
}

.main-menu {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
    top: 0px;
    width: 100%;
    display: none;
    bottom: 0;
}

    .main-menu ul {
        width: 225px;
        background-color: #ffffff;
        height: 100%;
        margin-top: 50px;
        overflow: auto;
    }

        .main-menu ul li a {
            font-size: 14px;
        }

            .main-menu ul li a i {
                width: 25px;
            }

.open-menu {
    min-height: 100%;
    width: 100%;
    vertical-align: baseline;
}

    .open-menu .main-menu {
        display: block;
    }

    .open-menu .menu-toggle {
        background-color: #ffffff;
    }

.header-nav {
    margin: 0;
}

    .header-nav > li {
        vertical-align: top;
    }

        .header-nav > li ul {
            margin: 0;
        }

.select-num {
    margin-top: 5px;
}

.sub-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100 */
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: #000;
    border-top: #e5e5e5 thin solid;
    margin-top: 4px;
    padding: 6px;
    height: auto;
}

.sub-header-taxdetail {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100 */
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    color: #000;
    border-top: #e5e5e5 thin solid;
    margin-top: 4px;
    padding: 6px;
    height: 49px;
}

.sub-header .table-responsive {
    margin-bottom: 0;
    margin-right: 5px;
}

.page-header h1 {
    padding-left: 10px;
    color: #333;
}

td.select-item-count {
    background-color: #99CCFF !important;
}

.list .panel {
    background-color: #eee;
    border: 2px solid #ddd;
}

/*
.table-responsive td:first-child{ text-align:center;  }
.table-responsive th:first-child{ text-align:center;  }
*/
.table-responsive a {
    color: #069;
}

    .table-responsive a.btn {
        color: #FFF;
    }


    .table-responsive a.setting {
        font-size: 20px;
    }

.row-fluid {
    white-space: nowrap;
}

ul.main-tabs {
    background-color: #eeeeee;
}

    ul.main-tabs li a {
        border-radius: 0;
    }

        ul.main-tabs li a i {
            font-size: 22px;
            color: #999;
        }

        ul.main-tabs li a div.center-block {
            text-align: center;
        }

    ul.main-tabs li.active a:first-child, ul.main-tabs li.active a:last-child {
        border-left: none;
    }

    ul.main-tabs li.active a {
        border-radius: 0;
        border-top: #069 2px solid;
        border-left: 1px solid #dddddd !important;
    }

.trip ul.main-tabs li.active a {
    background-color: #cccccc;
}

ul.main-tabs li.active a:hover {
    border-radius: 0;
    border-top: #069 2px solid;
}

ul.main-tabs li.active a:focus {
    border-radius: 0;
    border-top: #069 2px solid;
}

.time-line-wrapper {
    display: block;
    position: relative;
}

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

    .time-line .panel .panel-heading {
        background-color: #ffffff;
    }

    .time-line .panel .panel-footer {
        border: none;
        box-shadow: 0 3px 2px rgba(0, 0, 0, 0.15) inset;
    }

    .time-line > .col-lg-1 .fa {
        border: 1px solid #ddd;
        border-radius: 27px;
        line-height: 0.85;
        margin-top: 25px;
        background-color: #fff;
        padding: 10px;
        margin-left: 15px;
    }

.circle-line {
    background-color: #ddd;
    bottom: 0;
    left: 28px;
    position: absolute;
    top: 0;
    width: 5px;
}

.company-logo {
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: top;
}

    .company-logo img {
        max-width: 30px;
        max-height: 30px;
        height: auto;
        width: auto;
    }

.company-data {
    display: table-cell;
    padding-left: 5px;
    vertical-align: top;
}

    .company-data p {
        margin-bottom: 0;
    }

.time {
    font-size: 11px;
    padding: 0 0 0 5px;
    display: block;
    text-align: right;
}

.panel-heading p {
    margin-bottom: 0;
}

.profile-pic {
    display: table-cell;
    width: 50px;
    vertical-align: top;
    padding-top: 5px;
}

    .profile-pic img {
        height: auto;
        max-width: 40px;
        max-height: 40px;
        width: auto;
    }

.news-data {
    display: table-cell;
    vertical-align: top;
}

    .news-data a {
        color: #069;
        font-weight: 600;
    }

        .news-data a.label {
            color: #FFF;
            letter-spacing: 1px;
            margin-right: 5px;
        }

.open-tab {
    z-index: 100;
    position: relative;
    margin-top: 10px;
    padding-left: 13px;
}

    .open-tab li a {
        border: #ddd 5px solid !important;
        border-bottom: none !important;
        font-size: 14px;
    }

.activity {
    display: table;
    margin-top: 16px;
    width: 100%;
}

    .activity ul li {
        display: inline-block;
        margin-bottom: 11px;
        width: 45%;
    }

        .activity ul li a {
            border-radius: 3px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
            display: block;
            letter-spacing: 1px;
            padding: 15px;
            text-align: center;
        }

            .activity ul li a div {
                font-size: 22px;
                font-weight: 300;
            }

    .activity h5 {
        background-color: #ffffff;
        display: inline-block;
        font-weight: 700;
        margin-left: 15px;
        margin-top: -4px;
        padding: 1px 10px 10px;
        width: auto;
    }

ul.airport {
    display: block;
}

    ul.airport li {
        border-right: #ddd thin solid;
    }

        ul.airport li:last-child {
            border: none;
        }

        ul.airport li a {
            padding: 15px;
            text-align: center;
            display: block;
        }

            ul.airport li a div {
                display: block;
                font-size: 22px;
            }

.dropdown-menu-lg {
    width: 300px;
}

    .dropdown-menu-lg a {
        color: #069;
    }

        .dropdown-menu-lg a.label {
            color: #ffffff;
            letter-spacing: 1px;
            margin-right: 5px;
        }

    .dropdown-menu-lg .list-group-item {
        border: 0;
        border-bottom: #ddd 1px solid !important;
    }

.lg-header {
    text-align: center;
    display: block;
    padding: 10px;
    font-weight: 700;
    border-bottom: #ddd thin solid;
}

.lg-footer {
    padding: 15px;
    border-top: #ddd 1px solid;
}

.dropdown-menu-lg .list-group {
    margin-bottom: 0;
}

.top-drop a {
    font-size: 12px;
    padding: 10px !important;
    border-bottom: #ddd thin solid;
}

    .top-drop a i {
        margin: 0 8px;
    }

.top-drop li:last-child a {
    border-bottom: none;
}

.page-header td {
    text-align: center;
    width: 20px;
}

.border-bottom {
    border-bottom: 1px solid #eee;
}

.border-dashed {
    border: 1px dashed #eee;
    padding: 5px;
}

div.custom_file_upload {
    height: 20px;
    padding: 0;
    position: relative;
    vertical-align: top;
}

div.file_upload {
    background: #ddd none repeat scroll 0 0;
    color: #333;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
    width: auto;
}

    div.file_upload::before {
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
    }

    div.file_upload input {
        cursor: pointer;
        display: inline;
        height: auto;
        opacity: 0;
        padding: 0;
        position: relative;
        width: 100px;
    }

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.delete-item {
    position: absolute;
    right: -30px;
}

.mr-30 {
    margin-right: 30px !important;
}

.view-link {
    color: #428bca;
    text-decoration: none;
}

    .view-link:hover {
        color: #1764a7;
        text-decoration: none;
    }

.form-control-fade {
    border: none !important;
    box-shadow: none !important;
}

    .form-control-fade:focus {
        border: 1px solid #66afe9 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    }



.invoice_form_section {
    padding: 30px;
    background: #fff;
    border-bottom: #eee 1px solid;
    padding-right: 80px;
}

    .invoice_form_section .form-control {
        background-color: #FFFFFF;
        background-image: none;
        border: 1px solid #e5e6e7;
        border-top-color: rgb(229, 230, 231);
        border-right-color: rgb(229, 230, 231);
        border-bottom-color: rgb(229, 230, 231);
        border-left-color: rgb(229, 230, 231);
        border-radius: 1px;
        color: inherit;
        display: block;
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
        font-size: 14px;
        line-height: 15px !important;
    }

.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-top-color: rgb(229, 230, 231);
    border-right-color: rgb(229, 230, 231);
    border-bottom-color: rgb(229, 230, 231);
    border-left-color: rgb(229, 230, 231);
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 15px !important;
    box-shadow: none;
}

.invoice_form_section .table-ul li > div {
    vertical-align: middle;
    float: none;
}

.invoice_form_section a {
    color: #F00;
}

.input-group-addon a {
    color: #F00;
    padding: 0;
}

.invoice_form_section .prc_list {
    margin-bottom: 20px;
}

.border-none {
    border: none !important;
}

.form-control:focus,
.single-line:focus {
    border-color: #ff0000;
}

.invoice_form_section p {
    margin: 7px 0;
}

.invoice_form_section .table-ul > li > div.p-0 {
    padding: 0;
}

.invoice_form_section .form-group {
    margin: 0;
}

.invoice_form_section.light-gray-bg {
    background-color: #f5f5f5;
}

.mb-10 {
    margin-bottom: 10px;
}

.btn-dark {
    background-color: #333;
    color: #FFF !important;
}

.p-md {
    padding: 25px;
}

.field_wrap {
    position: relative;
}

    .field_wrap .arrow {
        position: absolute;
        right: 1px;
        top: 1px;
        bottom: 1px;
        width: 35px;
        background-color: #FFF;
        padding: 10px;
        text-align: center;
        pointer-events: none;
        line-height: 0;
    }


.fild{position:relative;}

.fild > i.fa{left: 15px;
    padding: 9px;
    font-size: 17px;}

.fild .form-control{ padding-left:35px;}	

.search.product_search2 { padding-bottom:0; }	
.search.product_search2 .form-control{ margin-bottom:5px;}
.search.product_search2 div.field_wrap{margin-bottom:5px;}
.search.product_search2 div.field_wrap .form-control{ margin-bottom:0; }

.table-design thead tr th {
    background-color: #252525;
    border-bottom: #eee 2px solid;
    white-space: nowrap;
    color: #999;
}

   .table-responsive.order_box {
        background-color: transparent;
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .table-responsive.order_box table {
            border: none;
            margin: 0;
            background-color: #FFF;
            box-shadow: rgba(0,0,0,0.2) 0 0 5px;
        }

            .table-responsive.order_box table tr th {
                font-weight: 600;
                color: #e1e1e1;
            }

            .table-responsive.order_box table tr td {
                vertical-align: middle;
                padding: 15px 5px;
                position: relative;
            }

            .table-responsive.order_box table .close {
                color: #628291;
                opacity: 1;
                top: 14px;
                font-size: 17px;
                border-radius: 15px;
                width: auto;
                height: 25px;
                text-align: center;
                line-height: 2;
                display: inline-block;
                float: left;
                margin-right: 6px;
                vertical-align: top;
                margin-top: 3px;
            }
			
			.table-design tbody.product-grid tr td {
    border-left: none;
    border-right: none;
}

.invoice_form_section .mb-10 {
    margin-bottom: 15px;
}

.field_wrap.bottom-dashed {
    border-bottom: #999 1px dashed;
}

    .field_wrap.bottom-dashed .form-control {
        padding-left: 0;
        border: none;
        font-size: 13px;
        min-width: 100px;
    }

    .field_wrap.bottom-dashed .arrow {
        right: 0;
        top: 0;
        bottom: 0;
    }

.table-ul.invoice_total li > div > .form-control {
    max-width: 95%;
    min-width: inherit;
}

.table-ul.invoice_total li > div {
    vertical-align: middle;
    padding: 20px 0;
    border-bottom: #eee 1px solid;
}

    .table-ul.invoice_total li > div:last-child {
        text-align: right;
    }

.table-ul.invoice_total li.total > div {
    background-color: #f5f5f5;
    padding: 10px;
    color: #666;
}

.bold-400 {
    font-weight: 400;
}

.btn-group.m-0 {
    margin: 0;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin-bottom: 0;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + .75rem);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.order-wrapper.invoice .detail {
    display: none;
}

.relative {
    position: relative;
}

.custom-combobox {
    position: relative;
    display: inline-table;
    width: 100%;
}

.custom-combobox-toggle {
    display: table-cell;
    width: 30px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    background-color: #fff;
    position: relative;
    border: #ccc 1px solid;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-left: none;
    color: #333;
}

.custom-combobox-input {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 10px !important;
    padding-right: 5px;
    display: table-cell;
    float: none;
    width: 100%;
    height: 35px;
    border-color: #ccc;
    background: #fff;
    font-weight: 400;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    list-style: none;
    padding: 0;
}

ul.ui-widget.ui-widget-content {
    width: 200px;
    max-height: 300px;
    overflow: auto;
}

.ui-menu-item {
}

.ui-menu-item-wrapper {
    border: none !important;
    padding: 5px 15px;
}

    .ui-menu-item-wrapper:hover {
        border: none !important;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

.modal.advance_search .modal-content .modal-header {
    background-color: #FFF;
}

.modal.advance_search .modal-content .modal-title {
    color: #333;
    font-weight: 300;
    font-size: 18px;
    margin: 10px;
}

.table-ul.customer_list {
    border-top: #ddd 1px solid;
    margin-bottom: 0;
    width: 100%;
}

    .table-ul.customer_list li.heading div {
        background: #eee;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 12px;
    }

    .table-ul.customer_list li div {
        padding: 8px 10px;
        border-bottom: #ddd 1px solid;
    }

        .table-ul.customer_list li div:first-child {
            padding-left: 25px;
        }

    .table-ul.customer_list p {
        margin: 0;
        font-size: 14px;
    }

    .table-ul.customer_list li:last-child div {
        border-bottom: none;
    }

.btn-light-gray {
    background-color: #f5f5f5;
    color: #333;
    border-color: #ddd;
}

.new_contact .p-md > .row {
    margin-bottom: 15px;
}

.new_contact .form-control {
    border-color: #CCC;
}

.nav.nav-pills.customer_list {
    border-top: #ddd 1px solid;
    background-color: #eee;
    white-space: nowrap;
    overflow: auto;
}

    .nav.nav-pills.customer_list li {
        padding: 10px;
        background: transparent;
        border: none;
        display: inline-block;
        float: none;
    }

        .nav.nav-pills.customer_list li:first-child {
            padding-left: 25px;
        }

        .nav.nav-pills.customer_list li a {
            padding: 7px 10px;
            font-weight: 400;
            border-radius: 3px;
            color: #337ab7;
        }

        .nav.nav-pills.customer_list li.active a {
            color: #FFF;
        }

    .nav.nav-pills.customer_list + .tab-content .tab-pane {
        padding: 15px;
        min-height: 230px;
        padding-left: 25px;
    }

        .nav.nav-pills.customer_list + .tab-content .tab-pane > .row {
            margin-bottom: 15px;
        }

.tab-pane.address > .row > div > .row {
    margin-bottom: 15px;
}

    .tab-pane.address > .row > div > .row.mb-0 {
        margin-bottom: 0px;
    }

.tab-pane.address .copy {
    height: 17px;
    vertical-align: top;
    margin-top: 3px;
}

    .tab-pane.address .copy svg {
        color: #F00;
    }

.mb-15 {
    margin-bottom: 15px;
}

.note {
    padding-left: 15px;
    border-left: 5px solid #F00;
}

    .note ul.list {
        padding-left: 15px;
    }


.input-group-addon.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.table-design tbody tr td input.form-control {
    height: 30px;
}

.mdb-autocomplete-wrap {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    list-style-type: none;
    overflow-y: auto;
    max-height: 210px;
    padding-left: 0;
    background: #fff
}

    .mdb-autocomplete-wrap li {
        padding: 12px 15px;
        cursor: pointer;
        font-size: .875rem
    }

        .mdb-autocomplete-wrap li:hover {
            background: #eee
        }

.customer_dropdown {
    position: relative;
    display: inline-block;
}

    .customer_dropdown .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f6f6f6;
        min-width: 230px;
        overflow: auto;
        border: 1px solid #ddd;
        z-index: 1;
    }

        .customer_dropdown .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

.selected_client > p {
    margin: 10px 0 25px;
}

.selected_client h5 {
    margin: 0;
}

.selected_client .dropdown-menu {
    width: 300px;
}

    .selected_client .dropdown-menu li a.add-new {
        background-color: #eee;
        color: #F00;
    }

    .selected_client .dropdown-menu li a.edit {
        padding: 0;
        position: absolute;
        border: none;
        padding: 5px 10px;
        right: 0;
        color: #c5c5c5;
    }

    .selected_client .dropdown-menu li a {
        padding: 10px 15px;
        border-bottom: #ddd 1px solid;
        margin: 0;
        line-height: 1.6;
        color: #555;
        font-size: 13px;
        padding-right: 30px;
        white-space: normal;
    }

.modal.advance_search.address p {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
}

.modal.advance_search.address .form-control {
    margin-bottom: 12px;
    border-radius: 3px;
}

.modal.advance_search.address .modal-dialog {
    width: 500px;
    margin: 0px auto;
}

.modal.advance_search.invoice .modal-dialog {
    width: 600px;
    margin: 0px auto;
}

.modal.advance_search.invoice p {
    margin-bottom: 12px;
    font-weight: 400;
    font-size: 13px;
}

.modal.advance_search.invoice label {
    margin-bottom: 11px;
    font-size: 12px;
    font-weight: 400;
}

.advance_search.create_transection .modal-dialog {
    width: 450px;
    margin: 0px auto;
}

.table_action {
    margin-right: -60px;
    margin-top: -10px;
}

    .table_action a svg {
        height: 20px;
        width: auto;
    }

.border-dashed {
    border-style: dashed;
}

.head + .data {
    overflow: visible;
    position: relative;
    left: auto;
    bottom: auto;
    right: auto;
    top: auto;
}

.v-align-m {
    vertical-align: middle;
}

.popover {
    width: 280px;
    box-shadow: 0 2px 4px rgba(141,141,141,.2);
    border: 1px solid #ddd;
}


    .popover.bottom {
        margin-top: 25px;
    }

        .popover.bottom > .arrow {
            left: 8%;
        }

        .popover.bottom > .arrow {
            margin-left: -11px;
            border-top-width: 0;
            border-bottom-color: #999;
            border-bottom-color: rgba(0,0,0,.25);
            top: -11px;
        }

    .popover > .arrow {
        border-width: 11px;
        border-top-width: 11px;
    }

        .popover > .arrow, .popover > .arrow::after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-bottom-color: transparent;
            border-style: solid;
        }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-body {
    padding: 9px 14px;
}


.billing_shipping h5{ margin-bottom:5px; font-weight:700; }
.billing_shipping p{ font-size:13px; }

.billing_shipping .form-control{height:30px; width:auto;padding:5px; line-height:30px; }

.panel.customer_detail {
    top: 62px;
    margin: 0;
    overflow: auto;
    bottom: 0;
    border-radius: 0;
    top: 57px;
    right: 0;
    transition: right .2s ease-in-out;
    box-shadow: -2px 5px 10px 1px rgba(0,0,0,.176);
    width: 450px;
    z-index: 1000001;
    background-color: #fff;
    left: auto;
    position: fixed;
    height: 100% !important;
}

    .panel.customer_detail.collapse {
        height: 100%;
    }

    .panel.customer_detail.collapsing {
        top: 62px;
        margin: 0;
        overflow: auto;
        bottom: 0;
        border-radius: 0;
        top: 57px;
        right: 0;
        transition: right .2s ease-in-out;
        box-shadow: -2px 5px 10px 1px rgba(0,0,0,.176);
        width: 450px;
        z-index: 1000001;
        background-color: #fff;
        left: auto;
        position: fixed;
        height: 100%;
    }

    .panel.customer_detail .panel-heading h3 {
        font-size: 18px;
    }

    .panel.customer_detail .customer {
        background-color: #FFF2F2;
    }

        .panel.customer_detail .customer .table-ul > li > div {
            padding: 15px 10px;
            vertical-align: middle;
        }

            .panel.customer_detail .customer .table-ul > li > div:first-child {
                text-align: center;
                width: 71px;
                vertical-align: middle;
            }

            .panel.customer_detail .customer .table-ul > li > div > div.customer-icon {
                width: 50px;
                height: 50px;
                border-radius: 37px;
                padding: 10px;
                box-shadow: #1c1d530d 1px 6px 10px 2px;
                display: inline-block;
                background-color: #fff;
                color: red;
                font-size: 20px;
                display: inline-block;
                overflow: hidden;
            }

.border-bottom-none {
    border-bottom: none;
}

.border-top-none {
    border-top: none !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.panel.customer_detail .customer h4 {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 0;
}

.panel.customer_detail .customer p {
    font-size: 13px;
    margin-bottom: 0;
}

.panel.customer_detail h3 {
    font-size: 22px;
}

.other-detail .table-ul > li > div {
    padding: 5px 0;
    color: #666;
}

    .other-detail .table-ul > li > div:last-child {
        color: #000;
    }

.other-detail .panel-title {
    margin-bottom: 15px;
    color: #F00;
    font-size: 14px;
    font-weight: 500;
}

    .other-detail .panel-title .collapsed > i {
        transform: rotate(-90deg);
    }

.address_icon svg {
    height: 30px;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 1px;
        background-color: #ff1212;
        left: 25px;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: calc( 100% - 75px );
            float: right;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 15px;
                left: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-right: 15px solid #ccc;
                border-left: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 16px;
                left: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-right: 14px solid #fff;
                border-left: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #ff5959;
            width: 30px;
            height: 30px;
            line-height: 28px;
            font-size: 1.0em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 35px;
            margin-left: -25px;
            background-color: #ffe9e9;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border: #ff5959 1px solid;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.p-m {
    padding: 20px;
}

.nav.nav-pills.customer-detail-tab {
    padding: 0;
    border-bottom: #ddd 1px solid;
    border-top: #ddd 1px solid;
    margin: 0 -20px;
    white-space: nowrap;
    overflow: auto;
}

    .nav.nav-pills.customer-detail-tab li {
        min-width: 32%;
        float: none;
        display: inline-block;
    }

        .nav.nav-pills.customer-detail-tab li.active {
            background: transparent;
            border-left: none;
        }

            .nav.nav-pills.customer-detail-tab li.active a {
                background-color: transparent;
                border-left: none;
                border-bottom: #F00 3px solid;
            }

        .nav.nav-pills.customer-detail-tab li a {
            padding: 8px 0px;
            border-bottom: transparent 3px solid;
            font-weight: 400;
            border-radius: 0;
            color: #f00;
            text-align: center;
            font-size: 13px;
            text-transform: uppercase;
        }

    .nav.nav-pills.customer-detail-tab + .tab-content > .tab-pane {
        padding: 15px 0;
    }

.contact_person .dp {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 70px;
    overflow: hidden;
    position: relative;
}

    .contact_person .dp img {
        width: 50px;
        height: 50px;
    }

.contact_person .table-ul > li > div:first-child {
    width: 60px;
    vertical-align: middle;
}

.contact_person .table-ul > li > div {
    vertical-align: middle;
}

    .contact_person .table-ul > li > div h4 {
        margin: 0;
    }

    .contact_person .table-ul > li > div p {
        margin: 0;
    }

.mt-15 {
    margin-top: 15px;
}

.bulk_wrap {
    display: flex;
    height: 450px;
}

    .bulk_wrap .footer {
        height: auto;
        padding: 10px;
    }

.p-xs {
    padding: 10px;
}

.btn-white {
    color: #333 !important;
    background: white;
    background-color: white;
    background-image: none;
    border: 1px solid #e7eaec;
}

.add-item {
    width: 50%;
    float: left;
}

    .add-item .header {
        height: 60px;
        padding: 10px;
    }

    .add-item .body {
        padding: 10px;
    }

.add-item {
    width: 50%;
    height: 100%;
    border-right: #ddd 1px solid;
    background-color: #fef8f6;
    position: relative;
}

    .add-item .header {
        height: 65px;
        padding: 15px;
    }

        .add-item .header .form-control {
            border-color: #F00;
        }

    .add-item .body {
        padding: 0;
        overflow: auto;
        position: absolute;
        bottom: 0;
        top: 60px;
        width: 100%;
    }

    .add-item .item_wrap {
        width: 100%;
    }

    .add-item .item_ {
        display: block;
        border-radius: 0;
        text-align: left;
        position: relative;
        margin-bottom: 10px;
        padding: 5px 15px;
        margin: 0;
        margin-bottom: 10px;
    }

        .add-item .item_:hover {
            background-color: #f6eded;
        }

        .add-item .item_.active {
            background-color: #f6eded;
            box-shadow: none;
        }

        .add-item .item_ h4 {
            margin-bottom: 5px;
        }

        .add-item .item_ p {
            margin-bottom: 0;
        }

        .add-item .item_ .chk-icon {
            position: absolute;
            right: 10px;
            top: 15px;
            font-size: 20px;
            color: transparent;
        }

        .add-item .item_:hover .chk-icon {
            color: #999;
        }

        .add-item .item_:active .chk-icon {
            color: #999;
        }

        .add-item .item_.active .chk-icon {
            color: #0C0;
        }

.selected-item {
    width: 50%;
    position: relative;
}

    .selected-item .header {
        padding: 15px;
        height: 60px;
        border-bottom: #ddd 1px solid;
        display: inline-block;
        width: 100%;
    }

    .selected-item .body {
        padding: 15px;
        position: absolute;
        bottom: 54px;
        top: 60px;
        overflow: auto;
        width: 100%;
    }

    .selected-item .footer {
        position: absolute;
    }

    .selected-item .header h4 {
        font-size: 20px;
        font-weight: 400;
    }

        .selected-item .header h4.added {
        }

.selected-item-list {
    width: 100%;
}

    .selected-item-list svg {
        height: 20px;
        color: #F00;
        display: none;
    }

    .selected-item-list:hover svg {
        display: inline-block;
    }

    .selected-item-list .table-ul {
        width: 100%;
    }

        .selected-item-list .table-ul > li > div {
            vertical-align: middle;
        }

            .selected-item-list .table-ul > li > div:first-child {
                vertical-align: middle;
                width: 66%;
            }

            .selected-item-list .table-ul > li > div:last-child {
                width: 40px;
                text-align: right;
            }

    .selected-item-list p {
        margin-bottom: 0;
        margin-top: 5px;
    }

.page-header .header-nav {
    margin-right: 2px;
}

    .page-header .header-nav > li {
        padding-left: 2px;
        padding-right: 2px;
    }

.text-overflow {
    white-space: nowrap;
}

.customer_listing {
    background-color: #FFF;
    width: 100%;
    border-top: #ddd 1px solid;
}

    .customer_listing ul.table-ul {
        width: 100%;
    }

        .customer_listing ul.table-ul li {
            position: relative;
        }

        .customer_listing ul.table-ul > li > div {
            padding: 10px;
            border-bottom: #ddd 1px solid;
            font-size: 13px;
            vertical-align: middle;
        }

            .customer_listing ul.table-ul > li > div .company-name {
                font-size: 14px;
            }

            .customer_listing ul.table-ul > li > div .amt {
                font-size: 18px;
                font-weight: 700;
                letter-spacing: 1px;
            }

        .customer_listing ul.table-ul li:hover > div {
            background-color: #f9f9f9;
        }

        .customer_listing ul.table-ul li.heading div {
            font-weight: 500;
            padding: 10px;
            background-color: #ddd;
            font-weight: 600;
            color: #333;
        }

        .customer_listing ul.table-ul li > div p {
            font-size: 13px;
            margin: 0;
        }

        .customer_listing ul.table-ul li.heading > div .search_btn {
        }

        .customer_listing ul.table-ul li > div .name {
            color: #C00;
            font-size: 14px;
        }

        .customer_listing ul.table-ul li > div .dropdown.det {
            width: auto;
            display: none;
        }

        .customer_listing ul.table-ul > li > div:last-child {
            width: 50px;
        }

        .customer_listing ul.table-ul li .link_overlay {
            position: absolute;
            left: 0;
            right: 0;
            height: 48px;
            z-index: 1;
        }

        .customer_listing ul.table-ul li .dropdown.det > a {
            background-color: #333;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center;
            border-radius: 15px;
            color: #fff;
            font-size: 15px;
            box-shadow: rgba(0,0,0,0.5) 0 2px 5px;
        }

        .customer_listing ul.table-ul li:hover .dropdown.det {
            display: inline-block;
        }

    .customer_listing.with_step {
        margin: 15px;
        width: auto;
        display: block;
    }

        .customer_listing.with_step > ul.list-inline {
            margin: 0;
            padding: 0
        }

            .customer_listing.with_step > ul.list-inline > li {
                position: relative;
                border-bottom: #ddd 1px solid;
                margin: 0;
                padding: 0;
            }

                .customer_listing.with_step > ul.list-inline > li > div {
                    padding: 15px;
                }

                .customer_listing.with_step > ul.list-inline > li:hover > div {
                    background-color: transparent;
                }

        .customer_listing.with_step .step_wrap {
            margin-top: 15px;
            padding-top: 2px;
        }

            .customer_listing.with_step .step_wrap:hover {
                background-color: transparent !important;
            }

        .customer_listing.with_step .order-step {
            margin-top: 30px;
        }

        .customer_listing.with_step p {
            margin: 0;
            margin-bottom: 1px;
            font-size: 14px;
        }

            .customer_listing.with_step p.company_name {
                font-size: 14px;
                font-weight: bold;
            }

                .customer_listing.with_step p.company_name > a {
                    color: #09F;
                }

            .customer_listing.with_step p.comp_data {
                display: flex;
                font-size: 13px;
            }

                .customer_listing.with_step p.comp_data > span {
                    width: auto;
                    padding: 0 5px;
                }

                .customer_listing.with_step p.comp_data .head {
                    color: #999;
                }

            .customer_listing.with_step p.phn {
                color: #060;
                font-weight: 600;
            }

            .customer_listing.with_step p.email a {
                color: #C60;
                font-weight: 600;
            }

            .customer_listing.with_step p.comp_data .data {
                font-weight: 600;
                color: #000;
            }

        .customer_listing.with_step .location {
        }

            .customer_listing.with_step .location p {
            }

        .customer_listing.with_step .name {
            margin-top: 17px;
        
        }

        .customer_listing.with_step .label.approval {
            position: absolute;
            right: 0;
            top: 0;
            padding: 12px 19px;
            font-size: 14px;
            border-radius: 0;
            width: 160px;
        }

        .customer_listing.with_step .credit_amt {
        }

            .customer_listing.with_step .credit_amt p {
                color: #999;
            }

            .customer_listing.with_step .credit_amt h4 {
                text-align: right;
                margin: 0;
                font-weight: 600;
                color: #000;
                font-size: 21px;
            }

        .customer_listing.with_step .label {
            padding: 5px 15px;
            vertical-align: middle;
            margin-left: 5px;
            letter-spacing: 1px;
        }

.application-top-left {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px;
    font-size: 13px;
    border-radius: 0;
}

.onboarding-bg {
    background-color: #eee;
}

.onboarding-bg2 {
    background-color: #FFC;
}

.onboarding-bg3 {
    background-color: #CFF;
}

.onboarding-bg4 {
    background-color: #9F0;
}

.onboarding-bg5 {
    background-color: #FF9;
}

.onboarding-bg6 {
    background-color: #9CF;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pv-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-header h1.customer_head {
    padding-left: 0;
    color: #000;
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.sort {
    width: 17px;
    display: inline-block;
    height: 19px;
    vertical-align: middle;
    line-height: 0;
    text-align: center;
    margin-top: 2px;
}

    .sort > .fa {
        line-height: 7px;
        font-size: 13px;
        color: #999;
    }

    .sort.upside .up {
        color: #000;
    }

    .sort.downside .down {
        color: #000;
    }

.partner .page-header {
    min-height: 100px;
}

.partner .data.touch-with-heading {
    top: 100px;
}

.nav.partner_tabs {
    margin-top: 16px;
}

    .nav.partner_tabs > li {
        display: inline-block
    }

        .nav.partner_tabs > li > a {
            border-radius: 0;
            font-size: 14px;
            color: #F00;
            font-weight: 400;
        }

        .nav.partner_tabs > li.active > a {
            background-color: transparent;
            border-bottom: #666 4px solid;
            color: #333;
        }

.panel.panel-default.partner_left {
    border-radius: 0;
    margin: 0;
    background-color: #f9f9f9;
    border-top: none;
}

    .panel.panel-default.partner_left panel-body {
        background-color: #f5f5f5;
        border-radius: 0;
    }

    .panel.panel-default.partner_left .company_name {
    }

.table-ul.customer_det {
    margin-bottom: 20px;
    width: 100%;
}

    .table-ul.customer_det .img {
        vertical-align: middle;
        padding: 0;
        width: 57px;
    }

    .table-ul.customer_det .cont {
        vertical-align: middle;
    }

    .table-ul.customer_det p {
        margin: 0;
    }

        .table-ul.customer_det p.customer_name {
            margin: 0;
            font-weight: 600;
            color: #000;
            font-size: 14px;
        }

        .table-ul.customer_det p > a {
            color: #F00;
        }

    .table-ul.customer_det li > div {
        padding: 0 10px;
        padding-bottom:5px;
        border-bottom:1px solid #d2d2d2;
    }

        .table-ul.customer_det li > div.setting_wrap {
            width: 35px;
            text-align: right;
        }

            .table-ul.customer_det li > div.setting_wrap a.setting {
                padding: 5px;
            }

            .table-ul.customer_det li > div.setting_wrap .fa {
                color: #CCC;
            }

    .table-ul.customer_det:hover li > div.setting_wrap .fa {
        color: #666;
    }

.partner_collapse {
}

    .partner_collapse .btn {
        border-radius: 0;
        border-bottom: #ddd 1px solid;
        display: block;
        text-align: left;
        padding: 10px 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #454545;
    }

        .partner_collapse .btn:focus {
            box-shadow: none;
        }

        .partner_collapse .btn.collapsed > i.fa {
            transform: rotate(0deg);
        }

        .partner_collapse .btn > i.fa {
            float: right;
            font-size: 20px;
            padding: 0 5px;
            transform: rotate(180deg);
        }

    .partner_collapse .collapse {
    }

    .partner_collapse .address {
        margin-bottom: 10px;
    }

        .partner_collapse .address p {
            margin: 0;
            color: #787878;
        }

        .partner_collapse .address .heading {
            font-size: 14px;
            color: #000;
            margin: 0;
        }

        .partner_collapse .address ul.table-ul {
            width: 100%;
        }

            .partner_collapse .address ul.table-ul > li > div {
                padding: 0px 0px 10px;
            }

                .partner_collapse .address ul.table-ul > li > div:last-child {
                    width: 30px;
                    text-align: right;
                }

            .partner_collapse .address ul.table-ul .edit_icon {
                color: #999;
            }

.dp {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50px;
}

    .dp > img {
        width: 50px;
        height: 50px;
        padding:10px;
    }

.other_detail {
    margin-bottom: 15px;

}

    .other_detail p {
        font-size: 13px;
        margin: 0;
    }

    .other_detail .head {
        color: #787878;
    }

    .other_detail .cont {
        color: #000;
    }

.btn-group.act-status {
    box-shadow: rgba(0,0,0,0.15) 0 0 3px;
    border: #d5d5d5 1px solid;
    border-radius: 3px;
}

#vertical-timeline {
    position: relative;
    padding: 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    #vertical-timeline::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #f1f1f1;
    }

.vertical-timeline-content .btn {
    float: right;
}

#vertical-timeline.light-timeline:before {
    background: #e7eaec;
}

.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline.center-orientation .vertical-timeline-content:before {
    border-color: transparent transparent transparent #f5f5f5;
}

.dark-timeline.center-orientation.track_det .vertical-timeline-content:before {
    display: none;
}

.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}

.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
    background: #f5f5f5;
    border-radius: 5px;
    border: #eee 1px solid;
}

.add_coment {
    margin-top: 40px;
    min-height: 80px;
}

.comment {
    display: flex;
    margin-bottom: 15px;
}

    .comment .img_box {
        padding: 10px;
    }

        .comment .img_box .dp {
            background-color: #ddd;
            width: 35px;
            height: 35px;
        }

            .comment .img_box .dp img {
                width: 35px;
                height: 35px;
            }

    .comment .cont {
        padding: 10px;
        width: 100%;
    }

        .comment .cont h4 {
            font-size: 14px;
            color: #000;
            margin: 0;
            margin-bottom: 5px;
            font-weight: 600;
        }

        .comment .cont p {
            margin-bottom: 0;
        }

        .comment .cont .date {
            color: #999;
            margin-left: 15px;
            color: #787878;
            font-size: 12px;
        }

        .comment .cont hr {
            margin-top: 10px;
            margin-bottom: 5px;
        }

.sales_header {
    padding: 15px;
    background-color: #f5f5f5;
}

    .sales_header .dropdown-toggle {
        border: #d1d1d1 1px solid;
        padding: 7px 15px;
        display: inline-block;
        border-radius: 5px;
    }

        .sales_header .dropdown-toggle:hover {
            box-shadow: rgba(0,0,0,0.15) 0 0 03px;
            border-color: #ccc;
        }

        .sales_header .dropdown-toggle:focus {
            box-shadow: rgba(0,0,0,0.15) 0 0 03px;
            border-color: #ccc;
        }

.partner_collapse.sales {
    padding: 20px
}

    .partner_collapse.sales .header {
    }

        .partner_collapse.sales .header .btn {
            width: auto;
            border-bottom: none;
            display: inline-block;
            margin: 0;
            font-size: 14px;
            padding: 15px 0;
        }

            .partner_collapse.sales .header .btn.collapsed + + .dropdown {
                display: none
            }

            .partner_collapse.sales .header .btn .fa {
                font-size: 13px;
                float: left;
                padding: 3px 10px 3px;
                transform: rotate(0deg);
            }

            .partner_collapse.sales .header .btn.collapsed .fa {
                transform: rotate(-90deg);
            }

        .partner_collapse.sales .header .btn2 {
            float: right;
            font-size: 13px;
            padding: 10px;
            color: red;
        }

        .partner_collapse.sales .header .dropdown {
            float: right;
            font-size: 13px;
            padding: 5px 12px;
            margin-top: 6px;
            border-right: #e5e5e5 1px solid;
        }

    .partner_collapse.sales li {
        border-bottom: #ddd 1px solid;
    }

    .partner_collapse.sales .customer_listing ul.table-ul > li.heading > div {
        background-color: #f5f5f5;
    }

    .partner_collapse.sales .customer_listing ul.table-ul > li > div:last-child {
        width: auto;
    }

.paging {
    float: right;
}

    .paging > a {
        font-size: 20px;
        color: #333;
        margin: 0 1px;
        vertical-align: middle;
    }

        .paging > a.disabled {
            pointer-events: none;
            opacity: 0.5;
        }

.mail {
    width: 100%;
}

    .mail .table-ul {
        width: 100%;
    }

        .mail .table-ul li {
        }

            .mail .table-ul li > div {
                border-bottom: #eee 1px solid;
                padding: 10px 12px;
                color: #333;
            }

                .mail .table-ul li > div.to {
                    width: 60%;
                }

                .mail .table-ul li > div.desc {
                    width: 25%;
                }

                .mail .table-ul li > div.type {
                    width: 15%;
                }

                .mail .table-ul li > div p {
                    margin: 0;
                    font-size: 13px;
                }

            .mail .table-ul li.heading > div {
                color: #666;
            }

.statement_header {
    padding: 15px;
}

    .statement_header .dropdown {
        display: inline-block;
        margin-right: 10px;
    }

        .statement_header .dropdown .dropdown-toggle {
            border: #ddd 1px solid;
            border-radius: 3px;
        }

        .statement_header .dropdown .dropdown-menu {
        }

        .statement_header .dropdown .dropdown-toggle {
            border: #d1d1d1 1px solid;
            padding: 5px 15px;
            display: inline-block;
            border-radius: 3px;
        }

            .statement_header .dropdown .dropdown-toggle:hover {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

            .statement_header .dropdown .dropdown-toggle:focus {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

        .statement_header .dropdown.filter {
            border: #d1d1d1 1px solid;
            border-radius: 3px;
            padding-left: 10px;
            color: #666;
        }

            .statement_header .dropdown.filter:hover {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

            .statement_header .dropdown.filter:focus {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }


            .statement_header .dropdown.filter .dropdown-toggle {
                border: none;
                box-shadow: none;
            }

.detail-sheet.statement {
    width: 100%;
    margin: 0;
}

.summary {
}

    .summary > h4 {
    }

    .summary > ul > li > div {
        padding: 5px;
    }

        .summary > ul > li > div:last-child {
            text-align: right;
            font-weight: 600;
        }

    .summary > ul > li.due > div {
        border-top: #ccc 2px solid;
    }

.table-ul.statement_data li > div {
    padding: 5px;
}

.wrapper_order {
}

.panel.amount_box {
    text-align: center;
}

    .panel.amount_box .panel-body {
        padding: 10px;
    }

    .panel.amount_box p {
        color: #FFF;
        margin-bottom: 0;
    }

    .panel.amount_box .head {
        color: #333;
        text-align: left;
    }

    .panel.amount_box .data_order {
        font-weight: 800;
        text-align: right;
        color: #FFF;
        font-size: 22px;
        letter-spacing: 1px;
    }

.bg-info.amount_box {
    background-color: #099;
}

.hsn-table {
    display: table;
    border-left: #ddd 1px solid;
    width: 100%;
    margin-bottom: 15px;
}

.hsn-row {
    display: table-row;
    width: 100%;
    border-left: #ddd 1px solid;
    margin-bottom: 15px;
    border-bottom: #ddd 1px solid;
}

.hsn-col {
    border-bottom: #ddd 1px solid;
    border-right: #ddd 1px solid;
    display: table-cell;
    width: auto;
    vertical-align: top;
    width: 17%;
}

    .hsn-col .heading {
        height: 70px;
        background: #eee;
        padding: 10px;
        display: table;
        width: 100%;
        font-weight: 700;
        color: #000;
    }

        .hsn-col .heading > .cell {
            vertical-align: middle;
            display: table-cell;
        }

        .hsn-col .heading .main-head {
            text-align: center;
            border-bottom: #ccc 1px solid;
            margin: 0 -10px;
            padding-bottom: 5px;
        }

        .hsn-col .heading .sub-head {
            text-align: center;
            margin-right: 0;
            margin-left: 0;
            padding-top: 5px;
        }

    .hsn-col .data_order {
        overflow: visible;
        padding: 10px;
    }

    .hsn-col .total_order {
        background: transparent;
        border: none;
        color: #000;
        font-weight: 800;
        padding: 10px;
    }

h3, .h3 {
    font-size: 20px;
}

.terms {
    padding-left: 20px;
}

.page-wrapper {
    padding: 0 15px;
}



.statement_header {
    padding: 15px;
}

    .statement_header .dropdown {
        display: inline-block;
        margin-right: 10px;
    }

        .statement_header .dropdown .dropdown-toggle {
            border: #ddd 1px solid;
            border-radius: 3px;
        }

        .statement_header .dropdown .dropdown-menu {
        }

        .statement_header .dropdown .dropdown-toggle {
            border: #d1d1d1 1px solid;
            padding: 5px 15px;
            display: inline-block;
            border-radius: 3px;
        }

            .statement_header .dropdown .dropdown-toggle:hover {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

            .statement_header .dropdown .dropdown-toggle:focus {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

        .statement_header .dropdown.filter {
            border: #d1d1d1 1px solid;
            border-radius: 3px;
            padding-left: 10px;
            color: #666;
        }

            .statement_header .dropdown.filter:hover {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }

            .statement_header .dropdown.filter:focus {
                box-shadow: rgba(0,0,0,0.15) 0 0 03px;
                border-color: #ccc;
            }


            .statement_header .dropdown.filter .dropdown-toggle {
                border: none;
                box-shadow: none;
            }

.detail-sheet.statement {
    width: 100%;
    margin: 0;
}

.summary {
}

    .summary > h4 {
    }

    .summary > ul > li > div {
        padding: 5px;
    }

        .summary > ul > li > div:last-child {
            text-align: right;
            font-weight: 600;
        }

    .summary > ul > li.due > div {
        border-top: #ccc 2px solid;
    }

.table-ul.statement_data li > div {
    padding: 5px;
}

.wrapper_order {
}

.panel.amount_box {
    text-align: center;
}

    .panel.amount_box .panel-body {
        padding: 10px;
    }

    .panel.amount_box p {
        color: #FFF;
        margin-bottom: 0;
    }

    .panel.amount_box .head {
        color: #333;
        text-align: left;
    }

    .panel.amount_box .data_order {
        font-weight: 800;
        text-align: right;
        color: #FFF;
        font-size: 22px;
        letter-spacing: 1px;
    }

.bg-info.amount_box {
    background-color: #099;
}

.hsn-table {
    display: table;
    border-left: #ddd 1px solid;
    width: 100%;
    margin-bottom: 15px;
}

.hsn-row {
    display: table-row;
    width: 100%;
    border-left: #ddd 1px solid;
    margin-bottom: 15px;
    border-bottom: #ddd 1px solid;
}

.hsn-col {
    border-bottom: #ddd 1px solid;
    border-right: #ddd 1px solid;
    display: table-cell;
    width: auto;
    vertical-align: top;
    width: 17%;
}

.hsn-col .data {
    overflow: visible;
    padding: 10px;
}

.hsn-col .total {
    background: transparent;
    border: none;
    color: #000;
    font-weight: 800;
    padding: 10px;
    margin: 0;
    width: auto !important;
}
    .hsn-col .heading {
        height: 70px;
        background: #eee;
        padding: 10px;
        display: table;
        width: 100%;
        font-weight: 700;
        color: #000;
    }

        .hsn-col .heading > .cell {
            vertical-align: middle;
            display: table-cell;
        }

        .hsn-col .heading .main-head {
            text-align: center;
            border-bottom: #ccc 1px solid;
            margin: 0 -10px;
            padding-bottom: 5px;
        }

        .hsn-col .heading .sub-head {
            text-align: center;
            margin-right: 0;
            margin-left: 0;
            padding-top: 5px;
        }

    .hsn-col .data_order {
        overflow: visible;
        padding: 10px;
    }

    .hsn-col .total_order {
        background: transparent;
        border: none;
        color: #000;
        font-weight: 800;
        padding: 10px;
    }

h3, .h3 {
    font-size: 20px;
}

.terms {
    padding-left: 20px;
}

.page-wrapper {
    padding: 0 15px;
}

.panel.order_box {
    height: 185px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.panel.order_box.account-history .panel-body.grey-bg{ background-color:#ddd; }

.panel.order_box.account-history .panel-body.p-15{ padding:15px; }

    .panel.order_box .table-ul li div {
        border-bottom: #ddd 1px solid;
        height: 25px;
        padding: 8px;
    }

.panel.order_box .table-ul li div.head {
	padding-left:0;
    }

    .panel.order_box div.data_order {
        color: #000;
        text-align: right;
        font-weight: 600;
    }

    .panel.order_box div.data.text-left {
        text-align: left;
    }

    .panel.order_box .table-ul {
        width: 100%;
    }

        .panel.order_box .table-ul li:last-child > div {
            border-bottom: none;
        }

.panel.order_box.account-history {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    height: auto;
    margin: 0;
    width: 100% !important;
}

.panel.order_box div.data {
    color: #000;
    text-align: right;
    font-weight: 600;
}

        .panel.order_box.account-history .panel-body {
            padding: 0;
        }

        .panel.order_box.account-history.total_order {
            padding-top: 0;
            padding-left: 0;
            padding-right: 0;
        }

            .panel.order_box.account-history.total_order .tot div:last-child {
                font-size: 24px;
                font-weight: 800;
            }


.order-data-box {
    margin-bottom: 1px;
    text-align: center;
    padding: 10px 0px 0;
    height: 75px;
    background: #fff;
    position: relative;
}

    .order-data-box h4 {
        margin: 0;
        font-size: 30px;
    }

        .order-data-box h4.small {
            font-size: 24px;
        }

    .order-data-box p {
        text-align: right;
        position: absolute;
        right: 5px;
        bottom: 0px;
        font-size: 14px;
        margin: 5px;
    }

.order_pay_heading {
    padding-left: 72px;
    position: relative;
}
.order_pay_heading h1{
	color: #666;
    font-weight: 700;
    padding-top: 3px;
    font-size: 28px;
    margin-bottom: 5px;
}

.order_pay_heading p{color: #000;}

.order_pay_heading h1.icon_ .fa{
	color: #016301;
    font-size: 60px;
    vertical-align: middle;
    margin-right: 9px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
	
	.list-unstyled.steps {
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 10px;
    border: #ccc 1px solid;
    text-align: center;
    border-radius: 35px;
    box-shadow: rgba(0,0,0,0.1) 0 0 5px inset;
    background-color: #fff;
}

    .list-unstyled.steps li:first-child a {
        border-radius: 15px 0 0 15px;
    }

    .list-unstyled.steps li:last-child a {
        border-radius: 0 15px 15px 0;
    }


    .list-unstyled.steps li {
        padding: 0;
    }

        .list-unstyled.steps li.active a {
            background-color: #C00;
            color: #FFF;
        }

            .list-unstyled.steps li.active a > span.angle {
                background-color: #C00;
            }

        .list-unstyled.steps li a {
            padding: 5px;
            position: relative;
            display: block;
            color:#333;
			font-size:13px;
        }

            .list-unstyled.steps li a > span.angle {
                width: 20px;
                height: 20px;
                display: inline-block;
                position: relative;
                position: absolute;
                top: 5px;
                right: -10px;
                background: #fff;
                transform: rotate(45deg);
                border-right: rgba(0,0,0,0.2) 1px solid;
                border-top: rgba(0,0,0,0.2) 1px solid;
                z-index: 1;
                pointer-events: none;
            }

        .list-unstyled.steps li:last-child a > span.angle {
            display: none;
        }

.order-data-box.order_payment {
    background-color: transparent;
    border-right: #ccc 1px solid;
}

.order-data-box.order_payment p{ text-align:center; }

.order_pay_bg{  background-color:transparent; padding:0; }
.order_pay_bg .tab-content{ padding:0; }	
	
.order-payment-bg {
    background-color: #f3f3f3;
}	


.payment_method {
    margin-bottom: 15px;
    background-color: #FFF;
    border-radius: 10px;
}

    .payment_method.selected {
    }

    .payment_method .label-success.selected-label {
        display: none;
        padding: 10px 15px;
        float: right;
        margin: 0;
        font-size: 13px;
    }

    .payment_method.selected .label-success.selected-label {
        display: inline-block;
    }

        .payment_method.selected .label-success.selected-label .fa {
            font-size: 18px;
            vertical-align: middle;
        }

    .payment_method .otp {
        display: none;
        max-width: none;
    }

    .payment_method.selected .otp {
        display: block;
        max-width: none;
    }

    .payment_method .panel-heading {
        border-radius: 10px 10px 0 0
    }

    .payment_method .panel-body {
        padding: 15px 20px;
    }

    .payment_method .heading {
        font-size: 24px;
        color: #000;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .payment_method p {
        font-size: 14px;
    }

    .payment_method .credit-limit {
        color: #000;
        font-size: 15px;
        text-align: center;
        display: flex;
        vertical-align: middle;
        box-shadow: rgba(0,0,0,0.2) 0 0 5px;
        letter-spacing 1px;
        vertical-align: middle;
    }

        .payment_method .credit-limit span {
            padding: 5px 10px;
            width: 50%;
            background-color: #eee;
        }

            .payment_method .credit-limit span.data {
                color: #000;
                font-weight: 800;
                background-color: #fff;
            }

    .payment_method .avail-bal {
        color: #000;
        font-size: 15px;
        text-align: center;
        display: flex;
        vertical-align: middle;
        box-shadow: rgba(0,0,0,0.2) 0 0 5px;
        letter-spacing: 1px;
        vertical-align: middle;
    }

        .payment_method .avail-bal span {
            padding: 5px 10px;
            width: 50%;
            text-align: center;
            background-color: #eee;
        }

            .payment_method .avail-bal span.data {
                color: #000;
                font-weight: 800;
                background-color: #fff;
            }

    .payment_method .invoice_date {
    }

        .payment_method .invoice_date span {
        }

            .payment_method .invoice_date span.data {
                font-weight: 800;
                color: #000;
            }

    .payment_method .order-value {
        text-align: center;
        box-shadow: rgba(0,0,0,0.25) 0 0 3px;
        width: auto;
        display: inline-block;
        border-radius: 5px;
        overflow: hidden;
        background-color: #eee;
    }


        .payment_method .order-value span {
            font-size: 18px;
            padding: 5px 15px;
            display: inline-block;
            vertical-align: middle;
            border: #ddd 1px solid;
            float: left;
        }

            .payment_method .order-value span.data {
                border: #006990 1px solid;
                font-weight: 800;
                color: #fff;
                background-color: #006990;
            }

.otp {
    max-width: 300px;
}

    .otp > input {
        margin: 0 5px 0 0;
        text-align: center;
        font-size: 20px;
        border: solid 1px #ccc;
        box-shadow: 0 0 5px #ccc inset;
        outline: none;
        width: 14.5%;
        transition: all .2s ease-in-out;
        border-radius: 3px;
        float: left;
        height: 35px;
    }

        .otp > input:focus {
            border-color: red;
            box-shadow: 0 0 5px red inset;
        }

        .otp > input::selection {
            background: transparent;
        }
		
.pay-opt {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}		

.nav.nav-pills.pay_tab.nav-stacked{}	
.nav.nav-pills.pay_tab.nav-stacked li a{
background: linear-gradient(to bottom,rgba(249,249,249,1) 1%,rgba(242,242,242,1) 100%) rgba(0,0,0,0);
    border: 1px solid #ccc;
	margin-bottom:10px;
    border-radius: 7px;
    box-shadow: 0 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,.1);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 18px;
    padding: 14px 4px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
    width: 100%;
    min-width: 195px;	
}	

.nav.nav-pills.pay_tab.nav-stacked li a i.fa {
    font-size:16px;
    float:left;
    position:absolute;
    left:16px;
    border:#fff 1px solid;
    padding:5px;
    border-radius:50px;
    margin-top:-4px;
	display:none;
}

.nav.nav-pills.pay_tab.nav-stacked li.active a i.fa{
	display:inline-block;
}

.nav.nav-pills.pay_tab.nav-stacked li a:hover{
	box-shadow:inset 0 0 0 0 #27496d, 0 1px 7px #d0d0d0;
	text-shadow:none;
}

.nav.nav-pills.pay_tab.nav-stacked li.active a{
	background: linear-gradient(to bottom ,#C00 ,#F00);
    border-color: #e40101 !important;
	color:#FFF;
	text-shadow:none;
}

.row.order_wrap {
    margin: 0 -8px;
}

    .row.order_wrap > div {
        padding: 0 8px;
    }

.order_box h4 {
    color: #000;
    margin: 5px 0;
    font-size: 16px;
}


.top-panel-btn {
    height: 45px;
    width: 45px;
    border: none;
    border-radius: 30px;
    padding: 5px;
    margin-left: 10px;
    background-image: url(../images/276400-200.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
    background-color: #F00;
}

.delivery_status .address {
    margin-bottom: 25px;
}

.top-panel-btn:hover {
    background-image: url(../images/276400-200-white.png);
    background-color: #fff;
}

.panel.delivery_status .panel-heading {
    background-color: #3bb028;
}

.panel.delivery_status .panel-body {
    background-color: #2c831c;
}

.delivery_status .table-ul .fa-tag {
    font-size: 32px;
    border: #fff 3px solid;
    width: 50px;
    color: #FFF;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 1.5;
    margin-right: 0;
}

.delivery_status .table-ul h2 {
    margin: 0;
    color: #FFF;
}

.delivery_status .table-ul p {
    color: #FFF;
}

.delivery_status .step-outer {
    margin-top: 0;
    padding: 0 20px;
    background-color: transparent;
}

.delivery_status .process {
    width: 92%;
    padding-right: 20px;
}

.delivery_status {
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
}


.step-outer_order {
    background-color: #FFF;
    display: inline-block;
    width: 100%;
    margin-top: -80px;
    overflow: hidden;
    border-radius: 10px;
}

.steps2_order {
    display: inline-block;
    text-align: left;
    width: 98%;
    background-color: #252525;
    height: 5px;
    margin-bottom: 25px;
    margin-top: 15px;
    border-radius: 50px;
    margin-left: 5%;
}

    .steps2_order ul {
        width: 130%;
        margin: -12px -15% 0;
    }

        .steps2_order ul li {
            width: 20%;
        }

            .steps2_order ul li .progress {
                position: absolute;
                left: -50%;
                top: 10px;
                background-color: ##ffffff;
                height: 10px;
                width: 100%;
                display: none;
                z-index: 0;
            }

            .steps2_order ul li.completed .progress {
                display: block;
            }

            .steps2_order ul li.active .progress {
                display: block;
            }

            .steps2_order ul li:first-child .progress {
                display: none;
            }


            .steps2_order ul li a {
                color: #333;
                margin: 0 -10px;
                padding: 0;
                font-weight: 600;
                text-align: center;
                position: relative;
                z-index: 1;
            }

                .steps2_order ul li a:hover {
                    background-color: transparent;
                }

                .steps2_order ul li a:focus {
                    background-color: transparent;
                }

                .steps2_order ul li a span.fa-stack {
                    border-radius: 40px;
                    margin-bottom: 0px;
                    background-color: #fff;
                    border: #ddd 5px solid;
                    text-align: center;
                    height: 30px;
                    width: 30px;
                    opacity: 0;
                }

                    .steps2_order ul li a span.fa-stack img {
                        display: none;
                        color: #FFF;
                    }

            .steps2_order ul li.completed a span.fa-stack img {
                display: inline-block;
                height: 40px;
                margin-top: -15px;
            }

            .steps2_order ul li.completed a span.fa-stack .fa-stack-1x {
                display: none;
            }

            .steps2_order ul li.completed a {
                pointer-events: auto;
            }

                .steps2_order ul li.completed a span.fa-stack {
                    background-color: #ffffff;
                    border-color: #ffffff;
                    opacity: 1;
                }

                    .steps2_order ul li.completed a span.fa-stack strong {
                        color: #FFF;
                    }

                .steps2_order ul li.completed a p {
                    font-weight: 300;
                    color: #ffffff;
                    font-size: 12px;
                }



            .steps2_order ul li a i.fa {
                color: #333;
                font-size: 38px;
                margin-right: 15px;
                margin-top: 8px;
            }

.track_order a {
    color: #ffffff;
    font-size: 13px;
}

.steps2_order ul li.active a span.fa-stack strong {
    color: #000;
}

.steps2_order ul li a span.fa-stack strong {
    color: #333;
    line-height: 1.5;
    font-weight: 400;
}

.steps2_order ul li.active a p {
    font-weight: 700;
}

.steps2_order ul li.active a span.fa-stack {
    background-color: #fff;
    border-color: #0095da;
}

.steps2_order ul li.active:last-child a {
    width: 108%;
}

.steps2_order ul li.active a i.fa {
    color: #FFF;
}

.order_data {
    margin-top: 15px;
    height: 310px;
    border-color: #ccc;
}

    .order_data li {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: #ddd 1px solid;
    }

        .order_data li:last-child {
            border-bottom: none;
        }

    .order_data .head {
        color: #666;
    }

    .order_data .data_order {
        font-weight: 600;
        color: #000;
        text-align: left;
    }

.sold-by {
    margin-bottom: 5px;
    font-size: 14px;
}

.address {
    font-size: 14px;
}

.text-black {
    color: #000;
}

.mt-0 {
    margin-top: 0;
}

.address_heading {
    font-size: 16px;
    font-weight: 600;
}

.page-heading .nav.nav-tabs.booking-tab {
    margin-bottom: -13px;
    margin-top: 12px;
    overflow-y: hidden;
    border-bottom: none;
}

    .page-heading .nav.nav-tabs.booking-tab li a {
        background-color: #FFF;
        padding: 10px 20px;
    }

    .page-heading .nav.nav-tabs.booking-tab li.active a {
        background-color: #ccc;
        border-left: #fff 1px solid;
        border-right: #fff 1px solid;
        border-bottom: none;
    }

        .page-heading .nav.nav-tabs.booking-tab li.active a:focus {
            border-top: #F00 4px solid;
        }

ul.booking-tab li.active a {
    padding-bottom: 11px;
    color: #000;
    margin-bottom: -1px;
    background-color: #fff;
    border-top: #ff0000 4px solid;
    border-radius: 0px;
}

    ul.booking-tab li.active a:hover {
        border-top: #ff0000 4px solid;
    }

.page-heading {
    border-top: 0;
    padding: 0 0px 10px 10px;
}

.igst {
}

.cgst {
}

.sgst {
}

.order_summary {
    display: block;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 15px;
}

.item-det {
    text-align: center;
}

    .item-det h4 {
        font-size: 30px;
        margin: 0;
        font-weight: 600;
        color: #000;
        line-height: 1.3;
    }

    .item-det p {
        font-size: 14px;
    }

.order_summary .panel-heading h2 {
    font-size: 24px;
    line-height: 1.5;
}

.order_summary .order_data {
    height: auto;
    margin: 0;
}

.order_summary .item-det p {
    margin-bottom: 0;
}

.order_summary .order_data .data_order a.btn {
    margin-top: -10px;
}

.order_summary .order_data .data_order {
    text-align: right;
}

    .order_summary .order_data .data_order.date {
        width: 200px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border: #ccc 1px solid;
        border-radius: 5px;
        font-size: 14px;
        box-shadow: rgba(0,0,0,0.2) 0 0 5px;
        background-color: #00a29f;
        color: #fff;
    }

    .order_summary .order_data .data_order.mode {
        width: 200px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border: #fff 1px solid;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 800;
        box-shadow: rgba(0,0,0,0.2) 0 0 5px;
        background-color: #fff;
        margin-left: 10px;
        color: #000;
    }

        .order_summary .order_data .data_order.mode + .btn {
            margin-left: 10px;
            padding: 8px 15px;
            background-color: red;
            color: #fff;
            border-color: red;
        }

            .order_summary .order_data .data_order.mode + .btn.disabled {
                background: #858585;
                border-color: #858585;
                color: #e1e1e1;
            }

.order_summary span.label {
    font-size: 14px;
    letter-spacing: 1px;
}

.step_wrap {
    overflow: hidden;
}

.order-step {
    display: inline-block;
    text-align: left;
    width: 90%;
    background-color: #454545;
    height: 5px;
    margin-bottom: 70px;
    margin-top: 50px;
    border-radius: 50px;
    margin-left: 5%;
}

    .order-step ul {
        width: 124%;
        margin: -24px -12% 50px;
        height:;
    }

        .order-step ul li {
            width: 16.5%;
        }

            .order-step ul li .progress {
                position: absolute;
                left: -50%;
                top: 24px;
                background-color: #0095da;
                height: 5px;
                width: 100%;
                display: none;
                z-index: 0;
            }


            .order-step ul li.completed .progress {
                display: block;
            }
            .order-step ul li.incompleted .progress {
                display: block;
            }


            .order-step ul li.active .progress {
                display: block;
            }

            .order-step ul li:first-child .progress {
                display: none !important;
            }


            .order-step ul li a {
                color: #333;
                margin: 0 -10px;
                padding: 0;
                font-weight: 600;
                text-align: center;
                position: relative;
                z-index: 1;
            }

                .order-step ul li a:hover {
                    background-color: transparent;
                }

                .order-step ul li a:focus {
                    background-color: transparent;
                }

                .order-step ul li a span.fa-stack {
                    border-radius: 40px;
                    margin-bottom: 10px;
                    background-color: #fff;
                    border: #ddd 5px solid;
                    box-shadow: #fff 0px 0px 0px 10px;
                    text-align: center;
                }

                    .order-step ul li a span.fa-stack img {
                        display: none;
                        color: #FFF;
                    }

            .order-step ul li.completed a span.fa-stack img {
                display: inline-block;
                height: 40px;
                margin-top: -15px;
            }

            .order-step ul li.completed a span.fa-stack .fa-stack-1x {
                display: none;
            }

            .order-step ul li.completed a {
                pointer-events: auto;
            }

                .order-step ul li.completed a span.fa-stack {
                    background-color: #0095da;
                    border-color: #0095da;
                }

                .order-step ul li.completed a span.fa-stack {
                }

                    .order-step ul li.completed a span.fa-stack strong {
                        color: #FFF;
                    }

                .order-step ul li.completed a p {
                    font-weight: 700;
                    color: #333;
                }

                .order-step ul li.incompleted a span.fa-stack img {
                    display: inline-block;
                    height: 40px;
                    margin-top: -15px;
                }

            .order-step ul li.incompleted a span.fa-stack .fa-stack-1x {
                display: none;
            }

            .order-step ul li.incompleted a {
                pointer-events: auto;
            }

                .order-step ul li.incompleted a span.fa-stack {
                    background-color: #0095da;
                    border-color: #0095da;
                }

                .order-step ul li.incompleted a span.fa-stack {
                }

                    .order-step ul li.incompleted a span.fa-stack strong {
                        color: #FFF;
                    }

                .order-step ul li.incompleted a p {
                    font-weight: 700;
                    color: #333;
                }

            .order-step ul li a i.fa {
                color: #333;
                font-size: 38px;
                margin-right: 15px;
                margin-top: 8px;
            }

            .order-step ul li.active a span.fa-stack strong {
                color: #000;
            }

            .order-step ul li a span.fa-stack strong {
                color: #333;
                line-height: 1.5;
                font-weight: 400;
            }

            .order-step ul li.active a p {
                font-weight: 700;
            }

            .order-step ul li.active a span.fa-stack {
                background-color: #fff;
                border-color: #0095da;
            }

            .order-step ul li.active:last-child a {
                width: 108%;
            }

            .order-step ul li.active a i.fa {
                color: #FFF;
            }

            .order-step ul li:first-child a p {
                padding-left: 35px;
            }


            .order-step ul li a p {
                font-size: 16px;
            }

.process_.order-step ul li a span.fa-stack {
    width: 50px;
    height: 50px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 5px;
    opacity: 1;
    background-image: url(../images/incomplete.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #454545;
    border-color: #454545;
}

.process_.order-step ul li.completed a span.fa-stack {
    background-image: url(../images/tick.png);
    background-color: #0095da;
    border-color: #0095da;
}

.process_.order-step ul li.incompleted a span.fa-stack {
   
   background-image: url('../images/close.png');
    background-color: #ff0000;
    border-color: #ff0000;
}

.process_.order-step ul li.process a span.fa-stack {
    animation: scale 1s linear infinite;
    background-color: #ff6200;
    border-color: #ff6200;
    background-image: url(../images/construction.png);
}

.process_.order-step ul li.process a div.outer {
    border: #ff6200 2px solid;
    content: "";
    width: 70px;
    height: 70px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: #fff 0px 0 0 10px inset;
    padding: 8px;
    margin-top: -8px;
}

.process_.order-step ul li.process .progress {
    display: block;
}


.item-det-wrap {
    box-shadow: rgba(0,0,0,0.2) 0px 0 30px;
    padding: 10px;
    border-radius: 5px;
    height: 80px;
}

.pay-btn {
    height: 80px;
    background-color: #F00;
    color: #fff;
}

    .pay-btn p {
        color: #fff;
        font-size: 30px;
        margin: 0;
        line-height: 1.45;
    }

    .pay-btn :hover {
        background-color: #C00;
    }

.panel.summary {
    border-radius: 0;
    margin-top: 15px;
    height: 320px;
    background-color: #ff7d05;
}

    .panel.summary ul > li > div {
        padding-top: 7px;
        padding-bottom: 8px;
        border-bottom: rgba(0,0,0,0.1) 1px solid;
        font-size: 14px;
        letter-spacing: 1px;
    }

        .panel.summary ul > li > div:last-child {
            font-weight: 800;
            text-align: right;
            font-size: 15px;
        }

    .panel.summary ul > li:last-child > div {
        border-bottom: none
    }

    .panel.summary .paid {
        padding: 10px;
        background-color: rgba( 0,0,0,0.2);
    }

.panel.pay_method {
    margin-top: 15px;
    height: 280px;
}

    .panel.pay_method ul > li > a {
        padding: 15px 0;
        display: table-cell;
        border-bottom: rgba(0,0,0,0.1) 1px solid;
        color: #FFF;
        font-size: 17px;
    }

        .panel.pay_method ul > li > a .fa {
            font-size: 22px;
            width: 32px;
            text-align: center;
            vertical-align: middle;
            margin-right: 10px;
        }


        .panel.pay_method ul > li > a img {
            height: 32px;
            margin-right: 10px;
        }

    .panel.pay_method ul > li:last-child > a {
        border-bottom: none
    }

.btn-blue {
    background-color: #09F;
    color: #FFF;
}

.ml-5 {
    margin-left: 5px;
}

.btn-group.bal {
    box-shadow: rgba(0,0,0,0.15) 0 0 3px;
    margin: 0;
    float: right;
}

    .btn-group.bal:hover {
        border-color:
    }

    .btn-group.bal span:first-child {
        border-color: #ccc;
        background-color: #eee;
        font-weight: 400;
    }

    .btn-group.bal span:last-child {
        font-weight: 800;
    }

.sales_breakdwon {
    min-height: 355px;
}

.table-ul.city-det {
    width: 100%;
}

    .table-ul.city-det li div {
        padding: 5px 10px;
        font-size: 20px;
        color: #666;
    }

    .table-ul.city-det li.heading div {
        font-size: 12px;
        font-weight: 600;
    }

    .table-ul.city-det li div > a {
        color: #F00;
        text-decoration: underline;
    }

    .table-ul.city-det li div .rev-up {
        color: #090;
    }

    .table-ul.city-det li div .rev-down {
        color: #C00;
        transform: rotate(180deg);
    }

.sub-heading {
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    color: #000;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.partner_breakdown {
    background-color: #fff;
    display: inline-block;
    width: 100%;
}

    .partner_breakdown .hding {
        margin-bottom: 0;
        font-size: 14px;
        color: #FFF;
        padding: 15px;
        background-color: rgba(0,0,0,0.2);
    }

    .partner_breakdown .stock {
        font-size: 30px;
        line-height: 1.2;
        color: #FFF;
        font-weight: 700;
    }

    .partner_breakdown .sold {
        font-size: 30px;
        line-height: 1.2;
        color: #FFF;
        font-weight: 700;
        background-color: rgba(255,255,255,0.3);
    }

    .partner_breakdown .small {
        color: #000;
        opacity: 0.4;
        font-size: 50%;
    }

    .partner_breakdown.bg-danger {
        background-color: #c30;
    }

        .partner_breakdown.bg-danger:hover {
            background-color: #c30;
        }

    .partner_breakdown.bg-blue {
        background-color: #09F;
    }

    .partner_breakdown.bg-warning {
    }

    .partner_breakdown.bg-success {
    }

.bg-red {
    background-color: #c30;
}

.bg-blue {
    background-color: #09F;
}

.partner_breakdown .d-flex {
}

    .partner_breakdown .d-flex > a {
        width: 50%;
        padding: 15px;
    }

        .partner_breakdown .d-flex > a .item {
            font-size: 30px;
            margin: 0;
        }

.active_partner {
    border-radius: 0;
    border: none;
}

    .active_partner .panel-heading {
        border-bottom: none;
    }

        .active_partner .panel-heading h4 {
            color: #000;
        }

    .active_partner .panel-body {
        padding: 0px;
        background-color: transparent;
    }

    .active_partner .partner_stock {
        padding: 15px 20px;
        display: inline-block;
        color: #fff;
        width: 100%;
    }

        .active_partner .partner_stock p {
            margin: 0;
            font-size: 14px;
        }

            .active_partner .partner_stock p.qty {
                text-align: center;
                font-size: 30px;
                font-weight: 700;
            }

        .active_partner .partner_stock.text-danger p.qty {
            color: #C30;
        }

        .active_partner .partner_stock.text-primary:hover p.qty {
            color: #06C;
        }

    .active_partner .num {
        font-size: 18px;
        text-align: right;
        padding: 5px;
        color: #000;
        font-weight: 600;
    }

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

    .trend ul.table-ul {
        width: 100%;
    }

        .trend ul.table-ul > li:hover {
            background-color: #f5f5f5;
        }

        .trend ul.table-ul > li > div {
            font-size: 14px;
            padding: 10px;
        }

            .trend ul.table-ul > li > div span.label {
                padding: 2px 8px;
                font-size: 14px;
                font-weight: 600;
            }

        .trend ul.table-ul > li.heading > div {
            background-color: #eee;
        }


    .trend .item_trend {
        display: flex;
    }

    .trend .img {
        width: 35px;
        height: 35px;
        border-radius: 30px;
        overflow: hidden;
        display: inline-block;
        border: #ccc 1px solid;
    }

        .trend .img img {
            width: 35px;
            height: 35px;
        }

.d-flex {
    display: flex;
}

.order-status {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block;
}

    .order-status .qty_bar {
        height: 2px;
        background-color: #CCC;
        display: block;
        margin-top: 12px;
    }

        .order-status .qty_bar > span {
            background-color: #6C3;
            height: 2px;
            display: inline-block;
            vertical-align: top;
        }

    .order-status > ul.table-ul {
        width: 100%;
    }

    .order-status .icon_ {
        width: 50px;
        text-align: center;
        vertical-align: middle;
    }

        .order-status .icon_ img {
            height: 25px;
        }

    .order-status .cont {
        padding: 5px;
    }

        .order-status .cont .qty {
            font-size: 20px;
            margin: 0;
            line-height: 1.2;
        }

        .order-status .cont p {
            margin: 0;
        }

.panel.order_panel {
    border-radius: 2px;
    box-shadow: rgba(0,0,0,0.3) 0 0 5px;
    margin-bottom: 30px;
}

    .panel.order_panel .panel-heading {
        padding: 0;
        height: 42px;
    }

        .panel.order_panel .panel-heading .heading {
            padding: 12px 15px;
            margin: 0;
            font-weight: 600;
            font-size: 15px;
            display: inline-block;
            vertical-align: middle;
        }

    .panel.order_panel ul.table-ul {
    }

        .panel.order_panel ul.table-ul li {
        }

            .panel.order_panel ul.table-ul li div.img {
                text-align: center;
            }

                .panel.order_panel ul.table-ul li div.img > img {
                    height: 35px;
                    width: auto;
                }

            .panel.order_panel ul.table-ul li div.graph {
            }

                .panel.order_panel ul.table-ul li div.graph > img {
                    height: 18px;
                    width: auto;
                }

    .panel.order_panel .panel-body p {
        color: #757575;
    }

        .panel.order_panel .panel-body p.prc {
            font-size: 16px;
            margin: 0;
            font-weight: 700;
            color: green;
        }

.nav.nav-tabs.panel_tabs {
    border: none;
    float: right;
}

    .nav.nav-tabs.panel_tabs li {
    }

        .nav.nav-tabs.panel_tabs li a {
            border-radius: 0;
            padding: 11px 18px;
            font-size: 13px;
            font-weight: 600;
        }

        .nav.nav-tabs.panel_tabs li.active a {
            border-top: #F00 3px solid;
        }

.pv-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.panel.order_panel.item_panel .panel-heading a.btn {
    padding: 5px 10px;
    vertical-align: middle;
}

.panel.order_panel.item_panel .panel-heading .input-group {
    border: none;
    width: 179px;
    display: inline-table;
    vertical-align: middle;
}

    .panel.order_panel.item_panel .panel-heading .input-group .form-control {
        border: none;
        padding-left: 0;
    }

    .panel.order_panel.item_panel .panel-heading .input-group .input-group-addon {
        border: none;
        padding-right: 0;
    }

.status_label {
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #666;
    color: #FFF;
    min-width: 100px;
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0px;
}

    .status_label.drafted {
        background-color: #0071c1;
    }

    .status_label.shipped {
        background-color: #690;
    }

    .status_label.out-of-stock {
        background-color: #F00;
    }

    .status_label.accepted {
        background-color: #F60;
    }

    .status_label.proccessing {
        background-color: #960;
    }

    .status_label.created {
        background-color: #09F;
    }

    .status_label.captured {
        background-color: #690;
    }

    .status_label.failed {
        background-color: #F00;
    }

    .status_label.paid {
        background-color: #090
    }

    .status_label.delivered {
        background-color: #090;
    }

    .status_label.out_for_delivery {
        background-color: #399;
    }

    .status_label.dispatched {
        background-color: #F60;
    }

    .status_label.Overdue {
        background-color: #C30;
    }

    .status_label.order-to-ship {
        background-color: #06C;
    }

    .status_label.ready-to-ship {
        background-color: #09F;
    }

.btn-danger {
    color: #fff;
    background-color: #F00;
    border-color: #F00;
}

.breakdown-box {
    padding: 15px;
    display: block;
    text-align: center;
    background-color: #fff;
}

    .breakdown-box p {
    }

        .breakdown-box p.qty {
            font-size: 35px;
        }

.breakdown-data {
    margin-bottom: 15px;
    border: #ddd 2px solid;
    box-shadow: rgba(0,0,0,0.1) 0 0 5px;
    border-radius: 5px;
}

    .breakdown-data .btn {
        padding: 12px 15px;
        text-align: left;
        font-size: 16px;
    }

        .breakdown-data .btn.qty {
            background-color: #eee;
            text-align: right;
            color: #000;
            font-weight: 700;
        }

    .breakdown-data.mobile {
        border-color: #ed7d31;
    }

    .breakdown-data.accessories {
        border-color: #ffc000;
    }

    .breakdown-data.fashion {
        border-color: #70ad47;
    }

.table-ul.panel_table {
    width: 100%;
}

    .table-ul.panel_table > li > div {
        padding: 8px;
        color: #777;
        font-size: 14px;
    }

        .table-ul.panel_table > li > div a {
            font-weight: 600;
        }

            .table-ul.panel_table > li > div a.text-danger {
                font-weight: 600;
                color: #C00;
            }

            .table-ul.panel_table > li > div a.menifest {
                color: #f16f00;
                font-weight: 700;
            }

            .table-ul.panel_table > li > div a.aws {
                color: #0071c1;
                font-weight: 700;
            }

    .table-ul.panel_table > li.heading > div {
        font-weight: 600;
        border-bottom-width: 1px;
        background-color: #666;
        color: #fff;
        border: none;
    }

.panel.product {
    border: #ddd 1px solid;
}

    .panel.product ul.table-ul {
        margin: 0;
    }

    .panel.product .image {
        width: 140px;
        text-align: center;
        height: 120px;
    }

        .panel.product .image img {
            height: 100px;
            display: inline-block;
        }

    .panel.product h3 {
        font-size: 24px;
        margin: 0;
        margin-bottom: 10px;
        color: #000;
    }

    .panel.product p {
        color: #999;
        margin: 0;
    }

        .panel.product p span.val {
            font-weight: 600;
            font-size: 16px;
            color: #000;
        }

    .panel.product .cont {
        padding: 15px;
        border-left: #ddd 1px solid;
    }

        .panel.product .cont .btn-group.bal {
            float: none;
            margin-right: 5px;
        }

            .panel.product .cont .btn-group.bal:last-child {
                margin-right: 0;
            }

.inventory_top {
    background-color: #e9f7f7;
}

.activity_box {
    border: #eee 1px solid;
    border-radius: 10px;
    background-color: #FFF;
    text-align: center;
    padding: 15px;
    display: inline-block;
    width: 100%;
}

    .activity_box p {
        font-size: 13px;
    }

    .activity_box .qty {
        font-size: 24px;
    }

    .activity_box p:last-child {
        margin-top: 25px;
    }

.product_det .panel-heading {
    background-color: #FFF;
}

    .product_det .panel-heading h4 {
        font-weight: 600;
    }

.product_det ul.table-ul {
    width: 100%;
}

    .product_det ul.table-ul li {
    }

        .product_det ul.table-ul li > div {
            padding: 10px 0;
            font-size: 16px;
        }

        .product_det ul.table-ul li.low_stock > div {
            color: #930;
        }

        .product_det ul.table-ul li > div:last-child {
            text-align: right;
            font-weight: 600;
        }

.top_selling .panel-heading {
    background-color: #FFF;
}

    .top_selling .panel-heading h4 {
        font-weight: 600;
    }

    .top_selling .panel-heading .dropdown {
        float: right;
    }

        .top_selling .panel-heading .dropdown > a {
            font-size: 14px;
            margin: 5px;
            display: inline-block;
            padding: 5px;
        }

.activity_box {
    border: #eee 1px solid;
    border-radius: 10px;
    background-color: #FFF;
    text-align: center;
    padding: 15px;
    display: inline-block;
    width: 100%;
}

    .activity_box p {
        font-size: 13px;
        margin: 0;
    }

    .activity_box .qty {
        font-size: 36px;
        margin: 0;
        line-height: 1.3;
    }

    .activity_box p:last-child {
        margin-top: 8px;
    }

.inventory_dashboard_panel .panel-body {
    padding: 30px;
}

    .inventory_dashboard_panel .panel-body .heading {
        font-size: 20px;
        color: #333;
        margin-bottom: 10px;
    }

    .inventory_dashboard_panel .panel-body.items_data .row {
        margin: 0;
    }

.inventory-bg1 {
    background-color: #ff6e6e;
}

.inventory-bg2 {
    background-color: #ffbe6e;
}

.inventory-bg3 {
    background-color: #6487d6;
}

.inventory-bg4 {
    background-color: #92d5e4;
}

.inventory-bg5 {
    background-color: #549ab5;
}

.inventory-bg6 {
    background-color: #9fc775;
}

.summary-btn {
    display: block;
    padding: 15px;
    margin: 15px 0;
    text-align: left;
    color: #777 !important;
}

    .summary-btn > span {
        border-left: #ddd 1px solid;
        float: right;
        padding: 0 15px;
        font-weight: 600;
        color: #000;
        font-size: 26px;
        line-height: 1;
        margin: -5px;
    }

.text-gray {
    color: #999;
}

.item_search {
    padding-left: 20px;
    border: none;
    border-left: #eee 1px solid;
    margin-left: 10px;
}

    .item_search .input-group-addon {
        border: none;
        background-color: transparent;
        padding-right: 0 !important;
    }

    .item_search .form-control {
        border: none;
        background-color: transparent;
    }

.item-grid {
    margin-bottom: 30px;
    box-shadow: rgba(0,0,0,0.1) 0 0 5px;
    border-radius: 5px;
    background-color: #fff;
    transition: ease 0.3s;
    display: inline-block;
    width: 100%;
}

    .item-grid:hover {
        box-shadow: rgba(0,0,0,0.15) 0 0 15px;
    }

    .item-grid .img {
        padding: 30px;
        height: 185px;
        text-align: center;
    }

        .item-grid .img img {
            height: 130px;
            width: auto;
            display: inline-block;
        }

    .item-grid .cont {
        padding: 15px;
        padding-top: 0;
    }

    .item-grid h4 {
        margin: 0;
        color: #000;
        font-size: 15px;
    }

    .item-grid p {
        margin: 0;
        color: #888;
    }

        .item-grid p span {
            font-size: 18px;
            padding-left: 30px;
            margin-right: 0;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 26px;
            font-weight: 600;
        }

    .item-grid .table-ul li {
        position: static
    }

        .item-grid .table-ul li > div {
            padding: 0px;
            position: static;
        }

    .item-grid .prc_hike {
    }

        .item-grid .prc_hike span {
            background-image: url(../images/price_up.png);
            color: green;
        }

    .item-grid .prc_down {
    }

        .item-grid .prc_down span {
            background-image: url(../images/price_down.png);
            color: red;
        }

    .item-grid .popup {
        background-color: #404852;
        padding: 15px;
        border-radius: 5px;
    }

        .item-grid .popup span.arrow {
            width: 28px;
            height: 22px;
            display: none;
            background-color: #404852;
            position: absolute;
            top: -22px;
            right: 5px;
            color: #999;
            font-size: 18px;
            text-align: center;
            border-radius: 5px 5px 0 0;
        }

        .item-grid .popup p.date {
        }

        .item-grid .popup p {
            color: #ccc;
            margin: 0;
        }

            .item-grid .popup p.qty {
                font-size: 20px;
                color: #fff;
                line-height: 1.3;
            }

        .item-grid .popup hr {
            opacity: 0.1;
            margin: 10px 0;
        }

    .item-grid .prc_popup-btn {
        padding: 5px 7px;
        display: inline-block;
        background: #eee;
        color: #999;
    }

    .item-grid .prc_popup-btn {
        padding: 5px 7px;
        display: inline-block;
        background: #eee;
        color: #fff;
        background-color: #09F;
        border-radius: 3px;
    }

        .item-grid .prc_popup-btn.collapsed {
            color: #999;
            background-color: #eee;
        }

.dull-bg {
    background-color: #f5f5f5;
}

.popup-wrap.dropdown-menu.collapse {
    position: absolute;
    display: none;
    top: 0;
    height: auto !important;
    left: 15px;
    z-index: 10;
    width: auto;
    padding: 0;
    overflow: visible;
    max-width: auto;
    max-height: none;
    right: 15px;
    pointer-events: none;
    border-radius: 8px;
}

.list_ .popup-wrap.dropdown-menu.collapse {
    position: absolute;
    display: none;
    top: 0%;
    height: auto !important;
    left: 0;
    z-index: 10;
    width: auto;
    padding: 0;
    overflow: visible;
    max-width: auto;
    max-height: none;
    right: 15px;
    pointer-events: none;
    border-radius: 8px;
}

.popup-wrap.dropdown-menu.collapse .date_wrap {
    display: inline-block;
    width: 100%;
}

.popup-wrap.dropdown-menu.collapse ._graph {
    display: inline-block;
    width: 100%;
}

.list_ .popup-wrap.dropdown-menu.collapse .date_wrap {
    display: inline-block;
    width: 50%;
}

.list_ .popup-wrap.dropdown-menu.collapse ._graph {
    display: inline-block;
    width: 50%;
}

    .list_ .popup-wrap.dropdown-menu.collapse ._graph .graph {
        max-height: 300px;
        width: auto;
        max-width: 100%;
    }

    .list_ .popup-wrap.dropdown-menu.collapse ._graph > hr {
        display: none;
    }

.list_ .item-grid .popup hr {
    margin: 8px 0;
}

.list_ .item-grid .popup p.qty {
    font-size: 14px;
}

.list_ .item-grid .popup-wrap {
    margin-left: 33.33333%;
}

.item-grid:hover .popup-wrap.dropdown-menu.collapse {
    display: block;
}

.popup-wrap.collpase.in {
    display: block;
}

.view_type {
    border-left: #ddd 1px solid;
    padding-left: 15px;
    margin: 0;
}

    .view_type > a {
        margin-left: 10px;
        width: 17px;
        height: 17px;
        display: inline-block;
    }

        .view_type > a.active {
            color: #333;
        }

.list_ {
}

    .list_ > div {
        width: 100%;
    }

    .list_ .item-grid {
        display: flex;
    }

        .list_ .item-grid .img {
            width: 180px;
            padding: 15px;
            height: auto;
        }

        .list_ .item-grid .cont {
            width: 100%;
            padding: 30px;
            padding-left: 0;
        }


.field_box {
    position: relative;
}

    .field_box > span.arrow {
        position: absolute;
        top: 1px;
        right: 1px;
        bottom: 1px;
        width: 35px;
        background-color: #fff;
        text-align: center;
        padding: 7px;
        pointer-events: none;
    }

.filter > a {
    font-size: 15px;
    color: #888;
}

.dropdown.filter {
}

    .dropdown.filter .dropdown-menu {
        text-align: left;
        width: 250px;
        margin-top: 10px;
        max-height: none;
        overflow: visible;
        padding: 0;
    }

        .dropdown.filter .dropdown-menu > li {
            width: 100%;
        }

            .dropdown.filter .dropdown-menu > li > div {
                padding: 15px;
                position: relative;
                overflow: visible;
            }

            .dropdown.filter .dropdown-menu > li span.angle {
                width: 15px;
                height: 15px;
                display: inline-block;
                background-color: #fff;
                transform: rotate(-45deg);
                position: absolute;
                top: -7px;
                right: 18px;
                border-top: #ccc 1px solid;
                border-right: #ccc 1px solid;
            }

            .dropdown.filter .dropdown-menu > li > .btn {
                padding: 8px 10px;
                color: #FFF
            }

                .dropdown.filter .dropdown-menu > li > .btn:hover {
                    color: #333;
                }

            .dropdown.filter .dropdown-menu > li > div p {
                margin-bottom: 5px;
                margin-top: 10px;
            }

            .dropdown.filter .dropdown-menu > li > div h4 {
                text-transform: uppercase;
                margin: 0;
                font-size: 16px;
            }

.history_search {
}

    .history_search p {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 600;
        color: #000;
        margin-bottom: 5px;
    }

    .history_search .row {
        margin: 0 -5px;
    }

        .history_search .row > div {
            padding: 0 5px;
        }

    .history_search .field-box {
    }

        .history_search .field-box .form-control {
        }

    .history_search .form-control {
        box-shadow: none;
    }

    .history_search .search-btn {
        margin-top: 27px;
        margin-bottom: 0;
        height: 35px;
        display: block;
        background-color: #F00;
        padding: 7px 15px;
        border-radius: 0;
    }

.search {
    padding: 7px;
    position: relative;
    background-color: #c1c1c1;
}

    .search .form-control {
    }

    .search a.btn {
        display: block;
        height: 35px;
        letter-spacing: 0;
        border-radius: 0;
        padding: 7px 12px;
        margin: 0;
        vertical-align: top;
        font-weight: 700;
    }
	
    .search label.btn{ padding:8px 8px 7px;  }	

    .search label.btn-white{ }
	
    .search .search-btn {
        max-width: 200px;
    }

.fullfill_search .table-ul > li > div {
    display: inline-block;
}

.filter{padding:10px;}

.filter label.btn{
	padding: 5px;
    height: 35px; }

.p-8{ padding:8px; }

.pending_status{
	padding: 10px;
    text-align: center;
}

.pending_status .pending-head{
	text-align: left;
    margin: 0;
}

.pending_status .pending-amt{
	font-size:30px;
    margin:0;
    font-weight:700;
    color:#ff6a00;
    line-height:1.3;
    margin:0;
}

.pending_status  .pending-amt-due{
	margin: 0;
    font-weight: 600;
    font-size: 14px;	
}

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

.product_search {
    padding: 15px 15px 3px 15px;
    background: #fff;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 0 0 5px 5px;
    margin-top: 0;
    position: relative;
    z-index: 10;
}

.downloade-pdf-list {
    position: relative;
    z-index: 10;
    padding: 5px;
    margin-top: 0px;
    display: inline-block;
}

.product_search .fild {
    position: relative;
}

    .product_search .fild .form-control {
        padding-left: 35px;
    }

    .product_search .fild i {
        top: 10px;
        left: 10px
    }

.text-white {
    color: #ffffff;
}

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

.product_search .row {
    margin: 0 -7px
}

    .product_search .row > div {
        padding: 0 7px;
    }

.billing_add{ padding:15px; }
.billing_add .bold-600{font-size: 14px;
    margin-bottom: 5px;
    color: #3e3e3e;}

.partner_search .btn {
    display: block;
    height: 35px;
    border-radius: 0;
    padding: 7px;
}

.nav.nav-tabs.partner_tabs {
    margin: 0;
    padding: 12px 0 0 12px;
}

    .nav.nav-tabs.partner_tabs li {
    }

        .nav.nav-tabs.partner_tabs li a {
            border-top-width: 3px;
            color: #f8ac59;
            padding: 10px 15px;
            border-radius: 0;
            font-weight: 500;
            font-size: 12px;
            text-transform: uppercase;
            border: #ccc 1px solid;
            border-bottom: none;
            min-width: 100px;
            text-align: center;
            border-radius: 3px 3px 0 0;
            color: #000;
            font-weight: 600;
            background-color:#ffffff;
        }

        .nav.nav-tabs.partner_tabs li.active a {
            border-top: #ff0000 3px solid;
            color: #000;
            background-color: #cacaca;
            font-weight: 700;
        }

.profile-box {
    margin-top: 0px;
    background-color: #FFF;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
}

    .profile-box .profile-box-header {
        padding: 10px;
        background-color: #de0404;
    }

        .profile-box .profile-box-header h4 {
            color: #FFF;
            margin-bottom: 2px;
            margin-left: 10px;
            margin-top: 0;
            letter-spacing: 0;
            font-size: 20px;
        }

        .profile-box .profile-box-header p {
            margin-bottom: 0px;
            margin-top: 0;
            color: #FFF;
        }

        .profile-box .profile-box-header .dp {
            width: 60px;
            height: 60px;
            border-radius: 40px;
            background-color: #FFF;
            padding: 2px;
        }

            .profile-box .profile-box-header .dp img {
                height: 56px;
                width: 56px;
            }

    .profile-box .profile-box-body {
        background-color: #eee;
    }

        .profile-box .profile-box-body h5 {
        }

        .profile-box .profile-box-body .sick_icon {
            margin: 15px 0;
        }

            .profile-box .profile-box-body .sick_icon img {
                height: 30px;
            }

.verified_box {
    box-shadow: rgba(0,0,0,0.2) 0 0 3px;
    background-color: #FFF;
}

    .verified_box > ul.table-ul {
        width: 100%;
    }

    .verified_box .icon_ {
        padding: 10px;
        vertical-align: middle;
        width: 65px;
    }

        .verified_box .icon_ .inner {
            text-align: center;
            background: #eee;
            border-radius: 50px;
            width: 45px;
            height: 45px;
            padding: 10px;
            position: relative;
            margin: 0;
        }

            .verified_box .icon_ .inner img {
                height: 20px;
            }

            .verified_box .icon_ .inner i.fa {
                font-size: 22px;
            }

            .verified_box .icon_ .inner i.fa-mobile-phone {
                font-size: 35px;
            }


    .verified_box .cont {
        font-size: 14px;
        font-weight: 600;
        color: #000;
        vertical-align: middle;
    }

    .verified_box .verify-box {
        width: 50px;
        text-align: center;
        vertical-align: middle;
    }

        .verified_box .verify-box img {
            display: none;
            height: 30px;
            left: 0;
        }

    .verified_box.verified img.verify {
        display: inline-block;
    }

    .verified_box.unverified img.unverify {
        display: inline-block;
    }

.progress-box {
    background-color: #839aa5;
    margin-top: 0px;
    border-radius: 8px;
    padding: 30px;
}

    .progress-box ul > li > div:first-child {
        width: 270px;
    }

.progress-circle {
    box-shadow: rgba(0,0,0,0.3) 0 0 20px;
    width: 250px;
    height: 250px;
    display: inline-block;
    background-color: #FFF;
    border-radius: 121px;
    padding: 15px;
    position: relative;
}

    .progress-circle .progress {
        width: 100px;
        height: 100px;
        display: inline-block;
        float: left;
        box-shadow: none;
        padding: 0;
        margin: 5px;
        background-color: transparent;
        position: absolute;
    }

        .progress-circle .progress:first-child {
            border-radius: 0 0 0 300px;
            border: #ddd 10px solid;
            border-top: none;
            border-right: none;
            position: absolute;
            bottom: 15px;
            left: 15px;
        }

        .progress-circle .progress:nth-child(2) {
            border-radius: 200px 0 0 0;
            border: #ddd 10px solid;
            border-bottom: none;
            border-right: none;
            left: 15px;
            top: 15px;
        }

        .progress-circle .progress:nth-child(3) {
            border-radius: 0 200px 0 0;
            border: #ddd 10px solid;
            border-bottom: none;
            border-left: none;
            right: 15px;
            top: 15px;
        }

        .progress-circle .progress:nth-child(4) {
            border-radius: 0 0 200px 0;
            border: #ddd 10px solid;
            border-top: none;
            border-left: none;
            bottom: 15px;
            right: 15px;
        }

        .progress-circle .progress.completed {
            border-color: #5cb85c;
        }

        .progress-circle .progress.in_progress {
            border-color: #F30;
        }

    .progress-circle .cont {
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        top: 40%;
    }

        .progress-circle .cont h2 {
            margin: 0;
        }

        .progress-circle .cont p {
            color: #777;
            font-weight: 600;
            text-transform: uppercase;
            margin: 0;
        }

    .progress-circle .icon__ {
        width: 40px;
        height: 40px;
        border-radius: 25px;
        background-color: #fff;
        display: inline-block;
        text-align: center;
        line-height: 2;
        position: absolute;
        left: 106px;
        bottom: 4px;
        font-size: 18px;
        color: #ccc;
    }

.status_box {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
}

    .status_box ul > li > div {
        vertical-align: middle;
    }

        .status_box ul > li > div:first-child {
            width: 55px;
            text-align: center;
        }

    .status_box .icon_ {
        background-color: #ddd;
        width: 40px;
        height: 40px;
        border-radius: 35px;
        display: inline-block;
        line-height: 2.2;
        font-size: 17px;
        color: #FFF;
    }

    .status_box p {
        margin: 0;
        color: #999;
        font-size: 14px;
        text-transform: uppercase;
    }

    .status_box h3 {
        margin: 0;
        margin-bottom: 5px;
        font-weight: 600;
        color: #000;
    }

    .status_box a.btn {
        margin-right: 5px;
    }

    .status_box .icon_ .fa {
        display: none;
    }

    .status_box.process .fa-refresh {
        display: inline-block;
    }

    .status_box.complete .fa-upload {
        display: inline-block;
    }

    .status_box.process .icon_ {
        background-color: #F30;
    }

    .status_box.complete .icon_ {
        background-color: #5cb85c;
    }

.docs {
    background-color: #FFF;
    border-bottom: #eee 1px solid;
}

    .docs > ul {
        margin-bottom: 0;
        width: 100%;
    }

        .docs > ul > li.heading > div {
            font-size: 12px;
        }

        .docs > ul > li > div {
            vertical-align: middle;
            border-right: #eee 1px solid;
            padding: 10px;
            border-bottom: #eee 1px solid;
        }

            .docs > ul > li > div:last-child {
                border-right: none;
            }

        .docs > ul > li div.icon_ {
            width: 65px;
            display: inline-block;
            vertical-align: middle;
        }

        .docs > ul > li > div:first-child {
            width: 40%;
        }

        .docs > ul > li div.icon_ .inner {
            width: 50px;
            height: 50px;
            border-radius: 4px;
            background-color: #ddd;
            text-align: center;
            line-height: 3.7;
        }

            .docs > ul > li div.icon_ .inner .fa {
                font-size: 20px;
            }

        .docs > ul > li div.content_ {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            width: 70%;
        }

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

    .brand_name > span {
        padding: 3px 13px;
        vertical-align: top;
        border: #ddd 1px solid;
        border-radius: 40px;
        box-shadow: rgba(0,0,0,0.15) 0 0 3px;
        display: inline-block;
        margin-right: 0px;
        margin-bottom: 5px;
    }

.docs > ul > li div.content_ h4 {
    letter-spacing: 0;
    margin: 0;
}

.docs > ul > li div.content_ p {
    margin: 0;
    font-size: 11px;
    color: #999;
}

.docs > ul > li > div.status {
    width: 160px;
    text-align: center;
}

    .docs > ul > li > div.status .label {
    }

.docs.process > ul > li div.icon_ .inner {
    background-color: #F30;
    color: #FFF;
}

    .docs.process > ul > li div.icon_ .inner img {
        height: 35px;
        display: inline-block;
    }

.docs.process > ul > li div.status .label {
}

.docs.complete > ul > li div.icon_ .inner {
    background-color: #5cb85c;
    color: #FFF;
}

.docs.complete > ul > li div.status .label {
    background-color: #5cb85c;
    color: #FFF;
}

.docs.docs2 {
    position: relative;
}

    .docs.docs2 > ul > li > div {
        border-bottom: none;
    }

    .docs.docs2 > ul > li div.icon_ {
        border: none;
        display: table-cell;
        width: 65px;
        vertical-align: top;
        padding-bottom: 60px;
    }

    .docs.docs2 > ul > li div.content_ {
        border: none;
        display: table-cell;
        vertical-align: top;
        padding-bottom: 60px;
    }

    .docs.docs2 > ul > li div.status {
        border: none;
        display: table-cell;
        width: 65px;
        vertical-align: top;
        padding-bottom: 60px;
    }

    .docs.docs2 > ul > li div.btn-area {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: #fff;
    }

    .docs.docs2 > ul > li div.pb-0 {
        padding-bottom: 0 !important;
    }

    .docs.docs2 > ul > li div.btn-area .btn {
        margin: 0;
        display: block;
    }

    .docs.docs2 > ul > li div.btn-area .row {
        margin: 0 -5px;
    }

        .docs.docs2 > ul > li div.btn-area .row > div {
            padding: 5px;
        }

    .docs.docs2 .upload2 {
        top: 0;
    }

.docs.docs3 > ul > li div.content_ {
    display: table-cell;
    width: 50%;
}

.upload2 {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
}

    .upload2 .fa {
        font-size: 18px;
        display: none;
        margin-top: 13px;
    }

    .upload2 .fa-check {
        color: #9C0;
    }

    .upload2 .fa-close {
        color: #F30;
    }

    .upload2.uploaded .fa-check {
        display: block;
    }

    .upload2.uploaded .fa-close {
        display: none;
    }

    .upload2.notuploaded .fa-check {
        display: none;
    }

    .upload2.notuploaded .fa-close {
        display: block;
    }

.btn-group.deposit {
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    border-radius: 5px;
    overflow: hidden;
    border: #d5d5d5 1px solid;
}

    .btn-group.deposit .head {
        background-color: #f5f5f5;
        text-align: left
    }

    .btn-group.deposit .cont {
        background-color: #fff;
        color: #000 !important;
        font-weight: 700;
    }

        .btn-group.deposit .cont.text-right {
            text-align: right;
        }

.business-categ {
    text-align: center;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.2) 0 0 5px;
    position: relative;
}

    .business-categ .icon_ {
        height: 130px;
        display: table;
        width: 100%;
    }

        .business-categ .icon_ .inner {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
        }

            .business-categ .icon_ .inner img {
                display: inline-block;
                height: 100px;
            }

    .business-categ .cont {
        padding: 15px;
        height: 85px;
        margin: -15px;
        margin-top: 0;
    }
    .business-categ .chk {
        position: absolute;
        top: 15px;
        right: 30px;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

        .business-categ .chk input[type="checkbox"] {
            position: static;
        }

        .business-categ .chk.active + .cont {
            border-bottom: #060 10px solid;
        }

            .business-categ .chk.active + .cont .notsell {
                display: none;
            }

    .business-categ .cont h4 {
        margin: 0;
    }

.status-p {
    color: #FFF;
    font-size: 16px;
    padding: 5px;
    display: inline-block;
    float: right;
}

.wrapper_profile_activation {
    background-color: #ddd;
    padding: 15px;
}

.filter_wrap {
}

.history {
}

    .history .table-ul.table-ul-bordered {
        width: 100%;
    }

        .history .table-ul.table-ul-bordered > li {
        }

            .history .table-ul.table-ul-bordered > li > div {
                padding: 12px;
                font-size: 14px;
                color: #666;
                font-weight: 500;
                color: #000;
                border-right: #f1f1f1 1px solid;
                border-bottom-color: #f1f1f1;
            }

            .history .table-ul.table-ul-bordered > li.heading > div {
                font-size: 14px;
                color: #333;
                font-weight: 600;
            }

            .history .table-ul.table-ul-bordered > li.total {
                box-shadow: rgba(0,0,0,0.2) 0 0 5px;
                background-color: #f5f5f5;
            }

                .history .table-ul.table-ul-bordered > li.total > div {
                    background-color: transparent;
                    font-weight: 700;
                    color: #000;
                }

.fullfillment-data {
    margin-bottom: 15px;
    border: #ddd 1px solid;
    width: 100%;
    padding: 0 !important;
    text-align: center;
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.1) 0 0 5px;
}

    .fullfillment-data span {
        padding: 12px 15px;
        text-align: left;
        font-size: 16px;
        text-align: center;
        display: inline-block;
        width: 50%;
        padding: 10px 20px;
    }

    .fullfillment-data a.data {
        background-color: #f3f3f3;
        text-align: right;
        color: #0071c1;
        font-weight: 800;
        position: static;
        text-align: right;
        width: 50%;
        padding: 10px 15px;
        font-size: 17px;
        letter-spacing: 1px;
    }

    .fullfillment-data span.head {
        text-align: left;
    }

.mt-20 {
    margin-top: 20px !important;
}

.list-unstyled.basic_info {
    display: inline-block;
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    margin-top: 8px;
}

    .list-unstyled.basic_info li {
        padding: 0;
        display: inline-block;
        margin-right: 15px;
        border-right: #ccc 1px solid;
        padding-right: 15px;
    }

        .list-unstyled.basic_info li span {
            font-size: 14px;
        }

            .list-unstyled.basic_info li span.data {
                position: static;
                font-weight: 700;
            }

                .list-unstyled.basic_info li span.data > .label {
                    font-weight: 600;
                    font-size: 14px;
                    padding: 5px 15px;
                    vertical-align: middle;
                    display: inline-block;
                    margin-left: 5px;
                }

        .list-unstyled.basic_info li:last-child {
            border-right: none;
        }

.item_heading {
}

    .item_heading h2 {
        font-size: 26px;
        font-weight: 700;
        color: #000;
    }

.breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 5px 0;
}

.list-unstyled.prc_sale {
    padding: 0;
    list-style: none;
    box-shadow: rgba(0,0,0,0.1) 0 0 16px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.2) 0 0 22px;
}

    .list-unstyled.prc_sale li {
        margin: 0;
        vertical-align: top;
        text-align: right;
        padding: 12px 13px;
    }

        .list-unstyled.prc_sale li div {
            font-size: 15px;
            color: #fff;
            display: inline-block;
            width: 100%;
            line-height: 1;
        }

        .list-unstyled.prc_sale li:last-child {
            border-bottom: none;
        }

        .list-unstyled.prc_sale li div.head {
            margin-top: 36px;
        }

        .list-unstyled.prc_sale li div.data {
            font-weight: 700;
            font-size: 30px;
            color: #fff;
            margin-bottom: 0;
            position: static;
            letter-spacing: 0;
            overflow: unset;
            line-height: 1;
        }

.prc1 {
    background-color: #fab45d;
}

.prc2 {
    background-color: #f36c64;
}

.prc3 {
    background-color: #dc4c83;
}

.prc4 {
    background-color: #a35495;
}

.image_view {
    padding: 15px 0;
    height: 260px;
    border-radius: 5px;
    margin-top: 0;
    position: relative;
    text-align: center;
}

    .image_view a.btn.gallery-btn {
        font-weight: 700;
        color: #000;
    }

    .image_view .img {
        display: block;
        text-align: center;
        margin-top: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

        .image_view .img > img {
            display: inline-block;
            max-height: 195px;
            max-width: 100%;
        }

    .image_view .top-btn a.btn {
        position: absolute;
        right: 0;
        top: 0;
        font-weight: 600;
        width: 102px;
        border-radius: 0 5px 0 5px;
        padding: 4px 16px;
    }

.item-bg {
    background-color: #f1f1f1;
}

.table-ul.panel_table.stocking li div.state a {
    color: #f16f00;
}

.table-ul.panel_table.stocking li div.name a {
}

.table-ul.panel_table.stocking li div.type a {
    color: #0071c1;
}

.table-ul.panel_table.stocking li div.prc {
    color: #0071c1;
    font-weight: 700;
}

.current_stock {
    width: 100%;
    padding: 0 !important;
    text-align: center;
    display: table;
}

    .current_stock > span {
        padding: 15px 20px;
        display: table-cell;
        width: 50%;
    }

        .current_stock > span.head {
            font-size: 16px;
            text-align: center;
        }

        .current_stock > span.data {
            font-size: 20px;
            color: #000;
            font-weight: 700;
            text-align: center;
            background-color: #eee;
        }

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-left: 5px;
}

.sales_dist {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
}

    .sales_dist > a {
        padding: 15px;
    }

        .sales_dist > a p {
            color: #FFF;
            font-size: 14px;
            text-align: left;
            line-height: 1;
            margin-bottom: 30px;
            text-shadow: rgba(0,0,0,0.2) 0 0 2px;
        }

    .sales_dist p.qty {
        text-align: right;
        font-size: 25px;
        color: #fff;
        margin-bottom: 0;
        font-weight: 700;
        line-height: 0.7;
        text-shadow: rgba(0,0,0,0.2) 0 0 5px;
    }

.stock {
    background: #f1f1f1;
    display: inline-block;
    padding: 10px;
    width: 100%;
    border: #eee 1px solid;
}

    .stock .list-unstyled {
    }

        .stock .list-unstyled > li {
        }

            .stock .list-unstyled > li > div {
            }

                .stock .list-unstyled > li > div.head {
                    border-bottom: #c5c5c5 2px solid;
                    padding: 0px 0 5px;
                    text-transform: uppercase;
                    font-weight: 700;
                }

                .stock .list-unstyled > li > div.data {
                }

                    .stock .list-unstyled > li > div.data h3 {
                        border-bottom: #c5c5c5 2px solid;
                        font-size: 30px;
                        font-weight: 700;
                        padding: 3px 0 4px;
                        color: #0375c0;
                    }

                        .stock .list-unstyled > li > div.data h3 > span {
                            font-size: 38%;
                            margin-left: 0px;
                            color: #666;
                            vertical-align: top;
                            font-weight: 700;
                            margin-top: 11px;
                            display: inline-block;
                            text-transform: uppercase;
                        }

        .stock .list-unstyled .table-ul {
            width: 100%;
        }

            .stock .list-unstyled .table-ul > li > div {
                border-bottom: #ccc 1px solid;
                padding: 5px 0;
                font-size: 12px;
            }

                .stock .list-unstyled .table-ul > li > div:first-child {
                    text-align: left;
                }

                .stock .list-unstyled .table-ul > li > div:last-child {
                    text-align: right;
                }

            .stock .list-unstyled .table-ul > li:last-child > div {
                border-bottom: none;
            }

.row.spc-5 {
    margin: 0 -5px;
}

    .row.spc-5 > div {
        padding: 0 5px;
    }

    .row.spc-5 > li {
        padding: 0 5px;
    }

.regional-stock .name {
    color: #000;
}

.panel_table.stocking.top-selling-city li > div:last-child {
    width: 20%;
    text-align: left;
}

.panel_table.stocking.top-selling-city li .city {
    width: 50%;
}

.panel_table.stocking.top-selling-city li .qty {
    text-align: right;
    width: 30%;
}

.panel_table.stocking.top-selling-city li .bar {
    width: 150px;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 400 !important;
    color: #000 !important;
    white-space: nowrap;
    padding-right: 42px;
}

    .panel_table.stocking.top-selling-city li .bar > span {
        height: 15px;
        background-color: #06C;
        display: inline-block;
        vertical-align: middle;
    }

.panel.order_panel .panel-body.historical-stock ul.panel_table.stocking li div:first-child {
    color: #000;
}


.nav.nav-tabs.open_list_tab {
}

    .nav.nav-tabs.open_list_tab > li {
        float: left;
        width: 20%;
        text-align: center;
    }

        .nav.nav-tabs.open_list_tab > li > a {
            padding: 5px 17px;
            min-width: 100px;
            border: #ddd 1px solid;
            background-color: #f5f5f5;
            border-radius: 0;
            margin-right: -1px;
        }

            .nav.nav-tabs.open_list_tab > li > a p {
                font-size: 15px;
                margin: 0;
                color: #000;
            }

                .nav.nav-tabs.open_list_tab > li > a p span {
                    font-size: 11px;
                    color: #fff;
                    background-color: #09F;
                    border-radius: 3px;
                    display: inline-block;
                    vertical-align: middle;
                    width: auto;
                    padding: 0 7px;
                }

        .nav.nav-tabs.open_list_tab > li.active > a {
            background-color: #fff;
            border-top: #555 3px solid;
            padding-bottom: 6px;
            margin-bottom: -1px;
            border-bottom: none;
        }

ul.panel_table.open_listing li div.order-id a {
    color: #09F;
    font-weight: 700;
}

.panel.order_panel.regional-stock-panel {
    box-shadow: none;
    border: #ddd thin solid;
}

    .panel.order_panel.regional-stock-panel .dd a {
        color: #a4262c;
    }

    .panel.order_panel.regional-stock-panel .rd a {
        color: #407855;
    }

    .panel.order_panel.regional-stock-panel .retail a {
        color: #4052ab;
    }

    .panel.order_panel.regional-stock-panel .zice a {
        color: #854085;
    }

    .panel.order_panel.regional-stock-panel .overall a {
        color: #0078d4;
    }

.panel.order_panel.top-selling-city {
    box-shadow: none;
    border: #ddd thin solid;
}

.panel.order_panel.historical-stock-panel {
    box-shadow: none;
    border: #ddd thin solid;
}

    .panel.order_panel.historical-stock-panel .jan a {
        color: #a4262c;
    }

    .panel.order_panel.historical-stock-panel .feb a {
        color: #407855;
    }

    .panel.order_panel.historical-stock-panel .mar a {
        color: #4052ab;
    }

    .panel.order_panel.historical-stock-panel .apr a {
        color: #854085;
    }

    .panel.order_panel.historical-stock-panel .may a {
        color: #0078d4;
    }

    .panel.order_panel.historical-stock-panel .jun a {
        color: #8f7034;
    }

    .panel.order_panel.historical-stock-panel .jul a {
        color: #8764b8;
    }

    .panel.order_panel.historical-stock-panel .aug a {
        color: #038387;
    }

    .panel.order_panel.historical-stock-panel .sep a {
        color: #ca5010;
    }

    .panel.order_panel.historical-stock-panel .oct a {
        color: #40587c;
    }

    .panel.order_panel.historical-stock-panel .nov a {
        color: #684933;
    }

    .panel.order_panel.historical-stock-panel .dec a {
        color: #7f3c0b;
    }


.panel.order_panel.stock_status {
    box-shadow: none;
    border: #ddd thin solid;
}

    .panel.order_panel.stock_status .ss a {
        color: #a4262c;
    }

    .panel.order_panel.stock_status .dist a {
        color: #7f3c0b;
    }

    .panel.order_panel.stock_status .retailer a {
        color: #ca5010;
    }

    .panel.order_panel.stock_status .in-tran a {
        color: #038387;
    }

.panel.order_panel.purchase_trend {
    box-shadow: none;
    border: #ddd thin solid;
}

.panel.order_panel.open_listing_panel {
    box-shadow: none;
    border: #ddd thin solid;
}

.current_stock_chart {
    width: 100%;
    display: inline-block;
    padding: 5px;
    background-color: #f5f5f5;
}

.recent_order {
}

    .recent_order ul.table-ul {
    }

        .recent_order ul.table-ul > li.heading > div {
            background-color: #666;
            color: #FFF !important;
            border: none;
        }

        .recent_order ul.table-ul > li > div {
            font-size: 14px;
            padding: 10px;
        }

            .recent_order ul.table-ul > li > div.num {
                width: 6%;
            }

            .recent_order ul.table-ul > li > div.date {
                width: 12%;
            }

            .recent_order ul.table-ul > li > div.id a {
                color: #F60;
                font-weight: 600;
            }

            .recent_order ul.table-ul > li > div.item {
            }

            .recent_order ul.table-ul > li > div.amt {
                font-weight: 700;
                color: #000;
            }

            .recent_order ul.table-ul > li > div.odr {
            }

                .recent_order ul.table-ul > li > div.odr p {
                    margin: 0;
                    line-height: 1.4;
                }

                    .recent_order ul.table-ul > li > div.odr p a {
                        font-weight: 700;
                        font-size: 15px;
                        color: #038387;
                    }

                    .recent_order ul.table-ul > li > div.odr p.city {
                        color: #999;
                    }

            .recent_order ul.table-ul > li > div.status {
                width: 10%;
            }

.area_partner {
    border: none;
}

    .area_partner ul.table-ul {
    }

        .area_partner ul.table-ul li {
        }

            .area_partner ul.table-ul li > div {
                font-size: 14px;
                padding: 0px;
            }

            .area_partner ul.table-ul li.heading > div {
                padding: 0;
                background-color: #666;
                border-right: rgba(0,0,0,0.3) 1px solid;
                color: #fff;
                border-bottom: none;
            }

                .area_partner ul.table-ul li.heading > div.sd {
                    background-color: #a4262c;
                }

                .area_partner ul.table-ul li.heading > div.distributor {
                    background-color: #638c3d;
                }

                .area_partner ul.table-ul li.heading > div.retailers {
                    background-color: #ca5010;
                }

                .area_partner ul.table-ul li.heading > div.total_ {
                    background-color: #038387;
                }

            .area_partner ul.table-ul li.heading .sub-head > div {
                text-align: right;
            }

            .area_partner ul.table-ul li > div > .head {
                padding: 10px;
                text-align: center;
                border-bottom: rgba(0,0,0,0.3) 1px solid;
                background: rgba(0,0,0,0.2);
            }

            .area_partner ul.table-ul li > div > .sub-head > div {
                padding: 10px;
                border-right: rgba(0,0,0,0.3) 1px solid;
            }

                .area_partner ul.table-ul li > div > .sub-head > div:last-child {
                    border-right: none;
                }

            .area_partner ul.table-ul li > div a {
                font-weight: 600;
                border-right: #ddd 1px solid;
                padding: 10px;
            }

            .area_partner ul.table-ul li > div.city {
                padding: 10px;
                border-right: rgba(0,0,0,0.2) 1px solid;
            }

            .area_partner ul.table-ul li > div.sd a {
                color: #a4262c;
            }

            .area_partner ul.table-ul li > div.distributor a {
                color: #638c3d;
            }

            .area_partner ul.table-ul li > div.retailers a {
                color: #ca5010;
            }

            .area_partner ul.table-ul li > div.total_ a {
                color: #038387;
            }


.techzone-plus-point {
    display: block;
}

.point-heading {
    display: block;
    text-align: center;
}

.orange {
    color: #f26b35;
}

    .orange .numbers p a {
        color: #f26b35;
    }

    .orange .dot-outer {
        background-color: #f26b35;
    }

    .orange p {
        color: #f26b35;
    }

    .orange .text {
        position: relative;
    }

        .orange .text p {
            position: absolute;
            bottom: 0;
        }

    .orange .line {
        background-color: #f26b35;
    }

    .orange .circle a {
        background-color: #f26b35;
    }

.green-light {
    color: #90bdad;
}

    .green-light .numbers p a {
        color: #90bdad;
    }

    .green-light .dot-outer {
        background-color: #90bdad;
    }

    .green-light p {
        color: #90bdad;
    }

    .green-light .line {
        background-color: #90bdad;
        margin-bottom: -6px !important;
        margin-top: -5px;
    }

    .green-light .circle a {
        background-color: #90bdad;
    }

.blue-dark {
    color: #144a58;
}

    .blue-dark .numbers p a {
        color: #144a58;
    }

    .blue-dark .dot-outer {
        background-color: #144a58;
    }

    .blue-dark p {
        color: #144a58;
    }

    .blue-dark .line {
        background-color: #144a58;
        margin-bottom: -6px !important;
        margin-top: -5px;
    }

    .blue-dark .circle a {
        background-color: #144a58;
    }


.gray {
    color: #555555;
}

    .gray .numbers p a {
        color: #555555;
    }

    .gray .dot-outer {
        background-color: #555555;
    }

    .gray p {
        color: #555555;
    }

    .gray .text {
        position: relative;
    }

        .gray .text p {
            position: absolute;
            bottom: 0;
        }

    .gray .line {
        background-color: #555555;
    }

    .gray .circle a {
        background-color: #555555;
    }

    .gray .circle img {
        padding: 8%;
        width: 65% !important;
    }

.light-gray {
    width: 5% !important;
}

    .light-gray .dot-outer {
        background-color: #cccccc;
    }

.yellow {
    color: #ffce56;
}

    .yellow .numbers p a {
        color: #ffce56;
    }

    .yellow .dot-outer {
        background-color: #ffce56;
    }

    .yellow p {
        color: #ffce56;
    }

    .yellow .text {
        position: relative;
    }

        .yellow .text p {
            position: absolute;
            bottom: 0;
        }

    .yellow .line {
        background-color: #ffce56;
        height: 35px !important;
    }

    .yellow .circle a {
        background-color: #ffce56;
    }


.brown_ {
    color: #144a58;
}

    .brown_ .numbers p a {
        color: #144a58;
    }

    .brown_ .dot-outer {
        background-color: #144a58;
    }

    .brown_ p {
        color: #144a58;
    }

    .brown_ .line {
        background-color: #144a58;
        margin-bottom: -6px !important;
        margin-top: -5px;
    }

    .brown_ .circle a {
        background-color: #144a58;
    }

.red {
    color: #a4262c;
}

    .red .numbers p a {
        color: #a4262c;
    }

    .red .dot-outer {
        background-color: #a4262c;
    }

    .red p {
        color: #a4262c;
    }

    .red .text {
        position: relative;
    }

        .red .text p {
            position: absolute;
            bottom: 0;
        }

    .red .line {
        background-color: #a4262c;
        height: 35px !important;
    }

    .red .circle a {
        background-color: #a4262c;
    }


.point-heading {
    text-align: center;
}

    .point-heading h2 {
        border-bottom: 3px solid #ddd;
        color: #ccc;
        display: inline-block;
        font-family: BEBAS !important;
        font-size: 54px;
        margin-bottom: 0;
    }

.point-box {
    display: inline-block;
    float: left;
    width: 12.7%;
    text-align: center;
    padding: 0px 0;
}

    .point-box p {
        color: #666;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 1.5;
        margin: 0;
    }

    .point-box div {
        display: block;
    }

    .point-box .numbers {
        height: 75px;
    }

    .point-box .text {
        font-size: 12px;
        color: #666;
        height: 24px;
    }

    .point-box .numbers p {
        font-size: 45px;
        font-family: BEBAS;
    }

    .point-box .dot-outer {
        display: table;
        width: 100%;
        height: 20px;
    }

        .point-box .dot-outer > div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

    .point-box .dot {
        background-color: #ffffff;
        border-radius: 20px;
        display: inline-block;
        height: 10px;
        width: 10px;
    }

    .point-box .icon-area2 {
        display: inline-block;
        float: none !important;
        height: auto;
        margin: 0;
        position: static;
        width: 100%;
    }

        .point-box .icon-area2 .line {
            width: 10px;
            height: 35px;
            display: inline-block;
            margin-bottom: -10px;
        }

        .point-box .icon-area2 .circle-wrap {
            display: block;
            text-align: center;
        }

        .point-box .icon-area2 .circle a {
            border-radius: 60px;
            display: inline-block;
            height: 70px;
            width: 70px;
            font-size: 13px;
            line-height: 70px;
            color: #ffffff;
        }

        .point-box .icon-area2 .circle img {
            display: inline-block;
            height: auto;
            margin: 10px;
            width: 100px;
        }

.pay_search {
    margin-top: 0;
    display: inline-block;
    border-bottom: #ddd 1px solid;
    background: #eee;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
}

    .pay_search .form-control {
        height: 35px;
    }

    .pay_search a.btn {
        height: 35px;
        border-radius: 3px;
        font-size: 15px;
        text-transform: uppercase;
        padding: 5px;
    }

.nav.nav-tabs.finance {
    width: 100%;
    border-bottom: none;
    padding: 12px 0 0 12px;
}

    .nav.nav-tabs.finance.receivable {
        border-bottom: #ddd 1px solid;
    }

        .nav.nav-tabs.finance.receivable li a {
            background-color: #eee;
        }

        .nav.nav-tabs.finance.receivable li.active a {
            background-color: #fff;
        }

    .nav.nav-tabs.finance li a {
        border-top-width: 3px;
        color: #f8ac59;
        padding: 10px 15px;
        border-radius: 0;
        font-weight: 500;
        font-size: 12px;
        text-transform: uppercase;
        border: #ccc 1px solid;
        border-bottom: none;
        min-width: 100px;
        text-align: center;
        border-radius: 3px 3px 0 0;
        color: #000;
        font-weight: 600;
    }

    .nav.nav-tabs.finance li.active a {
        border-top: #ff0000 3px solid;
        color: #000;
        background-color: #dddddd;
        font-weight: 700;
    }

.finance_list .table-ul.table-ul-bordered {
    width: 100%;
}

    .finance_list .table-ul.table-ul-bordered li {
    }

        .finance_list .table-ul.table-ul-bordered li div {
            padding: 7px 10px;
            border-bottom: #ddd 1px solid;
            width: 4%;
        }

            .finance_list .table-ul.table-ul-bordered li div p {
                margin: 0;
                margin-bottom: 1px;
                font-size: 13px;
                line-height: 1.5;
            }

        .finance_list .table-ul.table-ul-bordered li.heading div {
            background-color: #dddddd;
            color: #666;
            font-weight: 600;
            font-size: 13px;
        }

        .finance_list .table-ul.table-ul-bordered li div.no {
            width: 4%;
        }

        .finance_list .table-ul.table-ul-bordered li div.date {
            width: 12%;
        }

        .finance_list .table-ul.table-ul-bordered li div.desc {
            width: 20%;
        }

            .finance_list .table-ul.table-ul-bordered li div.desc p {
            }

                .finance_list .table-ul.table-ul-bordered li div.desc p.prc {
                    font-weight: 700;
                    color: #000;
                    font-size: 16px;
                }

        .finance_list .table-ul.table-ul-bordered li div.receipt {
            width: 24%;
        }

            .finance_list .table-ul.table-ul-bordered li div.receipt p {
            }

                .finance_list .table-ul.table-ul-bordered li div.receipt p.mode a {
                    font-size: 14px;
                    font-weight: 700;
                    color: #409e05;
                }

        .finance_list .table-ul.table-ul-bordered li div.paid {
            width: 24%;
        }

            .finance_list .table-ul.table-ul-bordered li div.paid p {
            }

                .finance_list .table-ul.table-ul-bordered li div.paid p.by a {
                    font-size: 14px;
                    font-weight: 700;
                    color: #ff5e00;
                }

        .finance_list .table-ul.table-ul-bordered li div.status {
            width: 15%;
        }

.panel.make_pay {
    display: block;
    width: auto;
    margin: 10px 15px;
}

    .panel.make_pay .panel-body {
        padding: 30px;
    }

        .panel.make_pay .panel-body p {
            margin-bottom: 5px;
            margin-top: 10px;
            font-size: 14px;
            font-weight: 600;
            color: #000;
        }

        .panel.make_pay .panel-body .form-control {
            margin-bottom: 30px;
        }

        .panel.make_pay .panel-body .input-group .form-control {
            margin-bottom: 0;
        }

        .panel.make_pay .panel-body .table-responsive .form-control {
            margin-bottom: 0px;
        }

    .panel.make_pay .total {
        width: 100% !important
    }

    .panel.make_pay .panel-body .table-responsive .total > td {
        background-color: #eee;
        color: #000;
        font-weight: 700;
        font-size: 16px;
        vertical-align: middle;
    }

.pending_amt {
    padding: 30px;
    background-color: #ffff003b;
    border: #fff000 1px solid;
}

    .pending_amt p {
        font-weight: 400 !important;
    }

.panel.make_pay .panel-body .total p {
    font-weight: 400 !important;
}

.panel.make_pay .panel-body .form-group {
    letter-spacing: 0;
}

.left_panel {
}

    .left_panel h4.heading {
        font-size: 16px;
        letter-spacing: 0;
        color: #000;
        margin-top: 0;
    }

    .left_panel .ratio_box {
        margin-bottom: 7px;
        background-color: white;
    }

        .left_panel .ratio_box h2 {
            background-repeat: no-repeat;
            font-size: 40px;
            font-weight: 700;
            padding-left: 45px;
        }

        .left_panel .ratio_box p {
        }

        .left_panel .ratio_box.high h2 {
            background-image: url(../images/ratio_high.jpg);
        }

        .left_panel .ratio_box.less h2 {
            background-image: url(../images/ratio_less.jpg);
        }

.panel.collection {
}

    .panel.collection .panel-heading p {
        margin: 2px 0;
        display: inline-block;
    }

    .panel.collection .panel-heading .progress {
        margin: 0;
        border-radius: 0;
        height: 10px;
    }

        .panel.collection .panel-heading .progress .progress-bar {
        }

    .panel.collection .panel-body {
        padding: 16px 24px;
    }

        .panel.collection .panel-body > .row > div {
            border-right: #ddd 1px solid;
        }

            .panel.collection .panel-body > .row > div:last-child {
                border: none;
            }

        .panel.collection .panel-body p {
            margin: 0;
            line-height: 1.5;
            text-transform: uppercase;
        }

        .panel.collection .panel-body .amt {
            margin: 0;
            font-size: 16px;
        }

.credit_lines {
    width: auto;
    border-top: #ddd 1px solid;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
    margin-bottom: -17px;
}

    .credit_lines ul.table-ul {
        width: 100%;
    }

        .credit_lines ul.table-ul li > div {
            padding: 10px;
        }

            .credit_lines ul.table-ul li > div > a {
                font-weight: 600;
            }

            .credit_lines ul.table-ul li > div.heading {
                color: #666;
                font-size: 14px;
                font-weight: 700;
            }

        .credit_lines ul.table-ul li.heading > div {
            color: #666;
            font-size: 14px;
            font-weight: 700;
            background-color: #eee;
        }

        .credit_lines ul.table-ul li > div.credit {
            width: 20%;
        }

        .credit_lines ul.table-ul li > div.billing {
            width: 20%;
            border-top: none;
        }

        .credit_lines ul.table-ul li > div.pending {
            width: 20%;
        }

        .credit_lines ul.table-ul li > div.overduea {
            width: 20%;
        }

        .credit_lines ul.table-ul li > div.credit a {
            color: #090
        }

        .credit_lines ul.table-ul li > div.billing a {
            color: #06C;
        }

        .credit_lines ul.table-ul li > div.pending a {
            color: #C00;
        }

        .credit_lines ul.table-ul li > div.overdue a {
            color: #F60;
        }

.partner_listing_header {
    background-color: #fff;
}

.partner-data-wrap {
    background-color: transparent;
}

.partner-data-tabs {
    background-color: #cacaca;
}

.recent_activity {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: #ddd 1px solid;
}

    .recent_activity:last-child {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

    .recent_activity h4 {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 5px;
        margin-top: 0;
    }

        .recent_activity h4 a {
            color: #000;
        }

        .recent_activity h4:hover a {
            color: #555;
        }

    .recent_activity .time {
        color: #999;
        font-weight: 600;
        font-size: 13px;
        text-align: left;
        padding-left: 0;
    }

    .recent_activity .status {
        margin-top: 0px;
        text-align: right;
        width: 125px;
        float: right;
    }

        .recent_activity .status > span.status_label {
            display: block;
            font-size: 11px;
            font-weight: 600;
        }

.fullfillment {
    margin: 0 -15px;
}

    .fullfillment .table-ul {
    }

        .fullfillment .table-ul li {
        }

            .fullfillment .table-ul li div {
                padding: 12px 15px 11px;
                color: #000;
                font-weight: 600;
                font-size: 16px;
            }

            .fullfillment .table-ul li.heading div {
                font-size: 13px;
                color: #777;
                font-weight: 600;
            }

            .fullfillment .table-ul li div.shipments {
            }

            .fullfillment .table-ul li div.order a {
                color: #F30;
            }

            .fullfillment .table-ul li div.delivered {
                color: #green;
            }

.fullfill_graph {
    padding: 10px;
    border-left: #ddd 1px solid;
}

.table-ul.order_status_wrap {
    margin: 0 -5px 10px;
    width: 101%;
}

    .table-ul.order_status_wrap > li > div {
        width: 20%;
        padding: 0 5px;
    }

        .table-ul.order_status_wrap > li > div a {
            background-color: #000;
            border-radius: 5px;
            display: inline-block;
            width: 100%;
        }

.table-ul.order_status {
    margin: 0px 0;
    border-radius: 5px;
}

    .table-ul.order_status:hover {
        opacity: 0.9;
    }

    .table-ul.order_status li > div.img {
        width: 60px;
        text-align: center;
        vertical-align: middle;
        padding: 0;
        padding-right: 0;
    }

        .table-ul.order_status li > div.img img {
            width: 40px;
        }

    .table-ul.order_status li > div {
        width: auto;
        padding: 10px;
        text-align: left;
    }

        .table-ul.order_status li > div:last-child {
            border-right: none;
        }

        .table-ul.order_status li > div .amt {
            font-size: 20px;
            line-height: 1.3;
            color: #fff;
            font-weight: 700;
            letter-spacing: 1px;
        }

        .table-ul.order_status li > div p {
            margin: 0;
            font-size: 14px;
            color: #fff;
        }

.order-ship-bg {
    background-color: #06C;
}

.overdue-bg {
    background-color: #C30
}

.ready-ship-bg {
    background-color: #09F
}

.dispatched-bg {
    background-color: #F60
}

.delivered-bg {
    background-color: #090;
}

.text-order-ship {
    color: #09F;
}

.text-overdue {
    color: #C30
}

.text-ready-ship {
    color: #09F
}

.text-dispatched {
    color: #F60
}

.text-delivered {
    color: #090;
}

.delivery_reporting {
    margin: 0;
}

    .delivery_reporting > div {
        border-right: #ddd 1px solid;
        text-align: center;
        padding: 15px;
    }

        .delivery_reporting > div:last-child {
            border-right: none;
        }

    .delivery_reporting h2 {
        font-weight: 600;
        font-size: 27px;
    }

    .delivery_reporting p {
        margin: 0;
        font-size: 14px;
    }

.panel-heading > h4 {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

.table-ul.top_shipment {
}

    .table-ul.top_shipment > li {
    }

        .table-ul.top_shipment > li > div {
            padding: 8px 10px;
            border-right: #ddd 1px solid;
            font-size: 14px;
        }

            .table-ul.top_shipment > li > div > a {
                font-weight: 600;
            }

        .table-ul.top_shipment > li.heading > div {
            background-color: #e5e5e5;
        }

        .table-ul.top_shipment > li > div.item {
            width: 25%;
        }

            .table-ul.top_shipment > li > div.item a {
                color: #C30;
            }

        .table-ul.top_shipment > li > div.city {
            width: 25%;
        }

            .table-ul.top_shipment > li > div.city a {
                color: #C30;
            }

        .table-ul.top_shipment > li > div.shipout {
            width: 25%;
        }

            .table-ul.top_shipment > li > div.shipout a {
                color: #09F;
            }

        .table-ul.top_shipment > li > div.shipin {
            width: 25%;
        }

            .table-ul.top_shipment > li > div.shipin a {
                color: ##090;
            }

.fulfill_listing {
    background-color: #FFF;
    width: 100%;
    border-top: #ddd 1px solid;
}

    .fulfill_listing ul.table-ul {
        width: 100%;
    }

        .fulfill_listing ul.table-ul > li {
            position: relative;
        }

            .fulfill_listing ul.table-ul > li > div {
                padding: 10px 5px;
                border-bottom: #eee 1px solid;
                font-size: 13px;
                vertical-align: middle;
            }

            .fulfill_listing ul.table-ul > li:hover > div {
                background-color: #f9f9f9;
            }

            .fulfill_listing ul.table-ul > li.heading div {
                font-weight: 500;
                padding: 10px 5px;
                background-color: #ddd;
                font-weight: 600;
                color: #666;
                white-space: nowrap;
            }

            .fulfill_listing ul.table-ul > li > div p {
                font-size: 13px;
                margin: 0;
                line-height: 1.5;
                color: #000;
            }

            .fulfill_listing ul.table-ul > li > div.shipping {
                width: 16%;
            }

            .fulfill_listing ul.table-ul > li > div.order {
                width: 10%;
            }

            .fulfill_listing ul.table-ul > li > div.merchant {
            }

            .fulfill_listing ul.table-ul > li > div.payment {
                width: 9%;
            }

                .fulfill_listing ul.table-ul > li > div.payment p {
                    line-height: 1.3;
                }

                    .fulfill_listing ul.table-ul > li > div.payment p span.amt {
                        font-size: 16px;
                    }

            .fulfill_listing ul.table-ul > li > div.fullfill {
            }

                .fulfill_listing ul.table-ul > li > div.fullfill p > a {
                    color: #09F;
                    font-weight: 600;
                }

            .fulfill_listing ul.table-ul > li > div.act {
            }

                .fulfill_listing ul.table-ul > li > div.act p > a {
                    color: #F30;
                    font-weight: 600;
                }

            .fulfill_listing ul.table-ul > li > div.dimension {
                width: 12%;
            }

                .fulfill_listing ul.table-ul > li > div.dimension p {
                    font-weight: 600;
                }

            .fulfill_listing ul.table-ul > li > div.status {
                width: 9%;
            }

                .fulfill_listing ul.table-ul > li > div.status .status_label {
                    white-space: nowrap;
                }

            .fulfill_listing ul.table-ul > li > div.invoice {
                width: 8%;
            }

                .fulfill_listing ul.table-ul > li > div.invoice a {
                    color: #090;
                    font-weight: 600;
                }

    .fulfill_listing.shipment {
    }

        .fulfill_listing.shipment ul.table-ul {
            position: relative;
        }

            .fulfill_listing.shipment ul.table-ul > li.heading > div {
                padding-bottom: 5px;
            }

            .fulfill_listing.shipment ul.table-ul > li > div {
                padding-bottom: 80px;
            }

                .fulfill_listing.shipment ul.table-ul > li > div.shipping {
                    width: 16%;
                }

                .fulfill_listing.shipment ul.table-ul > li > div.order {
                    width: 12%;
                }

                .fulfill_listing.shipment ul.table-ul > li > div.act {
                    width: 16%;
                }

                .fulfill_listing.shipment ul.table-ul > li > div.invoice {
                    width: 18%;
                }

                .fulfill_listing.shipment ul.table-ul > li > div.dimension {
                    width: 17%;
                }

                .fulfill_listing.shipment ul.table-ul > li > div.track_id {
                    width: 20%;
                }

            .fulfill_listing.shipment ul.table-ul > li {
                position: relative;
            }

                .fulfill_listing.shipment ul.table-ul > li > div.status_steps {
                    height: auto;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    display: block;
                    border-bottom: #ccc 1px solid;
                    bottom: 0;
                    background-color: #ead800;
                    padding: 0 15px;
                }

                    .fulfill_listing.shipment ul.table-ul > li > div.status_steps .date {
                        padding: 15px;
                        text-align: center;
                        height: 74px;
                        background: #666;
                        line-height: 2.8;
                        color: #fff;
                        font-size: 16px;
                    }

                    .fulfill_listing.shipment ul.table-ul > li > div.status_steps .date2 {
                        padding: 15px;
                        text-align: center;
                        height: 74px;
                        background: #666;
                        line-height: 2.3;
                        color: #fff;
                        font-size: 16px;
                    }


.status_steps {
    height: auto;
    width: 100%;
    display: block;
    border-bottom: #ccc 1px solid;
    bottom: 0;
    background-color: #ead800;
    padding: 0 15px;
}

    .status_steps .date {
        padding: 15px;
        text-align: center;
        height: 74px;
        background: #666;
        line-height: 2.8;
        color: #fff;
        font-size: 16px;
    }

    .status_steps .date2 {
        padding: 15px;
        text-align: center;
        height: 74px;
        background: #666;
        line-height: 2.3;
        color: #fff;
        font-size: 16px;
    }


.shipment-step {
    display: inline-block;
    text-align: left;
    width: 90%;
    background-color: #ddd;
    height: 6px;
    margin-bottom: 35px;
    margin-top: 28px;
    border-radius: 50px;
    margin-left: 5%;
    box-shadow: rgba(0,0,0,0.3) 1px 2px 2px inset;
}

    .shipment-step ul {
        width: 128%;
        margin: -24px -14% 50px;
        height:;
    }

        .shipment-step ul li {
            width: 25%;
        }

            .shipment-step ul li .progress {
                position: absolute;
                left: -50%;
                top: 24px;
                background-color: #0095da;
                height: 5px;
                width: 100%;
                display: none;
                z-index: 0;
            }


            .shipment-step ul li.completed .progress {
                display: block;
            }

            .shipment-step ul li.active .progress {
                display: block;
            }

            .shipment-step ul li:first-child .progress {
                left: 40%;
            }

            .shipment-step ul li a {
                color: #333;
                margin: 0 -10px;
                padding: 0;
                font-weight: 600;
                text-align: center;
                position: relative;
                z-index: 1;
                display: none;
            }


            .shipment-step ul li.completed a {
                display: block;
            }

            .shipment-step ul li.process .progress {
                display: inline-block;
                width: 24%;
                overflow: visible;
                height: 5px;
            }

                .shipment-step ul li.process .progress.move {
                    animation: move 5s linear infinite;
                }

.sorting {
    padding: 0 10px;
    background-color: #fff;
    border-bottom: #eee 1px solid;
}

    .sorting .list-inline {
        margin-bottom: 0;
    }

        .sorting .list-inline > li {
            padding: 14px 10px 7px 10px;
            vertical-align: top;
            font-size: 13px;
        }

            .sorting .list-inline > li .btn-sm {
                font-size: 15px;
                color: #777;
                vertical-align: middle;
                padding: 5px;
            }

                .sorting .list-inline > li .btn-sm:hover {
                    color: #555;
                }

    .sorting .select_chk.dropdown {
        line-height: 0;
    }

        .sorting .select_chk.dropdown i.fa {
            vertical-align: middle;
        }

        .sorting .select_chk.dropdown > input {
            vertical-align: middle;
            margin: 0;
        }

    .sorting .list-inline > li.next_prev {
        padding-top: 8px;
    }

        .sorting .list-inline > li.next_prev > a {
            font-size: 18px;
            line-height: 0;
        }

            .sorting .list-inline > li.next_prev > a.prev {
            }

            .sorting .list-inline > li.next_prev > a.next {
            }

    .sorting .list-inline > li.refresh img {
        height: 17px;
        margin-top: -4px;
        opacity: 0.8;
    }

    .sorting .list-inline > li.refresh:hover img {
        opacity: 0.95;
    }

.nav.nav-tabs.order_tabs {
    display: table;
    width: 100%;
}

    .nav.nav-tabs.order_tabs li {
        width: auto;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

        .nav.nav-tabs.order_tabs li.tab1 a {
            background-color: #F06;
            border-bottom: #F06 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab1.active a {
            color: #F06;
        }

            .nav.nav-tabs.order_tabs li.tab1.active a span {
                background-color: #F06;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab1.active a .fa {
                color: #F06;
            }

        .nav.nav-tabs.order_tabs li.tab2 a {
            background-color: #0099ff;
            border-bottom: #0099ff 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab2.active a {
            color: #0099ff;
        }

            .nav.nav-tabs.order_tabs li.tab2.active a span {
                background-color: #0099ff;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab2.active a .fa {
                color: #0099ff;
            }

        .nav.nav-tabs.order_tabs li.tab3 a {
            background-color: #63a04a;
            border-bottom: #63a04a 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab3.active a {
            color: #63a04a;
        }

            .nav.nav-tabs.order_tabs li.tab3.active a span {
                background-color: #63a04a;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab3.active a .fa {
                color: #63a04a;
            }

        .nav.nav-tabs.order_tabs li.tab4 a {
            background-color: #b628c7;
            border-bottom: #b628c7 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab4.active a {
            color: #b628c7;
        }

            .nav.nav-tabs.order_tabs li.tab4.active a span {
                background-color: #b628c7;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab4.active a .fa {
                color: #b628c7;
            }

        .nav.nav-tabs.order_tabs li.tab5 a {
            background-color: #f78f36;
            border-bottom: #f78f36 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab5.active a {
            color: #f78f36;
        }

            .nav.nav-tabs.order_tabs li.tab5.active a span {
                background-color: #f78f36;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab5.active a .fa {
                color: #f78f36;
            }

        .nav.nav-tabs.order_tabs li.tab6 a {
            background-color: #cc3301;
            border-bottom: #cc3301 3px solid;
        }

        .nav.nav-tabs.order_tabs li.tab6.active a {
            color: #cc3301;
        }

            .nav.nav-tabs.order_tabs li.tab6.active a span {
                background-color: #cc3301;
                color: #FFF;
            }

            .nav.nav-tabs.order_tabs li.tab6.active a .fa {
                color: #cc3301;
            }

.tab-content.order_list_tabs_panel {
    padding: 0;
}

.order_list_tabs_panel .tab_1 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #F06;
}

.order_list_tabs_panel .tab_1 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_1 .order_list.flex_table > .flex_row:hover {
    background-color: #F06;
}

    .order_list_tabs_panel .tab_1 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_1 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }

.order_list_tabs_panel .tab_2 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #0099ff;
}

.order_list_tabs_panel .tab_2 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_2 .order_list.flex_table > .flex_row:hover {
    background-color: #0099ff;
}

    .order_list_tabs_panel .tab_2 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_2 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }

.order_list_tabs_panel .tab_3 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #63a04a;
}

.order_list_tabs_panel .tab_3 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_3 .order_list.flex_table > .flex_row:hover {
    background-color: #63a04a;
}

    .order_list_tabs_panel .tab_3 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_3 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }

.order_list_tabs_panel .tab_4 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #b628c7;
}

.order_list_tabs_panel .tab_4 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_4 .order_list.flex_table > .flex_row:hover {
    background-color: #b628c7;
}

    .order_list_tabs_panel .tab_4 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_4 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }

.order_list_tabs_panel .tab_5 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #f78f36;
}

.order_list_tabs_panel .tab_5 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_5 .order_list.flex_table > .flex_row:hover {
    background-color: #f78f36;
}

    .order_list_tabs_panel .tab_5 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_5 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }

.order_list_tabs_panel .tab_6 .order_list.flex_table > .flex_row > div.type span.status_label {
    background-color: #cc3301;
}

.order_list_tabs_panel .tab_6 .order_list.flex_table > .flex_row:hover > div.type span.status_label {
    background-color: #fff;
    color: #000;
}

.order_list_tabs_panel .tab_6 .order_list.flex_table > .flex_row:hover {
    background-color: #cc3301;
}

    .order_list_tabs_panel .tab_6 .order_list.flex_table > .flex_row:hover > div p > a, .order_list_tabs_panel .tab_6 .order_list.flex_table > .flex_row:hover > div p {
        color: #FFF;
    }


.nav.nav-tabs.order_tabs li a {
    border-radius: 0;
    padding: 15px 25px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    border: none;
}

    .nav.nav-tabs.order_tabs li a i.fa {
        padding: 1px 7px 0 0;
        vertical-align: top;
        font-size: 18px;
        color: #FFF;
    }

    .nav.nav-tabs.order_tabs li a span {
        display: inline;
        padding: 0px 8px;
        color: #333;
        border-radius: 3px;
        font-size: 12px;
        background-color: #fff;
        margin-left: 4px;
    }

.nav.nav-tabs.order_tabs li.active a span {
}

/*.nav.nav-tabs.order_tabs li a span.bg-info{ background-color:#45ddff;}
*/
.nav.nav-tabs.order_tabs li.active a {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background-color: #fff;
}


.flex_table {
    display: flex;
    flex-direction: column;
}

    .flex_table > .flex_row {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        border-bottom: #eee 1px solid;
    }

        .flex_table > .flex_row > div {
            padding: 5px;
            vertical-align: top;
        }

.btn-grey-transparent {
    border: #ccc 1px solid;
    color: #666;
}

.order_list {
}

    .order_list.flex_table > .flex_row {
        border-bottom: #eee 2px solid;
        transition: all 0.5s;
    }

        .order_list.flex_table > .flex_row:hover {
            box-shadow: rgba(0,0,0,0.2) 0 0 3px;
            border-bottom-color: #ccc;
            background-color: #f5f5f5;
        }

        .order_list.flex_table > .flex_row > div {
            padding: 10px;
            font-size: 14px;
        }

            .order_list.flex_table > .flex_row > div > p {
                margin: 0;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                font-size: 14px;
            }

                .order_list.flex_table > .flex_row > div > p .bold-600 {
                    font-weight: 700;
                }

            .order_list.flex_table > .flex_row > div.tick {
                width: 4%;
                text-align: right;
                padding: 12px;
            }

            .order_list.flex_table > .flex_row > div.customer {
                width: 20%;
            }

                .order_list.flex_table > .flex_row > div.customer p a {
                    font-size: 14px;
                    color: #000;
                }

            .order_list.flex_table > .flex_row > div.type {
                width: 8%;
            }

                .order_list.flex_table > .flex_row > div.type span.status_label {
                    width: auto;
                    min-width: auto;
                    padding: 2px 10px;
                    font-weight: 500;
                    border-radius: 20px;
                }

            .order_list.flex_table > .flex_row > div.item_status {
                width: 44%;
            }

            .order_list.flex_table > .flex_row > div.amt {
                width: 12%;
            }

                .order_list.flex_table > .flex_row > div.amt p {
                    font-weight: 700;
                    font-size: 15px;
                    color: #06C;
                }

            .order_list.flex_table > .flex_row > div.time {
                width: 12%;
            }

                .order_list.flex_table > .flex_row > div.time p {
                    font-weight: 600;
                    color: #000;
                }

            .order_list.flex_table > .flex_row > div.btns {
                display: none;
                width: 24%;
                text-align: right;
            }

                .order_list.flex_table > .flex_row > div.btns .btn {
                    font-weight: 600;
                    padding: 3px 10px;
                    color: #333;
                    border: none;
                    box-shadow: rgba(0,0,0,0.5) 0 0 3px;
                }

        .order_list.flex_table > .flex_row:hover > div.item_status {
            width: 40%;
        }

        .order_list.flex_table > .flex_row:hover div.amt {
            display: none;
        }

        .order_list.flex_table > .flex_row:hover div.time {
            display: none;
        }

        .order_list.flex_table > .flex_row:hover div.btns {
            display: inline-block;
            width: 28%;
            white-space: nowrap;
            text-align: right;
        }

            .order_list.flex_table > .flex_row:hover div.btns .btn {
                color: #FFF;
            }

                .order_list.flex_table > .flex_row:hover div.btns .btn:hover {
                }

.date_time .head_text {
    font-size: 15px;
    color: #000;
    font-weight: 600;
}

    .date_time .head_text span {
        color: #999;
    }

.date_time ul {
    margin-top: 15px;
}

    .date_time ul li {
        vertical-align: top;
    }

.date_time .text-danger {
    color: #F00;
}

.date_time .form-control {
    height: 22px;
    padding: 0px 5px;
    font-size: 11px;
    border: #ddd 1px solid;
    border-radius: 4px;
}

.date_time .btn {
    height: 25px;
    padding: 2px 8px;
    vertical-align: text-bottom;
}

.act-ready {
    padding-top: 15px;
    border-top: #eee 1px solid;
    padding-bottom: 20px;
}

    .act-ready ul {
    }

    .act-ready p {
        font-weight: 600;
        font-size: 12px;
    }

    .act-ready ul li {
        padding-left: 2px;
        padding-right: 2px;
    }

    .act-ready p a {
        color: #F00;
    }

    .act-ready .display_count {
        color: #999;
    }

        .act-ready .display_count > span {
            color: #000;
        }

    .act-ready .btn-danger {
        background-image: linear-gradient(to bottom, #F00, #c00);
        text-shadow: rgba(0,0,0,0.5) -1px -1px 0px;
    }

    .act-ready .btn {
        font-size: 11px;
        padding: 2px 10px
    }

    .act-ready .dropdown-menu > li > a {
        padding: 3px 8px;
        font-size: 12px;
    }

    .act-ready .btn-default {
        background-image: linear-gradient(to bottom, #fff, #e5e5e5);
        color: #000;
    }

        .act-ready .btn-default.active {
            background-image: none;
            box-shadow: none;
            background-color: #fff;
        }

.shipment-grid {
    padding-top: 15px;
    border-top: #eee 1px solid;
}


.col-sm-2_4{ width:20%; float:left; padding-left:15px; padding-right:15px; }


.main_dashboard{ background-image:url(../images/dashboard_bg.jpg); padding:25px; color:#FFF;  background-size:cover;}

.main_dashboard h3 {
    font-weight: 600;
    color: #000;
}

.main_dashboard h4 {
    font-weight: 600;
    color: #000;
}

.main_dashboard h5 {
    font-weight: 600;
    color: #000;
}

.dashboard_data {
    padding: 10px 0;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 2px, rgba(250, 143, 28, 0.5) 1px 1px 14px inset;
    border-top: #db0000 4px solid;
    width: 100%;
    text-align: center;
    background-color: rgb(255,126,0,0.2);
    display: inline-block;
}

.dashboard_data p.num{font-size: 27px;line-height: 35px;color: #db0000;font-weight: 600;letter-spacing: 0px;}
.dashboard_data p{ font-size:13px; margin:0; color:#000; }

.dashboard_data p span.small{
	font-size:70%;
    line-height:70%;
}

.border-bottom-dark{ border-bottom:rgba(0,0,0,0.2) 1px solid; }

.top_partner{border-bottom:#db0700 4px solid;margin-bottom:15px;}
.top_partner .table-ul > li > div{vertical-align:middle;}
.top_partner .table-ul > li > div:first-child{ width:100px; padding:10px 5px; }
.top_partner .img{width:70px;margin: 0;display: inline-block;}
.top_partner .img img{width:70px; height:70px; border-radius:100px; }
.top_partner p{margin:0;font-size:14px;line-height:22px;color:#000;}
.top_partner p.name{
    font-size: 18px;
    font-weight: 600;
}

.row.spc-5.mb-15{margin-bottom:15px;}

.main_dashboard .divider {
	background:#adadad;
    height:7px;
    margin:25px -26px 20px;
    display:block;
    width:auto;
    box-shadow:rgba(0,0,0,0.5) 0 0 2px inset;
}
.table-ul.line_data{ width:100%; }
.table-ul.line_data li div{ padding:5px; display:table-cell; color:#000; font-weight:600; }
.table-ul.line_data li:nth-child(2n+1){background-color:rgba(255,255,255,0.5);}
.table-ul.line_data li div.head{text-align:left;}
.table-ul.line_data li div.data{text-align:right; font-weight:700;  }

@keyframes move {
    0% {
        width: 24%;
    }

    50% {
        width: 312%;
    }

    100% {
        width: 24%;
    }
}

.shipment-step ul li.process .progress.move2 {
    animation: move2 5s linear infinite;
}

@keyframes move2 {
    0% {
        width: 24%;
    }

    50% {
        width: 310%;
    }

    100% {
        width: 24%;
    }
}

.shipment-step ul li.process .progress.move3 {
    animation: move3 3.5s linear infinite;
}

@keyframes move3 {
    0% {
        width: 24%;
    }

    50% {
        width: 210%;
    }

    100% {
        width: 24%;
    }
}

.shipment-step ul li.process .progress.move4 {
    animation: move4 2s linear infinite;
}

@keyframes move4 {
    0% {
        width: 24%;
    }

    50% {
        width: 110%;
    }

    100% {
        width: 24%;
    }
}

.shipment-step ul li.process .progress img {
    border-radius: 50px;
    margin-top: -27px;
    float: right;
    height: 40px;
}

.shipment-step ul li a:hover {
    background-color: transparent;
}

.shipment-step ul li a:focus {
    background-color: transparent;
}

.shipment-step ul li a span.fa-stack {
    border-radius: 40px;
    margin-top: 10px;
    background-color: #ddd;
    box-shadow: rgba(0,0,0,0.3) 1px 2px 2px inset;
    text-align: center;
    width: 30px;
    height: 30px;
    display: none;
}

    .shipment-step ul li a span.fa-stack img {
        display: none;
        color: #FFF;
    }

.shipment-step ul li.completed a span.fa-stack {
    box-shadow: none;
    display: inline-block;
}

    .shipment-step ul li.completed a span.fa-stack img {
        display: inline-block;
        height: 40px;
        margin-top: -15px;
    }

    .shipment-step ul li.completed a span.fa-stack .fa-stack-1x {
        display: none;
    }

.shipment-step ul li.completed a {
    pointer-events: auto;
}

    .shipment-step ul li.completed a span.fa-stack {
        background-color: #0095da;
        background-image: url(../images/tick.png);
        border-color: #0095da;
        background-size: 60%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .shipment-step ul li.completed a span.fa-stack {
    }

        .shipment-step ul li.completed a span.fa-stack strong {
            color: #FFF;
        }

    .shipment-step ul li.completed a p {
        font-weight: 700;
        color: #333;
    }



.shipment-step ul li a i.fa {
    color: #333;
    font-size: 38px;
    margin-right: 15px;
    margin-top: 8px;
}

.shipment-step ul li.active a span.fa-stack strong {
    color: #000;
}

.shipment-step ul li a span.fa-stack strong {
    color: #333;
    line-height: 1.5;
    font-weight: 400;
}

.shipment-step ul li.active a p {
    font-weight: 700;
}

.shipment-step ul li.active a span.fa-stack {
    background-color: #fff;
    border-color: #0095da;
}

.shipment-step ul li.active:last-child a {
    width: 108%;
}

.shipment-step ul li.active a i.fa {
    color: #FFF;
}

.shipment-step ul li a p {
    font-size: 13px;
}

.shipping_detail_tabs {
}

    .shipping_detail_tabs .nav.nav-tabs {
        background-color: #eee;
        padding-left: 25px;
    }

        .shipping_detail_tabs .nav.nav-tabs li {
        }

            .shipping_detail_tabs .nav.nav-tabs li a {
                padding: 25px;
                font-size: 13px;
                color: #777;
                font-weight: 600;
                background-color: transparent;
            }

            .shipping_detail_tabs .nav.nav-tabs li.active a {
                border: none;
                color: red;
                border-bottom: red 2px solid;
            }

.data.shipping_detail_content {
    padding: 30px;
}

    .data.shipping_detail_content .status_steps {
        margin-bottom: 5px;
    }

.top_info {
    padding: 20px 0;
}

    .top_info > div {
        width: auto;
        margin-right: 5%;
        border-right: #ddd 1px solid;
        padding-right: 5%;
        min-width: 20%;
    }

        .top_info > div:last-child {
            margin-right: 0;
            border-right: none;
        }

    .top_info p {
        color: #999;
        margin: 0;
    }

    .top_info h4 {
        color: #000;
        margin: 0;
        font-weight: 700;
        font-size: 14px;
        margin-top: 3px;
    }

        .top_info h4.text-danger {
            color: #F30;
        }

        .top_info h4 > a {
            color: #09F;
            text-decoration: underline;
        }

.flex_table.shipment_list {
}

    .flex_table.shipment_list .flex_row {
    }

        .flex_table.shipment_list .flex_row > div {
            font-size: 11px;
        }

            .flex_table.shipment_list .flex_row > div > p {
                font-size: 11px;
            }

        .flex_table.shipment_list .flex_row.heading > div {
            color: #c5c5c5;
            font-size: 11px;
        }

        .flex_table.shipment_list .flex_row > div.chk {
            width: 3%;
        }

        .flex_table.shipment_list .flex_row > div.odr-dt {
            width: 12%;
        }

        .flex_table.shipment_list .flex_row > div.qty {
            width: 4%;
        }

        .flex_table.shipment_list .flex_row > div.items {
            width: 20%;
        }

        .flex_table.shipment_list .flex_row > div.act {
            width: 10%;
        }

        .flex_table.shipment_list .flex_row > div.status {
            width: 10%;
        }

        .flex_table.shipment_list .flex_row > div.ship-det {
            width: 29%;
        }

        .flex_table.shipment_list .flex_row > div.actions {
            width: 12%;
        }

            .flex_table.shipment_list .flex_row > div.actions p {
                font-weight: 600;
                margin: 0;
            }

            .flex_table.shipment_list .flex_row > div.actions .list {
                padding-left: 10px;
            }

                .flex_table.shipment_list .flex_row > div.actions .list li {
                    line-height: 1.2;
                    margin-bottom: 2px;
                }

                    .flex_table.shipment_list .flex_row > div.actions .list li a {
                        color: #F00;
                        font-size: 11px;
                    }

        .flex_table.shipment_list .flex_row > div.qty > span {
            padding: 1px 5px;
            border-radius: 20px;
            background-color: #F00;
            color: #FFF;
            min-width: 30px;
            display: inline-block;
            text-align: center;
            font-size: 11px;
            font-weight: 600;
            margin-top: 4px;
        }

        .flex_table.shipment_list .flex_row > div.items .item_name {
            background-color: #333;
            padding: 1px 5px;
            color: #FFF;
            border-radius: 3px;
            font-size: 10px;
            margin: 0 2px;
        }

        .flex_table.shipment_list .flex_row > div.ship-det .form-control {
            height: 22px;
            padding: 0px 5px;
            font-size: 11px;
            border: #ccc 1px solid;
            border-radius: 4px;
            width: auto;
            box-shadow: rgba(0,0,0,0.15) 0 0 4px inset;
        }

        .flex_table.shipment_list .flex_row > div.ship-det .table-ul {
            width: 100%;
            margin-bottom: 5px;
        }

            .flex_table.shipment_list .flex_row > div.ship-det .table-ul > li > div {
                padding: 2px 0;
                vertical-align: top;
                font-size: 11px;
            }

        .flex_table.shipment_list .flex_row > div.ship-det p {
            margin: 0;
            font-size: 11px;
        }

            .flex_table.shipment_list .flex_row > div.ship-det p.bold-600 {
                font-weight: 700;
            }

        .flex_table.shipment_list .flex_row > div.ship-det .table-ul > li > div:first-child {
            width: 25%;
        }

        .flex_table.shipment_list .flex_row > div.ship-det .input-group .form-control {
            border-radius: 4px 0 0 4px;
            width: 100%;
        }

            .flex_table.shipment_list .flex_row > div.ship-det .input-group .form-control + .input-group-addon {
                font-size: 11px;
                padding: 5px 8px !important;
                border-radius: 0 3px 3px 0;
            }

        .flex_table.shipment_list .flex_row > div.ship-det .input-group-addon {
            font-size: 11px;
            padding: 5px !important;
            border: #eee 1px solid;
            border-radius: 3px;
            background-color: #e5e5e5;
        }

.shipment_list .btn-danger {
    background-image: linear-gradient(to bottom, #F00, #c00);
    text-shadow: rgba(0,0,0,0.5) -1px -1px 0px;
}

.shipment_list .text-danger {
    color: #F00;
}

.date_time .btn-danger {
    background-image: linear-gradient(to bottom, #F00, #c00);
    text-shadow: rgba(0,0,0,0.5) -1px -1px 0px;
}

.list-inline.header_tabs {
}

    .list-inline.header_tabs li {
    }

        .list-inline.header_tabs li a {
            color: #999;
            font-weight: 600;
        }

        .list-inline.header_tabs li.active a {
            background-color: #ddd;
            color: #000;
            padding: 4px 10px;
            border-radius: 2px;
        }

.updates {
    align-content: stretch;
    margin-bottom: 5px;
    border: #ddd 1px solid;
    padding: 5px;
    border-radius: 30px;
}

    .updates:hover {
        background-color: #f5f5f5;
    }

    .updates:last-child {
        margin-bottom: 0;
    }

    .updates .num {
        width: 80px;
        vertical-align: middle;
    }

        .updates .num span {
            border-radius: 70px;
            background-color: #F00;
            color: #FFF;
            display: block;
            text-align: center;
            padding: 5px 8px;
            font-size: 18px;
            letter-spacing: 1px;
            font-weight: 700;
        }

    .updates .text {
        vertical-align: middle;
        font-size: 14px;
        font-weight: 600;
        padding: 6px 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .updates.pending .num span {
        background-color: #06C;
    }

.account_receivable .top_section {
}

    .account_receivable .top_section .input-group {
        border-bottom: #ddd 1px solid;
        width: 60%;
        min-width: 220px;
        margin-bottom: 20px;
    }

    .account_receivable .top_section .form-control {
        border: none;
    }

    .account_receivable .top_section .input-group-addon {
        border: none;
        color: #ddd;
    }

.dues {
    display: inline-block;
    text-align: right;
}

    .dues h4 {
        font-size: 24px;
        color: black;
        font-weight: 600;
    }

    .dues a.link {
        font-size: 12px;
        color: #999;
    }

.flex_table.receivable {
}

    .flex_table.receivable .flex_row:nth-last-child(1) > div.action .dropdown-menu {
        top: auto;
        bottom: 80%;
    }

    .flex_table.receivable .flex_row:nth-last-child(1) > div.action .dropdown.open .btn > i.fa {
        transform: rotate(180deg);
    }

    .flex_table.receivable .flex_row:nth-last-child(2) > div.action .dropdown-menu {
        top: auto;
        bottom: 80%;
    }

    .flex_table.receivable .flex_row:nth-last-child(2) > div.action .dropdown.open .btn > i.fa {
        transform: rotate(180deg);
    }

    .flex_table.receivable .flex_row:nth-last-child(3) > div.action .dropdown-menu {
        top: auto;
        bottom: 80%;
    }

    .flex_table.receivable .flex_row:nth-last-child(3) > div.action .dropdown.open .btn > i.fa {
        transform: rotate(180deg);
    }

    .flex_table.receivable .flex_row.highlight {
        border: #dd301d 2px solid;
        border-radius: 1px;
    }

.flex_row.highlight + .flex_row.highlight {
    border-top: none;
}

.flex_table.receivable .flex_row > div {
    padding: 10px 7px;
    font-size: 10px;
}

.flex_table.receivable .flex_row.heading > div {
    font-weight: 700;
    color: #7a7a7a;
}



.flex_table.receivable .flex_row > div.comp_name {
    background-color: #f5f5f5;
    width: 20%;
}

.flex_table.receivable .flex_row > div.score {
    background-color: #f5f5f5;
    width: 8%;
}

.flex_table.receivable .flex_row > div.bal_due {
    background-color: #f5f5f5;
    width: 8%;
    text-align: right;
}

.flex_table.receivable .flex_row > div.current {
    background-color: #ebf0f5;
    width: 8%;
    text-align: right;
}

.flex_table.receivable .flex_row > div.days_1 {
    background-color: #f4efeb;
    width: 8%;
    border-left: #f5f5f5 2px solid;
    text-align: right;
}

.flex_table.receivable .flex_row > div.days_2 {
    background-color: #f4ebea;
    width: 8%;
    border-left: #f5f5f5 2px solid;
    text-align: right;
}

.flex_table.receivable .flex_row > div.days_3 {
    background-color: #f2e9e9;
    width: 8%;
    border-left: #f5f5f5 2px solid;
    text-align: right;
}

.flex_table.receivable .flex_row > div.days_4 {
    background-color: #f0e8e9;
    width: 8%;
    border-left: #f5f5f5 2px solid;
    text-align: right;
}

.flex_table.receivable .flex_row > div.status {
    background-color: #f5f5f5;
    width: 8%;
    text-align: center;
}

.flex_table.receivable .flex_row > div.old {
    background-color: #f5f5f5;
    width: 8%;
}

.flex_table.receivable .flex_row > div.action {
    background-color: #f5f5f5;
    width: 8%;
}


.flex_table.receivable .flex_row:nth-child(2n+1) > div.comp_name {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.score {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.bal_due {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.current {
    background-color: #f4f8fe;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.days_1 {
    background-color: #fcf8f4;
    border-left: #fff 2px solid;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.days_2 {
    background-color: #fdf4f3;
    border-left: #fff 2px solid;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.days_3 {
    background-color: #fbf2f2;
    border-left: #fff 2px solid;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.days_4 {
    background-color: #f9f1f2;
    border-left: #fff 2px solid;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.status {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.old {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row:nth-child(2n+1) > div.action {
    background-color: #ffffff;
}

.flex_table.receivable .flex_row.heading > div.comp_name {
    background-color: #dddddd;
    width: 20%;
}

.flex_table.receivable .flex_row.heading > div.score {
    background-color: #e5e5e5;
    width: 8%;
}

.flex_table.receivable .flex_row.heading > div.bal_due {
    background-color: #e5e5e5;
    width: 8%;
}

.flex_table.receivable .flex_row.heading > div.current {
    background-color: #dbe0e5;
    width: 8%;
}

.flex_table.receivable .flex_row.heading > div.days_1 {
    background-color: #e3dedb;
    width: 8%;
    border-left: #e6e6e6 2px solid;
}

.flex_table.receivable .flex_row.heading > div.days_2 {
    background-color: #e4dbda;
    width: 8%;
    border-left: #e6e6e6 2px solid;
}

.flex_table.receivable .flex_row.heading > div.days_3 {
    background-color: #dfd9d9;
    width: 8%;
    border-left: #e6e6e6 2px solid;
}

.flex_table.receivable .flex_row.heading > div.days_4 {
    background-color: #dfd9d9;
    width: 8%;
    border-left: #e6e6e6 2px solid;
}

.flex_table.receivable .flex_row.heading > div.status {
    background-color: #e5e5e5;
    width: 8%;
}

.flex_table.receivable .flex_row.heading > div.old {
    background-color: #e5e5e5;
    width: 8%;
}

.flex_table.receivable .flex_row.heading > div.action {
    background-color: #e5e5e5;
    width: 8%;
}


.flex_table.receivable .flex_row > div.comp_name a {
    color: #528cf6;
    font-weight: 700;
    font-size: 11px;
    width: 100%;
}

.flex_table.receivable .flex_row > div.comp_name .chk {
    display: inline-block;
    vertical-align: middle;
    padding: 0 7px;
}

.flex_table.receivable .flex_row > div.comp_name .alert_rup {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    height: auto;
    display: inline-block;
    width: 20px;
    margin-top: 3px;
    margin-left: 2px;
    margin-right: 2px;
}

    .flex_table.receivable .flex_row > div.comp_name .alert_rup span.alert {
        background-image: url(../images/alert-x.jpg);
        width: 14px;
        height: 14px;
        display: inline-block;
        margin-bottom: 2px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center;
        margin: 1px;
    }

    .flex_table.receivable .flex_row > div.comp_name .alert_rup span.rup {
        width: 13px;
        height: 13px;
        display: inline-block;
        color: #fff;
        background: #f74d32;
        border-radius: 15px;
        text-align: center;
        margin: 2px;
    }


.flex_table.receivable .flex_row > div.comp_name .name {
    display: inline-block;
    vertical-align: middle;
    width: 68%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flex_table.receivable .flex_row > div.score {
}

    .flex_table.receivable .flex_row > div.score .grade {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 25px;
        text-align: center;
        color: #fff;
        vertical-align: middle;
        font-weight: 400;
        font-size: 13px;
        margin-top: 3px;
    }

        .flex_table.receivable .flex_row > div.score .grade.a {
            background-color: #619c44;
        }

        .flex_table.receivable .flex_row > div.score .grade.b {
            background-color: #c1bb27;
        }

        .flex_table.receivable .flex_row > div.score .grade.c {
            background-color: #d78111;
        }

        .flex_table.receivable .flex_row > div.score .grade.d {
            background-color: #dd311f;
        }

    .flex_table.receivable .flex_row > div.score .up_down {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0;
    }

        .flex_table.receivable .flex_row > div.score .up_down .fa-arrow-up {
            color: #609c43;
        }

        .flex_table.receivable .flex_row > div.score .up_down .fa-arrow-down {
            color: #dc2e1c;
        }


.flex_table.receivable .flex_row > div p.amt a {

    display: inline-block;
}

.flex_table.receivable .flex_row > div.score .card_exc {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0;
    width: 20px;
    font-size: 12px;
    margin-left: 13px;
}

    .flex_table.receivable .flex_row > div.score .card_exc .exc a {
        width: 13px;
        height: 13px;
        display: inline-block;
        color: #f74d32;
        border-radius: 15px;
        text-align: center;
        margin: 2px;
    }

    .flex_table.receivable .flex_row > div.score .card_exc .card a {
        width: 13px;
        height: 13px;
        display: inline-block;
        color: #f74d32;
        border-radius: 15px;
        text-align: center;
        margin: 2px;
    }

.flex_table.receivable .flex_row > div.bal_due p.amt a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    margin-top: 8px;
}

.flex_table.receivable .flex_row > div.bal_due p,
.flex_table.receivable .flex_row > div.current p,
.flex_table.receivable .flex_row > div.days_1 p,
.flex_table.receivable .flex_row > div.days_2 p,
.flex_table.receivable .flex_row > div.days_3 p,
.flex_table.receivable .flex_row > div.days_4 p {
    margin: 0;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
}

    .flex_table.receivable .flex_row > div.current p.amt a {
        color: #528cf6;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }

    .flex_table.receivable .flex_row > div.days_1 p.amt a {
        color: #d67e0f;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }

    .flex_table.receivable .flex_row > div.days_2 p.amt a {
        color: #de3928;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }

    .flex_table.receivable .flex_row > div.days_3 p.amt a {
        color: #bd2523;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }

    .flex_table.receivable .flex_row > div.days_4 p.amt a {
        color: #881911;
        font-size: 12px;
        font-weight: 700;
        margin-top: 8px;
    }

.flex_table.receivable .flex_row > div.status .sent {
    padding: 0 10px 1px;
    border-radius: 20px;
    background-color: #3c88f6;
    color: #fff;
    font-weight: 400;
    width: auto;
    display: block;
    margin-top: 12px;
}

.flex_table.receivable .flex_row > div.status .viewed {
    padding: 0 10px 1px;
    border-radius: 20px;
    background-color: #b3b2b3;
    color: #fff;
    font-weight: 400;
    width: auto;
    display: block;
    margin-top: 12px;
}

.flex_table.receivable .flex_row > div.old p a {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 7px;
    display: inline-block;
    font-weight: 600;
}

.flex_table.receivable .flex_row > div.action .btn {
    margin-top: 8px;
}


.flex_table.receivable .flex_row.highlight div.comp_name a {
    color: #dd311f;
    background-image: url(../images/com_icon.jpg);
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: left;
}

.flex_table.receivable .flex_row.highlight > div.bal_due p.amt a {
    color: #dc2d1c;
}

.accountstatus {
    padding: 5px 10px;
    font-size: 14px;
}

.merchant_data {
    padding: 15px;
    text-align: center;
    border-right: #ccc 1px solid;
    margin: 10px 0;
    width: 100%;
    background-color: #fff;
    display: inline-block;
    padding-right: 60px;
    box-shadow: rgba(0,0,0,0.15) 0 0 3px;
}

    .merchant_data p.num {
        font-size: 50px;
        font-weight: 700;
        color: #000;
    }

    .merchant_data p {
        font-size: 20px;
        font-weight: 600;
    }

    .merchant_data::after {
        width: 47px;
        height: 47px;
        display: inline-block;
        border-radius: 40px;
        content: "";
        background-color: #090;
        position: absolute;
        border: #060 1px solid;
        top: 45px;
        right: 50px;
    }

    .merchant_data.low::after {
        width: 47px;
        height: 47px;
        display: inline-block;
        border-radius: 40px;
        content: "";
        background-color: #F00;
        position: absolute;
        border: #C00 1px solid;
        top: 45px;
        right: 50px;
    }

.flex_table.merchant_table {
    background-color: #fff;
    margin-bottom: 20px;
}

    .flex_table.merchant_table .flex_row {
    }

        .flex_table.merchant_table .flex_row.heading > div {
            font-weight: 700;
            font-size: 13px;
            padding: 10px;
            background-color: #666;
            color: #FFF;
        }

            .flex_table.merchant_table .flex_row.heading > div p {
                font-size: 12px;
            }

            .flex_table.merchant_table .flex_row.heading > div.mrp {
                background-color: #19d0d4;
                color: #FFF;
                border-bottom: none;
            }

            .flex_table.merchant_table .flex_row.heading > div.dp {
                background-color: #8cc24a;
                color: #FFF;
                border-radius: 0;
                border-bottom: none;
            }

        .flex_table.merchant_table .flex_row > div {
            padding: 5px 10px;
            display: flex;
            align-items: center;
        }

            .flex_table.merchant_table .flex_row > div p {
                font-size: 14px;
                margin: 0;
            }

            .flex_table.merchant_table .flex_row > div > div {
                width: 100%;
            }

        .flex_table.merchant_table .flex_row div.no {
            width: 5%;
        }

        .flex_table.merchant_table .flex_row div.image {
            width: 10%;
        }

        .flex_table.merchant_table .flex_row div.category {
            width: 22%;
        }

        .flex_table.merchant_table .flex_row div.name {
            width: 32%;
        }

        .flex_table.merchant_table .flex_row div.mrp {
            width: 15%;
            text-align: right;
            background-color: #f9f9f9;
            border-bottom: #eee 1px solid;
        }

        .flex_table.merchant_table .flex_row div.dp {
            width: 15%;
            text-align: right;
            height: auto;
            background-color: #f1f1f1;
            border-radius: 0;
            border-bottom: #ddd 1px solid;
        }

        .flex_table.merchant_table .flex_row div.date {
            width: 15%;
            text-align: center;
        }

        .flex_table.merchant_table .flex_row div.image .img {
            border: #ccc 1px solid;
            border-radius: 50px;
            overflow: hidden;
            width: 50px;
            height: 50px;
            padding: 5px;
        }

            .flex_table.merchant_table .flex_row div.image .img img {
                max-height: 40px;
                max-width: 40px;
            }

        .flex_table.merchant_table .flex_row div.category p a {
            font-weight: 700;
            color: #ff6c00;
        }

        .flex_table.merchant_table .flex_row div.name p a {
            font-weight: 700;
        }

        .flex_table.merchant_table .flex_row div.mrp p {
            color: #00b5b9;
            font-size: 16px;
            font-weight: 700;
        }

        .flex_table.merchant_table .flex_row div.dp p {
            color: #5ba204;
            font-size: 16px;
            font-weight: 700;
        }

    .flex_table.merchant_table .since {
        width: 15%;
        text-align: right;
    }

    .flex_table.merchant_table .open_order {
        width: 15%;
        text-align: right;
    }

        .flex_table.merchant_table .open_order a {
            color: #5ba204;
            font-weight: 700;
        }

.bold-700 {
    font-weight: 700;
}

.pointer-null {
    pointer-events: none;
}


@keyframes scale {
    50% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }
}


@media only screen and (min-width: 1170px) {
    #vertical-timeline.center-orientation {
        margin-top: 3em;
        margin-bottom: 3em;
    }

        #vertical-timeline.center-orientation:before {
            left: 17%;
            margin-left: -2px;
        }

    #vertical-timeline.track_det.center-orientation:before {
        left: 15px;
        background-color: red;
        margin-left: -2px;
    }
}

@media only screen and (max-width: 1170px) {
    .center-orientation.dark-timeline .vertical-timeline-content:before {
        border-color: transparent #f5f5f5 transparent transparent;
    }
}

.vertical-timeline-block {
    position: relative;
    margin: 2em 0;
}

    .vertical-timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-block:first-child {
        margin-top: 0;
    }

    .vertical-timeline-block:last-child {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-block {
        margin: 4em 0;
    }

        .center-orientation .vertical-timeline-block:first-child {
            margin-top: 0;
        }

        .center-orientation .vertical-timeline-block:last-child {
            margin-bottom: 0;
        }
}

.vertical-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 16px;
    border: 3px solid #f1f1f1;
    text-align: center;
    background-color: #fff;
}

    .vertical-timeline-icon i {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -9px;
    }

@media only screen and (min-width: 1170px) {
    .center-orientation .vertical-timeline-icon {
        width: 40px;
        height: 40px;
        left: 17.5%;
        margin-left: -25px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        font-size: 19px;
    }

    .center-orientation.track_det .vertical-timeline-icon {
        left: 20px;
        border-color: red;
        background-color: red;
        color: #fff;
    }

    .center-orientation .vertical-timeline-icon i {
        margin-left: -12px;
        margin-top: -10px;
    }

    .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
        visibility: hidden;
    }
}

.vertical-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
}

    .vertical-timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .vertical-timeline-content h2 {
        font-weight: 600;
        margin-bottom: 10px;
        margin-top: 4px;
    }

    .vertical-timeline-content p {
        margin: 5px 0 0;
        line-height: 1.6;
        font-size: 13px;
    }

.track_det.center-orientation .vertical-timeline-content p {
    color: #666666;
}

    .track_det.center-orientation .vertical-timeline-content p > span {
        color: #111;
        font-weight: 600;
    }

    .track_det.center-orientation .vertical-timeline-content p.add {
        color: #888888;
        margin-bottom: 10px;
    }

.vertical-timeline-content p a {
    color: #F00;
}

.vertical-timeline-content .vertical-date {
    float: left;
    font-weight: 500;
}

.vertical-date small {
    color: #1ab394;
    font-weight: 400;
}

.vertical-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: auto;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
    transform: rotate(180deg);
}

@media only screen and (min-width: 768px) {
    .vertical-timeline-content h2 {
        font-size: 15px;
        margin: 0;
        color: #000;
    }

    .vertical-timeline-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1170px) {


    .center-orientation .vertical-timeline-content {
        margin-left: 0;
        padding: 15px;
        width: 75%;
        float: right;
    }

    .track_det.center-orientation .vertical-timeline-content {
        float: left;
        margin-left: 40px;
        padding: 5px 15px;
        background: transparent;
        border: none;
    }

    .center-orientation .vertical-timeline-content::before {
        top: 24px;
        left: -15px;
        border-color: transparent;
        border-right-color: white;
    }

    .center-orientation .vertical-timeline-content .btn {
        float: left;
    }

    .center-orientation .vertical-timeline-content .vertical-date {
        position: absolute;
        width: 100%;
        right: 119%;
        top: 2px;
        font-size: 14px;
        text-align: right;
    }
    /*  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }*/
    .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
        visibility: hidden;
    }
}

.p-15 {
    padding: 15px;
}

.bg-success {
    background-color: #64a04b;
}

    .bg-success:hover {
        background-color: #64a04b !important;
    }

.purchase {
    text-align: center;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

    .purchase p {
        color: #FFF;
    }

    .purchase h3 {
        color: #FFF;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .purchase p.type {
        margin: 0;
    }

.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.sales_box_wrap {
    margin-left: -5px;
    margin-right: -5px;
}

    .sales_box_wrap > div {
        padding-left: 5px;
        padding-right: 5px;
    }

.sales_das_box {
    margin-bottom: 10px;
    text-align: center;
    padding: 35px 25px;
    display: inline-block;
    width: 100%;
    height: 220px;
}

    .sales_das_box p {
        color: #FFF;
        font-size: 18px;
        margin-bottom: 15px;
    }

    .sales_das_box h3 {
        color: #FFF;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 25px;
        font-size: 42px;
    }

    .sales_das_box .small {
        margin: 0;
        margin-top: 10px;
    }

        .sales_das_box .small > div {
            padding: 0;
        }

            .sales_das_box .small > div p {
                margin: 0;
                margin-bottom: 3px;
                font-size: 11px;
                line-height: 1.3;
            }

                .sales_das_box .small > div p:last-child {
                    font-size: 13px;
                    font-weight: 600;
                }

                    .sales_das_box .small > div p:last-child .fa {
                        font-size: 30px;
                        line-height: 13px;
                    }

    .sales_das_box.graph {
        padding: 5px;
        background-color: #fff;
        overflow: hidden;
    }

        .sales_das_box.graph img {
            width: 100%;
            padding: 10px;
            padding-top: 0;
        }

        .sales_das_box.graph h4 {
            color: #777;
            text-align: left;

            font-weight: 600;
            margin: 5px;
        }

    .sales_das_box.distributor {
        padding: 25px;
        position: relative;
        height: auto;
        margin: 0;
        border-radius: 5px;
    }

        .sales_das_box.distributor h3.new {
            margin: 0;
        }

            .sales_das_box.distributor h3.new a {
                color: #FFF;
                background-image: url(../images/new_.png);
                background-repeat: no-repeat;
                background-position: 5px 7px;
                font-size: 22px;
                position: absolute;
                right: 13px;
                top: 8px;
                background-size: 25px;
                padding: 5px;
                padding-left: 28px;
            }

        .sales_das_box.distributor h4 {
            text-align: left;
        }

            .sales_das_box.distributor h4 a {
                color: #FFF;
                font-size: 42px;
                font-weight: 400;
            }

        .sales_das_box.distributor p {
            color: #FFF;
            text-align: left;
        }

    .sales_das_box .small > div p:last-child .fa-rupee {
        font-size: 12px;
    }

.bg-overall {
    background-color: #e8342b;
}

.bg-sd {
    background-color: #038387;
}

.bg-distributor {
    background-color: #854085;
}

.bg-retailer {
    background-color: #ca5010;
}



.dashboard {
    top: 57px;
    padding: 15px;
    width: 100%;
    position: fixed;
    bottom: 40px;
    overflow: auto;
    background-color: #E5e5e5;
}

.sales_das_box.bg-info {
    background-color: #4fa03d !important;
}

    .sales_das_box.bg-info:hover {
        background-color: #4fa03d !important;
    }

.sales_das_box.bg-warning {
    background-color: #e1542b !important;
}

.bg-yellow {
    background-color: #fcce58;
}

.bg-brown {
    background-color: #930;
}

.bg-brown {
    background-color: #930;
}

.sales_breakdwon {
    background-color: #FFF;
    display: inline-block;
    width: 100%;
}

    .sales_breakdwon img {
        width: 100%;
    }

    .sales_breakdwon h4 {
        color: #777;
        text-align: left;
        font-weight: 600;
        margin: 5px 8px;
    }

    .sales_breakdwon .nav.nav-tabs {
    }

        .sales_breakdwon .nav.nav-tabs li {
        }

            .sales_breakdwon .nav.nav-tabs li a {
                padding: 4px 8px;
                border-radius: 0;
                font-size: 12px;
            }

                .sales_breakdwon .nav.nav-tabs li a .fa {
                    font-size: 14px;
                    display: none;
                }

            .sales_breakdwon .nav.nav-tabs li.active a {
                background-color: #454545;
                color: #FFF;
            }

                .sales_breakdwon .nav.nav-tabs li.active a .fa {
                    display: inline;
                }

    .sales_breakdwon h4 {
        color: #777;
        text-align: left;
        font-weight: 600;
        margin: 5px 8px;
    }

    .sales_breakdwon .nav.nav-tabs {
    }

        .sales_breakdwon .nav.nav-tabs li {
        }

            .sales_breakdwon .nav.nav-tabs li a {
                padding: 2px 8px;
                border-radius: 0;
                font-size: 12px;
            }

                .sales_breakdwon .nav.nav-tabs li a .fa {
                    font-size: 14px;
                    display: none;
                }

            .sales_breakdwon .nav.nav-tabs li.active a {
                background-color: #5a5a5a;
                color: #FFF;
            }

                .sales_breakdwon .nav.nav-tabs li.active a .fa {
                    display: inline;
                }

.inventory_menu a.btn {
    width: 100px;
    margin-left: 5px;
}

.items_data {
    text-align: center;
}

    .items_data > .row > div {
        padding: 15px;
    }

    .items_data h4 {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
        text-shadow: rgba(0,0,0,0.3) 0 0 5px;
    }

    .items_data p {
        color: rgba(0,0,0,0.5);
        font-size: 16px;
        font-weight: 700;
    }

@media (max-width:500px) {
    .activity ul li {
        width: 92%;
    }

    .list {
        width: 100%;
    }
}

@media (max-width:400px) {
    .header-nav {
        text-align: center;
    }

    .page-header .heading {
        min-width: 100%;
        text-align: center;
    }

    .page-header > div:nth-child(2) {
        min-width: 100%;
    }
}

@media (max-width: 768px) {

    .item-grid .popup span.arrow {
        display: inline-block;
    }

    .wrapper {
        margin-top: 50px;
    }

    .navbar-form {
        margin: -1px -15px;
    }

    h1, .h1 {
        margin-bottom: 8px;
    }

    .toggle, .menu-shutter {
        display: none;
    }

    .wrapper {
        margin-top: 105px;
    }

    .nav > li {
        position: static;
    }

    .dropdown-menu-lg {
        float: none;
        margin: -5px 2%;
        width: 96%;
    }

    .country-detail {
        margin-top: 105px;
    }

    dd {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .airport-detail-right {
        padding-left: 0;
    }

    .navbar-header {
        min-width: 162px;
    }

    .side-nav {
        background-color: #eeeeee;
        border-radius: 0;
        border-right: thin solid #c5c5c5;
        bottom: 0px;
        box-shadow: 1px -10px 10px 0 rgba(0, 0, 0, 0.2) inset;
        left: 225px;
        margin-left: -225px;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 10px;
        position: fixed;
        top: 56px;
        width: 225px;
    }

        .side-nav > li {
            padding: 2px;
            display: block;
            float: none;
        }

            .side-nav > li > a {
                border-radius: 5px;
                color: #333 !important;
                font-size: 13px;
                font-weight: 400;
                letter-spacing: 1px;
                text-transform: uppercase;
                width: 100%;
            }

                .side-nav > li > a i {
                    width: 25px;
                    font-size: 16px;
                }

            .side-nav > li.active > a {
                background-color: #dddddd !important;
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25) inset;
            }

            .side-nav > li:hover > a {
                background-color: #dddddd !important;
            }

    .wrapper {
        display: block;
        margin-top: 55px;
        margin-left: 225px;
    }



    .data {
        bottom: 0;
        left: 0;
        min-height: 0.01%;
        position: static;
        right: 0;
        top: 93px;
    }

        .data.touch-with-heading {
            top: 00px !important;
        }

    .details dl dt {
        width: 90px;
        margin-bottom: 5px;
    }

    .details dl dd {
        margin-left: 100px;
        margin-bottom: 5px;
    }

    .details h4 {
        border-bottom: thin solid #eee;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 15px;
        margin-top: 0;
        padding-bottom: 10px;
    }

    .details h3 {
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .side-nav:hover .menu-shutter {
        display: block;
    }

    .nav-hide {
        display: none;
    }
}

ul .dropdown-menu {
    max-height: 250px;
    overflow: hidden;
    overflow-y: auto;
}

.airport-search .col-lg-3:last-child .btn {
    float: right;
    margin-top: 35px;
    width: 100px;
    font-weight: 700;
    letter-spacing: 2px;
}

.airport-search > div {
    margin-top: 8px;
    margin-bottom: 8px;
}

.airport-search .btn-group {
    width: 90% !important;
    position: relative;
}

.airport-search .dropdown-menu {
    width: 90%;
}

.airport-search .caret {
    position: absolute;
    right: 12px;
    top: 12px;
}

.airport-search input[type="checkbox"] {
    vertical-align: bottom;
}

.parameter {
    border-bottom: thin solid #ddd;
    border-top: thin solid #ddd;
    margin-top: 15px !important;
    padding-bottom: 20px;
    padding-top: 7px;
}

.airport-search-form {
    margin: 15px;
}

    .airport-search-form > .tab-content > div > div {
        margin-bottom: 5px;
    }

    .airport-search-form .tab-content {
        background-color: #ffffff;
        padding: 15px;
        display: inline-block;
        width: 100%;
    }

    .airport-search-form ul.nav li {
        border-right: #c5c5c5 thin solid;
    }

        .airport-search-form ul.nav li a {
            border: medium none;
            border-radius: 0;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            padding: 20px;
        }

    .airport-search-form ul.nav {
        background-color: rgba(255,255,255,0.5);
        border-radius: 0;
    }

        .airport-search-form ul.nav li a:hover, .airport-search-form ul.nav li a:focus {
            border: none;
        }

.tab-content .input-group {
    width: 100%;
}

.tab-content:last-child .input-group button {
    height: 40px;
    padding: 10px;
}

.search-field {
    height: 40px;
    padding: 10px;
}

.search-btn {
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    padding: 10px 15px;
}

.advanced-btn {
    font-weight: 700;
    height: 40px;
    letter-spacing: 1px;
    padding: 10px 15px;
}

.advanced {
    background-color: #eee;
    border-top: 2px solid #ddd;
    display: none;
    margin-top: 20px;
    padding: 20px;
    width: 100%;
}

    .advanced .btn-group {
        width: 95% !important;
    }

    .advanced > div:nth-child(7) {
        text-align: right;
    }

        .advanced > div:nth-child(7) a.btn {
            margin-top: 20px;
        }

.news {
    display: block;
}

.news-grid {
    border-bottom: #ddd thin solid;
    min-height: 80px;
}

    .news-grid h5 {
        font-size: 13px;
        line-height: 1.4;
    }

    .news-grid a {
        color: #069;
    }

    .news-grid .pull-left {
        height: 80px;
        min-width: 50px;
        text-align: center;
        padding-right: 12px;
        font-size: 30px;
    }

        .news-grid .pull-left img {
            max-height: 80px;
            max-width: 80px;
            height: auto;
            width: auto;
        }

.latest-on-airport {
    font-size: 17px;
    font-weight: 700;
    padding-left: 15px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.scrtabs-tab-scroll-arrow {
    background-color: #EEEEEE;
}

.list h4 {
    font-size: 16px;
}

.airpot-navigation {
    padding-bottom: 15px;
}

    .airpot-navigation p {
        margin: 0;
    }

.airport-handler td:first-child {
    text-align: left;
}

.airport-handler th:first-child {
    text-align: left;
}

.diogram-box h4 {
    margin-top: 0;
    border-bottom: #ddd thin solid;
    padding-bottom: 10px;
}

.main-detail ul {
    display: block;
}

    .main-detail ul li {
        display: table;
        width: 100%;
    }

        .main-detail ul li > span {
            font-size: 12px;
            letter-spacing: 1px;
            padding: 8px 0;
            border-bottom: #ddd thin solid;
            display: table-cell;
        }

        .main-detail ul li span.head {
            width: 48%;
            text-align: right;
            padding-right: 2%;
            color: #666;
        }

        .main-detail ul li span.data2 {
            width: 50%;
            font-weight: 700;
        }

.add-country {
    margin-top: 15px;
}

.border-right {
    border-right: #ddd thin solid;
}

.border-left {
    border-left: #ddd thin solid;
}

.scrtabs-tab-container {
    display: inline-block;
    width: 100%;
}

.tab-content {
    display: block;
    padding: 10px;
}


.inline-block {
    display: inline-block;
}

.form-control {
    display: inline-block;
}

.form-horizontal .control-label {
    float: left;
    padding-top: 5px;
    text-align: right;
    width: 160px;
}

.form-horizontal .controls {
    margin-left: 180px;
}

    .form-horizontal .controls .bootstrap-select {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

document .icon-image {
    display: block;
    text-align: center;
}

.document {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    background-color: #dddddd;
    position: relative;
}

    .document:hover {
        box-shadow: none;
    }

    .document .icon-image img {
        max-height: 50px;
        max-width: 50px;
    }

    .document .name {
        font-size: 12px;
        font-weight: 700;
        text-align: center;
    }

    .document .uploaded-on {
        font-size: 12px;
        margin-top: 3px;
        text-align: center;
        color: #757575;
    }

        .document .uploaded-on span {
            display: block;
        }

    .document .delete {
        bottom: 5px;
        color: #666;
        font-size: 15px;
        position: absolute;
        right: 5px;
    }


.editor .btn {
    padding: 1px 4px;
}

.editor .Editor-editor {
    height: 150px;
}

.editor .Editor-container {
    margin-bottom: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.margin-clear {
    margin: 0;
}

.default-bg {
    background-color: #337ab7;
}

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

.text-white {
    color: #FFFFFF !important;
}

.bordered {
    border: #ddd thin solid;
}

.p-10 {
    padding: 10px;
}

.p-20 {
    padding: 20px;
}

.p-5 {
    padding: 5px;
}

.white-bg {
    background-color: #ffffff !important;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.total {
    padding: 20px;
    margin-top: 20px;
    background-color: #FFC;
    border: #FC0 1px dashed;
    font-size: 15px;
    line-height: 1.6;
    color: #C60;
    width: 40% !important;
}

.pendingamt {
    padding: 20px;
    margin-top: -20px;
    background-color: #FFC;
    border: #FC0 1px dashed;
    font-size: 15px;
    line-height: 1.6;
    color: #C60;
    text-align: center;
}

.pending_amt {
    padding: 20px;
    background-color: #FFC;
    border: #FC0 1px dashed;
    font-size: 15px;
    line-height: 1.6;
    color: #C60;
    text-align: center;
}

.file-upload-input {
    z-index: 8;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.billing-data-wrap {
    font-size: 14px;
    background-color: #fff;
}

.table-responsive .list-link {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    cursor: pointer;
}


.billing {
    padding: 10px;
    background-color: #ffffff;
    border-bottom: #ccc thin solid;
    border-top: #ddd thin solid;
    display: inline-block;
    width: 100%;
}

    .billing ul li div {
        padding: 0;
        vertical-align: top;
    }

        .billing ul li div:first-child {
            width: 20px;
        }

    .billing h4 {
        margin-top: 0;
        margin-bottom: 5px;
        font-size: 17px;
    }

    .billing p {
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 1.3;
        color: #666;
    }

.page-header.white-bg {
    background-color: #ffffff;
}

.data-list-box .data-list {
    width: 100%;
    float: left;
}

.data-list-box .detail {
    display: none;
}

.data-list-box .billing-div {
    display: none;
}

.data-list-box.with-detail .data-list {
    width: 40%;
    float: left;
    position: absolute;
    bottom: 0;
    top: 0;
    border-right: #ddd thin solid;
}

.data-list-box.with-detail .billing-div {
    display: block;
    overflow: hidden;
}

.data-list-box.with-detail .billing-table {
    display: none;
}

.data-list-box.with-detail .data-list .tab-content {
    padding: 0;
}

.data-list-box.with-detail .data-list h1 {
    font-size: 15px;
    margin-top: 5px;
}

.data-list-box.with-detail .detail {
    width: 60%;
    float: left;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    font-size: 13px;
    overflow: auto;
    background-color: #ffffff;
}

    .data-list-box.with-detail .detail .record-div {
        display: none;
    }

    .data-list-box.with-detail .detail .det-div {
        display: block;
    }

    .data-list-box.with-detail .detail.record .record-div {
        display: block;
    }

    .data-list-box.with-detail .detail.record .det-div {
        display: none;
    }

.data-list-box.with-detail .page-header .pagination {
    display: none;
}

.detail-sheet {
    padding: 25px;
    box-shadow: rgba(0,0,0,0.2) 0 0 10px;
    margin: 20px;
    display: inline-block;
    width: auto;
    position: relative;
}

.det-logo {
    width: 200px;
}

.comment-icon {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
}

.pcs-template-header {
    padding: 0 0.400000in 0 0.550000in;
    height: 0.700000in;
}


.pcs-entity-title {
    text-align: center;
    position: relative;
    text-transform: uppercase;
}

    .pcs-entity-title:before {
        content: "";
        display: block;
        border-top: 1px solid #ece7e7;
        width: 100%;
        height: 1pt;
        position: absolute;
        top: 50%;
        font-size: 1pt;
    }

    .pcs-entity-title span {
        background: #ffffff;
        padding: 0 20px;
        position: relative;
    }

.pcs-itemtable {
    border: 1px solid #ece7e7;
}

.pcs-itemtable-header {
    border-right: 1px solid #ece7e7;
    border-bottom: 1px solid #ece7e7;
}

.pcs-item-row {
    border-right: 1px solid #ece7e7;
    border-bottom: none;
}

.pcs-bdr-top {
    border-top: 1px solid #ece7e7;
}

.pcs-bdr-bottom {
    border-bottom: 1px solid #ece7e7;
}

.pcs-table, .pcs-table th, .pcs-table td {
    border: 1px solid #ece7e7;
}

.legwrap {
    background-color: #fff;
    border: thin solid #337ab7;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    line-height: 2;
}

    .legwrap .direction {
        background-image: url("../images/direction.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        color: #fff;
        font-size: 16px;
    }

    .legwrap .legwrap-data {
        border-bottom: thin solid #337ab7;
        display: inline-block;
        margin-top: 1px;
        width: 100%;
    }

        .legwrap .legwrap-data:last-child {
            border-bottom: none;
        }

        .legwrap .legwrap-data p {
            font-size: 15px;
            margin: 10px 0;
        }

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.legwrap span.num-spc {
    padding: 0 10px;
}

.light-gray-bg {
    background-color: #e5e5e5;
}

.gray-bg {
    background-color: #cccccc;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

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

    .det-form > div {
        min-height: 25px;
        padding: 5px;
    }

    .det-form .row {
        margin: 0 -5px;
    }

.bold {
    font-weight: 600;
}

.det-form .bold {
    text-align: right;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-5 {
    margin-bottom: 5px;
}

.modalBackground {
    opacity: .5;
    background-color: Gray;
}

.disable-panel {
    opacity: .2;
    pointer-events: none;
}

.location_completionListElement {
    background-color: #fff;
    border: 1px solid buttonshadow;
    border-radius: 0 !important;
    color: windowtext;
    height: 200px !important;
    list-style-type: none;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0 !important;
    text-align: left;
    width: 90% !important;
    max-width: 250px !important;
}

    .location_completionListElement li {
        border-bottom: thin solid #ddd;
        display: block !important
    }

.review-area .location_completionListElement {
    height: 400px !important;
    width: 300px !important
}

.autocomplete ul {
    width: 200px !important
}

.location_highlightedListItem,
.location_listItem {
    padding: 2px !important;
    text-align: left !important;
    width: 100% !important
}

.location_highlightedListItem {
    background-color: #337ab7;
    border-radius: 0 !important;
    color: #fff
}

.location_listItem {
    background-color: window;
    color: windowtext
}

.activepage {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
    color: #fff !important;
}

.ajax__fileupload {
    background-color: #ffffff;
}

.modal-content h4 {
    font-size: 14px;
}


.modal-content .form-control {
    padding: 0 5px;
}

.btn-grey {
    background-color: #444;
    color: #FFF !important;
}

.text-default {
    color: #ff0000;
}

.overlay-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.modal-content .btn-sm {
    padding: 3px 10px;
}

.modal-content .input-group .input-group-addon {
    padding: 0;
}

.height-full {
    height: 100%;
}

.radius-clear {
    border-radius: 0;
}

.p-0 {
    padding: 0 !important;
}

.search-overflow {
    max-height: 400px;
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.table-ul {
    display: inline-table;
    padding: 0;
    margin: 0;
}

    .table-ul > li {
        display: table-row;
        position: relative;
    }

    .table-ul > a {
        display: table-row;
    }

    .table-ul > li > div {
        display: table-cell;
        padding: 8px;
    }

    .table-ul > a div {
        display: table-cell;
        padding: 8px;
    }

.border-bottom-only {
    border-bottom: #ddd thin solid;
    border-top: none;
    border-right: none;
    border-left: none;
}

.pv-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

ul.table-ul-bordered li.heading {
    font-weight: 600;
}

ul.table-ul-bordered > a.heading {
    font-weight: 600;
}

    ul.table-ul-bordered > a.heading div {
        border-bottom: #ddd 3px solid;
        font-weight: 700;
    }

ul.table-ul-bordered li.heading > div {
    border-bottom: #ddd 3px solid;
    font-weight: 700;
}

ul.table-ul-bordered li > div {
    border-bottom: #ddd 1px solid;
    vertical-align: middle;
}

.bold-600 {
    font-weight: 600;
}

.full-width {
    width: 100%;
}

.shadow {
    box-shadow: rgba(0,0,0,0.2) 1px 1px 2px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-2 {
    border-radius: 2px;
}

.p-5-10 {
    padding: 5px 10px;
}

.vertical-top {
    vertical-align: top;
}

.border-top {
    border-top: #ddd thin solid;
}

.service-list {
    font-size: 15px;
    font-weight: 300;
}

.form-label {
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 14px;
    height: 31px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}


@media(min-width:1024px) {
    .modal-lg {
        width: 1000px;
    }
}

.model-select {
    z-index: 11000 !important;
}

.billing-tabs li a {
    font-size: 14px;
}

    .billing-tabs li a:hover {
        background-color: #95999c;
    }

.disresult {
    padding: 20px;
    background-color: #d4ffc1;
    border: #7eff44 1px dashed;
    font-size: 15px;
    line-height: 1.6;
    color: #C60;
}

.discalc {
    padding: 20px;
    background-color: #FFC;
    border: #FC0 1px dashed;
    font-size: 15px;
    line-height: 1.6;
    color: #C60;
}


.pos {
    position: absolute;
}

.asterix {
    color: #b94a48;
}

.stepper-horizontal {
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .stepper-horizontal li {
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
    }

.stepper li a {
    padding: 1.5rem;
    font-size: .88rem;
    text-align: center;
}

.stepper li.completed a .circle {
    background-color: #4285f4 !important;
}

.stepper li a .circle {
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,0,0,.38);
    background-color: rgba(0, 0, 0, 0.38);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 1.5;
    margin-right: .5rem;
    font-size: 14px;
}

.stepper li.completed a .label {
    font-weight: 600;
    color: rgba(0,0,0,.87);
}

.stepper-horizontal li a .label {
    margin-top: .63rem;
    font-size: 14px;
    color: #999;
}


.rating {
    display: inline-block;
}

.ratingStar {
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 0;
    height: 20px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}

.filledRatingStar {
    background-image: url("/images/star.png");
    background-size: 20px;
}

.emptyRatingStar {
    background-image: url("/images/blank.png");
    background-size: 20px;
}

.savedRatingStar {
    background-image: url("/images/star.png");
    background-size: 20px;
}

.m-0 {
    margin: 0px !important;
}

ul.saved-gallery li div {
    background-color: rgba(0, 0, 0, 0.8);
}

ul.saved-gallery li .btn-danger {
    display: none;
}

ul.saved-gallery li:hover .btn-danger {
    display: block;
}

ul.saved-gallery li .btn-setdefault {
    display: none;
}

ul.saved-gallery li:hover .btn-setdefault {
    display: block;
}

ul.saved-gallery li:hover .imgdelete {
    display: block;
}

ul.saved-gallery {
    display: inline-block;
    width: 100%;
    padding: 0;
}

    ul.saved-gallery li {
        display: inline-table;
        height: 150px;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
        vertical-align: middle;
        margin-right: 5px;
        background-color: #DEDEDE;
        width: 19%;
        border: #ccc 1px solid;
    }

        ul.saved-gallery li .imgdelete {
            border-radius: 1px;
            right: 1px;
            padding: 0px;
            position: absolute;
            font-size: 15px;
            background: red;
            color: white;
            height: 22px;
            width: 22px;
            line-height: 1.3;
            top: 1px;
        }

        ul.saved-gallery li .imgedit {
            border-radius: 1px;
            right: 22px;
            padding: 0px;
            position: absolute;
            font-size: 13px;
            background: orange;
            color: white;
            height: 22px;
            width: 25px;
            line-height: 1.6;
            text-align: center;
            top: 1px;
        }

        ul.saved-gallery li .colPatt {
            width: 20px;
            height: 20px;
            position: absolute;
            border-radius: 20px;
            border: white 2px solid;
            margin: 5px;
        }

        ul.saved-gallery li img {
            display: inline-block;
            height: 150px;
            margin-bottom: 10px;
            margin-top: 0px;
            width: auto;
        }

        ul.saved-gallery li div {
            display: table-cell;
            vertical-align: middle;
        }

ul.upload-gallery {
    padding: 0;
}

.btn-group.btn-group-toggle.color .active {
    box-shadow: 0 0 0px 4px rgba(0, 0, 0, 0.3);
}

    .btn-group.btn-group-toggle.color .active::after {
        font-family: FontAwesome;
        content: "\f00c";
        color: white;
    }

.addressPopup {
    width: 400px;
}

.newaddressPopup {
    width: 800px;
}