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

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



    /* loader style */
    .ajax-loading {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, .8);
        z-index: 99999;
    }

    .loader,
    .loader:before,
    .loader:after {
        border-radius: 50%;
        width: 2.5em;
        height: 2.5em;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation: load7 1.5s infinite ease-in-out;
        animation: load7 1.5s infinite ease-in-out;
    }

    .loader {
        color: #171750;
        ;
        font-size: 7px;
        margin: 0px auto;
        position: relative;
        top: 12%;
        text-indent: -9999em;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

    .loader:before,
    .loader:after {
        content: '';
        position: absolute;
        top: 0;
    }

    .loader:before {
        left: -3.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader:after {
        left: 3.5em;
    }

    #loader {
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: #fff;
        overflow: hidden;
    }

    #loader .inner-box {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
    }

    #loader .inner-box img {
        width: 120px;
    }

    @-webkit-keyframes load7 {

        0%,
        80%,
        100% {
            box-shadow: 0 2.5em 0 -1.3em;
        }

        40% {
            box-shadow: 0 2.5em 0 0;
        }
    }

    @keyframes load7 {

        0%,
        80%,
        100% {
            box-shadow: 0 2.5em 0 -1.3em;
        }

        40% {
            box-shadow: 0 2.5em 0 0;
        }
    }

    /* end of loader style */
    body {
        font-size: 15px;
        text-transform: capitalize;

    }

    img,
    svg {
        max-width: 100%;
        max-height: 100%;
    }

    .dropdown-menu {
        font-size: 15px;
    }

    .dropdown-menu>li>a {
        padding: 5px 12px;
    }


    .location-selector {
        min-width: 200px;
        margin: 0 15px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .location-selector .select2-selection {
        height: 50px;
        border: 0;
        line-height: 34px;
        padding: 8px 15px;
    }

    .location-selector .select2-selection .select2-selection__arrow:after {
        right: 15px;
    }

    .location-selector .select2-search--dropdown {
        padding: 10px;
        padding-left: 38px;
    }


    .header-highlight .navbar-header:not([class*=bg-]) {
        background: #3d525d;
    }

    /*.sidebar-main { background: #34444c; }*/
    .sidebar-main:not(.sidebar-default) {
        background: #171750;
    }

    .list-feed-time>li {
        margin-left: 68px;
    }

    .list-feed-time>li .feed-time {
        left: -68px;
    }


    .chart-widget-legend li {
        margin: 5px 5px 0;
        padding: 5px;
    }


    .product-box {
        padding: 10px;
        display: block;
        border: 1px solid #ddd;
        margin-bottom: 20px;
        border-radius: 4px;
        color: #333;
        transition: all 0.3s;
    }

    .product-box-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;
    }

    .product-box-details .product-icon {
        flex: 0 0 60px;
        margin-right: 10px;
    }

    .product-box-details .product-icon img {
        border-radius: 50%;
        max-height: 60px;
    }

    .product-box-details .product-body {
        flex: 1 1 auto;
        overflow: hidden;
    }

    .product-box-details .product-body .heading {
        font-weight: 700;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        width: 100%;
        margin: 0;
    }

    .product-box:hover,
    .product-box:focus {
        color: #333;
        border-color: #00bcd4;
    }

    .sidebar-secondary .sidebar-content {
        max-height: calc(100vh - 50px);
        overflow: auto;
    }

    .sidebar-secondary .sidebar-category .navigation>li {
        border-left-width: 6px;
        border-left-style: solid;
    }

    .sidebar-secondary .sidebar-category .navigation>li>a {
        padding: 20px;
        font-size: 18px;
    }


    .order-overview {}

    .order-box {
        border-top: 1px solid #eee;
        padding: 10px 0;
    }

    .order-box .order-title {
        font-size: 18px;
        font-weight: 700;
        margin: 0 0 10px;
    }

    .order-box .order-modifiers {
        margin: 0 0 10px 0;
        padding: 0;
        list-style: none;
        color: #888;
    }

    .order-box .order-modifiers li::before {
        content: '-';
        display: inline-block;
        margin-right: 8px;
    }

    .order-box .order-meta {
        text-align: right;
    }

    .order-box .order-meta-qty {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .order-box .order-meta-tax {
        color: #ff845d;
        margin-bottom: 10px;
    }

    .order-box .order-meta-tax::before {
        content: 'Tax:';
        display: inline-block;
        margin-right: 4px;
        color: #999;
        font-size: 12px;
    }

    .order-box .order-meta-tax .text-muted {
        font-size: 12px;
    }

    .order-box .order-total {
        font-size: 18px;
        text-align: right;
        color: #4CAF50;
    }

    .order-box .order-total strong {
        font-size: 20px;
    }

    .order-box .order-actions {
        text-align: right;
        margin-top: 15px;
    }

    .order-box .order-actions a {
        display: inline-block;
        text-align: right;
        padding: 5px;
    }

    .order-box .btn.bootstrap-touchspin-up,
    .order-box .btn.bootstrap-touchspin-down {
        padding: 4px 10px;
    }

    .order-box .input-group-addon.bootstrap-touchspin-prefix {
        padding-right: 8px;
        color: #888;
    }

    .order-box .input-group .form-control {
        font-size: 20px;
        text-align: center;
    }


    .overall-items {
        padding: 10px 20px;
    }

    .overall-discount {
        text-align: center;
    }

    .overall-discount input {
        display: inline-block;
        width: 80px;
        font-size: 16px;
    }

    .overall-total {
        text-align: right;
        padding: 5px 20px;
    }

    .overall-total strong {
        display: inline-block;
        font-size: 20px;
        font-weight: 700;
        color: #4caf50;
    }

    body .cst-tlb .chosen-container-single {
        width: 100% !important
    }

    body .chosen-container-single .chosen-single,
    body .chosen-container-active.chosen-with-drop .chosen-single {

        padding: 5px 0 0 8px;
        height: 35px;
        border: 1px solid #edebeb;
        border-radius: 0;
        background-color: none;
        background: none;
        background: none;
        background-clip: none;
        -webkit-box-shadow: none;
    }

    body .chosen-container-single .chosen-drop {
        border: 1px solid #edebeb;
        border-radius: 0;
    }

    body .chosen-container-single .chosen-single div {
        padding-top: 5px;
    }

    body .panel-info.panel-bordered {
        border: none;
    }


    @media (max-width: 768px) {

        .order-box .order-meta,
        .order-box .order-total,
        .order-box .order-actions {
            text-align: left;
        }

        .overall-items,
        .overall-total {
            text-align: center;
        }
    }

    .heading-elements:not(.visible-elements) .icons-list {
        margin-top: 0px;
    }

    .error {
        color: red;
    }

    .navigation ul {
        background: #171750;
    }

    .sidebar-main:not(.sidebar-default) .navigation li a {
        background: #171750;
    }

    .panel {
        color: #333333;
    }

    .crud-icon>li>a {
        background-color: #f7f4f4;
        border-color: #4CAF50;
    }

    .crud-icon>li>a:hover,
    .crud-icon>li>a:focus {
        background-color: #171750;
        color: white;
    }

    .main-panel {
        border-top: 3px solid #171750 !important;
    }

    /*Custom css*/
    .colorcircle {
        height: 25px;
        width: 25px;
        border-radius: 50%;
        display: inline-block;
        border: 2px solid #e8e8e8;
    }

    .actionButton {
        background-color: #f7f4f4;
        color: #171750;
    }

    .editButton {
        color: #171750;
    }

    .editButton:hover {
        background-color: #171750;
        color: white;
    }

    .btn-danger {
        background-color: #d43f3a !important;
    }

    .deleteButton:hover {
        background-color: red;
        color: white;
    }

    .threeDbox {
        position: relative;
    }

    .threeDbox .box {
        position: absolute;
        padding: 20px 70px;
        background: #000;
        top: 50%;
        left: 52%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 25px #cecdcd;
        border-radius: 10px;
        text-align: center;
    }

    /*for check strong password-*/
    .strongness-password-indicator {
        color: rgb(255, 255, 255);
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
    }

    .password-indicator-weak {
        background-color: rgb(213, 87, 87);
        color: rgb(255, 255, 255);
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
    }

    .password-indicator-normal {
        background-color: rgb(235, 127, 94);
        color: rgb(255, 255, 255);
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
    }

    .password-indicator-strong {
        background-color: #4caf50;
        color: rgb(255, 255, 255);
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 0;
    }

    /*for Hide Show password-*/
    .hideshowpassword {
        font-size: 25px;
        margin-left: 10px;
    }

    #menuproductTable.table td,
    #menuproductTable.table th {
        white-space: nowrap;
    }

    .loadproduct.md-20 {
        margin-top: 20px;
        text-align: center;
    }

    .buttoncss-c .customicon.btn-success {
        background: #d1d3d4;
        color: #171750;
    }

    .buttoncss-c .customicon.btn-success.active {
        background: #4CAF50;
        color: #fff;
    }

    .custom-toglle {
        text-align: center;
    }

    .checkbox-switchery.custom-toglle label {
        padding-left: 0;
    }

    .checkbox-switchery.custom-toglle .switchery {
        position: relative;
    }


    #search_user_content {
        padding-left: 40px;
        width: 100%;
    }

    .search_user_icon {
        position: absolute;
        margin-top: 11px;
        z-index: 8;
        left: 16px;
        color: #555;
    }

    #search_user_content input[type="text"] {
        font-family: inherit;
        transition-duration: 0.1s;
        transition: 300ms ease-in-out;
        box-shadow: none !important;
    }

    .ct-row {
        display: flex;
        align-items: center;
    }

    .ct-row label {
        flex: 0 0 50%;
        margin-bottom: 0;
    }

    .ct-mar-0 {
        margin: 5px 0
    }

    .sub-panal {
        background: #f9f9f9;
        border-top: 3px solid #e9e9e9;
        border-radius: 5px 5px 0 0;
        margin-bottom: 10px;
        width: 100%;
    }

    h4.sub-title {
        display: inline-block;
        margin: 0;
        padding: 5px 10px;
        color: #747474;
    }

    .sub-panal {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .chk-box div {
        display: flex;
        margin-bottom: 0 !important;
        align-items: center;
        margin-top: 0;
        margin-right: 10px;
    }

    .chk-box div input {
        margin-top: 0 !important
    }

    button#addschemepromotion {
        margin-top: 10px;
    }

    .data-text-hover {
        position: relative;
    }

    .data-text-hover:after {
        content: attr(data-text);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        visibility: hidden;
    }

    .data-text-hover:hover:after {
        opacity: 1;
        visibility: visible;
        opacity: 1;
        visibility: visible;
        text-align: center;
        background: #ccc;
        top: 0;
        right: 0;
    }

    .sub-panal.discountinfo {
        justify-content: left;
    }

    .discountmsg {
        margin-left: 15px;
        font-size: 17px;
        color: #ec1616;
    }

    .discountmsg p {
        margin-bottom: 0;
    }

    .error-custom {
        display: inline-block;
        width: 100%;
        position: relative;
    }

    .error-custom .choice,
    .error-custom .choice span {
        position: static;

    }

    .error-custom .choice .error {
        color: red;
        position: absolute;
        left: 10px;
        bottom: -28px;
    }

    .custm-password .passwordinput+span.label.strong-password-password.password-indicator-weak {
        margin-top: 0;
    }
    .add-buttons{
        display: flex;
        align-items: center;
    }
    .add-buttons .update-s{
        padding-left: 5px;
        padding-right: 5px;
    }
    .crud-icon a{
        color: #fff;
        background-color: #171750;
        padding: 5px 10px 5px 10px;
    }
    .crud-icon a:hover{
        color: #171750;
        background-color: #fff;
    }

    #modalmodifier .panel-info>.panel-heading {
        color: #fff;
        background-color: #373467;
        border-color: #373467;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #modalmodifier button.close {
        margin-right: 8px;
    }

    #modalmodifier .form-control[readonly] {
        color: #fff
    }

    #modalmodifier .btn-default:hover,
    #modalmodifier .btn-default {
        color: #fff
    }

    #modalmodifier .form-group {
        margin-bottom: 0;
        position: relative;
        font-size: 12px;
    }

    #modalmodifier .form-group label {
        margin-bottom: 0;
        font-weight: 400;
    }

    .customimg .media-body {
        display: inline-block;
        width: auto;
        margin-left: 10px;
    }

    .customimg .media-left {
        height: 70px;
        width: 70px;
        padding: 0;
        display: unset;
    }

    #purchaseOrdersTable tbody tr td {
        position: relative;
    }

    .cst-tlb.table>tbody>tr>td,
    .cst-tlb.table>thead>tr>th {
        padding: 5px !important;
        font-size: 12px;
        text-align: center;
    }

    .cst-tlb.table input {
        width: 100% !important;
        height: 35px;
    }

    .cst-tlb.table select {
        border-color: #ddd
    }

    .cst-tlb.table .btn {
        padding: 5px 8px;
    }

    .cst-tlb.table span.input-group-addon {
        padding: 0;
    }

    .cst-tlb.table>thead {
        background: linear-gradient(45deg, #171750, #1818ff);
        background-color: unset;
    }

    .cst-tlb.table button.btn.btn-ladda.btn-ladda-spinner.legitRipple {
        background: #171750;
        border: 1px solid #fff;
        color: #fff;
    }

    .cst-tlb.table.sub-tlb thead tr td {
        padding: 0;
        width: 50%;
        border-bottom: 0;
    }

    .sub-tlb {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        border: 1px solid #ddd;
        display: -webkit-flex;
        display: -ms-flexbox;
    }

    .sub-c-1 {
        display: inline-flex;
        width: 50%;
        justify-content: center;
        border-right: 1px solid #ddd;
    }

    .sub-c-1:last-child {
        border-right: 0;
    }

    #menuform .btn-link:hover,
    .btn-link:focus {
        color: #43b1ff;
    }

    .po-total {
        margin-top: 20px
    }

    .po-total .form-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .two-side-lbl {
        flex-basis: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        margin-right: 20px;

        margin-bottom: 0;
        max-width: 100%;
    }

    .po-total .select2-container--default {
        width: 90% !important;
    }

    /*.po-total .sub-tlb{border: none;}*/
    .po-total .sub-c-1 input,
    .po-total .sub-c-1 select {
        border-bottom: 0
    }

    .chosen-single:focus {
        border-color: #166dba !important;
    }

    .two-side-lbl:last-child {
        margin-right: 0
    }

    .cst-tlb .deleteButton.btn:focus,
    .cst-tlb .deleteButton.btn.focus {
        color: #fff;
        text-decoration: none;
        background: #ff002f;
    }

    body .cst-tlb .chosen-container-active .chosen-single {
        border: 1px solid #5897fb;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }


    @media (max-width: 991px) {

        .cst-tlb.table,
        .cst-tlb.table>thead,
        .cst-tlb.table>tbody,
        .cst-tlb.table>tfoot,
        .cst-tlb.table>tbody>tr,
        .cst-tlb.table>thead>tr,
        .cst-tlb.table>tbody>tr>td,
        .cst-tlb.table>tbody>tr>th {
            display: block;
        }

        .cst-tlb.table>thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;

        }

        .purchase_orders_area .cst-tlb.table>thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;

        }

        .purchase_orders_area {
            position: relative;
        }

        .purchase_orders_area .cst-tlb.table>thead tr th.addbtnarea {
            display: block;
            position: fixed;
            bottom: 3em;
            right: 4em;
            left: auto;
            top: auto;
            z-index: 1000;
            border: 0;
        }

        .purchase_orders_area .cst-tlb.table>thead tr th.addbtnarea button.btn-ladda.btnmultiple {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            box-shadow: 1px 1px 10px 1px rgb(0 0 0 / 30%);
        }

        button.btn-success {
            width: 100%;
            margin-top: 1em;
        }

        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td select {
            height: 28px;
        }

        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(14),
        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(10),
        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(9),
        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(8),
        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(7),
        table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(6),
        /* table.itemcategorywisepo.cst-tlb.table>tbody>tr>td:nth-of-type(3), */
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(17),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(16),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(15),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(14),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(13),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(12),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(11),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(10),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(9),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(8),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(7),
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(4)/*,
        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(3)*/ {
            display: none !important;
        }

        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(1) select {
            height: 81%;
        }

        .purchase_orders_area .cst-tlb.table>tbody>tr>td:nth-of-type(2) select {
            height: 100%;
        }

        .cst-tlb.table>tbody>tr+tr {
            border-top: 5px solid #47bfbf;
        }

        .cst-tlb.table>tbody>tr>td {
            position: relative;
            padding-left: 140px !important;
            min-height: 40px;
        }

        .cst-tlb.table>tbody>tr>td:before {
            content: attr(data-head);
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;
            width: 120px;
            white-space: nowrap;
            text-transform: uppercase;
            font-size: 90%;
            color: #999;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    }

    .btn[class*=bg-]:hover,
    .btn[class*=bg-]:focus,
    .btn[class*=bg-].focus {
        color: #444 !important;
    }

    #menumodifiers .select2-container--disabled .select2-selection--single:not([class*=bg-]),
    #menumodifiers .bg-info {
        color: #000
    }

    .picker__table {
        margin-bottom: 0
    }

    .picker__box {
        padding: 5px
    }

    .picker__weekday {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .picker__header {
        padding: 0;
        background: #f5f5f5;
    }

    .picker__day {
        padding: 4px;
        line-height: normal;
        font-size: 12px;
    }

    #pricelistform table input.form-control {
        width: 200px;
        margin: 0 auto;

    }

    #pricelisttabel thead tr {
        background: linear-gradient(45deg, #171750, #1818ff);
        color: #fff;
    }

    #pricelisttabel thead tr th,
    #pricelisttabel tbody tr td {
        border: 1px solid #ddd;
    }

    button#getpricelist {
        margin-top: 30px;
    }

    button#priceload {
        margin-top: 12px;
    }

    .dis-qty {
        font-size: 10px;
        margin-bottom: 0;
        position: absolute;
        font-weight: bold;
        background-color: #eaeaea;
        bottom-bottom: 0;
        bottom: 0;
        color: #016d0a;
        margin: 0 0;
        left: 0;
        right: 0;
    }

    .table-bordered tr.custom-summary td:first-child {
        position: relative;
    }

    .custom-summary td {
        padding-bottom: 15px;
        box-sizing: border-box;
        height: 65px;
    }

    .row.showrecipetable {
        margin-bottom: 10px;
    }

    button#addrecipe {
        margin-top: 10px;
    }

    .notemessage {
        margin-bottom: 0;
        margin-top: 15px;
    }

    .custome-responsive {
        position: relative;
        min-height: 1000px
    }

    .menu-loader {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .customaddress textarea.form-control {
        height: 38px;
        resize: none;
    }

    .custom-teg.checkbox-switchery .switchery {
        left: unset;
        right: 0;
    }

    .custom-teg.checkbox-switchery label {
        width: 100%;
        padding-left: 0
    }

    .btnright .btn-success {
        float: right;
    }



    /* Web all General Styling 27-01-20120 ***/

    body {
        background-color: #f2f5f7;
    }

    body>.ui-pnotify {
        z-index: 999999
    }

    .panel {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    }

    .navbar-brand {
        width: 100%;
        padding: 0;
        justify-content: center;

        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .navbar-brand img {
        width: auto;
        height: auto;
        max-width: 100%;
    }

    .sidebar-xs .header-highlight .navbar-header .navbar-brand {
        background-size: auto 40px;
    }

    /* Logo Icon */
    .sidebar-main:not(.sidebar-default),
    .sidebar-main:not(.sidebar-default) .navigation li a,
    .sidebar-xs .sidebar-main:not(.sidebar-default) .navigation>li>ul {
        background: #233659;
        /* light blue */
    }

    .cst-tlb.table>thead {
        background: unset;
    }

    .header-highlight .navbar-header:not([class*=bg-]),
    .cst-tlb.table>thead {
        background-color: #1c2c49;
        /* dark-blue */
    }

    .sidebar-xs .sidebar-main:not(.sidebar-default) .navigation>li>a>span,
    .sidebar-xs .sidebar-main:not(.sidebar-default) .navigation>li:hover:not(.active)>a,
    .sidebar-xs .sidebar-main:not(.sidebar-default) .navigation>li a:hover {
        background-color: #64b846;
    }

    .content:first-child {
        padding-top: 10px;
    }

    .main-panel .panel-heading {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .d-inline-block {
        display: inline-block !important;
    }

    .panel-heading a.btn-lg.glyphicon.glyphicon-list.bg-success {
        padding: 8px 15px;
    }

    h6.panel-title,
    .h6.panel-title {
        font-size: 18px;
        font-weight: bold;
        color: #1c2c49;
    }

    .select2-selection--single .select2-selection__placeholder,
    .form-control::placeholder {
        color: #6d6d6d;
        font-size: 14px;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-group .error {
        display: block;
        margin-bottom: 3px
    }

    .form-group.onle-line-date {
        display: flex;
        align-items: center;
        flex-flow: row wrap;
    }

    /* .form-group.onle-line-date * {
    flex: 1 1;
} */
    .form-group.onle-line-date .control-label {
        flex: 0 0 30%;
        margin-bottom: 0;
    }

    .PurchaseOrder-header .form-group.onle-line-date .control-label {
        flex: unset;
        margin: 0 15px 0 0;
    }

    .form-group.onle-line-date .input-group {
        flex: 0 0 70%
    }

    /* Live table layout 28-1-2020***/

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        z-index: 999999;
    }

    /* Common  CSS */
    .card .panel-heading,
    .sales-report-wrp .panel-heading {
        justify-content: space-between;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        flex-flow: row wrap;

    }

    .heading-elements.datbox {
        position: static;
        margin: 0;
    }

    .card {
        margin-bottom: 30px;
        border: 0px;
        border-radius: 1em;
        box-shadow: 6px 11px 41px -28px #a99de7;
        position: relative;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
    }

    .gradient-1 {
        background-image: linear-gradient(230deg, #759bff, #843cf6);
        color: #fff !important;
    }

    .gradient-2 {
        background-image: linear-gradient(230deg, #fc5286, #fbaaa2);
        color: #fff !important;
    }

    .gradient-3 {
        background-image: linear-gradient(230deg, #ffc480, #ff763b);
        color: #fff !important;
    }

    .gradient-4 {
        background-image: linear-gradient(230deg, #0e4cfd, #6a8eff);
        color: #fff !important;
    }

    .card .card-body {
        padding: 2em;
        position: relative;
    }

    .card .desh-icons-bg {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .card-title {
        font-size: 18px !important;
        font-weight: 500;
        line-height: 18px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .card-values {
        font-size: 2em;
        font-weight: 500;
    }

    .text-white {
        color: #fff !important;
    }

    .datbox botton,
    .datbox botton:hover,
    .datbox .btn-default,
    .datbox .btn-default:hover {
        background-color: transparent;
        background: transparent;
        box-shadow: none;
    }

    .datbox {
        border: 1px solid #e4e4e4;
        border-radius: 0.5em;
        background: #fff;
        margin-bottom: 10px
    }

    .card.padding-lr .card-body {
        padding: 0 20px 1em;
    }

    .tlb-list-wrp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        height: 100%;
        overflow: auto;
        margin: 0 15px;
        padding-bottom: 10px;
    }

    .tlb-list-box {
        position: relative;
        width: calc(20% - 30px);
        -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
        margin-top: 25px;
        border-radius: 5px;
        padding: 5px;
        min-height: 152px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }

    .tlb-num {
        position: absolute;
        left: 0;
        background: #ccc;
        top: 0px;
        color: #fff;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        font-size: 16px;
        font-weight: bold;
        word-break: break-all;
        border-radius: 5px 5px 0 0;
        -webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
        box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tlb-info {
        width: 100%;
    }

    .tlb-info .wrp-name-price {
        margin: 32px 0 5px;
    }

    .tlb-info a.tlb-status {
        font-size: 18px;
        color: #ccc;
        line-height: normal;
    }

    .tlb-info p.tlb-bill-cost {
        font-size: 16px;
        color: #444;
        margin-top: 0;
        margin-bottom: 0;
        line-height: normal;
        font-weight: bold;
    }

    .tlb-info p.tlb-customer-name,
    .tlb-info p.tlb-bill-cost {
        font-size: 16px;
        color: #444;
        line-height: normal;
        margin-bottom: 5px
    }

    .custom-circle {
        width: 42px;
        height: 42px;
        background: #f0f0f0;
        border-color: #fff;
        border-width: 3px;
        border-style: solid;
        border-radius: 21px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }

    .tlb-bottom span.custom-circle {
        width: auto;
        height: 35px;
        padding: 10px;
    }

    .tlb-info p.tlb-bill-cost i {
        font-size: 20px;
        color: #447d01;
    }


    /* table available */
    .tlb-list-wrp .available .tlb-num {
        background: #24d060;
    }

    .tlb-list-wrp .available .tlb-status,
    .tlb-list-wrp .available .person-per-tlb i {
        color: #24d060;
    }

    .tlb-list-wrp .available input[type="checkbox"]+label:before {
        border-color: #24d060;
    }

    .tlb-list-wrp .available.selected .tlb-num {
        background: #ccd8e1;
    }

    .tlb-list-wrp .available.selected .tlb-status,
    .tlb-list-wrp .available.selected .person-per-tlb i {
        color: #ccd8e1;
    }

    /* table submitted */
    .tlb-list-wrp .submitted .tlb-num {
        background: #f7a724;
    }

    .tlb-list-wrp .submitted .tlb-status,
    .tlb-list-wrp .submitted .person-per-tlb i {
        color: #f7a724;
    }

    /* table print-bill */
    .tlb-list-wrp .print-bill .tlb-num {
        background: #249bf7;
    }

    .tlb-list-wrp .print-bill .tlb-status,
    .tlb-list-wrp .print-bill .person-per-tlb i {
        color: #249bf7;
    }

    /* occupied */
    .tlb-list-wrp .occupied .tlb-num {
        background: #e53935;
    }

    .tlb-list-wrp .occupied .tlb-status,
    .tlb-list-wrp .occupied .person-per-tlb i {
        color: #e53935;
    }

    /* occupied merged */

    .tlb-list-wrp .occupied.merged .tlb-num {
        background: #233659;
    }

    .tlb-list-wrp .occupied.merged .tlb-status,
    .tlb-list-wrp .occupied.merged .person-per-tlb i {
        color: #233659;
    }

    /* franchisedashboard */


    .has-fixed-height {
        height: 400px !important
    }

    .has-fixed-height-300 {
        height: 300px !important
    }

    .has-fixed-height-600 {
        height: 600px !important
    }

    .has-fixed-height-150 {
        height: 135px !important
    }

    .has-fixed-height-450 {
        height: 450px !important
    }

    .has-y-scroll {
        overflow-y: auto;
    }

    .display-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

        justify-content: flex-start;
        margin-top: 10px
    }

    .display-flex>*:not(:first-child) {
        padding-left: 15px
    }

    .display-flex:first-child {
        margin-top: 0
    }

    .product-items-img {
        position: relative;
    }

    .purchasesummary .card-body {
        padding: 0 0 0;
    }

    .purchasesummary .table>tbody>tr>td:last-child,
    .expensesummary .table>tbody>tr>td:last-child,
    .purchasesummary .table>thead>tr>th:last-child,
    .expensesummary .table>thead>tr>th:last-child {
        text-align: right;
    }

    .purchasesummary .table>tbody>tr>td:nth-child(2),
    .purchasesummary .table>thead>tr>th:nth-child(2) {
        text-align: center;
    }

    /* Company Dashboard */
    .companydashboard .multi-select-full button.multiselect.dropdown-toggle.btn.btn-default {
        min-width: 200px;
        border: 1px solid #ccc !important;
        margin-top: 4px;
        padding: 10px 8px;
        border-radius: 5px;
    }

    .companydashboard .multi-select-full .multiselect.btn-default .caret {
        right: 0px;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        display: flex;
        padding-right: 3px;
        align-items: center;
        background: #e8e8e8;
    }

    /* Login pages  */
    .login-cover.login-cover-custom.pace-done {
        background-position: center
    }

    section.login-page {
        height: 100%;
        width: 100%;
        position: fixed;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: space-evenly;
        flex-flow: column
    }

    .loginfrm {

        min-height: 44%;
        border-radius: 40px;
        box-shadow: 0px 0px 20px 0 rgba(218, 218, 218, 0.65);
        z-index: 3;
        min-width: 50%;

        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        webkit-justify-content: space-between;
        justify-content: space-between;
        flex-flow: row wrap;

        overflow: hidden;
    }

    .loginfrm>div {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;

    }

    .login-right-box {
        background: #273d92;
        display: flex;
        flex-flow: column;
        justify-content: space-evenly;
    }

    .bg-whight {
        background: #fff;
    }

    .padding-left-custome {
        /* padding-left: 25px; */
    }

    .padding-right-custome {
        padding-right: 25px;
    }

    .login-left-box {
        -webkit-box-flex: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .clint_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
        justify-content: center;
        text-align: center;
    }

    .productby {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 1em;
    }

    .clint_logo .c_logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .clint_logo .c_logo img {
        max-width: 200px;
    }

    .productby span {
        margin-left: 10px;
    }

    .productby span img {
        width: 86px;
    }

    .login-right-box {
        color: #fff;
        padding-left: 30px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .our_logo {
        text-align: center;
    }

    .our_logo h1 {
        font-size: 40px;
    }

    .our_logo img {
        width: 230px;
    }

    .frm-welcome-log .form-group {
        margin-bottom: 12px;
    }

    .frm-welcome-log .form-group.login-options {
        margin-bottom: 15px;
    }

    .custom-btn-opt i {
        font-size: 24px;
    }

    .custom-btn-opt {
        padding: 10px 0;
        border-radius: 10px;
        font-size: 20px;
        margin: 25px 0;
    }

    .frm-welcome-log .help-block {
        color: #fff;
        font-size: 16px;
    }

    .frm-welcome-log a {
        color: #56e52a;
        font-size: 16px;
    }

    .frm-welcome-log .bg-green {
        background-color: #62b947;
        border-color: #62b947;
    }

    .frm-welcome-log .checkbox-inline {
        font-size: 16px;
    }

    .frm-welcome-log .form-control {
        border-left: none;
        border-right: none;
        color: #fff !important;
        border-top: none;
        border-bottom-color: #fff;
    }

    .frm-welcome-log .form-control-feedback {
        color: #fff
    }

    .frm-welcome-log input:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0px 9999px #273d92 !important;
        color: -internal-light-dark-color(white, white) !important;
    }

    .frm-welcome-log input:-internal-autofill-selected {
        background-color: transparent !important;
        background-image: none !important;
        color: -internal-light-dark-color(white, white) !important;
    }

    .frm-welcome-log .form-control:-webkit-autofill {
        -webkit-text-fill-color: #fff !important;
    }

    .frm-welcome-log .form-control::placeholder {
        font-size: 14px;
        color: #b1c0fb;
    }

    .bg-theam-color.btn[class*=bg-]:hover,
    .bg-theam-color.btn[class*=bg-]:focus,
    .bg-theam-color.btn[class*=bg-].focus {
        color: #d2d2f9 !important;
    }

    input.form-control.btn.bg-theam-color.daterange-ranges {
        padding: 0;
        border-radius: 5px;
    }

    .daterangepicker .ranges {
        box-shadow: none;
    }

    /* basic positioning */
    .customlegends .legend {
        list-style: none;
    }

    .customlegends .legend li {
        float: left;
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

    .customlegends .legend span {
        border: 1px solid #ccc;
        float: left;
        width: 18px;
        height: 18px;
        margin: 2px 5px 2px 2px;
    }

    /* your colors */
    .customlegends .legend .superawesome {
        background-color: #a3f594;
    }

    .customlegends .legend .awesome {
        background-color: #ffd593;
    }

    .customlegends .legend .kindaawesome {
        background-color: #ff9877;
    }

    .customlegends .legend .notawesome {
        background-color: #baf4fb;
    }

    .customlegends .legend .pendingreceive {
        background-color: #aae7ad;
    }

    .customlegends .legend .partialdispatch {
        background-color: #fcff8d;
    }

    .customlegends {
        display: inline-block;
        width: 100%;
        background: #f5f5f5;
        padding: 5px 0;
    }

    #ordersummary_wrapper .datatable-header {
        padding: 0 20px 0 20px;
    }

    .customlegends ul {
        margin: 0
    }

    .box-borders-1 {
        border: 1px solid #ccc;
        background: #fff;
    }

    .customdatatbl tr td {
        padding: 3px 8px !important;
        font-size: 14px;
    }


    /*inear table css*/

    .innertable thead {
        color: white;
    }

    .innertable thead td {
        background-color: #009688;
    }

    .custom-top-bar {
        display: flex;
        align-items: center;
    }

    table .remarks {
        word-break: break-all;
        min-height: 20px;
        max-height: 30px;
        min-width: 100%;
        max-width: 140px;
        display: inline-block;
        overflow-y: auto;
        overflow-x: hidden;
    }

    li.datacustometop {
        margin-right: 10px;
        min-width: 100px;
        border: 1px solid #ccc;
        padding: 5px 10px;
        border-radius: 5px;
    }

    #menuproduct-table_wrapper h2 {
        text-align: center;
        padding-top: 20px 0;
    }

    #menuproduct-table_wrapper .table-bordered {
        border: 1px solid #ddd !important;
    }

    #menuproduct-table_wrapper table caption {
        padding: .5em 0;
    }

    #menuproduct-table_wrapper table tfoot tr td {
        text-align: center !important;
    }





    #menuproduct-table_wrapper .p {
        text-align: center;
        padding-top: 140px;
        font-size: 14px;
    }

    #menuproduct-table_wrapper .dataTable.nowrap th,
    #menuproduct-table_wrapper .dataTable.nowrap td {
        white-space: unset !important;
    }


    .ord-modi h4,
    .ord-modi h3 {
        font-size: 12px;
        margin: 10px 0;
    }

    .ord-modi .headdingtag h4,
    .ord-modi .headdingtag h3 {
        font-weight: bold;
    }

    .ord-modi .headdingtag {
        background-color: #eaeaea;
        border-radius: 5px;
    }

    .ord-modi .headdingtag {
        line-height: normal;
        margin: 0;
    }

    .ord-modi .headdingtag:last-child h3 {
        margin: 0 0;
    }

    a.row-delete,
    .addnewrow {
        padding: 0;
        height: 25px;
        width: 30px;
        justify-content: center;
        align-items: center;
        display: flex;
        margin: 10px 0;
    }

    /* Purchase Order Page Css Start */
    .PurchaseOrder-header {
        /* background: #f5faff; */
        margin: 0 0px 20px;
        /* border: 1px solid #dde5e8;
    padding: 20px 10px;
    border-radius: 10px; */
    }

    .PurchaseOrder-header span.select2-selection,
    .PurchaseOrder-header input {
        border: none !important;
    }

    .PurchaseOrder-header .col-md-3.receive .form-group {
        margin: 0px;
    }

    .PurchaseOrder-header .checkbox-switch {
        margin-bottom: 0px;
        margin-top: 0px;
    }

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

    .form-group.bottom-remarks {
        max-width: 70%;
        margin-left: auto;
        /* box-shadow: 0px 0px 10px 0px rgb(0 0 0/0.3); */
        padding: 8px 15px;
        border-radius: 10px;
        background: #1f2c46;
        color: #fff;
    }

    .form-group.bottom-remarks input#remarks {
        border: none;
        color: #fff !important;
    }

    .form-group.bottom-remarks input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
    }

    .form-group.bottom-remarks input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

    .form-group.bottom-remarks input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
    }

    .form-group.bottom-remarks input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }

    .PurchaseOrder-header .form-group .select2.select2-container.select2-container--default {
        background: #1e2c47;
        color: #fff;
        padding: 0 8px;
        border-radius: 10px;
    }

    .PurchaseOrder-header .form-group .alphaNumericWithSpecialChar {
        background: #1e2c47;
        color: #fff;
        padding: 0 8px;
        border-radius: 10px;
    }

    .PurchaseOrder-header .form-group input {}

    .PurchaseOrder-header .form-group input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
    }

    .PurchaseOrder-header .form-group input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
    }

    .PurchaseOrder-header .form-group input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
    }

    .PurchaseOrder-header .form-group input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
    }


    .PurchaseOrder-header .form-group span.select2-selection__placeholder {
        color: #fff;
    }

    .PurchaseOrder-header .form-group span.select2-selection__rendered {
        color: #fff;
    }

    .PurchaseOrder-header .form-group.onle-line-date {
        display: inline-block;
        width: 100%;
        border: none;
        background: transparent;
        padding: 0;
    }

    .PurchaseOrder-header .form-group.onle-line-date .input-group {
        background: #1d2c48;
        color: #fff;
        padding: 0 10px;
        border-radius: 10px;
    }

    .PurchaseOrder-header .form-group.onle-line-date .input-group * {
        color: #fff;
    }

    .PurchaseOrder-header .row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
    }

    .PurchaseOrder-header .row .col-md-2 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    /* Purchase Order Page Css End */

    /* Audit Placelist Page Css Start  */

    .custom-location .locationdiv {
        box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 14%);
        margin: 10px 0 6px 0;
        padding: 10px;
        border-radius: 10px;
    }

    .custom-location .locationdiv i.fa {
        color: red;
        margin: 0 4px 0 0;
    }

    .custom-location .locationdiv a.locationlink {
        font-size: 17px !important;
    }

    .custom-location .locationdiv strong {
        text-transform: uppercase;
        font-weight: 500;
        color: #000;
    }



    /* Audit Placelist Page Css End  */
    /* Stock Transfer Page Css Start  */
    
    .row.bottomfix {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-shadow: 0px -3px 10px 0px rgb(0 0 0/0.4);
        padding: 15px 10px 15px 10px;
        border-radius: 16px;
        margin: 0;
        margin-top: 28px;
        background: #ffff;
        /* position: sticky; */
        bottom: 0;
        z-index: 3;
    }
    
    .row.bottomfix .card {
        border-radius: 10px;
        box-shadow: 0 5px 10px 0 rgb(0 0 0 / 30%);
        width: 100%;
        height: 130px;
        background-color: #ffffff;
        padding: 0px 20px 0px;
        margin: 10px 0 0 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .row.bottomfix .card .drop_box header{
        display: flex;
        align-items: center;
    }
    .row.bottomfix .card h3 {
      font-size: 22px;
      font-weight: 600;
      
    }
    
    .row.bottomfix .card .drop_box {
        margin: -10px 0;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border: 3px dotted #a3a3a3;
        border-radius: 5px;
        width: 100%;
    }
    
    .row.bottomfix .card .drop_box h4 {
      font-size: 16px;
      font-weight: 400;
      color: #2e2e2e;
      margin: 0px;
    }
    
    .row.bottomfix .card .drop_box p {
      margin-top: 0px;
      margin-left: 5px;
      margin-bottom: 0px;
      font-size: 12px;
      color: #a3a3a3;
    }
    
    .row.bottomfix .card .btn {
      text-decoration: none;
      background-color: #005af0;
      color: #ffffff;
      padding: 10px 20px;
      border: none;
      outline: none;
      transition: 0.3s;
    }
    
    .row.bottomfix .card .btn:hover{
      text-decoration: none;
      background-color: #ffffff;
      color: #005af0;
      padding: 10px 20px;
      border: none;
      outline: 1px solid #010101;
    }
    .row.bottomfix .card .form input {
      margin: 10px 0;
      width: 100%;
      background-color: #e2e2e2;
      border: none;
      outline: none;
      padding: 12px 20px;
      border-radius: 4px;
    }
    /* Stock Transfer Page Css End  */

    /* Product Master Right To Left Modal */
    .modal.right {
        z-index: 1041;
    }
    .modal.right.right-second{
        z-index: 1042;
    }
    .modal-backdrop.fade.in + .modal-backdrop.fade.in {
        z-index: 1041;
    }
    .modal.right .modal-content{
        height: 100% !important;
    }
    .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 50%;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);        
    }
    .modal.right.right-second .modal-dialog {
        width: 45%;
    }
    .modal.right.fade .modal-dialog {
        right: -50%;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modal.right.fade.in .modal-dialog {
        right: 0;
    }
    .modal.right button.close {
        top: 37px !important;
        z-index: 1;
        color: #fff !important;
        opacity: 1;
        font-size: 48px;
    }
    .modal.right .modal_title_box {
        background: #253458;
        margin: 0 -20px;
        color: #fff;
        padding: 10px 10px;
    }
    .modal.right .modal_title_box h3 {
        margin: 0;
    }
    .modal.right .modal_title_box p{
        margin: 0;
        font-size: 12px;
    }
    .modal.right.right-second button.close{
        top: 50px !important;
    }
    .modal.right .modal_title_box {
        background: #253458;
        margin: 0 -20px;
        color: #fff;
        padding: 10px 10px;
    }
    
    .modal.right .modal_title_box h3 {
        margin: 0;
    }
    
    .modal.right .modifier_list table {
        width: 100%;
        margin: 30px 0 30px 0;
        box-shadow: 0px 0px 11px 1px rgb(0 0 0/0.2);
    }
       
    .modal.right .modifier_list table thead th {
        background: rgb(39 50 87/0.3);
        padding: 10px;
    }
    
    .modal.right .modifier_list table td {
        padding: 15px 10px;
        font-size: 17px;
    }
    
    .modal.right .modifier_list table tbody tr:nth-child(even) td {
        background: #f0f0f0;
    }
    
    .modal.right .modifier_list table td span {
        display: block;
        margin: 0 0 3px 0;
        font-size: 16px;
        color: blue;
        cursor: pointer;
    }
    
    .modal.right .modifier_list table td:first-child {
        font-size: 12px;
    }

    .modal.right.right-second form{
        box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 30%);
        padding: 10px;
        border-radius: 10px;
        margin: 30px 0 0;
    }
    .modal.right.right-second form input{
        /* border: 1px solid !important;
        padding: 0 10px; */
    }
    /***************************** 
    Responsive 
******************************/


    @media (max-width: 39.9375em) {
        #menuproduct-table_wrapper .tablesaw-stack tbody tr:not(:last-child) {
            border-bottom: 2px solid #0B0B0D;
        }

        .tablesaw-cell-content {
            max-width: 55% !important;
            word-wrap: break-word;
            word-break: break-all;
        }

        .tablesaw-stack td .tablesaw-cell-label,
        .tablesaw-stack th .tablesaw-cell-label {
            width: 45% !important;
            word-wrap: break-word;
            word-break: break-all;
        }
    }


    @media (min-width: 769px) {
        .sidebar-xs .sidebar-main {
            z-index: 99999;
        }

    }

    @media (max-width: 1366px) {
        .card-values {
            font-size: 1.5em;
        }

        .card .card-body {
            padding: 0 0.2em 2em;
        }

        .sales-report-wrp .card .card-body,
        .itemwisesalesreports .card .card-body {
            padding: 1.5em;
        }

        .purchasesummary .table>tbody>tr>td,
        .expensesummary .table>tbody>tr>td,
        .purchasesummary .table>thead>tr>th,
        .expensesummary .table>thead>tr>th {
            padding: 8px 10px;
        }
    }

    @media (max-width: 1270px) {

        .bootstrap-switch .bootstrap-switch-handle-on,
        .bootstrap-switch .bootstrap-switch-handle-off,
        .bootstrap-switch .bootstrap-switch-label {
            font-size: 12px
        }

        .dis-qty {
            font-size: 7px
        }

        .PurchaseOrder-header .row .col-md-2 {
            flex: 0 0 25%;
            max-width: 25%;
            width: 100%;
        }

        .PurchaseOrder-header .row .col-md-2:nth-child(5) {
            display: none;
        }

    }

    @media (max-width: 991px) {
        .tlb-list-box {
            width: calc(30% - 25px);
        }
    }

    @media (max-width: 768px) {
        .loginfrm {
            flex-flow: column wrap;
        }

        .login-left-box {
            padding: 20px 10px 0;
            min-height: 200px
        }

        .mobile-p-0 {
            padding: 0 5px !important;
        }

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

        .PurchaseOrder-header .row .col-md-2 {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100%;
        }


    }

    @media (max-width: 640px) {
        .tlb-list-box {
            width: calc(48% - 25px);
        }
    }

    @media (max-width: 480px) {
        .tlb-list-box {
            width: calc(100%);
        }
    }

    .summarycard .card .card-body {
        padding: 2em;
    }

    .file-preview {
        display: block !important;
        min-height: 250px;
    }

    .file-preview {
        border-radius: 2px;
        border: 1px solid #ddd;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
        text-align: center;
    }

    /*table header */
    .error {
        color: red;
    }

    .bg-theam-color {
        background-color: #171750;
        color: white;
    }

    desing-page .checkbox-switchery .switchery {
        left: unset;
        margin-top: -2px;
        right: 0;
    }

    .table-report {
        font-size: 13px;
    }

    .table-report tbody tr:nth-child(even) {
        background: #cccccc57;
    }

    .table-report tbody tr:nth-child(odd) {
        background: #ffffff;
    }

    .table-report thead tr {
        border-radius: 100px;
    }

    .multiselect-container>li.multiselect-group>label,
    .multiselect-container>li.multiselect-group.active>label {
        margin: 0;
        padding: 9px 15px;
        color: navy;
        background-color: #efefef;
        cursor: default;
        font-size: 12px;
    }

    .hide-element {
        display: none !important;
    }

    .extent-icon {}

    .icon-file-pdf {
        color: red;
    }

    .icon-printer2 {
        color: navy;
    }

    .icon-printer2 {
        color: navy;
    }

    .icon-file-excel {
        color: #009486;
    }

    .innertable thead {
        color: white;
    }

    .innertable thead td {
        background-color: #009688;
    }

    .expanded {
        /* background-color: #009688; */
    }

    .temptr {
        text-align: center;
    }

    .temptr spinner {
        font-size: 35px;
    }

    #innertable tr td {
        text-align: center;
        display: none;
    }

    body {}

    .nodata {
        text-align: center;
        padding: 12px;
        font-size: 24px;
        color: #e44747;
        border: 1px solid #444;
        border-radius: 10px;
        margin: 20px 0;
    }

    .datbox {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .datbox .form-group {
        margin-bottom: 0;
        padding-left: 10px;
    }

    .datbox .multiselect.btn-default {
        border: 0;
    }

    .datbox .btn-group .multiselect .multiselect-selected-text {
        font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 500;
        text-transform: uppercase;
    }

    html body .daterangepicker.opensright:before {
        right: 59px;
    }

    html body .daterangepicker.opensright:after {
        right: 60px;
    }

    html body .dropdown-menu {
        left: -30px;
    }


    /*login page*/
    .loginicon_reg {
        height: 100vh;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .login-cover .content-wrapper {
        vertical-align: middle;
    }

    .login-container .page-container {
        background: url(../images/long-shadow-green.png) no-repeat;
        background-size: 74%;
    }

    .registersection {
        height: 100vh;
        background-color: #ffffff;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .registersection .content:first-child {
        width: 100%;
    }

    .login-container .page-container .registersection .login-form {
        width: 100%;
    }

    .logintext {
        font-weight: 800;
        font-size: 30px;
        color: #303893;
        font-family: 'Aller';
        font-weight: bold;
    }

    .registersection .form-control {
        border-width: 1px 1px;
        border-color: #666666;
        padding: 1em 1em 1em 2.5em;
        height: 48px;
        border-radius: 10px;
        font-size: 14px;
        background-color: #ffffff !important;
    }

    .registersection .has-feedback-left .form-control-feedback {
        left: 1em;
        top: 5px;
    }

    .registersection .checker span {
        border: 2px solid #303893;

    }

    .registersection .checker span.checked {
        color: #303893;
        border-color: transparent;
    }

    .registersection .form-group {
        margin-bottom: 2em;
    }

    .registersection .checkbox-inline {
        color: #303893;
        font-size: 16px;
        font-family: 'Aller';
        font-weight: normal
    }

    .registersection a {
        font-size: 16px;
        color: #7c7c7c;
        font-family: 'Aller';
        font-weight: normal;
    }

    .registersection .bg-blue:hover {
        background-color: #63b845;
        border-color: #63b845;
        color: #ffffff !important;
    }

    .loginicon_reg img {
        margin-top: 0em;
    }

    .registersection .bg-blue {
        background-color: #303893;
        border-color: #303893;
        height: 60px;
        border-radius: 10px;
        font-size: 30px;
        font-weight: 800;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
        font-family: 'Aller';
        font-weight: bold;
    }

    .registersection .help-block a,
    .registersection .help-block {
        color: #7c7c7c;
        font-size: 14px;
        font-family: 'Aller';
        font-weight: normal;
    }

    .registersection .panel {
        box-shadow: 0 0px 0px rgb(0 0 0 / 12%);
        -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 12%);
    }

    /*login page*/

    /*Thank you*/
    body.navbar-top.customcss.paymentsuccess {
        padding-top: 0;
    }

    .paymentsuccess .content {
        padding: 20px 0 0 0;
    }

    .thankyou_pay .logo {
        text-align: center;
    }

    .thankyoubox {
        width: 50%;
        margin: 5em auto 0;
        background-color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.20) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
        border-radius: 30px;
        padding-bottom: 3em;
    }

    .thanks_right {
        text-align: center;
    }

    .thanks_right img {
        width: 15%;
        margin-top: -3em;
        margin-bottom: 3em;
    }

    .thanks_left {
        width: 70%;
        margin: 0 auto;
    }

    .thanks_left .panel-heading {
        padding-top: 0;
        padding-bottom: 0;
    }

    .thanks_left h6.panel-title {
        font-family: 'Aller';
        font-weight: bold;
        font-size: 24px;
        color: #303893;
        text-align: center;
        text-transform: uppercase;
    }

    .thanks_left p:nth-child(odd) {
        /* background-color: rgba(0, 0, 0, 0.04); */
    }

    .thanks_left .panel-body {
        background-color: #F8F6F7;
    }


    .thanks_left p {
        font-family: 'Aller';
        font-size: 18px;
        color: #7c7c7c;
        margin: 0;
        padding: 0.5em;
    }

    .thanks_left .panel-body a.btn.btn-primary {
        margin-top: 1em;
        width: 100%;
        font-family: "Roboto";
        font-weight: bold;
        font-size: 20px;
    }

    .personal_dtl {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .personal_dtl .personal_right p,
    .personal_dtl .personal_left p {
        font-size: 16px;
        color: #5f5f5f;
        font-family: "Roboto";
        margin: 0;
        padding: 0;
    }

    .personal_dtl .personal_right strong,
    .personal_dtl .personal_left strong {
        color: #000000;
    }

    .amount {
        padding: 0em 0 0.3em 0;
        font-size: 4vw;
        color: #63b845;
        font-family: "Roboto";
        font-weight: bold;
        text-align: center;
    }

    .amount span img {
        width: 30px;
        margin-bottom: 0.5em;
    }

    .amount span {
        font-size: 30px;
        font-family: 'Aller';
    }

    .referenceno label {
        color: #5f5f5f;
        font-size: 15px;
        text-transform: uppercase;
        position: absolute;
        top: -20px;
        font-weight: bold;
    }

    .referenceno p {
        padding: 0 1em;
        font-family: "Roboto";
        color: #000000;
        min-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .referenceno {
        background-color: #efefef;
        position: relative;
        font-family: "Roboto";
    }

    table.pamenthistory tr th:last-child {
        text-align: right;
    }

    table.pamenthistory tr th {
        padding: 1em;
        text-align: center;
    }

    table.pamenthistory tr td {
        padding: 1em;
        background-color: #efefef;
        text-align: center;
    }

    table.pamenthistory tr td.statuspymt.sucess {
        color: #4CAF50;
        font-weight: bold;
    }

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

    @media (max-width: 1366px) {
        .thanks_right img {
            width: 15%;
        }

        .thanks_left {
            width: 80%;
        }

        .amount {
            font-size: 6vw;
        }
    }

    @media (max-width: 1024px) {
        .thanks_left {
            width: 90%;
        }
    }

    @media (max-width: 768px) {
        .thankyoubox {
            width: 80%;
        }

        .thanks_left {
            width: 100%;
        }

        .amount {
            font-size: 10vw;
        }
    }

    @media (max-width: 767px) {
        .thanks_left .panel-body {
            width: 95%;
            margin: 0 auto;
        }

        .thanks_right img {
            width: 30%;
        }

        .thankyoubox {
            width: 100%;
        }

        .thanks_left h6.panel-title {
            font-size: 20px;
            font-family: "Roboto";
        }

        .amount {
            font-size: 15vw;
        }

        .amount span img {
            width: 20px;
        }

        .personal_dtl .personal_right p,
        .personal_dtl .personal_left p {
            font-size: 13px;
        }
    }

    /*Thank you*/


    @media (max-width: 767px) {
        .dropdown-menu>.active:not(.disabled) .checker span {
            color: #ffffff;
        }

        .datbox .multiselect.btn-default {
            border-bottom: 1px solid #e4e4e4;
        }

        .panel-heading {
            padding: 15px 0px 15px 0;
        }

        .datbox {
            flex-direction: column;
            width: 100%;
        }

        .datbox .col-md {
            width: 100% !important;
        }

        .datbox .form-group {
            padding-right: 10px;
        }

        .datbox .form-group .btn-group {
            width: 100%;
        }

        .dropdown-menu {
            width: 100%;
            max-width: 100%;
            font-size: 11px;
        }

        .multiselect-container>li>a>label {
            font-weight: 500;
        }

        h5.panel-title {
            width: 100%;
        }

        .sidebar-xs .header-highlight .navbar-header .navbar-brand {
            float: right;
            width: auto;
        }

        .navbar-header .navbar-nav>li a i {
            font-size: 25px;
        }

        html body .navbar-brand img {
            height: 74px;
        }

        html body .navbar-header .navbar-nav {
            margin-top: 15px;
        }

        html body .navbar-brand {
            height: auto;
        }

        html body .navbar {
            min-height: auto;
        }

        html body .navbar-default .navbar-collapse .navbar-nav {
            border-bottom: 0;
        }

        html body .navbar-collapse .navbar-nav {
            padding-top: 0;
            padding-bottom: 0;
        }

        .navbar-header .navbar-nav>li>a.sidebar-mobile-main-toggle i.icon-paragraph-justify3:before {
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        html body.sidebar-mobile-main .navbar-header .navbar-nav>li>a.sidebar-mobile-main-toggle i.icon-paragraph-justify3:before {
            content: '\ee3a';
        }

        html body .checker span.checked:after {}

        html body .multiselect-container>li .checker span.checked {
            border-color: #607D8B;
        }

        html body .multiselect-container>li .checker span:after {
            content: '';
        }

        html body .multiselect-container>li.active .checker span.checked:after {
            content: "\ed6e";
        }
    }

    .select2-selection--single .select2-selection__rendered {
        color: black;
    }

    /*fms dispatchorderdetails*/
    .grouparea .form-group {
        border: 1px solid rgba(0, 0, 0, 0.23);
        border-radius: 6px;
        padding: 8px;
        background-color: #fafafa;
    }

    .grouparea .form-group span strong {
        text-transform: capitalize;
        font-weight: 500;
        text-transform: uppercase;
    }

    .grouparea .form-group span {
        color: #212121;
        text-transform: capitalize;
        font-size: 1.35rem;
    }

    .grouparea .form-group label {
        font-size: 1.355rem;
        font-weight: 500;
        position: absolute;
        top: -7px;
        line-height: 1;
        left: 8px;
        background-color: #ffffff;
        padding: 0 2px;
        color:
            /* #2196f3 */
            #14279B;
    }

    .grouparea .form-group .form-control {
        border-bottom: 0;
        font-weight: 500;
        font-size: 1.35rem;
    }

    .grouparea .form-group .input-group-addon i {
        color: #2196f3;
    }

    .formgroparea {
        position: relative;
    }

    .formgroparea .form-group {
        border: 1px solid rgba(0, 0, 0, 0.23);
        border-radius: 6px;
        padding: 0px 8px 0 8px;
        background-color: #fafafa;
    }

    .formgroparea .form-group label {
        position: absolute;
        top: -10px;
        left: 8px;
        transform: translateY(0%);
        transition: all .22s;
        background-color: #ffffff;
        color:
            /*#2196f3*/
            #14279B;
        padding: 0 2px;
        font-size: 1.355rem;
        font-weight: 500;
    }

    .formgroparea .form-group.active {
        border-color: #2196f3;
    }

    .formgroparea .form-group .form-control {
        background-color: #fafafa;
        padding: 8px;
        border-bottom: 0;
        font-weight: 500;
        font-size: 1.35rem;
    }

    .formgroparea .form-group:focus+label {
        transform: translateY(0);
        top: -10px;
        background-color: #ffffff;
        padding: 0 5px;
        font-size: 1.25rem;
    }

    .group_area {
        display: flex;
        justify-content: flex-end;
    }

    /*fms dispatchorderdetails end*/


    @media (max-width: 1024px) {
        .loginicon_reg.col-sm-8 {
            width: 56.6666%;
        }

        .col-sm-4.registersection {
            width: 43.3333%;
        }
    }

    @media (max-width: 768px) {
        .row.accountsection {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
        }

        .col-sm-4.registersection {
            height: auto;
        }

        .loginicon_reg img {
            margin-top: 1em;
            width: 69%;
        }

        .loginicon_reg.col-sm-8,
        .col-sm-4.registersection {
            width: 100%;
        }

        .registersection .content:first-child {
            padding-top: 2em;
        }

        .loginicon_reg {
            height: auto;
        }

        .form-group.login-options .row {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }

        .form-group.login-options .row .col-sm-6 {
            width: 100%;
        }

        .form-group.login-options .row .col-sm-6.check_box {
            text-align: left;
        }

        .form-group.login-options .row .col-sm-6.text-right {
            text-align: right;
            margin-top: 0;
        }
    }

    @media (max-width: 767px) {
        .row.accountsection {
            flex-direction: column-reverse;
        }

        .registersection .content:first-child {
            padding-top: 0;
            padding-bottom: 0 !important;
        }

        .registersection .bg-blue {
            font-size: 20px;
            height: 46px;
        }

        .logintext {
            font-size: 25px;
        }

        .registersection .form-group {
            margin-bottom: 1em;
        }

        .registersection .login-form .logo img {
            width: 150px !important;
        }

        .registersection .help-block br {
            display: none;
        }

        .login-container .page-container .login-form {
            margin: 0;
        }

        .col-xs-10.__approvbox .btn-warning {
            margin-top: 1em;
        }

        .col-xs-10.__approvbox,
        .col-xs-10.__approvbox .btn-warning,
        .col-xs-2.__approvbox {
            width: 100%;
        }
    }

    @media (max-width: 320px) {
        .registersection .login-form .logo img {
            width: 120px !important;
        }

        .logintext {
            font-size: 20px;
        }

        .registersection a,
        .registersection .checkbox-inline {
            font-size: 13px;
        }

        .registersection .help-block,
        .registersection .help-block a {
            font-size: 12px;
        }

        .login-container .page-container .registersection .login-form {
            padding: 10px 0;
        }
    }

    @media (min-width: 1025px)
    {
        .sevenrow .col-md-2 {
            width: 14.28%;
        }
        
    }
    /*end/*