#app-integrations .app-card-content {

    border-radius: 10px !important;

}



#app-integrations-view .integration-content {

    padding: 20px 12px;

    background-color: #f9fbfc;

    border-radius: 10px 10px 0 0;

}



#app-integrations-view .app-card {

    display: flex;

    flex-direction: row;

    width: 20%;

    align-items: center;

    justify-content: center;

    padding: 12px;

}



#app-integrations-view .app-card a {

    text-decoration: none;

}



#app-integrations-view .app-card .app-card-content {

    border-radius: 10px !important;

    padding: 15px;

    cursor: pointer;

    min-height: 148px;

    display: flex;

    align-items: center;

    justify-content: center;

}



#app-integrations-view .app-card .app-card-content .app-integrations-icon {

    background-color: #f7f9fa !important;

    border-radius: 36px;

}



.app-header-wrapper {

    margin-bottom: 15px;

}



#app-integrations-view .app-card .app-card-content .app-header-wrapper .integrations-heading {

    font-size: 16px;

    font-weight: 600;

    text-transform: capitalize;

    color: #4c545d;

}



#app-integrations-view .app-card .app-card-content .app-header-wrapper .integrations-desc {

    font-size: 12px;

    color: #818d9f;

    font-weight: 600;

}



#app-integrations-view .app-card .app-card-content:hover .app-header-wrapper .integrations-desc,

#app-integrations #app-integrations-view .app-card .app-card-content:hover .app-header-wrapper .integrations-heading {

    color: #fff;

}



#app-integrations-view .app-card .app-card-content:not(.disabled):hover {

    background-color: #036dff !important;

}



#app-integrations-view .app-card .app-card-content:is(.disabled) {

    cursor: not-allowed;

}



#app-integrations-view .app-card .app-card-content:hover .app-header-wrapper .integrations-heading {

    color: #fff;

}



#app-integrations-view .app-card .app-card-content:hover p.st-text-success {

    color: #fff !important;

}



.integrations-top-content {

    padding: 20px;

    border-radius: 10px 10px 0 0;

    display: flex;

    align-items: center;

    background-color: #f9fbfc;

}



a.remove_button {

    margin-left: 10px;

}



.app-integrations-desc {

    font-size: 14px;

    color: #818d9f;

}



.integrations-list {

    font-size: 16px;

    color: #5f6d81;

    font-weight: 400;

    padding-left: 25px !important;

    padding-top: 12px;

    list-style-type: circle;

}



.app-desc-card {

    font-size: 14px;

    color: #818d9f;

    padding-bottom: 20px;

}



.app-heading-card {

    font-size: 15px;

    font-weight: 600;

    color: #5f6d81;

    padding-bottom: 20px;

}



.app-integrations .integrations-bottom-content .app-card-content {

    background-color: #f9fbfc;

    border-radius: 10px !important;

}



.app-heading {

    font-size: 19px;

    font-weight: 600;

    color: #5f6d81;

}



.app-integrations .integrations-bottom-content .app-integrations-desc {

    font-size: 14px;

    color: #818d9f;

    padding-right: 80px;

}



.spinner-border {

    /* width: 1.25rem!important;

    height: 1.25rem!important; */

    width: 1rem !important;

    height: 1rem !important;

}



#tax_calculation_btn,

[class*='update_collect_sale_'] {

    padding: 0.5rem 0;

}



#mergeModal {

    /* position: fixed;

    top:50%;

    left:50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    z-index: 999; 

    display: none;*/

}



#mergeModal::after {

    /* content:'';

    width:100%;

    height: 100%;

    position: absolute;

    opacity: 0.6;

    background-color: #d3d3dd;*/

}



.merger_catlist {

    /*/ position: absolute;

    border: 1px solid;

    padding: 1rem;

    left:50%;

    top:50%;

    transform: translate(-50%, -50%);

    background: #fff;

    padding: 1rem;

    border-radius: 5px;

    z-index: 999;

    overflow-y: auto;

    min-width: 320px;

    height: inherit;*/

}



.merger_catlist table {

    width: 100%;

    line-height: 2rem;

}



.merger_catlist table>tbody tr {

    display: flex;

}



.merger_catlist tbody tr td:nth-of-type(1) {

    order: 2;

    flex-basis: 90%;

}



.merger_catlist tbody tr td:nth-of-type(2) {

    order: 1;

    flex-basis: 10%;

}



.merger_catlist td {

    /* border: 1px solid #c1c1c1;

    padding:0.5rem;

    text-align: center;*/

}



.merger_catlist td>a {

    padding: 0.5rem;

    color: rgb(0, 0, 0);

    cursor: default;

}



.merger_catlist>span {

    position: absolute;

    top: 5px;

    right: 10px;

    cursor: pointer;

    z-index: 999;

    text-transform: capitalize;

}



/**

 * Nestable

 */

.cf:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}



* html .cf {

    zoom: 1;

}



*:first-child+html .cf {

    zoom: 1;

}



.dd {

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    width: 100%;

    list-style: none;

    font-size: 13px;

    line-height: 20px;

}



.dd-list {

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

    list-style: none;

}



.dd-list .dd-list {

    padding-left: 50px;

}



.dd-collapsed .dd-list {

    display: none;

}



.dd-item,

.dd-empty,

.dd-placeholder {

    display: block;

    position: relative;

    margin: 0;

    padding: 0;

    min-height: 20px;

    font-size: 15px;

    line-height: 24px;

}



.dd-handle {

    display: block;

    margin: 5px 0;

    padding: 5px 10px;

    text-decoration: none;

    /*border: 1px solid #ccc;

     background: #fafafa;

    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);

    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);

    background:         linear-gradient(top, #fafafa 0%, #eee 100%); */

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.dd-handle:hover {

    background: #fff;

}



.dd-item>button {

    display: flex;

    align-items: center;

    position: relative;

    cursor: pointer;

    float: left;

    width: 20px;

    height: 20px;

    margin: 5px 0;

    padding: 0;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    border: 0;

    background: transparent;

    font-size: 15px;

    line-height: 1;

    text-align: center;

    margin-right: 1rem;

    margin-left: 0.5rem;

}



.dd-item>button:before {

    content: '+';

    display: block;

    position: absolute;

    width: 100%;

    text-align: center;

    text-indent: 0;

    transform: scale(1.4);

    top: 2px;

}



.dd-item>button[data-action="collapse"]:before {

    content: '-';

    transform: scale(2);

    top: -1px;

}



.dd-item>button:hover {

    background-color: #0062e9;

    color: #fff;

    border-radius: 50%;

}



.dd-placeholder,

.dd-empty {

    margin: 5px 0;

    padding: 0;

    min-height: 30px;

    background: #f2fbff;

    border: 1px dashed #b6bcbf;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.dd-empty {

    border: 1px dashed #bbb;

    min-height: 100px;

    background-color: #e5e5e5;

    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),

        -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);

    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),

        -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);

    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),

        linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);

    background-size: 60px 60px;

    background-position: 0 0, 30px 30px;

}



.dd-dragel {

    position: absolute;

    pointer-events: none;

    z-index: 9999;

}



.dd-dragel>.dd-item .dd-handle {

    margin-top: 0;

}



.dd-dragel .dd-handle {

    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);

    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);

}



/**

 * Nestable Extras

 */



.nestable-lists {

    display: block;

    clear: both;

    padding: 30px 0;

    width: 100%;

    border: 0;

}



#nestable-menu {

    padding: 0;

    margin: 20px 0;

}



#nestable-output,

#nestable2-output {

    width: 100%;

    height: 7em;

    font-size: 0.75em;

    line-height: 1.333333em;

    font-family: Consolas, monospace;

    padding: 5px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



#nestable2 .dd-handle {

    /* color: #fff;

    border: 1px solid #999;

    background: #bbb;

    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);

    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);

    background:         linear-gradient(top, #bbb 0%, #999 100%); */



}



#nestable2 .dd-handle:hover {

    cursor: move;

}



/* #nestable2 .dd-handle:hover { background: rgb(235, 235, 235); } */

#nestable2 .dd-item>button:before {}



/* 

#nestable2>.dd-list>.dd-item [data-action='collapse']

{

    display: none;

}

#nestable2>.dd-list>.dd-item [data-action='expand']

{

    display: block;

} */

#nestable2>.dd-list>.dd-item>ol.dd-list {

    /* display: none; */

}



@media only screen and (min-width: 700px) {



    .dd {

        float: left;

    }



    .dd+.dd {

        margin-left: 2%;

    }



}



.dd-hover>.dd-handle {

    background: #2ea8e5 !important;

}



/**

 * Nestable Draggable Handles

 */



.dd3-content {

    display: block;

    height: 30px;

    margin: 5px 0;

    padding: 5px 10px 5px 40px;

    color: #333;

    text-decoration: none;

    border: 1px solid #ccc;

    background: #fafafa;

    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);

    background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);

    background: linear-gradient(top, #fafafa 0%, #eee 100%);

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.dd3-content:hover {

    color: #2ea8e5;

    background: #fff;

}



.dd-dragel>.dd3-item>.dd3-content {

    margin: 0;

}



.dd3-item>button {

    margin-left: 30px;

}



.dd3-handle {

    position: absolute;

    margin: 0;

    left: 0;

    top: 0;

    cursor: pointer;

    width: 30px;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

    border: 1px solid #aaa;

    background: #ddd;

    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);

    background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);

    background: linear-gradient(top, #ddd 0%, #bbb 100%);

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}



.dd3-handle:before {

    content: '≡';

    display: block;

    position: absolute;

    left: 0;

    top: 3px;

    width: 100%;

    text-align: center;

    text-indent: 0;

    color: #fff;

    font-size: 20px;

    font-weight: normal;

}



.dd3-handle:hover {

    background: #ddd;

}





.page-filters-overlay .content-sec .available-filter-item .content {

    padding: 0px 0px;

}



.page-filters-overlay .content-sec .available-filter-item .content .form-control {

    padding: 0.175rem 0.5rem;

}



.page-filters-overlay .page-filters-listing-container>.pflc-inner {

    padding: 15px;

    height: 100%;

    background: #fff;

}



.page-applied-filters .st-btn {

    padding: 5px 10px;

    margin-right: 5px;

}



#apply-report-filter>.inner .filter-item {

    justify-content: space-between;

    border-bottom: 1px solid #afafaf;

}



.filter-item .delete-report-filter {

    padding: 10px 10px 10px 10px

}



.page-filters-overlay .content-sec {

    padding-right: 0px;

}



/* .sales-order-dropdown .dropdown-content .link:hover {

    background-color: #fff;

} */



#apply-report-filter>.inner .filter-item:hover {

    background-color: #efefef;

}



.sales-order-dropdown .dropdown-content>.inner {

    min-width: 275px;

    box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);

}



#apply-report-filter>.inner .filter-item>a:first-child {

    width: 100%;

}



.number {

    text-align: right;

}



.filter-options {

    width: 250px;

}



.filter-options .dropdown-item a {

    color: #4c545d;

}



.select2-search__field {

    /*text-align: center;*/

    margin-top: 15px;

}



/* #apply-report-filter > .inner .link{

    background-color: #fff;

} */



.select2-search__field::placeholder {

    text-align: left;

    line-height: 20px;

}



@media screen and (min-width: 576px) {

    

    

}



.st-form select:not([multiple]):not(.no-select-icon) {

    background-image: url(../images/icons/select-icon.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 5px) center;

    padding-right: 15px;

    font-size: 15px;

    color: #000000;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {

    background-color: #171cf1;



}



.st-bs-dropdown .dropdown-menu {

    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.1);

}



/* .select2-container--default .select2-selection--multiple:before {

    content: ' ';

    display: block;

    position: absolute;

    border-color: #888 transparent transparent transparent;

    border-style: solid;

    border-width: 5px 4px 0 4px;

    height: 0;

    right: 6px;

    margin-left: -4px;

    margin-top: -2px;top: 50%;

    width: 0;cursor: pointer

}



.select2-container--open .select2-selection--multiple:before {

    content: ' ';

    display: block;

    position: absolute;

    border-color: transparent transparent #888 transparent;

    border-width: 0 4px 5px 4px;

    height: 0;

    right: 6px;

    margin-left: -4px;

    margin-top: -2px;top: 50%;

    width: 0;cursor: pointer

} */



#pl_overview h2 {

    font-size: 28px;

    text-align: center;

}



#pl_overview h3 {

    font-size: 24px;

    text-align: left;

}



#pl_overview .total_row {

    border-top: 2px solid #555;

    border-bottom: 2px solid #555;

}



#pl_overview table {

    font-size: 1.2em;

}



#field_dropdown .dropdown-menu {

    padding: 15px;

    margin-top: 2px !important;

    min-width: 300px;

}



#field_dropdown .dropdown-menu .available-filter-item {

    border-bottom: 1px solid #eee;

    margin-bottom: 5px;

    width: 100%;

}



#field_dropdown .dropdown-menu .available-filter-item .head {

    background: #efefef;

    padding: 8px 8px;

    margin: 0px 0px;

}



#field_dropdown .dropdown-menu .available-filter-item>.inner {

    transition: .2s;

    background-color: white;

}



#field_dropdown .dropdown-menu .available-filter-item .head:hover {

    background-color: #ddd;

    cursor: pointer;

}



/* Columns */

/* rows */

/* div.dropdown-multicol{

    width: 45em;

}

div.dropdown-row>a.dropdown-item{

    display:inline-block;

    width: 32%;

} */



/* Columns */

div.dropdown-multicol2 {

    width: 45em;

}



div.dropdown-multicol2>div.dropdown-col {

    display: inline-block;

    width: 32%;

}



.st-form-with-add-label .content-main.readonly {

    background: #e9ecef !important;

}



.st-form-with-add-label .content-main .form-control {

    padding: 5px !important;

}



.st-form-with-add-label .content-main:focus-within {

    border-color: #036dff;

    -webkit-box-shadow: 0 0 1px 1px #036dff;

    box-shadow: 0 0 1px 1px #036dff;

}



#quote_items tr.outofstock,

#order_items tr.outofstock {

    background: #fff3f3;

}



#quote_items td.product_qty,

#order_items td.product_qty,

#order_items td.product_ordered_qty {

    width: 90px !important;

    max-width: 90px !important;

}



#quote_items td.product_qty,

#order_items td.product_qty {

    text-align: right;

}



.search-dropdown {

    z-index: 999999 !important;

}



#quote_items .sr_no,

#order_items .sr_no {

    width: 40px;

    vertical-align: middle;

}



#quote_items .del_product,

#order_items .del_product {

    width: 70px;

    text-align: right;

}



#quote_items .amount,

#order_items .amount {

    width: 130px;

}



#quote_items .product_price,

#order_items .product_price {

    width: 130px;

}



#quote_items .product_name,

#order_items .product_name {

    width: 700px;

}



#quote_items td.product_qty input[type=number],

#order_items td.product_qty input[type=number] {

    /*for absolutely positioning spinners*/

    position: relative;

    padding: 5px;

    /* padding-right: 25px; */

}



#quote_items td.product_qty input[type=number]::-webkit-inner-spin-button,

#quote_items td.product_qty input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

}



#quote_items td.product_qty input[type=number]::-webkit-outer-spin-button,

#quote_items td.product_qty input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: inner-spin-button !important;

    -o-appearance: inner-spin-button !important;

    -moz-appearance: inner-spin-button !important;

    appearance: inner-spin-button !important;

    width: 25px;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

}



#quote_items .description {

    width: 300px;

}



#order_items td.product_qty input[type=number]::-webkit-inner-spin-button,

#order_items td.product_qty input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

}



#order_items td.product_qty input[type=number]::-webkit-outer-spin-button,

#order_items td.product_qty input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: inner-spin-button !important;

    -o-appearance: inner-spin-button !important;

    -moz-appearance: inner-spin-button !important;

    appearance: inner-spin-button !important;

    width: 25px;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

}



#order_items .description {

    width: 300px;

}



.st-form .select2 .select2-selection.select2-selection--multiple {

    padding: 5px 10px 5px;

    line-height: 16px;

    text-align: left;

}





.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {

    /* background-color: #5897fb; */

    background-color: #036dff;

    color: white;

}





#app-category-multiplier-view .inner>.frac {

    background-color: #eff6ff;

}





.edit-columns-overlay.active {

    z-index: 99;

    opacity: 1;

    visibility: visible;

}



.edit-columns-overlay {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    opacity: 0;

    visibility: hidden;

    transition: .2s;



}



.edit-columns-overlay .content-sec>.inner {

    height: 100%;



}





.edit-columns-overlay.active .edit-columns-listing-container {

    right: 0;



}



@media screen and (min-width: 576px) {

    .edit-columns-overlay .edit-columns-listing-container {

        width: 450px;

        overflow: auto;

    }

}



.edit-columns-overlay .edit-columns-listing-container {

    position: fixed;

    right: -100%;

    /* width: 100%; */

    height: 100%;

    z-index: 99;

    transition: .6s;

    width: 450px;

    background-color: white;

    overflow: auto;

}



.edit-columns-overlay.active {

    z-index: 99;

    opacity: 1;

    visibility: visible;

}



.edit-columns-overlay .edit-columns-listing-container>.pflc-inner {

    padding: 15px;

    height: 100%;

    background: #fff;

}



.edit-columns-overlay .edit-columns-listing-container>.pflc-inner {

    padding: 5px 20px 20px 20px;

    height: 100%;

    background: #fff;

}



#report_columns .available-filter-item {

    border-bottom: 1px solid #eee;

    /* margin-bottom: 5px; */

    width: 100%;

}



#report_columns .available-filter-item .head {

    /* background: #efefef; */

    padding: 8px 8px;

    margin: 0px 0px;

    color: #036dff;

}



#report_columns .available-filter-item>.inner {

    transition: .2s;

    background-color: white;

}



#report_columns .available-filter-item .head:hover {

    background-color: #f7f9fa;

    /* theme hover color */

    cursor: pointer;

}



.edit-columns-overlay .close-icon {

    font-size: 25px;

    margin-bottom: 5px;

    text-align: right;

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #1e2125;

    background-color: white;

}



.head1 .dropdown-item:focus,

.dropdown-item:hover {

    color: #1e2125;

    background-color: transparent;

}



.st-checkbox>input:checked~.box {

    background-color: #036dff;

    color: #fff;

}



/* .st-checkbox .box {

    height: 22px;

    width: 22px;

    border-color: #e0e0e0 !important;

    border-radius: 5px !important;

    background-color: #fff;

    transition: .1s;

} */





/* .available-filter-item .content .field-column{

    width:50%;

    flex-wrap: wrap;

} */



#report_columns .field-column {

    width: 50%;

    flex-wrap: wrap;

}



.select2-container--default .select2-results__option--selected {

    background-color: #c9dffd;

}



.search-dropdown {

    z-index: 999999 !important;

}





#quote_items .description {

    width: 300px;

}





#order_items .description {

    width: 300px;

}



.addrow_btn_block .pbb2-inner {

    box-shadow: none;

}



td.product_stock {

    width: 100px;

}



.out-of-stock {

    pointer-events: none;

    cursor: not-allowed;

}



.out-of-stock:hover {

    cursor: not-allowed !important;

}





/* ==== */



.right-sidebar-overlay.active {

    z-index: 99;

    opacity: 1;

    visibility: visible;

}



.right-sidebar-overlay {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    opacity: 0;

    visibility: hidden;

    transition: .2s;



}



.right-sidebar-overlay .content-sec>.inner {

    height: 100%;



}





.right-sidebar-overlay.active .right-sidebar-container {

    right: 0;



}



@media screen and (min-width: 576px) {

    .right-sidebar-overlay .right-sidebar-container {

        width: 450px;

        overflow: auto;

    }

     .st-form.activity-report .select2 .select2-selection {

         min-height: 35px!important; 

    }

    .activity-report .select2-container .select2-search--inline .select2-search__field {

        margin-top: 3px;

    }

}



.right-sidebar-overlay .right-sidebar-container {

    position: fixed;

    right: -100%;

    /* width: 100%; */

    height: 100%;

    z-index: 99;

    transition: .6s;

    width: 450px;

    background-color: white;

    overflow: auto;

}



.right-sidebar-overlay.active {

    z-index: 99;

    opacity: 1;

    visibility: visible;

}



.right-sidebar-overlay .right-sidebar-container>.pflc-inner {

    padding: 15px;

    height: 100%;

    background: #fff;

}



.right-sidebar-overlay .right-sidebar-container>.pflc-inner {

    padding: 5px 20px 20px 30px;

    height: 100%;

    background: #fff;

}



.right-sidebar-overlay .close-icon {

    font-size: 25px;

    margin-bottom: 5px;

    text-align: right;

}



.w-100 {

    width: 100% !important;

}



.w-350 {

    width: 350px !important;

}



.w-400 {

    width: 400px !important;

}



.w-450 {

    width: 450px !important;

}



.w-500 {

    width: 500px !important;

}



.w-550 {

    width: 550px !important;

}



.w-600 {

    width: 600px !important;

}



.w-650 {

    width: 650px !important;

}



#top-pagination-part {

    margin-right: 5px;

}



.pagination-item {

    line-height: 25px;

}



.pagination-item.text-part {

    font-size: 1.1em;

    font-weight: 700;

    margin-top: 5px;

    min-width: 80px;

}



.page-limit-item {

    margin: 0px 5px;

    line-height: 25px;

}



.daterangepicker .ranges li.active {

    background-color: #0d6efd;

    color: #fff;

}



.daterangepicker.show-ranges.ltr .drp-calendar.left {

    border-left: none !important;

}



.daterangepicker.show-calendar .ranges {

    border-right: 1px solid #ddd;

}



.daterangepicker td.active,

.daterangepicker td.active:hover {

    background-color: #0d6efd !important;

}



.daterangepicker td.in-range {

    background-color: #d3e4fd;

}



#quote_items .quote-item-row .st-form {

    margin-bottom: 0px;

}



#order_items .order-item-row .st-form {

    margin-bottom: 0px;

}



.page-filters-overlay .page-filters-listing-container {

    width: 480px !important;

}



.permission-heading .content {

    /* border: 1px solid #eee; */

}



.permission-heading .header-content {

    padding: 0px 3px 3px 3px;

    border: 1px solid #eee;



}



.permission-box {

    width: 100%;

    margin-top: 3px;



}





.permission-box .switch-btn {

    width: 95px;

}



.permission-box .dropdown-item {

    padding: 0.25rem 1rem 0.25rem 0rem;

}



.permission-box .dropdown-item span.text.c-title {

    width: 145px;

    text-transform: uppercase;

    font-weight: 500;

}

.table-bordered tr th, .table-bordered tr td {
    border: 1px solid #eee;
}

.available-filter-item .head-main {

    border-bottom: 1px solid #eee;

    background-color: #fafafa;

    /*#eff6ff;*/

    border: 1px solid #eee;

    padding: 8px 0px;

    /* border-radius: 5px 5px 0px 0px; */

    text-transform: uppercase;

}



.head-main .m-title {

    /* flex: 0 0 16em; */

    width: 195px

}



.head-main .title-2 {

    /* flex: 0 0 15em; */

}



.head-main span.text.c-chkbox {

    /* flex: 0 0 16em; */

    width: 75px;

}



.permission-box .dropdown-item.title-1 {

    /* flex: 0 0 17em; */

}



.permission-box .dropdown-item.title-2 {

    flex: 0 0 15.5em;

}



.permission-box .dropdown-item.chkbox {

    flex: 0 0 6em;

}



.permission-box .dropdown-item span.text.c-chkbox {

    width: 50px;

    text-transform: uppercase;

    font-weight: 500;

}



.permission-box .dropdown-item span.text.c-title .icon {

    float: right;

}



.permission-box .dropdown-item span.text.c-title .feather-chevron-down,

.permission-box .dropdown-item span.text.c-title .feather-chevron-up {

    -webkit-transition: all .3s linear 0s;

    transition: all .3s linear 0s;

}



.permission-box .available-filter-item {

    margin-bottom: 3px;

    width: 100%;

}



.available-filter-item .head1 {

    border-bottom: 1px solid #eee;

    background-color: #fdfdfd;

    /*#eff6ff;*/

    border: 1px solid #eee;

    padding: 3px 0px;

    /* border-radius: 5px 5px 0px 0px; */



}



.available-filter-item .permission-content {

    /* padding: 10px 0px ; */

    border: 1px solid #eee;

    overflow: auto;

}



.available-filter-item .permission-content .field-column {

    border-bottom: 1px solid #eee;

    width: 100%;

    padding: 5px 0px;



}



.head-main .st-switch-input-xs .round-outer {

    height: 16px;

    width: 26px;

}



.head-main .st-switch-input-xs .round-outer .round {

    height: calc(18px - 4px);

    width: calc(18px - 4px);

    left: 2px;

    top: 0.8px;



}



#edit_permssions_form .right-sidebar-container>.pflc-inner {

    padding: 20px;

}





.quote-totals-area th {

    font-size: 16px;

}



.order-totals-area th {

    font-size: 16px;

}



.StripeElement {

    box-sizing: border-box;

    height: 40px;

    padding: 10px 12px;

    border: 2px solid #000000;

    border-radius: 4px;

    background-color: white;

    -webkit-transition: box-shadow 150ms ease;

    transition: box-shadow 150ms ease;

}



.st-form.payment-cardNumber {

    width: 100% !important;

    margin-bottom: 10px;

}



.st-form.payment-cardCvc {

    width: 200px !important;

    margin-bottom: 10px;

}







.payment_logo img {

    width: 150px;

    height: auto;

    margin: 5px 0px;

}



#manual_payment_modal p {

    margin: 5px 0px;

}



.st-bg-success {

    background-color: #65b556;

    color: white;

    border-color: #65b556;

}



textarea {

    resize: none;

}



.no-input-box,

.no-input-box:focus,

.no-input-box:hover {

    border: 1px solid transparent !important;

    padding: 0px !important;

    font-weight: bold;

    background: transparent !important;

    height: 28px !important;

    box-shadow: none !important;

}



textarea.no-input-box,

textarea.no-input-box:hover,

textarea.no-input-box:focus {

    height: 100px !important;

}



.shipping-method-label {

    margin-bottom: 20px;

}



.shipping-method-label>input:checked+.main .round {

    background: #333;

}





.shipping-method-label .main .round {

    height: 22px;

    width: 22px;

    border-radius: 50%;

    background: #ccc;

}



.shipping-method-label input[type=radio] {

    position: absolute;

    visibility: hidden;

}



.shipping-method-label>input:checked+.main {

    border-color: #333;

    background-color: #fff;

}



.shipping-method-label .main {

    user-select: none;

    border: 2px solid #ccc;

    width: 100%;

    padding: 9px 15px;

    min-height: 65px;

}



.form-credit-card {

    margin-bottom: 20px;

}



@media screen and (min-width: 768px) {

    .form-credit-card>.inner {

        /*max-width: 80%;*/

    }



    #replace-cc-modal .form-credit-card>.inner {

        max-width: 100% !important;

        

    }

    

    .add-billing-credit-card .form-credit-card>.inner {

        max-width: 100% !important;

        padding: 0;

    }





}



.form-credit-card>.inner {

    background: #fff;

    padding: 15px;

    border-radius: 5px;

}



.shipping-method-label>input:checked+.main .round::after {

    opacity: 1;

}



.shipping-method-label .main .round::after {

    content: "";

    height: 10px;

    width: 10px;

    border-radius: 50%;

    background-color: #fff;

    opacity: 0;

}



.payment-button-section .dropdown-content .link {

    transition: 0.2s;

    padding: 8px 15px;

    font-size: 15px;

    color: #4c545d;

    transition: .2s;

}



.payment-button-section {

    float: right;

}



.st-listing-table td.column__actions {

    vertical-align: middle !important;

}



.search-data .out-of-stock.item {

    background: #eeeeee !important;

    border-bottom: 1px solid #cccccc !important;

}



.search-data .out-of-stock.item:hover {

    background: #eeeeee !important;

}



.search-data .out-of-stock.item .text-sec {

    color: #999999 !important;

}



.search-data .item {

    background: #ffffff !important;

}



.search-data .item:hover {

    background: #f7f9fa !important;

}





.app-dashboard .widget-wrapper.stats .w-item>.w-item-inner {

    min-height: 260px;

}



.print-mode table tr {

    border-bottom: 1px solid #eeeeee;

}



.print-mode table td,

.print-mode table th {

    padding: .2rem 1rem !important;

}



.print-mode h1 {

    font-weight: bold;

    font-size: 2rem;

}



.print-mode h3 {

    font-weight: bold;

    font-size: 1.5rem;

}



.print-mode h5 {

    font-weight: bold;

    font-size: 1rem;

}



.st-form .st-form-inline-input-select select,

.st-form-inline-input-select select {

    padding-right: 15px !important;

    background-color: #ffffff !important;

    border-left: 1px solid #cdcdcd !important;

    position: absolute !important;

    top: 0px !important;

    width: 40px !important;

    height: auto !important;

    bottom: 0px !important;

    right: 3px !important;

}



.st-form .st-form-inline-input-select select:focus,

.st-form-inline-input-select select:focus {

    border-left: 1px solid #cdcdcd !important;

}



#app-multipliers .acc_top-bar {

    padding-bottom: 3px;

}



@media screen and (min-width: 992px) {



    #app-product-multiplier-table .st-form-input-select {

        width: 115px;

    }



}





#app-category-multiplier-view .st-form-inline-input-select,

.product-multiplier-table-body .st-form-inline-input-select {

    width: 125px !important;

}















/*======= sd  ====*/









.rsnt-bill-data td {

    width: 25% !important;



}



.inv-plan .inv-plan-img {

    width: 100%;

    height: 100px;

    object-fit: contain;

}



.inv-plan .inv-feture {

    min-height: 225px;

}



.card-lock-postitoion {

    position: relative;

}



.card-lock-icon {

    position: absolute;

    right: 10px;

    top: 10px;

}



button.st-bg-footer-main:hover {

    color: #000000;

}









.app-left-menu-custom::-webkit-scrollbar {

    width: 5px;

  }





.app-left-menu-custom {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    width: 215px;

    z-index: 12;

    transition: .2s;

    overflow: auto;

    background: #fff;

    z-index: 9;

}



.app-left-menu-custom .st-logo-custom {

    height: 60px;

    padding: 10px 10px;

    margin-bottom: 10px;

}



.app-left-menu-custom .st-logo-custom img {

    width: 150px;

}





.app-left-menu-custom .st-logo-custom button {

    margin-left: auto;

}



.app-left-menu-custom .alm_nav-item {

    margin-bottom: 5px;

    padding: 0 10px;

}

.app-left-menu-custom .alm_nav-link {

    padding: 8px 0px 8px 10px;

    border-radius: 5px;

}



.app-left-menu-custom .alm_nav-link>.lt .icon {

    margin-top: 3px;

    margin-right: 10px;

}



.app-left-menu-custom .alm_nav-link, 

.app-left-menu-custom .alm_sub-nav-link {  

    color: #4c545d;

    outline: none !important;

    transition: .2s;

}





.app-left-menu-custom .alm_nav-link.active {

    background-color: #036dff;

    color: #fff;

}



.app-left-menu-custom .alm_sub-menu {

    padding: 8px 0 5px;

}



.app-left-menu-custom .alm_sub-nav-item {

    padding-left: 25px;

}



.app-left-menu-custom .alm_sub-nav-link {

    padding: 6px 10px;

}





.app-left-menu-custom .alm_nav-link>.rt {

    width: 30px;

}





.app-left-menu-slide .app-left-menu-custom .st-logo-custom>a, 

.app-left-menu-slide .app-left-menu-custom .alm_nav-link>.lt>span, 

.app-left-menu-slide .app-left-menu-custom .alm_nav-link>.rt>.icon, 

.app-left-menu-slide .app-left-menu-custom .alm_sub-menu {

    display: none;

}





.app-left-menu-slide .app-left-menu-custom {

    width: 59px;

}



.app-left-menu-slide .app-main-content {

    margin-left: 59px;    

}



.app-left-menu-slide .app-left-menu-custom .st-logo-custom>button {

    margin: 0 auto;

}





.app-left-menu-slide .app-left-menu-custom .st-form select {   

    padding: 5px 5px;

    padding-right: 15px !important;    

}



.app-left-menu-custom .menu-custom-aro, 

.app-left-menu-slide .app-left-menu-custom .menu-custom-hm {

    display: none;

}



.app-left-menu-slide .app-left-menu-custom .menu-custom-aro, 

.app-left-menu-custom .menu-custom-hm {

    display: block;

}











@media screen and (max-width: 1280px) {



    .responsive-break {

        flex-direction: column !important;

    }

}









@media screen and (max-width: 991px) {



    .responsive-break .st-listing-table>table {

        width: 100% !important;

    }



    .app-left-menu-slide .app-left-menu-custom .st-logo-custom>a {

        display: block !important;

    }



    .app-main-content, .app-left-menu-slide .app-main-content {

        margin-left: 0;

        

    }



    .app-left-menu-custom {     

        overflow: hidden;

        height: 60px;

        -webkit-transition: all 0.2s ease-out;

        -moz-transition: all 0.2s ease-out;

        -o-transition: all 0.2s ease-out;

        transition: all 0.2s ease-out;

    }

    .app-left-menu-slide .app-left-menu-custom {

        width: 215px;

    }

    .app-left-menu-slide .app-left-menu-custom {

        overflow: auto;

        height: auto;

        -webkit-transition: all 0.2s ease-out;

        -moz-transition: all 0.2s ease-out;

        -o-transition: all 0.2s ease-out;

        transition: all 0.2s ease-out;



    }



    

    .app-left-menu-slide .app-left-menu-custom .alm_nav-link>.lt>span,

    .app-left-menu-slide .app-left-menu-custom .alm_nav-link>.rt>.icon{

            display: block ;

    }



    .app-left-menu-slide .app-left-menu-custom .st-form select {

        padding: 5px 15px;       

    }



    .app-left-menu-slide .app-left-menu-custom .menu-custom-aro {        

        transform: rotate(-90deg);

    }



}





@media screen and (max-width: 767px) {

    .hide-fields-on-mobile{

        display:none!important;

    }



    .st-listing-table .display-column-wise{

        /* white-space: wrap !important; */

        width: auto!important;

        /* width: max-content!important; */

    }



    .inv-plan .inv-feture {

        min-height: 425px;

        min-height: auto;

    }



    #replace-cc-modal .pad-25,

    #billing-cycle-modal .pad-25,

    #recent-bills-modal .pad-25 {

        padding: 0px;

    }



    #replace-cc-modal .border,

    #billing-cycle-modal .border,

    #recent-bills-modal .border {

        border: none !important;

    }



    #replace-cc-modal .st-modal .app-modal-title,

    #billing-cycle-modal .st-modal .app-modal-title,

    #recent-bills-modal .st-modal .app-modal-title {

        font-size: 24px;

    }



    #recent-bills-modal .app-card .acc_top-bar {

        padding: 0;

    }



    #recent-bills-modal .app-card .acc_top-bar .inner.d-flex {

        flex-direction: column;

    }



    #recent-bills-modal .app-card .acc_top-bar div#top-pagination-part,

    #recent-bills-modal .app-card .acc_top-bar .rt {

        margin-bottom: 15px;

        justify-content: space-between;

        width: 100%;

    }



    



    



    .st-listing-table td.column__actions {



        display: table !important;

        transform: unset;

        top: 0;

    }



    .st-listing-table td {

        width: 80%;

        display: inline-block;

    }



    

    div#field_dropdown {

        display: none;

     }





}



.selected-plan {

    background-color: #f9f9f9 !important;

}



@media screen and (max-width: 567px) {



    .card-lock-icon {

        top: 8px;

    }



    .hide-fields-on-mobile{

        display:none!important;

    }







    .st-listing-table td {

        width: 80%;

        display: inline-block;

    }





    .category-left-bar {

        width: 100%;

        padding-right: 0;

        margin: 20px 0;

    }





    #report-area .st-listing-table th {

        width: 50%;

    }



    #report-area .st-listing-table th.number a {

        margin: 0 0 0 auto;

    }



    .flpvc-rt-sec .lt {

        margin-bottom: 10px;

    }



    .flpvc-rt-sec .btns {

        margin-bottom: 15px;

    }



    .customer-order-notifications-list .conli-inner {

        padding: 15px 0 !important;

    }

    .st-listing-table .display-column-wise{

        /* white-space: wrap !important; */

        width: auto!important;

       

    }





}







/*=======sd  ====*/

.st-form-with-add-label.discount-field {

    margin-bottom: 0px !important;

}



.st-form-with-add-label .add-label.suffix {

    padding-left: 10px !important;

    border-left: 1px solid #8c96a3 !important;

    padding-right: 0px !important;

    border-right: 0px solid #8c96a3 !important;

}





/* for sorting */





[data-st-table-for] {

    position: relative;

}



[data-st-table-for]>p {

    cursor: pointer;

}



[data-st-table-for] p.sort.asc:after {

    content: '\f0de';

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    margin-left: 3px;

    margin-right: 0px;

    line-height: 10px;

    color: #0062e9;

    position: absolute;

    right: 0px;

    top: 18px;

}



[data-st-table-for] p.sort.desc:after {

    content: '\f0dd';

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    margin-left: 3px;

    margin-right: px;

    line-height: 10px;

    color: #0062e9;

    position: absolute;

    right: 0px;

    top: 15px;



}



[data-st-table-for] p.sort:after {

    content: '\f0dc';

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

    margin-left: 3px;

    margin-right: 0px;

    color: #3e4f6747;

    position: absolute;

    right: 0px;

    top: 15px;

}





.st-listing-table {

    white-space: nowrap !important;

    width: 100%;

}



.table-loader {

    width: 100% !important;

}







/* sorting css ends */



.st-form-inline-input-select select:not([multiple]):not(.no-select-icon) {

    background-image: url(../images/icons/select-icon.png) !important;

    background-repeat: no-repeat !important;

    background-position: calc(100% - 5px) center !important;

    padding-right: 16px !important;

}







@media screen and (max-width: 1440px) {

    .page-content-add-product td.product_name.column__saleOrderNumber {

        width: 500px !important;

    }

}









@media screen and (max-width: 1360px) {

    .page-content-add-product td.product_name.column__saleOrderNumber {

        width: 400px !important;

    }

}





@media screen and (max-width: 1199px) {

    .page-content-add-product td.product_name.column__saleOrderNumber {

        width: 300px !important;

    }





    .st-form-with-add-label .content-main {

        padding: 5px 5px;

    }





    .st-form-with-add-label .add-label {

        padding-right: 5px;

        margin-right: 5px;

        min-width: auto;

    }



    tbody#order_items tr td {

        padding: 8px;

    }



}





@media screen and (max-width: 991px) {

    .page-content-add-product .st-listing-table>table {

        width: 100%;

    }



    .page-select-account .inner {

        width: 100%;

    }







    .page-content-add-product td.product_name.column__saleOrderNumber>p {

        white-space: break-spaces;

        height: auto !important;

    }



    tbody#order_items tr td {

        padding: 5px;

    }



    .header-search .search-dropdown,

    .header-search #search-dropdown,

    #header-search .search-dropdown,

    #header-search #search-dropdown {

        top: calc(100% + 5px);

        left: 0;

        width: calc(100vw - 200px) !important;       

        position: absolute !important;

    }



    .search-data .text-sec.media-body.st-fs-15.d-flex.p-3  p {

        white-space: break-spaces;

    }



    .acc_top-bar .inner {

        flex-direction: column;

    }



    .acc_top-bar .inner .lt {

        justify-content: space-between;

        margin-bottom: 15px;

    }



    .st-listing-table>table {

        width: 100%;

    }

   

}





@media screen and (max-width: 767px) {



    .create-new-order .cc-default-address-view.row {

        flex-direction: column-reverse;

    }



    .product_name.column__saleOrderNumber .dropdown_arrow {

        top: 0;

    }



    .st-listing-table td.column__actions {

        top: 10px !important;

    }



    .header-search .search-dropdown,

    .header-search #search-dropdown,

    #header-search .search-dropdown,

    #header-search #search-dropdown {      

        width: calc(100vw - 90px) !important;       

      

    }



    .product_stock.column__total,

    .product_qty.column__total,

    .product_price.column__total,

    .amount.column__total {

        width: calc(25% - 10px) !important;

        max-width: 100% !important;

        margin-right: 5px;

        margin-bottom: 10px;

    }



    td.product_price.column__total.text-end .st-form-with-add-label.media-body.mb-2.d-flex.justify-content-end {

        margin: 0 !important;

    }



    #quote_items .product_name,

    #order_items .product_name {

        width: 100% !important;

    }



    tr.order-item-row .product_name.column__saleOrderNumber>p {

        height: auto !important;

        margin-bottom: 10px;

        white-space: normal;

        font-size: 22px;

    }

    td.column__total.text-end {

        font-weight: 900;

    }



    .amount.column__total p {

        height: auto !important;

        font-size: 20px;

    }



    .frac .lt, .frac .rt {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }



    .frac .lt .sales-order-dropdown .dropdown-content,  .frac .rt .sales-order-dropdown .dropdown-content  {        

        left: unset;

        right: 0;     

    }



    .page-content-add-product tbody#amount_calculate tr {

        justify-content: flex-end;

    }



    .app-notifications-custom .desc {

        line-height: 1.5;

    }

    .app-notifications-custom .conli-inner.d-flex.align {

        padding: 10px 0 !important;

    }



    .app-notifications-custom .other-info {

        flex-direction: column;

    }



    .settings-app-domain-custom .flpvc-inner.d-flex.flex-wrap {

        flex-direction: column;

    }



    .setting-taxes-custom .flpvc-lt-sec {

        width: 100%;

    }

    p.desc {

        line-height: 1.5;

    }



    .setting-taxes-custom .conli-inner.d-flex.align.row {

        padding: 10px 0 !important;

    }



    .setting-taxes-custom .customer-order-notifications-list .conl-item:not(:last-child)>.conli-inner {       

        border-bottom: 0;

    }



    .setting-taxes-custom .customer-order-notifications-list .conl-item:not(:last-child) {

        margin-bottom: 0;

    }



    .setting-taxes-custom .customer-order-notifications-list .conl-item:first-child {

        margin-top: 0;

    }



    .setting-taxes-custom .customer-order-notifications-list .conl-item:first-child>.conli-inner {

        padding-top: 20px;

        border-top: 0;

    }



    .setting-taxes-custom .right-sec {

        margin-top: 10px;

    }

    

    .setting-analytics .lt-sec.border-right.media-body {

        border: none !important;

    }

}













@media screen and (max-width: 567px) {





    .page-select-account .sc-logo img {

        width: 80px;

    }



    /* td[data-st-table-for*="sub_total"], 

    td[data-st-table-for*="promo_discount"],

    td[data-st-table-for*="shipping"],

    td[data-st-table-for*="display_cost_price"],

    td[data-st-table-for*="display_promo_price"],

    td[data-st-table-for-x="amount_remaining"] {

        display: none !important;

      } */





    td[data-st-table-for*="order_amount"],

    td[data-st-table-for*="display_price"],

    td[data-st-table-for-x="order_amount"] {



        font-weight: 900;

    }



    /* #field_dropdown {

        display: none;

    } */





    



    /* .frac-wrapper.default_customer_form .cc-default-address-view {

        flex-direction: column-reverse;

    } */





    .products-view .st-listing-table {

        padding: 0;



    }   



    tr.order-item-row .product_name.column__saleOrderNumber>p {      

        font-size: 18px;

    }

 



    .page-border-box2.addrow_btn_block .pbb2-inner.pt-0 {

        padding: 0;

    } 



    .products-view .st-listing-table th,

    .products-view .st-listing-table td {

        padding: 5px 0;

        border-bottom: 0px solid #e0e0e0 !important;

    }   



   



    .add-customer-form .d-flex.justify-content-start {

        flex-direction: column;

    }



    .add-customer-form .app-card.customer-address-modal {

        margin: 10px 0 0 0 !important;

    }



    .pad-25 {

        padding: 15px;

    }





    .page-content-add-product tbody#amount_calculate tr {

        justify-content: flex-end;

    }



    .page-content-add-product tbody#amount_calculate tr th {

        margin-left: 15px;

    }



    .page-content-add-product tbody#amount_calculate tr th:first-child {

        margin-left: 0px;

    }









    .page-filters-overlay .page-filters-listing-container {

        width: 100% !important;

    }



    .st-listing-table td.column__actions {

        z-index: 9;

    }



    



    .amount.column__total {

        margin-right: 0 !important;

    }



   



 





    .products-view .st-listing-table {

        padding: 0;

        margin: 0;

    }



    .order-item-row.row_active {

        padding-bottom: 0 !important;

    }



    .page-border-box>.pbb-inner {

        margin: 20px 0;

    }



    .btns-group.d-flex.justify-content-end {

        justify-content: center !important;

    }



    .page-content .page-border-box2.addrow_btn_block .btns.d-flex.st-listing-table.pt-0.pb-0.row {

        margin: 0;

        padding: 0;

    }



   



    .products-view #convert-to-order {

        margin: 15px 0 10px;

    }



    /* .page-border-box .pbb-inner>div {

        overflow: auto;

    } */





    .app-card-content.border.st-default-rounded-block.pad-25 .st-form-group.d-flex {

        flex-direction: column;

    }



    .st-form-with-add-label .content-main {

        padding: 5px;

    }



    .st-form-with-add-label .add-label {

        font-size: 14px;

        padding-right: 5px;

        margin-top: 0;

        min-width: 0px;

    }







    .search-data .text-sec.media-body.st-fs-15.d-flex.p-3 {

        flex-direction: column;

    }



    .search-data .text-sec.media-body.st-fs-15.d-flex.p-3 .ms-auto {

        margin-left: 0 !important;

    }



    .search-data .text-sec.media-body.st-fs-15.d-flex.p-3 .ps-2 {

        padding-left: 0 !important;

    }





    .edit-columns-overlay .edit-columns-listing-container {        

        width: 100%;       

    }



    .header-search .search-dropdown,

    .header-search #search-dropdown,

    #header-search .search-dropdown,

    #header-search #search-dropdown {        

        width: 100% !important;       

       

    }



    .app-notifications-custom .flpvc-lt-sec {

        width: 100%;

    }



    .app-notifications-custom .right-sec {

        width: 100%;

        text-align: right;

        margin-top: 10px;

    }

    .app-notifications-custom .right-sec .inner.d-flex {

        justify-content: end;

        margin-top: 16px;

    }



    .setting-payment .payment_logo img {       

        margin: 5px 0px 10px;

    }



    .app-customer-CE-view .st-form.st-form-with-label-left>label {        

        padding-bottom: 5px;

    }

    .app-customer-CE-view .page-border-box2>.pbb2-inner {       

        padding: 0;

        box-shadow: none;

    }

}







::-webkit-scrollbar {

    height: 10px;

    width: 10px;

}











/* contact-page start */



.contact-page{

    min-height: 100%;

}



.contact-page-left {

    padding: 25px 0;

    background: #fff;

    border-radius: 2px;    

    box-shadow: 0 10px 40px 0 rgb(18 106 211 / 7%), 0 2px 9px 0 rgb(18 106 211 / 6%);

}



.contact-page-left-user-image {

    width: 80px;

    height: 80px;

    border-radius: 50%;

    font-size: 40px;

    color: #fff;

    line-height: 80px;

    text-align: center;

    background: #7fb0ff;

    border: 1px solid rgba(0,0,0,.2);

}



.contact-page-left-user-name h3 {

    font-size: 24px;   

    line-height: 1.5;

    margin: 20px 0;

    color: #777;

}



.contact-page-left-user-menu ul {

    list-style: none;

    text-decoration: none;   

}



.contact-page-left-user-menu ul li a i {

    font-size: 20px;

    margin: 0 2px;

}





.contact-page-left-user-menu .all-tabs-custom .single-tabs-custom {

    padding: 0 15px;

    border-radius: 0;

    position: relative;

}





.contact-page-left-user-menu .all-tabs-custom .single-tabs-custom p{

    position: absolute;

    background: #000;

    color: #fff;

    padding: 10px 20px;

    bottom: 0px;

    left: 50%;

    transform: translate(-50%, 0);

    white-space: nowrap;

    display: none;

    opacity: 0;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.contact-page-left-user-menu .all-tabs-custom .single-tabs-custom:hover p{

    display: block;

    opacity: 1;

    bottom: -50px;

    -webkit-transition: all 0.5s ease-out;

    -moz-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}





.contact-page-left-user-menu .all-tabs-custom {



    padding: 10px 0;

    border-bottom: 0;

}





.contact-page-left-user-menu ul li a {

    display: table;

    text-decoration: none;

}



.contact-page-left .accordion { 

    padding: 10px;

}



.contact-page-left .accordion .accordion-item {

    border: 0px;

    padding: 10px 0;

}



.contact-page-left .accordion-button-custom {

    border: none;

    background: transparent;

}



.contact-page-left .accordion-button-custom i {

    transform: rotate(90deg);

    -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}



.contact-page-left .accordion-button-custom.collapsed i {

    transform: rotate(0deg);

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    transition: all 0.2s ease-out;

}



.contact-page-left .accordion .accordion-body {

    padding: 20px 20px 0 20px;

}





.all-tabs-custom{

    background: #fff;

    padding: 10px 0 0;

    border-bottom: 1px solid #036dff;

}



.all-tabs-custom .single-tabs-custom {

    padding: 0 25px 5px 25px ;

    border-radius: 0;

}



.all-tabs-custom .single-tabs-custom.active {

    background: transparent;    

    border-bottom: 3px solid #036dff;

}



.all-tabs-custom .single-tabs-custom i {

    margin: 0 auto;

    font-size: 20px;

    margin-bottom: 5px;

}



.all-tabs-custom li:first-child .single-tabs-custom i {

    color: #e9836d;

}



.all-tabs-custom li.note-color .single-tabs-custom i {

    color: #92ba44;

}





.all-tabs-custom li.task-color .single-tabs-custom i {

    color: #cc6c8a;

}



.all-tabs-custom li.mail-color .single-tabs-custom i {

    color: #61c99c;

}



.all-tabs-custom li:nth-child(5) .single-tabs-custom i {

    color: #ffcb05

}



.all-tabs-custom li:nth-child(6) .single-tabs-custom i {

    color: #61c99c;

}

.all-tabs-custom li:nth-child(7) .single-tabs-custom i {

    color: #ffcb05;

}







.single-timeline-content{

    position: relative;

    padding-bottom: 50px;

}



.single-timeline-content:after {

    content: "";   

    position: absolute;

    left: 158px;

    top: 0;

    width: 3px;

    height: 100%;    

    background: #fff;

    z-index: 0;

}



.single-timeline-content:last-child:after {

    display: none;

}





.single-timeline-content-date {

    padding: 0 30px 0 40px;

}



.single-timeline-content-icon {

    margin: 0 30px 0 0;

    background: #92ba44;    

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    color: #fff;

    z-index: 9;

}



.single-timeline-content-icon:after {

    content: "";

    width: 40px;

    height: 40px;

    position: absolute;

    left: 50%;

    top: 50%;

    border: 1px solid #fff;

    transform: translate(-50%, -50%);

}



.single-timeline-content-content {

    background: #fff;

    width: calc(100% - 215px);

    padding: 30px;

}



.single-timeline-content-content-head{



    border-bottom:1px solid #d9dee3;

}





.visitor-source-cotent .single-timeline-content-icon {    

    background: #036dff;



}





.write-notes {

    padding: 30px;

    background: #fff;



}



@media screen and (max-width: 1360px) {

    .single-timeline-content {

        padding-bottom: 30px;

    }

    .single-timeline-content-content, .write-notes {        

        padding: 20px;

    }

}





@media screen and (max-width: 991px) {

    .contact-page-left {

        margin-bottom: 20px;

    }

    .all-tabs-custom {

        justify-content: space-around;

    }

}





@media screen and (max-width: 767px) {

    .single-timeline-content-date {

        padding: 0 20px 0 0;

    }

    .single-timeline-content-icon {

        margin: 0px 20px 0 0;

    }

    .single-timeline-content:after {       

        left: 110px;

    }

    .single-timeline-content-content {       

        width: calc(100% - 155px);        

    }

}





@media screen and (max-width: 567px) {

    .all-tabs-custom {        

        flex-wrap: nowrap;

        overflow: auto;

        width: 100%;

        justify-content: flex-start;

        border-bottom: 0;

        border-top: 1px solid #036dff;

        padding: 0px 0 10px;

    }



    .all-tabs-custom .single-tabs-custom.active {      

        border-bottom: none;

        border-top: 3px solid #036dff;

    }



    .all-tabs-custom .single-tabs-custom {

        padding: 10px 25px 0px 25px;

        border-radius: 0;

    }





    .all-tabs-custom .single-tabs-custom {

              white-space: nowrap;

    }

    



    .single-timeline-content-date {    

        display: none;

    }



    .single-timeline-content:after {

        left: 17px;

    }



    .single-timeline-content-content {

        width: calc(100% - 70px);

    }



    .single-timeline-content-icon {

        margin: 0 15px 0 0;        

        width: 35px;

        height: 35px;      

    }



    .single-timeline-content-icon:after {        

        width: 30px;

        height: 30px;      

    }



    .single-timeline-content-content {

        width: calc(100% - 50px);

    }



    .single-timeline-content-content, .write-notes {

        padding: 10px;

    }



    .all-tabs-custom::-webkit-scrollbar {

        height:5px;

      }

       

      /* .all-tabs-custom::-webkit-scrollbar-track {

        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

      } */

       

      .all-tabs-custom::-webkit-scrollbar-thumb {

        background-color: rgb(92, 92, 92);

        /* outline: 1px solid slategrey; */

      }

      .contact-page-left-user-menu .all-tabs-custom {       

        border-top: 0;

    }



    .contact-page-left-user-menu .all-tabs-custom .single-tabs-custom.active {        

        border-top: 0px;

    }

    

    .contact-page-left-user-menu .all-tabs-custom {        

        overflow:visible;

    }



    .reports .acc_top-bar .inner .lt {

        margin-bottom: 0px;

}

}



/* contact-page end */



#pswd_info ul, li {

    margin:0;

    padding:0;

    list-style-type:none;

}



form #pswd_info ul li {

    margin:10px 0px;

    text-align:left;



}

form #pswd_info ul li:last-child {

    /*text-align:center;*/

    /*margin:20px 0 25px 0;*/

}



#pswd_info {

    position:absolute;

    /*bottom:-165px;*/

    /*bottom: -115px\9; */ /* IE Specific */

    right:55px;

    width:250px;

    padding:15px;

    background:#fefefe;

    font-size:.875em;

    border-radius:5px;

    box-shadow:0 1px 3px #ccc;

    border:1px solid #ddd;

    z-index:1;

    text-align:left;

}

#pswd_info h4 {

    margin:0 0 10px 0;

    padding:0;

    font-weight:normal;

}

#pswd_info::before {

    content: "\25B2";

    position:absolute;

    top:-12px;

    left:45%;

    font-size:14px;

    line-height:14px;

    color:#ddd;

    text-shadow:none;

    display:block;

}



.invalid {

    background:url(../images/red_cross.png) no-repeat 0 50%;

    padding-left:25px;

    line-height:24px;

    color:#ec3f41;

}

.validated {

    background:url(../images/check_green.png) no-repeat 0 50%;

    padding-left:25px;

    line-height:24px;

    color:#3a7d34;

}





#pswd_info {

    display:none;

}



div.pac-container {

    z-index: 99999999999 !important;

}



.prods-selected-video .add-video>.inner {

    transition: .2s;

}

.prods-selected-video .video-block>.inner, .prods-selected-video .add-video>.inner, .prods-selected-video .test-video>.inner {

    border-radius: 10px;

    overflow: hidden;

    background-color: #f9fbfc;

    padding: 5px;

}



.prods-selected-video .add-video {

    border-width: 2px;

    border-style: dashed;

    border-color: #036dff;

    user-select: none;

    border-radius: 10px;

}



.add-video .icon-box {

    border: 2px dashed #036dff;

    height: 35px;

    width: 35px;

    border-radius: 50%;

}



@media screen and (min-width: 992px){

    .prods-selected-video .video-block, .prods-selected-video .add-video, .prods-selected-video .test-video {

        height: 125px;

        width: 170px;

    }

}



.lds-ring {

    top: 50%!important;

}



.product-view-table table .order-main-row{

   border-bottom:1px solid #eeeeee; 

}



.product-view-table table .order-addon-row{

   border-bottom:1px solid #eeeeee; 

   background:#fafafa;

}



.product-view-table table .no-border-row{

   border-bottom:0px solid #eeeeee !important;  

}



.modal{

    z-index:9999999;

}



#log-detail-section .table-bordered tr th,#log-detail-section .table-bordered  tr td  {border: 1px solid #a6a6a6!important;padding:3px!important;}

 

#log-detail-section .table-bordered tr th{

    text-transform:capitalize;

}

 #log-detail-section .table:first-child{

    background-color:#eee;

    border: 1px solid #a6a6a6!important;

 }

 #log-detail-section .table{

    /*border: 0px solid #a6a6a6!important;*/

    border-collapse:collapse!important;

    border-spacing: 0!important;

 }

 

 /*#dateRange .highlight{*/

 /*    background:#123!important;*/

 /*}*/

 

 .daterangepicker td.highlight, .daterangepicker option.highlight {

     background:#e06100!important;

     color:white;

 }

 

  

@media screen and (min-width: 768px)

{

    .st-form.st-form-with-label-left>label {

        width: 200px;

    }

}



[data-id="#event_settings"] .select2.select2-container{

    width:100%!important;

}



#log-detail-section .st-listing-table th{

    background:#f5f3f3;

}

#log-detail-section .st-listing-table th,#log-detail-section .st-listing-table td {

    padding: 8px;

}

#log-detail-section .st-listing-table .table-warning{

     background-color:#fffddc;

 }

 #log-detail-section .st-listing-table  table  th,#log-detail-section  .st-listing-table  table td {

    padding: 3px;

    border-bottom: 0px!important;

}

#log-detail-section .st-listing-table {

    background:#fff;

}



.log-item-name{

    color:#036dff!important;

}




.customer-address-modal .app-card-content{
    /* background:#eff6ff !important */
}

.fc-button {
  text-transform: capitalize!important;
}

.st-form-input-container .select2.select2-container {
    text-align: left;
    width:100%!important;
}

.st-form-input-container .select2.select2-container option [data-value="parent"]{
    font-weight:700;
}

.products-variants-table.qd-table .pvt-table table td:first-child, .products-variants-table.qd-table .pvt-table table td:last-child {
    background-color: transparent;
    border: 1px solid #d2d5d9;
}




#viewProductsModal .modal-body {
    max-height: 70vh;  /* limit modal height */
    overflow-y: auto;  /* scroll inside modal */
}

/* Table sticky header */
.sticky-header thead th {
    position: sticky;
    top: -16px;
    z-index: 3; /* keep above rows */
    background-color: #eee; /* same as .table-dark */
    color: #555; /* text color */
    /* border-bottom: 2px solid #444!important; /* visible bottom border */
    
}

.sticky-header thead th{
    box-shadow: 0 2px 4px rgba(0,0,0,0.3)!important; 
}