/* pos css */

:root {
    --open: #7239ea;
    --closed: #50cd89;
    --draft: #F9F9F9;
    --invoiced: #009ef7;
    --paid: #50cd89;
    --confirmed: #0095e8;
    --pending: #f1bc00;
    --fulfill: #50cd89;
    --void: #f1bc00;
    --shipped: #0095e8;
    --delivered: #50cd89;
    --light: #F9F9F9;
    --primary: #009ef7;
    --secondary: #b1b2b5;
    --success: #50cd89;
    --info: #7239ea;
    --warning: #ffc700;
    --danger: #f1416c;
    --dark: #181C32;
    --primary-active: #0095e8;
    --secondary-active: #B5B5C3;
    --light-active: #F4F4F4;
    --success-active: #47be7d;
    --info-active: #5014d0;
    --warning-active: #f1bc00;
    --danger-active: #d9214e;
    --dark-active: #131628;
    --primary-light: #f1faff;
    --secondary-light: #F9F9F9;
    --success-light: #e8fff3;
    --info-light: #f8f5ff;
    --warning-light: #fff8dd;
    --danger-light: #fff5f8;
    --dark-light: #F4F4F4;
    --text-white: #ffffff;
    --text-primary: #009ef7;
    --text-secondary: #E1E3EA;
    --text-light: #F9F9F9;
    --text-success: #50cd89;
    --text-info: #7239ea;
    --text-warning: #ffc700;
    --text-danger: #f1416c;
    --text-dark: #181C32;
}


/* width */

 ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #888;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bg-new {
    background: #03a9f4;
    color: #fff;
}

.bg-out {
    background: #ec407a;
    color: #fff;
}

.bg-feature {
    background: #80cbc4;
    color: #fff;
}

.bg-polorized {
    background: #546e7a;
    color: #fff;
}

.bg-widget-1 {
    background: url("images/bg-widget-1.jpg");
    background-position: top;
    transition: 0.5s all;
}

.bg-widget-2 {
    background: url("images/bg-widget-2.jpg");
    background-position: top;
    transition: 0.5s all;
}

.bg-widget-3 {
    background: url("images/bg-widget-3.jpg");
    background-position: top;
    transition: 0.5s linear !important;
}

.bg-widget-1:hover {
    background: url("images/bg-widget-1.jpg");
    background-position: initial;
}

.bg-widget-3:hover {
    background: url("images/bg-widget-3.jpg");
    background-position: right;
}

.itemsduallist {
    height: 400px;
    overflow: auto !important;
}

#advance_dt_wrapper .dtsb-searchBuilder {
    border: 1px solid #eee;
    background: #eee;
    padding: 10px;
}

.custom-file>input[type="file"] {
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.custom-file>.btn-file-input {
    background-color: #494949;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    height: 34px;
    margin: 0 0 0 -1px;
    padding-left: 0;
    width: 121px;
    cursor: pointer;
}

@media print {
    .no_print,
    .no-print * {
        display: none !important;
    }
}

.modal {
    backdrop-filter: blur(2px);
    background: #00000038;
}

.bg-ispexe {
    background: #4dbfb0;
    color: #fff;
}

.bg-ispexe-1 {
    background-color: #4dbfb040;
}

.bg-ispexe-2 {
    background-color: #4dbfb082;
}

.bg-ispexe-3 {
    background-color: #4dbfb0a6;
}

.bg-ispexe-4 {
    background-color: #4dbfb0;
}

.pcs-itemtable,
.pcs-template table {
    white-space: inherit;
}

.brand-text {
    width: 165px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    color: #3d9970;
}

.sales_counter_widgets p {
    margin: 0;
}

.sales_counter_widgets .btn-app,
.sales_counter_widgets .small-box {
    margin-bottom: 0;
    border-radius: 0;
}

.callout-teal,
.border-teal {
    border-left-color: #39cccc;
    border-color: #39cccc;
}

.callout-olive,
.border-olive,
.callout-invoiced,
.border-invoiced {
    border-left-color: #3d9970;
    border-color: #3d9970;
}

.callout-navy,
.border-navy {
    border-left-color: #001f3f;
    border-color: #001f3f;
}

.callout-orange,
.border-orange {
    border-left-color: #ff851b;
    border-color: #ff851b;
}

.callout-maroom,
.border-maroom {
    border-left-color: #d81b60;
    border-color: #d81b60;
}

.branch_select {
    border: none;
    font-size: 12px;
    height: 25px;
    border-radius: 0;
}

.sort_dash {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
    overflow: hidden;
}

.sort_dash .btn {
    border-top: none;
    border-radius: 0;
}

.arrowBox {
    position: relative;
    width: 100%;
    background: #0085D1;
    height: 45px;
    text-align: center;
    color: #fff;
    border-radius: 0;
}

.arrow-right:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 8px solid #fff;
    z-index: 9;
}

.Shipped:after {
    border-left: 8px solid #e6ee9c;
}

.todo-list .card:hover {
    border: 1px dashed #ccc !important;
}

.todo-list .task_name {
    width: 230px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nav-sidebar .nav-header {
    font-size: 12px;
}

.reporting td,
.reporting th {
    padding: 5px 10px;
}

.action_form {
    padding: 10px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 9;
}

.label_right label {
    text-align: right;
    float: right;
}

.pull-right {
    float: right;
}

.profile_user {
    width: 40px;
}

.profile_user:hover {
    border: 1px solid #ddd;
}

.mybrand {
    border: 2px solid #eee;
    padding: 3px;
    padding-right: 5px;
}

.mybrand img {
    width: 30px;
    padding: 2px;
    border: 1px solid #ddd;
}

.mycard,
.mycard .card-body,
.mycard .card-header {
    background-color: transparent;
    border-bottom: none;
    padding: 0 !important;
}

.mycard .card-tools {
    margin-right: 0;
}

.mycard {
    border: none;
    box-shadow: none;
}

.mycard .card-header {
    margin-bottom: 10px;
}

.mycard-body {
    padding: 0;
}

.mycard-body .dataTables_length {
    padding-top: 10px;
    padding-left: 10px;
}

.mycard-body .dataTables_filter {
    padding-top: 10px;
    padding-right: 10px;
}

.brand {
    padding: 5px;
    text-align: right;
    /* border-radius: 21px; */
    overflow: hidden;
    margin: 0;
    margin-bottom: 0;
    font-family: sans-serif;
    padding-right: 10px;
    text-shadow: 0px 2px 3px #ddd;
}

.brand img {
    margin: 0;
    padding: 2px;
    border: 2px solid #ddd;
}

.text-tiny {
    font-size: 10px;
}

.shade {
    background-color: #99ff99;
}

.shade_1 {
    background-color: #66ff66;
}

.shade_2 {
    background-color: #1aff1a;
}

.shade_3 {
    background-color: #004d00;
}

.mymodal .modal-header {
    padding: 8px;
}

.mymodal .modal-header h6 {
    margin: 0;
}

.mymodal .input-group-text {
    font-size: 11px;
    padding: 5px 7px;
}

.tasksprogress th:first-child,
.tasksprogress td:first-child {
    position: sticky;
    left: 0px;
    border-right: 1px solid #ddd;
    /* box-shadow: 0px 32px 4px; */
}

.bg-invoiced,
.badge-invoiced {
    background: #26a69a;
    color: #fff;
}

.badge-orange {
    background: #fd7e14;
    color: #fff;
}

.badge-teal {
    background: #39cccc;
    color: #fff;
}

.badge-olive {
    background: #3d9970;
    color: #fff;
}

.badge-navy {
    background: #001f3f;
    color: #fff;
}

.full_width {
    margin-left: -15px;
    margin-right: -15px;
}

.badge-orange {
    background: #ff851b;
    color: #fff;
}

.badge-maroom {
    background: #d81b60;
    color: #fff;
}

.callout-primary {
    border-color: #007bff;
}

.bo {
    border-left: 3px solid !important;
}

.bo-secondary {
    border-color: #6c757d !important;
}

.bo-orange {
    border-color: #fd7e14 !important;
}

.bo-warning {
    border-color: #ffc107 !important;
}

.bo-danger {
    border-color: #dc3545 !important;
}

.bo-success {
    border-color: #28a745 !important;
}

.bo-info {
    border-color: #17a2b8 !important;
}

.bo-primary {
    border-color: #007bff !important;
}


/* pdc css */

.main-header {
    position: sticky;
    top: 0;
}

.small-box h3 {
    font-size: 13px;
}

.small-box p {
    margin: 0;
}

.small-box i {
    font-size: 40px;
}

.small-box:hover i {
    font-size: 50px;
    top: 15px
}

table {
    word-wrap: nowrap;
    white-space: nowrap;
}

table.dataTable.table-sm>thead>tr>th {
    font-size: 13px;
}

table.dataTable.table-sm>thead>tr>th {
    border-bottom: none;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: aliceblue;
}

.content-wrapper {
    background: aliceblue;
}

.ajaxTbl,
.searchTbl {
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 7px
}

.ajaxTbl td,
.ajaxTbl th {
    padding: 0 3px;
    border: 1px solid #ddd
}

.searchTbl td,
.searchTbl th {
    padding: 0 3px;
    border: 1px solid #ddd
}

.testingMode {
    position: absolute;
    z-index: 99999999;
    background: #fff;
    border: 5px dotted red;
    padding: 20px;
    width: 100%;
}

.addAcc,
.FetchDetails {
    border: 1px solid #ddd;
    padding: 10px;
    background: #eee;
}

.custom-file-input {
    opacity: 1;
    padding-top: 4px;
    padding-left: 4px;
}

.btnForm {
    display: inherit;
    margin: 0px 2px
}

th {
    text-transform: capitalize;
}

[class*=sidebar-light] .nav-legacy.nav-sidebar>.nav-item>.nav-link.active {
    color: #fff;
    background: #007bff;
}

.stores form {
    background: #f8f9fa;
    text-align: center;
    padding: 10px;
    border: 1px solid #eee;
}

.stores img {
    display: block;
    width: 60px;
}

.stores button i {
    font-size: 50px;
}

.stores button {
    text-align: center;
    padding: 10px 18px;
}

.stores button p {
    font-weight: 600;
}

#invoice table th,
#invoice table td {
    padding: 3px 10px;
    /* padding-bottom: 0; */
    vertical-align: inherit;
}

#invoice input {
    height: 33px;
}

#invoice .disIcon span {
    padding: 2px 10px;
}

.card {
    border-radius: 0;
}

.register_form fieldset {
    padding: 20px;
    border: 1px solid;
}

.register_form legend {
    width: auto;
}

.brandTd ul {
    padding: 0;
    list-style: none;
}

.brandTd ul li {
    display: inline-block;
    margin-right: 5px;
}

.brand_title {
    background: #fff;
    padding: 2px 4px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    display: block;
}

.selected_box {
    border: 1px solid;
    padding: 2px 10px;
    box-shadow: 0px 1px 3px;
}


/* PDC Style start */

.pdc_details {}

.form-control {
    border-radius: 0;
}

.nav_filter {
    font-size: 13px;
    padding: 4px 8px;
    height: 30px;
}

.right_panel {
    padding: 15px;
}

.side_panel {
    background: #fff;
    border-right: 1px solid #ddd;
    padding: 10px;
    padding-top: 0;
    background: #fff;
    border-right: 1px solid #ddd;
    padding: 0;
    height: 100%;
    position: sticky;
    top: 0;
    min-height: 545px;
}

.side_panel table {
    margin-top: -1px !important;
}

.side_panel table td {
    padding: 3px 10px;
}

.side_panel table p {
    margin: 0;
}


/* legent */

.fieldset {
    border: 1px solid #ddd;
}

.legend {
    border: 1px solid #ddd;
    width: 200px;
    font-size: 18px;
    background: #fff;
    padding: 0px 10px;
    margin: 10px;
}

.highcharts-description {
    text-align: center;
    padding-top: 10px;
}


/* zoho table n form */

.zohoLine label {
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 1.6;
    /* font-family: 'Source Sans Pro'; */
}

.zohoLine th {
    padding: 8px 10px !important;
    color: #222;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}

.zohoLine td {
    font-weight: 400px;
    padding: 0;
}

.zohoLine select,
.zohoLine input {
    height: 30px !important;
    border-radius: 1px;
    font-size: 14px;
    padding: 2px 4px !important;
    font-weight: 100;
    border: none !important;
}

.zohoLine textarea,
.zohoLine table {
    border: none !important;
}

.zohoLine td .form-control:focus {
    box-shadow: 0px 1px 1px #3c8dbc;
}

.zohoLine .remove {
    position: absolute;
    left: 0;
    font-size: 9px;
    opacity: 0.7;
    border-radius: 0;
}

.zohoLine .remove:hover {
    opacity: 1;
}

.zohoLine td p {
    margin: 0;
}

#tab_logic td {
    vertical-align: text-top !important;
}

.zohoLine thead th {
    border-bottom: none;
}

.zohoLine .form-control:disabled,
.zohoLine .form-control[readonly] {
    background-color: #eeeeee36;
}

.zohoLine .input-group-text {
    background-color: #fbfbfb;
    border: 1px solid #fbfbfb;
}

.zohoLine .input-group-text .fa-us,
.zohoLine .input-group-text {
    font-size: 10px;
}

.stick {}

#poDttable {
    margin-top: 0 !important;
}

#poDttable_filter {
    padding: 10px;
    background-color: #eee;
    position: sticky;
    top: 0;
}

#poDttable_filter label {
    margin: 0;
    width: 100%;
}

#poDttable_filter input {
    margin: 0;
    width: 100%;
    display: block;
}

#poDttable_paginate {
    padding: 0 10px;
}

#poDttable_info {
    position: absolute;
    left: 5px;
    bottom: 32px;
}

.poinfo .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #212529;
    font-family: Inter, "Source Sans Pro", Helvetica, Arial, sans-serif;
    width: 230px;
    display: inline-block;
}

.poinfo .price {
    font-weight: 500;
    text-shadow: 0.03rem 0.03rem 0.033333rem #555;
}

.custom_status {
    border-radius: 0;
    border: 1px solid;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


/* add delete table */

.table-editable {
    padding: 0;
    width: 100%;
}

.table-editable input,
.table-editable select {
    display: block;
    border: none;
    background: transparent;
    box-shadow: none;
    padding: 7px;
    width: 100%;
    line-height: normal;
    font-size: inherit;
}

.table-editable button {
    background: none;
    border: none;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
}

.table-editable .btn {
    background-color: #2196f3;
    color: #fff;
    padding: 4px 8px;
    border-radius: 0;
    font-size: 12px;
}

.table-editable .btn-delete-row {
    display: block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    border-radius: 50%;
    background: #f44336;
    color: #fff;
    margin: 3px auto;
    text-align: center;
}

.table-editable .btn-delete-row:disabled {
    opacity: .2;
    cursor: default;
}

.table-editable th {
    padding: 8px;
    /* color: #777; */
    border: 1px solid #ccc;
}

.table-editable .input {
    background-color: #fff;
    border: 1px solid #d2d2d2;
}

.table-divider {
    height: 5px;
}

.table-zapper {
    width: 30px;
}


/* ALL LOADERS */

#before_ajx {
    width: 100%;
    text-align: center;
}

#before_ajx .loader,
.before_ajx .loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}


/* LOADER 1 */

#loader-1:before,
#loader-1:after {
    content: "";
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid transparent;
    border-top-color: #3498db;
}

#loader-1:before {
    z-index: 100;
    animation: spin 1s infinite;
}

#loader-1:after {
    border: 10px solid #ccc;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* LOADER 2 */

#loader-2 span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #3498db;
    margin: 35px 5px;
}

#loader-2 span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
}

#loader-2 span:nth-child(2) {
    animation: bounce 1s ease-in-out 0.33s infinite;
}

#loader-2 span:nth-child(3) {
    animation: bounce 1s ease-in-out 0.66s infinite;
}

@keyframes bounce {
    0%,
    75%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}


/* LOADER 6 */

#loader-6 {
    top: 40px;
    left: -2.5px;
}

#loader-6 span {
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #3498db;
}

#loader-6 span:nth-child(1) {
    animation: grow 1s ease-in-out infinite;
}

#loader-6 span:nth-child(2) {
    animation: grow 1s ease-in-out 0.15s infinite;
}

#loader-6 span:nth-child(3) {
    animation: grow 1s ease-in-out 0.30s infinite;
}

#loader-6 span:nth-child(4) {
    animation: grow 1s ease-in-out 0.45s infinite;
}

@keyframes grow {
    0%,
    100% {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
    50% {
        -webkit-transform: scaleY(1.8);
        -ms-transform: scaleY(1.8);
        -o-transform: scaleY(1.8);
        transform: scaleY(1.8);
    }
}


/* end loaders */

.fullDueAmt {
    font-size: 12px;
    border: 1px dashed;
    padding: 2px 5px;
    display: inline-flex;
    font-weight: 100;
}

.action_form {
    padding: 10px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* z-index: 9; */
}

.alert {
    border-radius: 0;
}

.overlay_lap {
    position: absolute;
    background: #ffffff9c;
    height: 100%;
    width: 100%;
    left: 0;
    z-index: 9;
}

.indicator {
    font-size: 8px;
    color: #eee;
}


/* select2 css style */

.select2-container .select2-selection--single {
    border-radius: 0 !important;
    font-family: inherit;
}


/* end select2 */

.sales-activity {
    margin-bottom: 10px;
}

.dashboard .sales-activity .so-inner-widget {
    /* width: 21%; */
    display: inline-block;
    margin-right: 10px;
    padding: 15px 5px 7px;
    height: auto;
    vertical-align: top;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eee;
}

.dashboard .legend {
    font-size: 36px;
    border: none;
}

.font-xs {
    font-size: 12px;
}

.font-weight-light {
    font-weight: 300!important;
}

.over-flow {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard .sales-activity .so-inner-widget .sales-qty {
    margin-top: -7px;
    font-size: 8px;
    color: #8d99ae;
}

.dashboard .sales-activity .so-inner-widget .qty-label {
    font-size: 12px;
    /* padding-top: 15px; */
    color: #495569;
}

svg.icon.icon-xs {
    height: 15px;
    width: 15px;
    fill: currentColor;
}