body {
    background: transparent linear-gradient(0deg, #F8FFFF 0%, #F6F6F6 49%, #F8FFFB 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    font-size: 15px;
    color: #4a4949;
    font-family: 'Poppins', sans-serif!important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
p,
select,
textarea {
    font-family: 'Poppins', sans-serif!important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0;
}

.page-link {
    margin: 0;
}


/* .img-form ul li.image-div .remove-image {
    position: relative;
    top: 30px;
    margin-left: 5px;
    left: 0;
} */

.img-form ul li.image-div .remove-image {
    position: relative;
    top: 5px;
    margin-left: 5px;
    left: 25px;
    display: block;
    height: 25px;
}

.img-form ul li.image-div {
    display: flex;
}

.image-div img {
    max-height: 120px;
    max-width: 120px;
    width: auto;
    height: auto;
    border: 1px solid #d6d6d6;
}

.image-div {
    position: relative;
    margin: 0px 5px;
}

.remove-image {
    position: absolute;
    /* position: relative; */
    font-size: 13px;
    right: 5px;
    top: 5px;
    cursor: pointer;
    background: #fff;
    padding: 4px;
    border-radius: 6px;
}

.form-group {
    margin-bottom: 2rem;
}
@media (max-width:575px) {
    .form-group {
        margin-bottom: 1.2rem;
    }
}

.form-group label {
    font-weight: 600;
}

#cover {
    height: 100%;
    /*text-align: center;*/
    /*display: flex;*/
    align-items: center;
    position: relative;
}

#cover-caption {
    width: 100%;
    position: relative;
    z-index: 1;
}

.center-box-login {
    padding: 25% 10% 5%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -5px 3px 6px #0000000A;
    border-radius: 14px 0px 0px 14px;
    opacity: 1;
}

.btn-primary {
    background: #C3E5DD 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 2% 10%;
    border-color: #C3E5DD;
}

.btn-light {
    padding: 2% 10%;
}

.btn-primary:hover {
    background-color: #b8ded5;
    border-color: #b8ded5;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #b8ded5;
    border-color: #b8ded5;
}

.field-label {
    text-align: left;
    color: #717171;
    font-size: 12px;
}

.form-control,
select.form-control:not([size]):not([multiple]),
textarea:not() {
    height: 45px;
}

.login-logo {
    display: block;
    text-align: center;
    margin-top: 5%;
}

.card-sidebar {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 3px 6px #0000000A;
    border-radius: 0px 14px 14px 0px;
}

.box {
    box-shadow: 0px 0px 8px #0000000A;
    border-radius: 10px;
    border: none;
}

.card {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: -2px 2px 8px #0000000A;
    border-radius: 14px 0px 0px 14px;
    border: none;
}
@media (max-width:991px) {
    .card {
        border-radius: 12px;
    }
}

.card .custom-card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border-bottom: 0px transparent;
}

.nav-item a {
    color: #717171 !important;
}

.navbar {
    padding: 0px;
}

.admin-user-logo {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-left: 15px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.dataTables_wrapper .img-logo {
    height: 40px !important;
    width: 40px !important;
    border: 1px solid #acacbf;
}

.card-header {
    background-color: white;
    border-bottom: 0px transparent;
}

.admin-user {
    color: #707070;
}

.layout-boxed .wrapper {
    box-shadow: none;
    padding-bottom: 70px;
}

.main-sidebar {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 3px 6px #0000000A;
    border-radius: 0px 14px 14px 0px;
    padding: 30px 0;
    min-height: auto;
    width: 200px;
}

.content-wrapper,
.main-footer {
    margin-left: 200px;
}

@media (max-width: 993px) {
    .content-wrapper,
    .main-footer {
        margin-left: 0;
    }
}

@media (min-width: 576px){
    .container {
        max-width: 100%;
    }
}

.main-sidebar a {
    color: #717171 !important;
    text-decoration: none !important;
}

.sidebar-menu>li.active a {
    color: #737272;
    font-weight: 600;
}

.sidebar-menu li a {
    padding: 12px 5px 12px 0px;
    display: block;
    border-bottom: 1px solid rgb(172 172 172 / 28%);
}

.sidebar-menu>a>li:last-child {
    border-bottom: none;
}

.sidebar-menu li {
    /*padding: 0 30px;*/
    padding: 0 15px;
}

.sidebar-menu li.active {
    background-color: #def9f3;
}

.main-header .navbar .sidebar-toggle {
    /*display: none !important;*/
}

/*@media (max-width: 767px) {*/
@media (max-width: 993px) {
    .main-header .navbar .sidebar-toggle {
        display: block !important;
    }
    .main-sidebar{
        -webkit-transform: translate(-230px, 0);
        -ms-transform: translate(-230px, 0);
        -o-transform: translate(-230px, 0);
        transform: translate(-230px, 0);
    }
}

.main-header .navbar .sidebar-toggle,
.main-header .sidebar-toggle:hover {
    color: #3c8dbc;
}

.dataTables_filter .form-control,
.dataTables_length select.form-control:not([size]):not([multiple]),
textarea:not() {
    height: 32px;
}

textarea {
    min-height: 45px;
    max-height: 160px;
}

td.no-padding {
    padding: 10px !important;
    border: 3px solid #ddd !important;
}

td.details-control {
    background: url(/assets/admin/img/details_open.png) no-repeat center center;
    cursor: pointer;
    width: 18px;
}

tr.shown td.details-control {
    background: url(/assets/admin/img/details_close.png) no-repeat center center;
}

.dropdown-menu {
    z-index: 99999;
}

.admin-user.dropdown-toggle::after {
    display: none;
}

.admin-user.dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.box-header {
    padding: 20px 0px 15px 10px;
}

.box-header-customer-green {
    color: #75E6CC;
    font-weight: bold;
    font-size: 15px !important;
}

.products-list .product-description {
    /*color: #ACACAC;*/
    color: #717171;
    font-size: 13px;
}

.products-list.custome-product-box .product-description a {
    text-decoration: underline;
    font-weight: bold;
    color: #717171;
    font-style: normal;
}

.products-list.custome-product-box .product-description b {
    font-style: normal;
}

.products-list>.item {
    padding: 15px 0;
}

.recent-product .product-description {
    white-space: initial;
    font-size: 11px;
}

.cursor-pointer {
    cursor: pointer;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    white-space: unset;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-bottom: 5px;
}

.select2-dropdown {
    /*background: #efefef;*/
    box-shadow: 0px 14px 9px -6px #4a4949;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    /*    background-color: #3c8dbc;
color: #fff !important;*/
    margin-top: 2px;
    margin-bottom: 2px;
}

.select2-results__option{
    font-size: 12px;
}

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{
    border-radius: 6px;
    font-size: 14px !important;
}

.select2 span{
    font-size: 14px !important;
    font-weight: 400;
}
.box-login {
    padding-bottom: 60px;
}

.forgrt-pass a {
    text-align: right;
    display: block;
    color: #717171;
}

footer {
    text-align: center;
}

.ftr {
    display: inline-flex;
    align-items: center;
}

.ftr p {
    color: #717171;
    font-size: 14px;
    font-weight: 500;
}

.website-icon-sect {
    justify-content: flex-end;
    display: flex;
    margin-right: 37%;
}

.website-icon {
    margin-top: 24px;
}

.website-icon a {
    display: inline-flex;
    align-items: flex-start;
}

.website-icon p {
    color: #F5CFA4;
    font-size: 14px;
    font-weight: 600;
    padding-left: 8px;
}

.custome-product-box {
    font-style: italic;
}

.custome-recent-customers .form-control {
    border-right: 0px;
    border-color: #C3E5DD;
    border-radius: .25rem;
    font-size: .8rem;
    color: #717171;
    font-weight: 600;
    height: 50px;
}

.custome-recent-customers .input-group-text {
    background-color: transparent;
    border-left: 0px;
    border-color: #C3E5DD;
    cursor: pointer;
}

.custome-recent-customers i {
    /* Old browsers */
    background: -moz-linear-gradient(top, #00efd1 0%, #00acea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00efd1 0%, #00acea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00efd1 0%, #00acea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00efd1', endColorstr='#00acea', GradientType=0);
    /* IE6-9 */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px;
}

.product-list-in-box i {
    font-size: 10px;
}

.custome-recent-customers input::placeholder {
    color: #717171;
    font-weight: 400;
    font-style: italic;
    /* Firefox */
}

.custome-recent-customers input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717171;
    font-weight: 400;
    font-style: italic;
}

.custome-recent-customers input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #717171;
    font-weight: 400;
    font-style: italic;
}


/* repair-in-dashboard */

.repair-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.repair-header > * {
    margin: 0 !important;
}
@media (min-width:576px) {
    .repair-header {
        float: right;
    }
}
.repair-header .input-group {
    width: auto;
    flex-grow: 1;
}
@media (max-width:575px) {
    .repair-header .input-group {
        width: auto;
        flex-grow: 1;
    }
}
@media (max-width:767px) and (min-width: 575px) {
    .repair-header .input-group {
        width: auto;
        flex-grow: 1;
        max-width: 260px;
    }
}

.custom-card-header h4 {
    /*float: left;*/
    color: #75E6CC;
    font-size: 15px;
    font-weight: bold;
}

.custom-card-header .btn-info {
    background-color: #F5CFA4;
    border-color: #F5CFA4;
    margin-right: 20px;
}

.custom-card-header .btn-info:hover,
.custom-card-header .btn-info:active,
.custom-card-header .btn-info.hover {
    /*background-color: #ffba6d;*/
    background-color: #F5CFA4 !important;
    border-color: #F5CFA4 !important;
}

.custom-card-header .form-control {
    border-right: 0px;
    border-color: #C3E5DD;
    border-radius: .25rem;
    font-size: .8rem;
    color: #717171;
    font-weight: 600;
}

.custom-card-header .input-group-text {
    background-color: transparent;
    border-left: 0px;
    border-color: #C3E5DD;
    cursor: pointer;
}

.custom-card-header .input-group-text i {
    background: -moz-linear-gradient(top, #00efd1 0%, #00acea 100%);
    background: -webkit-linear-gradient(top, #00efd1 0%, #00acea 100%);
    background: linear-gradient(to bottom, #00efd1 0%, #00acea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00efd1', endColorstr='#00acea', GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}

.custom-card-header input::placeholder {
    color: #717171;
    font-weight: 400;
    font-style: italic;
    /* Firefox */
}

.custom-card-header input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #717171;
    font-weight: 400;
    font-style: italic;
}

.custom-card-header input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #717171;
    font-weight: 400;
    font-style: italic;
}

#repairs_table thead>tr>th,
#repairs_table thead>tr>td {
    border-bottom-width: 2px;
    color: #717171;
    font-size: 14px;
    font-weight: normal;
}

.table-striped tbody tr:nth-of-type(even) {
    /*background-color: #C3E5DD*/
}

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

#repairs_table tbody>tr>td {
    color: #717171;
    font-size: 14px;
    font-weight: normal;
}

#reports_table tbody td,
#reports_table tbody th{
    padding: 0.45rem;
}
#reports_table tbody>tr>td a,
#repairs_table tbody>tr>td a,
.dataTable tbody>tr>td a,
.dataTable tbody>tr>td a
{
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

#repairs_table tbody>tr>td span {
    display: block;
}

.repair-type .modal-content {
    border-radius: 0px 11px 11px 0px;
}

.repair-type .modal-header {
    border-bottom: 0px;
    align-items: baseline;
    padding-bottom: 10%;
}

.repair-type .modal-header .modal-title {
    color: #75E6CC;
    font-size: 15px;
    font-weight: bold;
}

.repair-type .modal-header a {
    color: #F5CFA4;
    font-size: 20px;
    font-weight: bold;
}

.repair-type .modal-body label {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
}

.repair-type .modal-body p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

.repair-type .modal-body input:checked+label {
    font-weight: bold;
    font-size: 15px;
    color: #554C5F;
}

.radio-bt label {
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}

.radio-bt input {
    display: none;
}

.radio-ex span {
    display: block;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    position: relative;
    font-family: rucksack, sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #554C5F;
}

.radio-ex span:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #717171;
    border-radius: 50%;
    transition: all 0.25s linear;
}

.radio-ex .color-code input:checked+span:before {
    background: #717171;
    border-radius: 50%;
}

.radio-ex .color-code input:checked+span {
    font-weight: bold;
    font-size: 15px;
    color: #717171;
}

.pluse-sctr img {
    padding-right: 10px;
}

.pluse-sctr {
    font-size: 16px;
    color: #75E6CC;
    font-weight: bold
}

.btn-repair-next {
    background-color: #ffffff;
    border-color: #F5CFA4;
    padding: .5em 5rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #F5CFA4;
    display: table;
    margin: 0 auto;
}

.btn-repair-next:hover {
    background-color: #bd6500;
    color: #ffffff;
}


/* repair-pop-2 -end*/


/* repair-pop-3 -start*/

.repair-type .modal-body .info-head-sect {
    display: flex;
    margin-bottom: 20px;
}

.repair-type .modal-body .info-head-sect p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.repair-type .modal-body .info-head-sect h4 {
    color: #717171;
    font-size: 16px;
    font-weight: bold;
}

.repair-type .modal-body .info-head-sect h4 sub {
    font-size: 10px;
    font-weight: normal;
    bottom: 0;
    left: 10px;
}

.repair-type .modal-body .info-head-sect .info-head-sect-left {
    width: 35%;
}

.repair-type .modal-body .info-head-sect .info-head-sect-right {
    width: 100%;
}

.dropzone {
    width: 60px;
    height: 60px;
    border: 1px dashed #999;
    border-radius: 3px;
    text-align: center;
}

.upload-icon {
    margin: 5px 2px 2px 2px;
}

.upload-input {
    position: relative;
    top: -62px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.repair-type .modal-body .prob-head-sect {
    display: flex;
}

.repair-type .modal-body .prob-head-sect .form-group {
    margin-bottom: 0px;
}

.repair-type .modal-body .prob-head-sect .prob-head-sect-left {
    width: 20%;
}

.repair-type .modal-body .prob-head-sect .prob-head-sect-right {
    width: 100%;
}

.prob-head-sect-main {
    padding-bottom: 30px;
}

.prob-head-sect-main a {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}

.btn-sect a.go-back {
    color: #F5CFA4;
    text-decoration: underline;
}

.btn-sect .repair-sumt {
    color: #fff;
    background-color: #F5CFA4;
    border-color: #F5CFA4;
    padding: .5em 5rem;
    display: table;
    margin: -30px auto;
}

.btn-sect .repair-sumt:hover {
    color: #fff;
    background-color: #bd6500;
    border-color: #F5CFA4;
}

.btn-sect {
    padding-bottom: 50px;
}


/* repair-pop-3 -end*/


/* repair-4 -start*/

.repair-information-sect .repair-id {
    color: #717171;
    font-size: 22px;
    font-weight: bolder;
    margin-bottom: 20px;
}

.repair-information-head-sect {
    display: flex;
    margin-bottom: 20px;
}

.repair-information-head-sect p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.repair-information-head-sect h4 {
    color: #717171;
    font-size: 16px;
    font-weight: bold;
}

.repair-information-head-sect .repair-information-head-sect-left {
    width: 45%;
}

.repair-information-head-sect .repair-information-head-sect-right {
    width: 100%;
}

.repair-information-img p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.repair-information-img ul {
    margin: 0;
    padding: 0;
}

.repair-information-img ul li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
}

.repair-information-img ul li .img-part {
    padding-right: 30px;
    /*width: 30%;*/
}

.repair-information-img ul li .img-part img {
    /*width: 100%;*/
    width: auto;
}

.border-riht {
    border-left: 1px solid #ccc;
}
@media (min-width:992px) {
    .border-lg-riht {
        border-left: 1px solid #ccc;
    }
}

.border-top-custom {
    border-top: 1px solid #ccc;
}

.additional-comments-sect {
    padding: 40px 0;
}

.location-sect p,
.additional-comments-sect p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.additional-comments-sect h4 {
    color: #717171;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
}

.Payment-estimate p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

.Payment-estimate h4 {
    color: #717171;
    font-size: 16px;
    font-weight: bold;
}

.Payment-estimate .paymnet-sect .form-control {
    border-radius: 3px;
}

.Payment-estimate .paymnet-sect .submit-payment-btn {
    background: #75E6CC;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 10px;
}

.Payment-estimate .paymnet-sect .submit-payment-btn:hover {
    background: #5aaf9c;
}

@media (max-width: 640px) {
    .admin-user-logo {
        width: 30px;
        height: 30px;
        margin-left: 2px;
    }
    .website-icon {
        margin-top: 0px;
    }
    .navbar-brand {
        margin-right: .1rem;
    }
    .navbar-brand img {
        width: 100px;
    }
    .website-icon p {
        display: none;
    }
    .website-icon-sect {
        margin-right: 74%;
    }
    /* repair-pop-3 -start*/
    .repair-type .modal-body .info-head-sect .info-head-sect-left {
        width: 65%;
    }
    .btn-sect .repair-sumt {
        margin: 10px auto;
    }
    .repair-type .modal-body .prob-head-sect .prob-head-sect-left {
        width: 35%;
    }
}


/* Ram Css 4/9/2020 start */

.repair-information-part-right .form-control,
.product-information-sect-right .form-control,
.product-information-sect-right .select2-selection {
    border-radius: 6px;
    color: #717171;
    font-size: 12px;
}

.repair-information-part-right .controls,
.repair-information-part-right .select2-selection,
.product-information-sect-right .controls {
    padding: 10px 0;
}

.status-updates-sect p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

.status-updates-sect-inner {
    border: 1px solid #E2E2E2;
    padding: 10px 10px 30px;
    height: 103px;
    width: 100%;
    /*width: auto;*/
    border-radius: 8px;
}

.check-box-sect input[type="checkbox"] {
    display: none;
}

.check-box-sect label {
    cursor: pointer;
    font-family: rucksack, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #554C5F;
    width: 100%;
}

.check-box-sect label em {
    font-style: normal;
    display: block;
}

.check-box-sect input[type="checkbox"]+label span {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    background: #ffffff;
    border-radius: 3px;
    margin-right: 5px;
    float: left;
    border: 1px solid #D6D6D6;
}

.check-box-sect input[type="checkbox"]+label span::before {
    content: "";
    display: block;
}

.check-box-sect input[type="checkbox"]:checked+label span::before {
    content: "✓";
    color: rgb(85, 76, 95);
    text-align: center;
    font-size: 20px;
}

.payment-history-sect p {
    color: #717171;
    font-size: 12px;
    font-weight: normal;
}

.payment-history-sect table tbody tr td {
    color: #717171;
    font-size: 10px;
    font-weight: normal;
}

.btn-submit-repair {
    background: #D6D6D6;
    padding: 0.5rem 1rem;
    border-radius: 3px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
}

.btn-submit-repair:hover {
    background: #ccc;
}

.box-repair {
    padding: 10px;
    display: flex;
    border-radius: 10px;
    margin-bottom: 20px;
}

.box-repair p {
    color: #717171;
    font-size: 11px;
    font-weight: normal;
    word-break: break-word;
}

.box-repair-text-inner {
    display: inline;
}

.box-repair-text-inner p {
    font-weight: bold;
    float: left;
}

.date-strt {
    text-align: right;
    float: right;
}

.date-strt p {
    color: #717171;
    font-size: 11px;
    font-weight: normal;
}

.date-strt span {
    color: #717171;
    font-size: 11px;
    font-weight: normal;
    padding-left: 15px;
    font-style: italic;
}

.box-repair-color {
    background-color: #F9F9F9;
}

.box-repair-color1 {
    background-color: #ffffff;
    border: 1px solid #F1F1F1
}

.box-repair-color2 {
    background-color: #e1fff8;
}

.box-repair-color3 {
    background-color: #F6FDFF;
}

.box-repair-color4 {
    background-color: #F7FFF6;
}

.repair-bg-color-1 {
    background-color: #FFC7C2;
}

.repair-bg-color-2 {
    background-color: #BDE3FF;
}

.repair-bg-color-3 {
    background-color: #F5F5F5;
}

.repair-bg-color-4 {
    background-color: #53FFA4;
}

.repair-bg-color-5 {
    background-color: #AFF4C6;
}

/*editable custom*/

.editable {
    cursor: pointer;
    border: none;
}

.editable-container.editable-inline {
    position: absolute;
    z-index: 9999;
    bottom: 0;
    background-color: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}

.editable-buttons {
    display: block;
    margin-top: 5px;
    margin-left: 0;
}

.editable-buttons .btn-sm{
    font-size: .6rem;
}

.placeholder-class .editable-input .form-control,
.placeholder-class .editable-input .form-control:focus{
    border: 1px solid #ced4da;
    padding: 6px;
    font-size: 13px;
    border-radius: 6px;
}

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

.editableform .form-group.has-error {
    width: 100%;
}

.editable-input .date .add-on {
    position: absolute;
    left: 170px;
    top: 15px;
}

.datepicker.datepicker-dropdown {
    margin-top: 10px;
}

.treeview.menu-open>ul.treeview-menu {
    padding: 0;
}

.bootstrap-tagsinput {
    width: 100%;
    padding: .375rem .75rem !important;
    font-size: 1rem;
    line-height: 1.5 !important;
    background-clip: padding-box;
    border-radius: 0 !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.order-status-badge span{
    font-weight: 300;
    /*color: #717171;*/
    color: #675f5f;
    font-size: 12px;
    padding: 7px;
    text-transform: lowercase;
    /*box-shadow: inset 0 0 4px 1px #d6d6d6;*/
    box-shadow: 0px 1px 1px 1px #d6d6d6;
}

.order-status-badge.only-badge span{
    color: #2c2727;
    box-shadow: none;
}

.badge-warning-buttermilk {
    /*processing*/
    background-color: #F5E8A4;
}

.badge-warning-australianmint {
    /*dispatched*/
    background-color: #DDF5A4;
}

.badge-warning-lightgreen {
    /*delivered*/
    background-color: #A4F5AF;
}

.badge-warning-gainsboro {
    /*cancelled*/
    background-color: #E5E5E5;
}

.badge-warning-sundown {
    /*PF*/
    background-color: #F5A4A4;
}

.badge-light-apricot {
    background-color: #F1BE99;
}

.badge-peach-puff {
    background-color: #FCDDB9;
}

.badge-light-coral {
    background-color: #ECBBB0;
}

.badge-granny-smith-apple {
    background-color: #97E291;
}
.badge-granny-smith-orange {
    background-color: #f3d2c1;
}



/*--------------------------products_detail-css-start----------------------*/

.prod-id {
    font-size: 22px;
    color: #717171;
    font-weight: bold;
}

.pro-visib {
    font-size: 7px;
    color: #717171;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

.pro-visib img {
    padding-right: 6px;
}

.pro-delet {
    font-size: 8px;
    color: #717171;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
}

.pro-delet img {
    padding-right: 6px;
}

.pro-name {
    font-size: 12px;
    color: #717171;
    padding-top: 20px;
}

.pro-name span {
    color: #717171;
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.pro-price {
    font-size: 12px;
    color: #717171;
    padding-top: 20px;
}

.pro-price span {
    color: #717171;
    /*font-size: 16px;*/
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.img-form {
    padding-top: 20px;
}

.img-form ul {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    /*/ flex-wrap: wrap; /*/
    width: 500px;
    overflow-x: auto;
}

.img-form ul li {
    list-style: none;
    padding-right: 10px;
    margin-bottom: 10px;
}

.img-form ul li img {
    border-radius: 10px;
    width: 90px;
    height: 90px;
}

.img-form ul li:first-child img {
    width: 110px;
    height: 110px;
}

.img-form ul li.feature-img form {
    margin: 0;
}

.prod-category {
    padding-top: 20px;
}

.prod-category p {
    color: #717171;
    font-size: 12px;
    margin-bottom: 5px;
}

.editable-empty {
    font-weight: 100;
}
.custom-editable-empty{
    color: #E9B6B6;
}

.manufacturer-class{
    border: 1px solid #ced4da !important;
    padding: .375rem .75rem !important;
    border-radius: .25rem !important;
}

#sell_status_message.manufacturer-class{
    font-size: 13px;
}

.search-internal{
    position: absolute;
    height: 33px;
    top: 35px;
    /*margin-top: 10px;*/
    border: 1px solid #cbcbcb !important;
    border-radius: 4px;
    width: 80%;
    left: 8%;
    padding: 10px !important;
    z-index: 1;
    font-size: 14px;
}

.nano>.nano-content:focus{
    outline: none !important;
}

.datepicker-days td,
.datepicker-days th{
    width: 35px !important;
    height: 35px !important;
}


.pro-upsell .form-control {
    border-color: #BFBFBF;
    border-radius: .25rem;
    font-size: .8rem;
    color: #BFBFBF;
    margin-bottom: 10px;
}

.upsell-view-img img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.upsell-pro-view {
    display: flex;
    padding-bottom: 6px;
}

.upsell-view-img {
    width: 20%;
}

.upsell-view-text {
    width: 70%;
    padding-left: 10px;
}

.upsell-view-text p {
    font-size: 12px;
    color: #717171;
}

.upsell-view-text p span {
    display: block;
    font-weight: bold;
}

.upsell-view-close {
    padding-top: 7px;
    position: absolute;
    right: 15px;
}

.pro-descption {
    padding-top: 30px;
}

.pro-descption p {
    color: #717171;
    font-size: 12px;
    margin-bottom: 5px;
}

.pro-attributes {
    padding-top: 40px;
}

.pro-attributes p {
    color: #717171;
    font-size: 12px;
    margin-bottom: 5px;
}

.status-updates p {
    color: #717171;
    font-size: 12px;
    margin-bottom: 5px;
}

.status-updates .form-group {
    margin-bottom: 1rem;
}

.status-updates .form-group textarea {
    width: 100%;
    border-color: #E2E2E2;
    color: #717171;
    /* padding: 0 8px; */
    padding: 12px 15px;
}

.product-information-sect-right {
    border-left: 1px solid #ccc;
    padding: 0 0 0 17px;
    min-height: 100%;
}

.assign-btn {
    width: 100%;
    border: 1px solid #ccc;
    text-align: left;
    color: #717171!important;
    font-size: 12px;
    padding: 10px;
}

.pro-assign .dropdown-menu.show {
    display: block;
    width: 100%;
    -webkit-box-shadow: 0px 5px 6px 1px #ccc;
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0px 5px 6px 1px #ccc;
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0px 5px 6px 1px #ccc;
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.pro-assign .dropdown-menu.show .dropdown-item {
    color: #717171;
    font-size: 12px;
}

.pro-assign .dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: auto;
    vertical-align: .255em;
    content: "";
    top: 12px;
    font-size: 30px;
    border-style: unset;
    right: 5px;
    position: absolute;
    /* margin-right: 0; */
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.pro-assign .btn-info {
    background-color: #D6D6D6;
    border-color: #ffffff;
    font-size: 12px;
    padding: 7px;
    /*padding: 10px;*/
    width: 100%;
    border-radius: 4px;
}

.pro-assign .btn-info:hover {
    background-color: #707070;
}

.pro-assign .btn.focus,
.pro-assign .btn:focus {
    outline: 0;
    box-shadow: none;
}

.pro-edit-color {
    background-color: #F1FDFA;
    border-radius: 9px;
}

.product-edited-box {
    padding: 20px;
    margin-top: 30px;
    width: 100%;
    display: inline-block;
}

.product-edited-box p {
    color: #717171;
    font-size: 11px;
}

.product-edited-box-test {
    /*padding-top: 30px;*/
    padding-top: 10px;
}

.product-edited-box-test-info {
    float: left;
    color: #717171;
    font-size: 9px;
}

.product-edited-box-test-info h4 {
    font-size: 9px;
    font-weight: bold;
}

.product-edited-box-test-info-date {
    float: right;
    color: #717171;
    font-size: 9px;
}

.pro-edit-color-bdr {
    background-color: #ffffff;
    border-radius: 9px;
    border: 1px solid #F1F1F1;
}

.last-sect .product-edited-box-test {
    padding-top: 8px;
}

#products_code tbody tr td:first-child {
    width: 200px;
    font-weight: bold;
    text-align: right;
}
@media (max-width:575px) {
    #products_code tbody tr td {
        font-size: 14px;
    }
}

#products_code tbody tr td {
    border-top: 0px solid #f4f4f4;
}

.pro-attributes-information {
    border: 1px solid #E1E1E1;
    margin-top: 10px;
}

.att-sect-btn {
    width: 70%;
    border: 1px solid #ccc;
    text-align: left;
    color: #717171!important;
    font-size: 12px;
    padding: 10px;
}

.att-sect-btn.dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: auto;
    vertical-align: .255em;
    content: "";
    top: 12px;
    font-size: 30px;
    border-style: unset;
    right: 32%;
    position: absolute;
    /* margin-right: 0; */
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

@media (max-width: 767px) {
    .product-information-sect-right {
        border-left: 0px solid #ccc;
        padding: 0 0 0 0px;
    }
    .product-information-sect .col-lg-5.pl-0 {
        padding-left: 15px!important;
        padding-top: 15px!important;
    }
}

@media (max-width: 480px) {
    #products_code tbody tr td:first-child {
        width: auto;
    }
}


/*--------------------------products_detail-css-end----------------------*/


/*====================css-radio-button-start====================================*/

.prd-cate {
    color: #717171;
}

.radio-sects {
    overflow-y: scroll;
    min-height: 216px;
    height: 216px !important;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    padding: 10px 0px 0 10px;
}

.radio-sects .form-group {
    /*max-width: 100%;*/
    width: 100%;
}

.radio-btn label {
    margin-right: 20px;
    display: block;
    cursor: pointer;
}

.radio-btn label.sub-label {
    margin-left: 30px;
}

.radio-btn input {
    display: none;
}

.radio-exp .color-code input:checked+span {
    font-weight: bold;
    font-size: 15px;
    color: #717171;
}

.ebay-radio-exp .color-code input:checked+span {
    font-weight: 300 !important;
    font-size: 13px !important;
}

.ebay-radio-exp.radio-btn label{
    display: inline-block;
}

.radio-exp span {
    display: block;
    padding: 5px 30px 5px 0px;
    border-radius: 5px;
    position: relative;
    font-family: rucksack, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #554C5F;
}

.radio-exp .color-code input:checked+span:before {
    background: #DBDBDB;
    border-radius: 20%;
}

.radio-exp span:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%);
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: 1px solid #BFBFBF;
    border-radius: 20%;
    transition: all 0.25s linear;
}


/*====================css-radio-button====================================*/


/*====================css-placeholder====================================*/

.placeholder-class input[type="text"]::placeholder,
.placeholder-class input[type="number"]::placeholder,
.placeholder-class input[type="email"]::placeholder,
.placeholder-class input[type="password"]::placeholder,
.placeholder-class textarea::placeholder,
.placeholder-class .bootstrap-tagsinput input[type="text"]::placeholder {
    color: #E9B6B6;
    font-style: italic;
}

.placeholder-class input.form-control,
.placeholder-class input.form-control:focus,
.placeholder-class input[type="email"].form-control,
.placeholder-class input[type="email"].form-control:focus,
.placeholder-class input[type="password"].form-control,
.placeholder-class input[type="password"].form-control:focus,
.placeholder-class textarea.form-control,
.placeholder-class textarea.form-control:focus {
    border: none;
    padding: 0;
    /*color: #E9B6B6;*/
}

.placeholder-class select.form-control {
    border-radius: 6px;
    color: #717171;
    font-size: 12px;
    border: 1px solid #ced4da;
}


/*====================css-placeholder====================================*/


/*====================css-custom-card-header====================================*/

.custom-card-header .form-control-custom,
.custom-card-header .form-control-custom:focus {
    border: 1px solid #ced4da !important;
    border-right: 0px !important;
    border-color: #C3E5DD !important;
    border-radius: .25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: .8rem !important;
    color: #717171 !important;
    font-weight: 600 !important;
    padding: .375rem .75rem;
}


/*====================css-custom-card-header====================================*/

.typeahead.dropdown-menu {
    max-height: 200px;
    max-width: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 3px 8px 16px rgba(0, 0, 0, 0.15);
}

.typeahead.dropdown-menu li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin: 10px;
}

.typeahead.dropdown-menu li:last-child {
    border-bottom: 0px solid #ececec;
}

.typeahead.dropdown-menu li a {
    white-space: break-spaces;
}

@media (min-width: 1200px) {
    body .container {
        max-width: 1440px;
    }
}

#newRepairForm .input-group .input-group-text {
    background-color: transparent;
    border-right: 0px;
    height: 35px;
}


/*
#newRepairForm .input-group .form-control,
#newRepairForm .input-group .form-control:focus{
    border-left: 0;
    border-color: #d2d6de;
}*/

.dataTables_wrapper .table-bordered>thead>tr>th {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.dataTables_wrapper .table-bordered {
    border: 0px solid #f4f4f4;
}

.dataTables_wrapper .table-bordered>tbody>tr>td {
    color: #717171;
    font-weight: normal;
    font-size: 14px;
}

#customers_table_wrapper .table-bordered>tbody>tr>td:nth-child(3) {
    font-weight: bold;
}

#customers_table_wrapper .table-bordered>tbody>tr>td:nth-child(4) {
    font-weight: bold;
}

#customers_table_wrapper .table-bordered>tbody>tr>td:nth-child(5) {
    font-weight: bold;
}

.product-search {
    /*    top: 35px;
        max-height: 200px;
        max-width: 300px;
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 3px 8px 16px rgba(0, 0, 0, 0.15);*/

    top: 35px;
    max-height: 200px;
    min-width: 300px;
    max-width: 600px;
    left: auto;
    right: 0px;
    width: max-content;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 3px 8px 16px rgba(0, 0, 0, 0.15);
}

.product-search.dropdown-menu li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin: 10px;
}

.product-search.dropdown-menu li:before {
    width: 0px;
}

.product-search.dropdown-menu li a {
    white-space: break-spaces;
}

@media only screen and (max-width: 763px) {
    .product-search {
        min-width: 200px !important;
        max-width: 300px !important;
    }
}
@media only screen and (max-width: 450px) {
    .product-search {
        min-width: 200px !important;
        max-width: 200px !important;
    }
}

.customsearch {
    top: 40px;
    max-height: 200px;
    width: 350px !important;
    /* max-width: 300px; */
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 3px 6px 1px #caccd6;
    border-radius: 6px;
}

.customsearch.dropdown-menu li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin: 10px !important;
    padding-left: 0;
}

.customsearch.dropdown-menu li:before {
    width: 0px;
}

.customsearch.dropdown-menu li a {
    white-space: break-spaces;
    padding-left: 0;
}

.cursor-pointer {
    cursor: pointer;
}

@media only screen and (max-width: 450px) {
    .customsearch {
        /*width: 230px !important;*/
        width: 300px !important;
        padding-bottom: 0;
        top: 45px !important;
    }
    .customsearch .col-3 {
        flex: 0 0 20% !important;
        max-width: 20% !important;
        /*        flex: 0 0 50% !important;
                max-width: 50% !important;*/
    }
    .customsearch .col-9 {
        flex: 0 0 70% !important;
        max-width: 70% !important;
        /*        flex: 0 0 50% !important;
                max-width: 50% !important;*/
    }
}

@media only screen and (max-width: 980px){
    .customsearch {
        padding-bottom: 0;
        top: 45px !important;
    }
}

@media (max-width: 576px) {
    .login-logo .backnd-login-logo {
        padding: 20px 0;
    }
}
.login-logo .backnd-login-logo {
    /*width: 130px;*/
    height: 100px;
    width: auto;
}

.backnd-main-logo-withouttxt {
    /*width: 90px;*/
    height: 70px;
}

.product-details-section table thead tr {
    background-color: #fff9f9;
}

.product-details-section table thead tr td{
    border-top: 1px solid #fff9f9;
    color: #bab9b9;
    font-size: 12px;
}

.form-control {
    font-size: 14px;
    border-radius: 6px;
}

.modal .form-control{
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    height: 35px !important;
    font-size: 12px;
}
.modal textarea.form-control{
    height: auto !important;
}
.modal .alert{
    padding: .5rem 1rem;
    font-size: 13px;
}
.modal .form-group label{
    font-size: 13px;
}

.product_id_select {
    height: 35px;
    margin-bottom: 10px;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
}
.product_id_select:focus {

}

.post-product-search-result {
    top: 40px;
    max-height: 300px;
    width: 350px !important;
    /* max-width: 300px; */
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 3px 6px 1px #caccd6;
    border-radius: 6px;
    padding-bottom: 0px;
}
.post-product-search-result.dropdown-menu li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin: 10px !important;
    padding-left: 0;
}
.post-product-search-result.dropdown-menu li a {
    white-space: break-spaces;
    /*padding-left: 0;*/
    cursor: pointer;
}
.pos-new-product{
    position: sticky;
    bottom: 0px;
    background: #fff;
    height: 40px;
    line-height: 30px;
    cursor: pointer;
}
.pos-new-product-img{
    display: inline-block;
    height: 20px;
    margin-top: -5px;
    margin-right: 5px;
}

div.dataTables_wrapper div.dataTables_length select{
    height: calc(2.25rem + 2px) !important;
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.archive-cls,
.archive-cls:focus{
    padding: 0;
    background: transparent;
    border: none !important;
    cursor: pointer;
    outline: none !important;
}


/*========================*/

/*
 * Component: Sidebar Mini
 */
@media (min-width: 993px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 200px !important;
        /*margin-left: 0px;*/
        z-index: 840;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 200px !important;
        /*width: 50px !important;*/
        z-index: 850;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li {
        position: relative;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {
        margin-right: 0;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
        border-top-right-radius: 4px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
        border-bottom-right-radius: 4px;
    }
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,
    .sidebar-mini.sidebar-collapse .sidebar-form,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
    .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span > .pull-right,
    .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
        display: block !important;
        -webkit-transform: translateZ(0);
    }
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
    }
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }
    .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {
        display: none;
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        /*margin-left: 200px;*/
        margin-left: 0px;
    }
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 0px !important;
    z-index: 840;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
    width: 0px !important;
}

@media (max-width: 993px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 200px !important;
        z-index: 840;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar {
        width: 200px !important;
    }
}

@media (max-width: 993px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}

.card-radio-section{
    color: #717171;
    font-size: 14px;
}

/* mun start */

@media (max-width: 1024px) {
    table>tbody>tr.child ul.dtr-details {
        display: block !important;
        text-align: left;
    }
    table>tbody>tr.child ul.dtr-details li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    table>tbody>tr.child ul.dtr-details li .dtr-data {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 10px;
        align-items: center;
    }
    table>tbody>tr.child ul.dtr-details li .dtr-data .d-flex {
        justify-content: flex-end;
        display: inline-flex !important;
    }
    table>tbody>tr.child ul.dtr-details li .dtr-data p {
        margin-bottom: 0;
    }
    table>tbody>tr.child ul.dtr-details li .dtr-data .mt-2 {
        display: inline-flex;
        margin: 0 !important;
    }
}
@media (max-width: 1024px) {
    #buyinform_table_wrapper {
        padding-inline: 0
    }
    #buyinform_table>tbody>tr.child ul.dtr-details {
        display: block;
        text-align: left;
    }
    #buyinform_table>tbody>tr.child ul.dtr-details li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #buyinform_table>tbody>tr.child ul.dtr-details li .dtr-data {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 10px;
        align-items: center;
    }
    #buyinform_table>tbody>tr.child ul.dtr-details li .dtr-data .d-flex {
        justify-content: flex-end;
        display: inline-flex !important;
    }
    #buyinform_table>tbody>tr.child ul.dtr-details li .dtr-data .mt-2 {
        display: inline-flex;
        margin: 0 !important;
    }
    #buyinform_table tr td:nth-last-child(2) {
        min-width: 100px
    }
    #buyinform_table tr td:nth-child(3) {
        min-width: 180px
    }
}
@media (max-width: 1024px) {
    #buyinform_table_wrapper {
        padding-inline: 0
    }
    #products_table>tbody>tr.child ul.dtr-details {
        display: block;
        text-align: left;
    }
    #products_table>tbody>tr.child ul.dtr-details li {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #products_table>tbody>tr.child ul.dtr-details li .dtr-data {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 5px 10px;
        align-items: center;
    }
    #products_table>tbody>tr.child ul.dtr-details li .dtr-data .d-flex {
        justify-content: flex-end;
        display: inline-flex !important;
    }
    #products_table>tbody>tr.child ul.dtr-details li .dtr-data p {
        margin-bottom: 0;
    }
    #products_table>tbody>tr.child ul.dtr-details li .dtr-data .mt-2 {
        display: inline-flex;
        margin: 0 !important;
    }
    #products_table tr td:nth-child(2) {
        min-width: 180px
    }
}
@media (max-width:575px) {
    .navbarDropdown {
        font-size: 14px;
    }
    .navbarDropdown .dropdown-item {
        padding-inline: 1rem;
    }
    .card-title {
        margin-bottom: 0;
    }
    .container .container,
    .container .container-fluid,
    .container .content-wrapper .col{
        padding-inline: 0;
    }
    table tbody {
        font-size: 14px;
    }
}
@media (max-width:400px) {
    #buyinform_table tr td:nth-child(3) {
        min-width: 150px
    }
}