.custom .card>.card-header .btn.btn-primary, .custom .card>.card-header .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon){
   color: #4c4949;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    font-weight: bold;
    padding: 6px 20px;
}
.btn.btn-primary{
   color: #fff;
    border-color: #4c4949 !important;
    background-color: #4c4949 !important;
    font-weight: bold;
}
.custom #discount_percentage{
    margin-left:5px !important;
}
#kt_app_toolbar_container{
    padding: 0px !important;
    background: transparent;
    padding-right: 0px !important;
    padding-top: 5px !important;
}
.job-listc th:first-child{
    width:150px;
}
.job-listc th:nth-child(2){
    width:150px;
}
#kt_app_toolbar .breadcrumb{
    z-index: 999;
}
#kt_app_toolbar_container{
  justify-content: end !important;
}

.def-cont#kt_app_toolbar_container{
  justify-content: start !important;
}

.custom .job-listc td:last-child, .custom .job-listc th:last-child {
    text-align: left !important;
}

.text-left {
    text-align: left !important;
}

.custom .job-listc td .activity-con span{
    display:block;
}
.custom .job-listc td .activity-con span b{
    color:#4c4949;
}
.custom .job-listc td .activity-con span b.act-img{
    display:block;
    margin-bottom:5px;
}
.custom .job-listc td .activity-img a{
    margin-right:5px;
}
.job-listc th:last-child{
    width:400px;
}
.modal-body.joblist-modal{
        max-height: 600px;
    overflow-y: scroll;
    height: 600px;
}
ul.attach-list{
    display: block;
    padding-left:0px;
}
ul.attach-list li {
    display: inline-block;
}
ul.attach-list li img {
    max-height: 100px;
    width: auto;
    margin-right: 8px;
}
.attach-file-list li a {
    background: #f77001;
    color: #fff !important;
    padding: 12px;
    border-radius: 8px;
    margin-right: 5px;
    font-weight: 600;
}
ul.attach-file-list li {
    display: inline-block;
}
ul.attach-file-list li a{
    display: inline-block;
}
ul.attach-file-list{
    display: block;
    padding-left:0px;
}
.modal-title.job-id-s {
    background: #f7700130;
    max-width: fit-content;
    margin-bottom: 7px;
    padding: 5px 8px;
    border-radius: 7px;
    font-size: 13px;
}
.modal-header .act-header .tech-nme{
    font-size: 12px;
    margin-left: 5px;
}
.custom .welcome-message .welcome-text{
        font-size: 14px;
    font-weight: 600 !important;
    }
    i.fa-solid {
    font-size: 18px !important;
    padding: 10px;
    border-radius: 0.625rem !important;
}

.custom i.fa-solid.fa-envelope-circle-check {
   background-color: #e8fff3;
    padding: 10px;
    color: #17C653;
}
.custom i.fa-solid.fa-paper-plane {
    color: #006fb3 !important;
    background: #e2f0ff;
}
.custom i.fa-solid.fa-file-pdf {
    background: #f6c9c9;
    color: #841717;
}
.custom i.fa-solid.fa-circle-check {
   background-color: #e8fff3;
    padding: 10px;
    color: #17C653;
}
.addmoreChecklist .checklistSpan{
    font-family: Inter, Helvetica, "sans-serif";
    font-size:13px;
    line-height:17px;
}
.addmoreChecklist i{
    padding-right:0px;
}
i.fa-solid.fa-arrows-rotate {
   background-color: #ff00001f;
    color: #ff0000;
    border-radius: 0.625rem !important;
    padding: 10px;
}
.custom .card .card-header .card-title{
    color: #fff;
    margin: 0px !important;
}
.status.created{
    color: #c79a00 !important;
    background-color: #ffd13330 !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
}
.sp-searchpanel .search-row{
    display:flex;
    justify-content:space-between;
}
.calendercardbody .modal.fade.myModal .orders-details{
    margin-bottom:0px !important;
}
.calendercardbody .modal.fade.myModal .orders-details .cards.mt-9{
    margin-top:0px !important;
}
.custom .cust-table .table .menu-dropdown.btn+.menu.menu-sub.menu-sub-dropdown .menu-item a{
    text-align:left !important;
}
span.notification_count {
    padding: 5px;
    min-width: 26px;
    font-size: 11px;
    text-align: center;
    border-radius: 50%;
    min-height: 26px;
}

.sp-searchpanel .search-row .form-control, .sp-searchpanel .search-row .input-group, .sp-searchpanel .search-row .select2-container{
    margin-right:10px;
}
button.btn.tech-btn {
    background: #fff2e3;
    width: 100%;
    color: #4c4949;
}
button.btn.tech-btn:hover{
     color: #4c4949;
}
span.user-na {
    width: 100% !important;
    display: block;
    padding-right: 50px !important;
}
.card ul.pagination {
    margin-top: 80px;
    margin-bottom: 30px;
}
.custom .card.card-flush > .card-header{
    border-bottom: 0 !important;
    background-color: #4c4949;
    padding: 1rem 2.25rem !important;
    color: #fff;
    min-height: fit-content;
}
.custom .card .card-body{
    padding-top: 1.5rem !important;
}
.custom .pagination{
    justify-content: center !important;
}
.card ul.pagination .page-item.active .page-link {
    color: var(--bs-pagination-active-color);
    background: #f77001;
}
.sp-searchpanel .search-row .form-control:last-child{
    margin-right:0px; 
}
.sp-searchpanel .search-row .input-group .form-control{
    margin-right:0px;
}
.sp-searchpanel .search-row .formfbtn{
    display: flex;
    justify-content: space-between;
}
.sp-searchpanel .search-row .formfbtn .btn{
    width: 49%;
}
.sp-searchpanel .search-row .formfbtn .search-btn{
    background-color: #ffa5002e;
    color: #ffa500;
}
.sp-searchpanel .search-row .formfbtn .reste-btn{
    background-color: rgb(62 151 255 / 15%);
    color: #006fb3;
}
.order-dets-cont{
    font-size: 12px;
    background: #fff6d9;
    padding: 5px;
    color: #4c4949 !important;
    border-radius: 5px;
}

.sp-searchpanel .search-row .formfbtn .reste-btn i{
     color: #006fb3;
}
form.sp-searchpanel {
    border-bottom: 1px solid #dbdfe9;
    padding-bottom: 20px;
    margin-bottom: 0px !important;
}
.custom .card .card-body .table-responsive.cust-table.mt-2.prod-table, .custom .card .card-body .cust-table.mt-2.prod-table, .custom .card .card-body .mt-2.prod-table{
    margin-top: 0.5rem !important;
}
.sp-searchpanel .search-row .formfbtn .search-btn i{
     color: #ffa500;
}
.status.accepted{
    color:var(--bs-success) !important;
    background-color: #50cd8930 !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
}
.status.email-sent{
    color: #006fb3 !important;
    background-color: #006fb321 !important;
    border-radius: 0.625rem !important;
    font-weight: 600 !important;
}
.status.rejected{
    color: var(--bs-danger) !important;
    background-color: var(--bs-danger-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
}
.text-gray-800 {
    color: #4c4949 !important;
}
.customer-inv-name{
    display: flex;
    flex-direction: row !important;
    align-items:center;
}
.inv-pay-name.pay-inv{
    display:block;
}
.custom.mt-3>.d-flex>.card>.card-header, .custom.mt-3>.d-flex>.card>.card-header, .custom.mt-3>.card>.card-header, .custom.mt-3>.row>.col-md-12>.card>.card-header{
    background-color: #4c4949;
    padding: 1rem 2.25rem !important;
    min-height: fit-content;
}
.custom.mt-3 .card-body>.d-flex>.separator{
    display:none;
}
.custom.mt-3>.d-flex >.card>.card-body{
   padding-top:2rem !important;
}
.custom>.d-flex >.card{
    padding:0px;
}
.custom.mt-3 .card.single-card-head.card>.card-header{
    margin-bottom:0px;
} 
.custom.mt-3 .card{
    padding-top:0px !important;
}
.booked.badge{
    background: #643c8c2e;
}
.arrived.badge{
background: #00800014;
}
.shipped.badge{
background: #3e97ff26;
}
.ordered.badge{
background: #ffe586;
}
.card .order-his{
    height: 255px;
    overflow-y: scroll;
    max-height: 255px;
}
.order-his .table:not(.table-bordered) td:last-child{
    padding-right:6px;
}

.custom.mt-3>.d-flex>.card>.card-header>.card-title, .custom.mt-3>.d-flex>.card>.card-header>.card-title>span, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h2, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h1, .custom.mt-3>.d-flex>.card>.card-header>.card-title>h3, .custom.mt-3>.row>.col-md-12>.card>.card-header>.card-title>h3>span, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title p, .custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title>span{
    color:#fff !important;
    font-size: 18px;
    font-weight:bold;
}
.card .card-header .card-title .order-dets-cont .inv-pay-name, .card .card-header .card-title .order-dets-cont .order-dat{
    font-size: 12px;
    background: #ffffff00;
    padding: 5px;
    color: #4c4949 !important;
    margin-right: 0px;
}
.custom.mt-3>.row>.col-md-12>.card>.card-header>h3.card-title .order-dets-cont, .order-dets-cont{
    font-size: 12px;
    background: #fff6d9;
    padding: 7px 5px;
    color: #4c4949 !important;
    border-radius: 5px;
}
 
.tech-title span {
    color:#fff !important;
    font-size: 18px;
    font-weight:bold;
}
#kt_app_toolbar_container .page-title .page-heading{
    color: #4c4949 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}
.breadcrumb.breadcrumb-separatorless .breadcrumb-item.text-muted {
    font-weight: 600;
    color: #4c4949 !important;
     font-size: 13px;
}
.breadcrumb.breadcrumb-separatorless a.text-hover-primary.text-muted {
    color: #f77001 !important;
    font-weight: bold ;
    font-size: 13px;
}
.breadcrumb-item .bullet{
     background-color: #4c4949;
}
#kt_app_wrapper{
    margin-top:0px !important;
}
#kt_app_page{
    background: #f1f5f8;
}
#kt_app_main{
    background: #f1f1f282;
    padding-top:0px;
}
#kt_app_header{
    display:none;
}

#kt_app_toolbar {
    margin-left: 30px;
    margin-right: 30px;
    padding: 0.25rem 0.5rem !important;
    background: transparent;
}
span.card-label.fw-bold.text-gray-800.customer-pay-name{
     padding: 8px;
}
.modal-body #paid_amount, .modal-body #description{
    margin-top:10px;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-toggle{
    display:none !important;
}
.custom td, .custom td .text-black-600{
    text-transform: capitalize !important;
}
.custom td.email-td, .custom td.email-td .text-black-600{
    text-transform: initial !important;
}
#kt_app_sidebar_menu_wrapper .menu-active-bg.pt-1.pb-3.px-3.py-lg-6.px-lg-6{
    position: absolute;
    width: 100%;
    bottom: 0;
}
.create-cust.cal2 .tracking-table .ordered {
    background: #f5c71a36;
    border-radius: 8px;
    padding: 6px 5px;
    font-size: 9px;
    letter-spacing: 0.4px;
}
.create-cust.cal2 .tracking-table .arrived {
    background: #77ad7729;
    border-radius: 8px;
    padding: 6px 5px;
    font-size: 9px;
    letter-spacing: 0.4px;
    
}
.custom .cust-table td, .custom .cust-table th{
min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
    text-align: center !important;
    padding: 10px !important;
}
.custom .cust-table td.text-start.text-role, .custom .cust-table th.text-role{
    text-align: left !important;
}
.dashboard-card .card-title .cust-table th, .dashboard-card .card-title .cust-table td.text-start  span.text-black-600{
    color:#fff !important;
    font-size:12px;
}
.dashboard-card .card-title td.text-start button.d-btn.btn{
   font-size:12px;
    color: #fff;
    padding: 5px 10px !important;
}
.welcome-text {
    font-size: 14px;
    font-weight: 600 !important;
}
.custom .cust-table td:first-child, .custom .cust-table th:first-child{
min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
    padding: 10px !important;
    text-align: left !important;
}
.custom td:last-child, .custom th:last-child{
    text-align: right !important;
}
.status.badge{
    font-size: 10px !important;
}

td .pdf-icon .ki-duotone, td .pdf-icon .ki-outline, td .pdf-icon .ki-solid, td .doc-icon .ki-duotone, td .doc-icon .ki-outline, td .doc-icon .ki-solid {
    line-height: 1;
    color: #3e97ff;
    font-size: 37px !important;

}
.orders-details .card>.card-header {
    background-color: transparent !important;
}

td .documnet-icon .ki-duotone, td .documnet-icon .ki-outline, td .documnet-icon .ki-solid {
    
    color: #50cd89;
}
#kt_app_sidebar_menu_wrapper .menu-item .menu-link .menu-icon+.menu-title{
    font-size: 1.1rem;
    line-height: 20px;
    font-weight: 600;
}
.ckeditor-content p, .ckeditor-content td p, .ckeditor-content td{
    text-transform: initial !important;
}
    .clrprimary{
    color: #D81C1C;
    border-color: #4c4949 !important;
    background-color: #4c4949 !important;
}
td.text-black-600, td.text-black-600{
    text-transform: initial;
}
.text-black-600 {
    color: #4c4949 !important;
}
.btn.btn-light-primary {
    color: #4c4949;
    border-color: #4c49491f;
    background-color: #4c49491f;
}
.btn.btn-light-primary i, .btn.btn-light-primary .svg-icon {
    color: #4c4949;
}
.cust-table table th.fw-bold {
    font-weight: bold !important;
}

a{
     color: inherit;
}

p.thankp{
    font-size:18px;
}
h2.thankyou-title{
    text-align:center;
    font-size:50px;
    width: 100%;
}
.just-cont-space{
    justify-content: space-between;
}
.cross-image.remove{
    color: #ff0000 !important;
    border-color: #ff0000 !important;
    background-color: #ff000024 !important;
    padding: 5px 15px !important;
    font-size: 12px;
}
#kt_app_toolbar .breadcrumb{
   text-transform: uppercase; 
   font-weight:bold;
}
a.text-muted {
    color: #6d6f70 !important;
}

.prod-ext .nav-item .nav-link {
    color: #4c4949;
}
.prod-ext .nav-item .nav-link.active {
    color: #000;
}
.cards-title {
    font-size: 14px;
    color: #4c4949;
    line-height: 22px;
}
.prod-ext .nav-line-tabs .nav-item .nav-link.active, .prod-ext .nav-line-tabs .nav-item.show .nav-link, .prod-ext .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
    border-bottom: 2px solid #000;
    color: #000 !important;
}
.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    
    color: #fff;
    border-color: #4c4949 !important;
    background-color: #4c4949 !important;
}
.card>.card-header .btn-check:checked + .btn.btn-primary, .card>.card-header .btn-check:active + .btn.btn-primary, .card>.card-header .btn.btn-primary:focus:not(.btn-active), .card>.card-header .btn.btn-primary:hover:not(.btn-active), .card>.card-header .btn.btn-primary:active:not(.btn-active), .card>.card-header .btn.btn-primary.active, .card>.card-header .btn.btn-primary.show, .card>.card-header .show > .btn.btn-primary {
color: #4c4949;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}
#kt_app_sidebar_menu_wrapper .ki-duotone, #kt_app_sidebar_menu_wrapper .ki-outline, #kt_app_sidebar_menu_wrapper .ki-solid {
    color: #4c4949 !important;
}
.prod-table .pe-12{
 padding-right:10px !important;   
}
/*.prod-table th.pb-3.min-w-175px.fw-bold.text-start {*/
/*    width: 120px !important;*/
/*    min-width: 120px !important;*/
/*}*/
/*.prod-table th.pb-3.min-w-100px.fw-bold.text-start {*/
/*     width: 105px !important;*/
/*    min-width: 105px !important;*/
/*}*/
.custom .badge-light-primary {
    color: #4c4949 !important;
    background-color: #4c494926 !important;
}
td .email-icon .ki-duotone, td .email-icon .ki-outline, td .email-icon .ki-solid {
    font-size:37px !important;
    color: #ff0000;
}
i.ki-duotone.ki-shield-tick.fs-2hx{
    font-size:37px !important;
    color: #3b9d00;
}
.custom .badge-light-primary.product-state.active{
    color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
    font-size:10px !important;
}
.custom .badge-light-primary.product-state.inactive{
    color: var(--bs-danger) !important;
    background-color: var(--bs-danger-light) !important;
    border-radius: 0.625rem !important;
    font-weight:600 !important;
     font-size:10px !important;
}
.cust-table .btn.btn-light {
   color: #ffffff !important;
   font-weight:600;
   text-transform: uppercase;
    border-color: #f77001 !important;
    background-color: #f77001 !important;
}
.prod-table th:last-child{
    text-align:right !important;
}
.cust-table .btn.btn-light i{
    color: #ffffff;
}
.product__info .title {
    display: flex;
    justify-content: space-between;
}
.image-input.image-input-outline .image-input-wrapper{
    box-shadow:none !important;
}
.card .image-input.image-input-outline .image-input-wrapper img{
    width:100%;
}

.product__info .title h1 {
    margin-bottom: 0.1em;
    color: #000;
    font-size: 2.5em;
    font-weight: 900;
}
.cust-table .btn.btn-light.addInvoice{
    border-color: #ff0000 !important;
    background-color: #ff0000 !important;
}
.status.convertedInvoice {
    background: #ff000036;
    color: #ff0000 !important;
}
.status.mailsentAdmin {
    background: #f7700130;
    color: #f77001 !important;
}
.status.adminApproved {
    color: #006fb3;
    background-color: #e2f0ff;
}
.custom .product__info .badge-light-primary.active{
    color: var(--bs-success) !important;
    background-color: var(--bs-success-light) !important;
}
.text-hover-primary:hover {
    color: #4c4949 !important;
}
.custom .specification-pdf .badge-light-primary {
    color: #4c4949 !important;
    background-color: #ff55001f !important;
}
.custom .specification-pdf .badge-light-primary .ki-duotone{
    color: #4c4949 !important;
}
.cust-table .prod-desc, .cust-table .prod-spec {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.btn-check:checked + .btn.btn-active-light-primary, .btn-check:active + .btn.btn-active-light-primary, .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .show > .btn.btn-active-light-primary {
    color: #4c4949 !important;
    border-color: #e4e4e4 !important;
    background-color: #e4e4e4 !important;
}
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    background-color: #e4e4e4 !important;
    color: #4c4949 !important;
}
.btn-check:checked + .btn.btn-active-light-primary i, .btn-check:checked + .btn.btn-active-light-primary .svg-icon, .btn-check:active + .btn.btn-active-light-primary i, .btn-check:active + .btn.btn-active-light-primary .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary.show .svg-icon, .show > .btn.btn-active-light-primary i, .show > .btn.btn-active-light-primary .svg-icon {
    color: #4c4949;
}
#kt_scrolltop{
    background-color: #4c4949 !important;
}
#kt_scrolltop .ki-duotone{
    color:#000;
}
table .product-image{
   max-width: 90px;
    width: 90px;
    height: 90px;
    object-fit: contain;
}
.custom .card .card-header .card-toolbar {
    text-align: right;
    margin:0px;
}
.cust-table td.pe-0 {
    padding-right: 10px !important;
}
.btn-check:checked + .btn.btn-light-primary, .btn-check:active + .btn.btn-light-primary, .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
    color: var(--bs-primary-inverse);
    border-color: #4c4949 !important;
    background-color: #4c4949 !important;
}
.auth-page {
    padding: 50px 30px 30px;
    border: 1px solid #f1f1f2;
    border-radius: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.03);
}
#kt_app_toolbar_container .menu-item.sign-cont {
   display: block;
    text-align: center;
    border-color: #f77001 !important;
    background-color: #f77001 !important;
    color: #fff !important;
    font-weight: bold;
    padding: 5px 6px !important;
    text-transform: uppercase;
    border-radius: 9px;
    font-size:0.9rem;
    z-index:9999 !important;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item.sign-cont .menu-link .menu-title{
    color: #fff !important;
}
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-duotone, 
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-outline, 
#kt_app_sidebar_menu_wrapper .menu-item.sign-cont .ki-solid{
    color: #fff !important;
}
.custom table th{
    text-transform: uppercase !important;
}
.form-check-label {
    color: #071423;
    font-weight: 500;
    font-size: 15px;
}
.menu-item.sign-cont a{
  width: 100%;
    margin: 0 auto;
    justify-content: center;
    padding: 2px 10px 0px 8px;
    font-size: 12px;
    align-items: center;
}
.menu-item.sign-cont span.menu-title {
    line-height: 15px;
    display: block;
    flex-grow: 0;
}
.menu-item.sign-cont .ki-duotone{
    color:#fff;
}
span.card-label {
    text-transform: capitalize !important;
}
.text-dark {
    color: #4c4949 !important;
}
label span {
    text-transform: capitalize;
}


.product img {
  max-width: 100%;
  /*filter: drop-shadow(1px 1px 3px #a6a6a6);*/
}
 div#kt_app_sidebar_logo {
    margin-top: 20px;
}
.prod-meta {
    color: #7e7e7e;;
    font-size: 16px;
    font-weight: 600;
    line-height: 17px;
}
/* ----- Product Section ----- */
.product {
  flex-direction: row;
    display: flex;
  margin: auto;
  padding: 2.5em 0;
  min-width: 600px;
  background-color: white;
  border-radius: 5px;
}
.product__info sup {
    top: 0;
    font-size:30px;
}
.product__info .price span{
    padding-left:0px;
    padding-left: 0px;
    font-size: 30px;
    font-weight: bold;
    color: #f50;
}

/* ----- Photo Section ----- */
.product__photo {
  position: relative;
 width: 40%;
    max-width: 40%;
}
.product__info {
  position: relative;
 width: 60%;
    max-width: 60%;
    margin-left:15px;
}
.product__info span.price-sup {
    font-size: 30px;
    font-weight: bold;
    color: #f50;
}
 
.photo-main .controls {
  display: flex;
  justify-content: space-between;
  padding: 0.8em;
  color: #fff;
}
.photo-main .controls i {
  cursor: pointer;
}
 
.photo-album {
  padding: 0.7em 1em;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  padding-left:0px;
  margin-top:20px;
}
.photo-album ul {
  display: flex;
  padding-left:0px;
}
.photo-album li {
  float: left;
  list-style: none;
 margin:0 8px;
  border-radius: 3px;
}
.photo-album img.prod-gallery {
    max-width: 80px;
}
 .photo-album li:first-child{
     margin-left:0px;
     padding-left:0px;
     
 }
 
/* ----- Informations Section ----- */
.product__info {
  padding: 0.8em 0;
}
 
.title h1 {
  margin-bottom: 0.1em;
  color: #4c4c4c;
  font-size: 1.5em;
  font-weight: 900;
}
.title span {
  font-size: 0.7em;
  color: #a6a6a6;
}
 
.price {
  margin: 1.5em 0;
  color: #4c4949;
  font-size: 1.2em;
}
.price span {
  padding-left: 0.15em;
  font-size: 2.9em;
}
 

.description {
  clear: left;
  margin: 2em 0;
}
.description h3 {
  margin-bottom: 1em;
}
.description ul {
  font-size: 0.8em;
  list-style: disc;
  margin-left: -10px;
}
.description li {
  text-indent: -0.6em;
  margin-bottom: 0.5em;
}
 

.share{
  padding:20px;
  background-color: red;
 
}

.bbtn-sm{
    min-width:104.61px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/*====== Image Video PopUp CSS Starts =====*/

.imageblock {
    width:100%;
    padding:20px;
    background:#fff2e3;
    border-radius:8px;
}

.videoblock {
    width:100%;
    padding:20px;
    background:#f3f8f3;
    border-radius:8px;
}
.note-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;  /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px; /* Adjust based on table width */
    white-space: normal;
}

.note-history-table{
    border-collapse: collapse !important;
}

table.note-history-table, .note-history-table td, .note-history-table th {
 border: 1px solid #e6e6e6 !important;
}
.note-history-table th {
 border: 1px solid #e6e6e6 !important;
 font-weight: 600 !important;
 min-height:35px !important;
}
/*====== Image Video PopUp CSS Starts =====*/

@media screen and (min-width: 800px) {
   #board .min-w-200px {
    min-width: max-content !important;
}
.card.ind-card table td.cus-t .fs-8.fw-bold.text-muted{
    max-width: 120px !important;
    word-wrap: break-word !important;
}
}
@media screen and (min-width: 1600px) {
   #board .min-w-200px {
    min-width: 150px !important;
}
}
@media screen and (max-width: 1366px) {
  .custom .cust-table td, .custom .cust-table th{
      min-width: 100px !important;
  }
  
  .custom .cust-table td span, .custom .cust-table th span{
      font-size: 12px !important;
  }
  
}