.breadcrumb-item {
    font-size: 16px !important;
}
.error{
    color: red!important;
}
.field-icon {
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

label.error {
    margin-top: 4px;
    padding-left: 2px;
}

label.custom_icon {
    position: absolute;
    right: 9px;
    top: 30px;

}

.SumoSelect label.custom_icon>i:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid #9c96c1;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-top: 0px;
}

.bi-star {
    color: #e70202;
}

.select-disabled:disabled {
    background-color: #e9ecef;
    color: #6c757d;
    border-color: #ced4da;
    cursor: not-allowed;
}
.price_show{
    text-align: right;
}


/* mayur */
.main-logo {
    height: auto;
    text-align: center;
    align-items: center;
    margin: -7px auto;
}

.app-sidebar__user img {
    box-shadow: none;
}




.main-profile-menu .dropdown-item:hover, .main-profile-menu .dropdown-item:focus, .slide-item.active, .slide-item:hover, .slide-item:focus {
    color: #000000;
}
.slide-item.active, .slide-item:hover, .slide-item:focus, .slide-item.active::before, .slide-item:hover::before, .slide-item:focus::before{
    color: #000000 !important;
}
.main-header-right .dropdown-menu:after {
    border-bottom: 9px solid #71341c;}
.main-header-message .nav-link i, .main-header-notification .nav-link i, .nav-item.full-screen .nav-link i, .header-setting-icon .nav-link i, .main-layout .dark-layout i, .main-layout .light-layout i {

    color: #000000;
}
.main-header-message>a, .main-header-notification>a, .nav-item.full-screen>a, .header-setting-icon>a, .main-layout .dark-layout, .main-layout .light-layout {

    background: #fff;
}


.btn, .sp-container button {
    padding: 0.375rem 1rem;
    line-height: 24px;
}
.slide:hover .side-menu__label, .slide:hover .angle, .slide:hover .side-menu__icon {
    color: #000 !important;
    fill: #000 !important;
}
#back-to-top{   color: #000 !important;}
.btn-primary {
    color: #000 !important;
    background-color: #FFED00;
    border-color: #FFED00;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{
    color: #000 !important;
    background-color: #FECC00;
    border-color: #FECC00;
}
.btn-danger {
    color: #fff;
    background: #ff7b7b !important;
    border-color: #ff7b7b !important;
}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus{
    color: #fff;
    background: #f56666 !important;
    border-color: #f56666 !important;
    opacity: 9;
}
.btn-info {
    color: #000 !important;
    background-color: #FECC00;
    border-color: #FECC00;
}

.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus{
    color: #000 !important;
    background-color: #FFED00;
    border-color: #FFED00;
    opacity: 9;
}

.btn-sm, .btn-group-sm>.btn {
    padding: 0.2rem 0.7rem;
    font-size: 13px;
}
.dataTables_paginate .page-item.active .page-link{ background-color: #fecc00;color: #000;}
.dataTables_paginate .pagination .page-link {
    padding: 0.5rem 0.75rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button+.paginate_button {
    margin-right: 3px;
}
.dataTables_paginate .pagination .page-link:hover{background-color: #fecc00;color: #000;

}
.page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #fecc00;
}
.btn-success {
    color: #000 !important;
    background-color: #FECC00 !important;
    border-color: #FECC00 !important;
    opacity: 9;

}
.btn-success:hover {
    color: #000 !important;
    background-color: #FFED00 !important;
    border-color: #FFED00 !important;
    opacity: 9;
}
.sidebar-navs a {
    /* background: #FFED00;
    border: 1px solid rgb(110 48 29); */
    color: #000000 !important;
    border-radius: 50%;
    padding: 0px !important;
    background: linear-gradient(45deg, #FFED00, #FECC00);
}
.bg-primary-gradient {
    background: linear-gradient(45deg, #FFED00, #FFED00) !important;
}
main-header-notification .dropdown-footer {
    border-top: 1px dotted #e0ac06;
}
.main-header-message .dropdown-footer, .main-header-notification .dropdown-footer {
    background:#FECC00;
    box-shadow: -8px 12px 18px 0 rgba(25, 42, 70, 0.1);
}
.main-header-message .dropdown-footer a, .main-header-notification .dropdown-footer a{
    color: #fff;
}
.bg-gray-100 {
    background-color: #ffffff;
}
/* mayur */
.dark-theme .main-header {
    background: linear-gradient(45deg, #FFED00, #FECC00);
}
.dark-theme .header-icon, .dark-theme .main-header-message .nav-link i, .dark-theme .main-header-notification .nav-link i, .dark-theme .nav-item.full-screen .nav-link i, .dark-theme .sales-flot .flot-chart .flot-x-axis>div span:last-child, .dark-theme .p-text .p-name {
    color: #FFED00;
}

.custom-select {
    position: relative;
    width: 200px;
    font-family: Arial, sans-serif;
  }

  .select-box {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
  }

  .selected {
    display: block;
    color: #333;
  }

  .options-container {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1;
  }

  .option {
    padding: 10px;
    cursor: pointer;
  }

  .option:hover {
    background-color: #f0f0f0; /* Hover effect */
    color: #333;
  }

  .field-icon {
    right: 7px;
}

.header-icons {
    fill: #000;
}
.breadcrumb-item a {
    color: #000;
}

.side-menu__item.active .side-menu__icon, .side-menu__item:hover .side-menu__icon, .side-menu__item:focus .side-menu__icon {
    color: #000 !important;
}

.side-menu__item.active .side-menu__icon {
    fill: #000 !important;
}
.side-menu__item.active .side-menu__label, .side-menu__item:hover .side-menu__label, .side-menu__item:focus .side-menu__label {
    color: #000 !important;
}

.main-header-profile h6, .main-header-profile span{color: #000;}
/* .main-header-notification .dropdown-menu h6.menu-header-title.text-white.mb-0 {    color: #000 !important;} */
.pagination {
    margin-bottom: 0;
}



.page-item.active .page-link{
    color: black;
}

.pagination .page-link {
    color: #000;
    border-radius: .25rem;
}

.custom-tabs .nav-link {
    border: 1px solid #dee2e6;
    border-radius: 5px 5px 0 0;
    margin-right: 10px;
    color: #555;
    padding: 10px 15px;
    font-weight: 600;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-tabs .nav-link.active {
    background-color: #FFED00;
    color: #000;
    border-color: #FFED00 #FFED00 #FFED00;
}

.custom-tabs .nav-link:hover {
    background-color: #000;
    color: #FFED00;
}

.custom-tabs .nav-item {
    margin-bottom: -1px;
}

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

.hide_div {
    display: none !important;
}
.total_sales_count {
    text-align: center;
}

.div#donut-legend {
    display: flex;
    justify-content: center;
    align-items: center;
}

.table tr th, .table tr td, .table tbody tr th, .table tbody tr td, .table thead tr th, .table thead tr td {
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    padding: 8px;
    vertical-align: middle;
    letter-spacing: normal !important;
}
.table tbody tr td, .table tbody tr td, .table thead tr td {
    font-weight: 400;
}
.table_th_bg thead th{
    background: #fecc00 !important;
}
.data_view_bottom {
    text-align: right;
    padding: 7px 0 0;
}
.data_view_bottom span {
    min-width: 353px;
    display: inline-block;
}
.data_view_bottom span.min_w-60 {
    min-width: 101px !important;
}
.data_view_bottom span.min_w-40 {
    min-width: 40px;
}
.data_view_bottom p {
    font-size: 13px;
    line-height: normal;
    padding: 8px;
    vertical-align: middle;
    letter-spacing: normal !important;
    margin: 0;
}

.data_view_bottom p.bg_lable{
    background: #f9f4d1;
}


.main-content:after {
    content: "";
    height: 220px;
    background:#f8f8f9;
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
}
.app-content {
    background:#f8f8f9;
}
.side-menu .slide .side-menu__item{   border-radius: 0px !important;}

.side-menu__item.active, .side-menu__item:hover, .side-menu__item:focus{
    background:#ffedb0;
    border-right: 5px solid #ffc934;
    border-radius: 0px !important;
}

.side-menu .slide {
    border-bottom: 0px dotted #ecedf2;
}
.main-header>.container, .main-header>.container-fluid {
    background:#f8f8f9;
}
.sidebaricon{width:26px; }
.side-menu__label{padding-left: 15px !important;}

.btn-primary {
    color: #000 !important;
    background-color: #ffc934;
    border-color: #ffc934;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    color: #000 !important;
    background-color: #ffd258;
    border-color: #ffd258;
}

.btn_view, .view{background: #ffc934 !important;color:#000 !important;border: none;}
.btn_view:hover, .btn_view:active, .btn_view:focus, .view:hover, .view:active, .view:focus{background: #ffd258 !important;color:#000 !important;border: none;}

.btn_edit{background: #3884ee !important;color:#fff !important; border: none;}
.btn_edit:hover, .btn_edit:active, .btn_edit:focus{background: #589dff !important;color:#fff !important;border: none;}

.btn_delete{background: #f05d5e !important;color:#fff !important;border: none;}
.btn_delete:hover, .btn_delete:active, .btn_delete:focus {background: #ff7777 !important;color:#fff !important;border: none;}


.pagination .page-item.active .page-link {
    background-color: #ffc934; /* Customize the active page color */
    border-color: #ffc934;
}

.main-signin-header h2{color:#ffc934 ;}
.main-header.side-header.fixed-header, .app-sidebar .slide.is-expanded .side-menu__item, .header-img, .slide:hover .side-menu__item, #back-to-top, .page-signin-style:before{
    background:#ffedb0;
    border-right: 5px solid #ffd258;
    border-radius: 0px !important;
}

#back-to-top:hover{
    background:#ffd258;
}
.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
    color: #fff;
    background: #98a4bb !important;
    border-color: #98a4bb !important;
    opacity:9 !important;
}
.project-card .project-content ul li {
    line-height: 20px;
    display: flex;
    gap: 5px;
}
.slide.is-expanded .side-menu__label, .slide.is-expanded .side-menu__icon, .slide.is-expanded .angle {
    color: #000 !important;
}

.btn_sec_2{color: #fff !important;
    background-color: #7987a1 !important;
    border-color: #7987a1;
    margin-left: 3px;
    border: none !important;}


.btn_approve{background: #15b56e !important;  color: #fff !important; border: transparent; opacity: 0.9 !important;}
.btn_approve:hover, .btn_approve:focus, .btn_approve:active{background: #25cd82 !important;  color: #fff !important; border: transparent; opacity: 0.9 !important;}
.btn-danger.disabled, .btn-danger:disabled{

    color: #fff;
    background: #98a4bb !important;
    border: none;
    opacity:9 !important;
}


/* dashboard_icon color start*/
.project-card .primary, .project-card .danger, .project-card .warning {
    fill: #fff;
    background: #f3e9e9;
    padding: 11px;
    border-radius: 0px;
     box-shadow:none;
}
.project-card .primary path{fill: #fff; color: #74331e;}
.project-card .danger path{fill: #fff; color: #74331e;}
.project-card .warning path{fill: #fff; color: #74331e;}
/* dashboard_icon color end*/
.project-card .project-content {  padding-left: 15px;}
.breadcrumb-item.active {
    color: #000000;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #000000;
}
.bg-primary-gradient, .main-header-message .dropdown-footer, .main-header-notification .dropdown-footer {
    /* background: #ffedb0 !important; */
    background: #71341c !important;
    color: #fff !important;
}
.notifyimg.bg-success-transparent{    height: 40px;}
.bg-success-transparent {
    background-color: #f3e9e9 !important;
}
.la.la-bell.text-success{    color: #71341c !important;}
.notification-label:hover {
    color:#71341c !important;
}
/* .main-header.side-header.fixed-header, .app-sidebar .slide.is-expanded .side-menu__item, .header-img, .slide:hover .side-menu__item, #back-to-top, .page-signin-style:before {
    background: #ffffff !important;
    border-right: 0px solid #ffc934;
    border-radius: 0px !important;
}  */
.notifyimg.bg-success-transparent {
    height: 40px;
    width: 40px;
}
.login_page .page-signin-style:before {
    background: #ffc934;
    border-right: 5px solid #ffd258;
    border-radius: 0px !important;
}
.login_page {background:#f9f9f9;}
.notifyimg.bg-success-transparent {
    height: 40px;
    min-width: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notifyimg i {
    color: #000;
    float: left;
    height: auto;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    width: auto;
    font-size: 21px;
}
.project-card .primary, .project-card .danger, .project-card .warning {
    min-width: 49px;
}

/* Style for the button */
.btn_edit {
    position: relative;
}

/* Style for the badge (pop-up message) */
.order-chat-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red; /* Red background for the badge */
    color: white; /* White text color */
    padding: 5px 10px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    min-width: 20px;
    text-align: center;
}
.chatbocc{max-height: 350px; overflow-x: auto;}
span.chat_count_icon {
    background: #793120;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    line-height: 17px;
    color: #ffffff;
    font-weight: 500;
    margin-left: 4px;
}

.dashboardAnchor{
    color:#282f53;
}
.dashboardAnchor:hover {
    color:#282f53 !important;
    text-decoration:underline;
}

.send-button:disabled {
    background-color: #cccccc; /* Light gray background for disabled button */
    color: #666666; /* Gray text color for disabled button */
    cursor: not-allowed; /* Pointer style for disabled state */
    opacity: 0.7; /* Slightly faded effect */
}


/* Disabled button styles */
#pay_now_btn:disabled {
    background-color: #5b8357 !important; /* Light gray background */
    color: #ffffff !important; /* Dimmed text color */
    cursor: not-allowed !important; /* Show not-allowed cursor */
    border: 1px solid #c2c2c2 !important; /* Light gray border */
    box-shadow: none !important; /* Remove any shadow effects */
    opacity: 0.7 !important; /* Slightly transparent */
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    background:
      radial-gradient(farthest-side,#ffa516 94%,#0000) top/8px 8px no-repeat,
      conic-gradient(#0000 30%,#ffa516);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
    animation: l13 1s infinite linear;
  }
  @keyframes l13{
    100%{transform: rotate(1turn)}
  }

  /* HTML: <div class="loader"></div> */
  #bulkLoader {
    width: 50px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 8px solid #d3c546;
    animation:
      l20-1 0.8s infinite linear alternate,
      l20-2 1.6s infinite linear;
    }
    @keyframes l20-1{
     0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
     12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
     25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
     50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
     75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
     100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
    }
    @keyframes l20-2{
    0%    {transform:scaleY(1)  rotate(0deg)}
    49.99%{transform:scaleY(1)  rotate(135deg)}
    50%   {transform:scaleY(-1) rotate(0deg)}
    100%  {transform:scaleY(-1) rotate(-135deg)}
    }

    /* Centering and Background */
    #bulkLoaderWrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /* background-color: white; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    }

    #bulkLoaderWrapperBackground {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      /* background-color: white; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 9999;
      }

    /* Message Styling */
    #bulkLoaderMessage {
    margin-top: 20px;
    font-size: 16px;
    color: #514b82;
    text-align: center;
    }

    .dataTables_wrapper .dt-buttons {
        margin-left: 20px;
    }

    .export_btn {
        background-color: #ffc934 !important;
    }

    .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
        color: #000 !important;
        background-color: #ffd258 !important;
        border-color: #ffd258 !important;
    }

    a.product_pricing.btn.btn-info.btn-sm {
        margin-right: 3px;
    }
    .term_menu_register ul li {   margin-right: 10px;  }
    .term_menu_register ul li:last-child {    margin-right: 0; }
    .term_menu_register ul li a {color:#2d3144}
    .term_menu_register { display: grid; place-items: center; }
    .gap_top_10px {gap: 8px; }


    .pricingListModel {
        max-width: 466px;
    }
    .golo_top_seccusotm1 {
        gap: 15px 10px;
    }

    span.select2-selection.select2-selection--multiple {
        border: 1px solid #dddcf9 !important;
    }
    li.select2-selection__choice {
        background: #75331f !important;
    }
    
    li.select2-selection__choice{   padding-left: 20px 
        !important;
        padding-right: 7px !important;}
    .form-group li .select2-selection__choice__remove{ top: 2px !important; opacity: 0.9 !important;}
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{    color: #fff !important;}
    .textnormal{text-transform: none !important;}