.badge {
    line-height: 1;
    padding: 6px 10px;
    min-height: 22px;
}

#sidebar-navigation ul li {
    list-style: none;
}

#sidebar-navigation a span {
    color: #fff;
}

#sidebar-navigation a:hover span {
    color: #3B82F6;
}

#sidebar-navigation .nav-link .fa-chevron-down {
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

#sidebar-navigation .nav-link[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}
#sidebar-navigation li.nav-item ul {
    padding: 0;
    background: #dddddd12;
    border-radius: 10px;
    margin: 0 !important;
}


.merchantform form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}


.merchantform .form-group {
    width: calc(50% - 10px); /* 2 columns */
}




.merchantform .form-group:nth-child(8), .merchantform .form-group:nth-child(9), .merchantform .form-group:nth-child(10) {
    width: 100%;
}

.merchantform button[type="submit"] {
    margin-left: auto;
    width: auto;
    margin-top: 10px;
}


.container.merchantform {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.container.merchantform input.form-control {
  
    border: 1px solid #ddd !important;
}
.container.merchantview {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.merchantview a.btn.btn-success {
    background: rgb(59 130 246) !important;
    border-color: rgb(59 130 246) !important;
}

.merchantform.js .form-group:nth-child(8) {
    width: calc(50% - 10px);
}
.container.locationform {
    padding: 40px;
    background: #fff;
    border-radius: 15px;

}
.container.locationview {
    padding: 40px;
    background: #fff;
    border-radius: 15px;
}
.merchantform.js .form-group:nth-child(11) {
    width: 100% !important;
}
.offcanvas-body span {
    color: #fff;
}

.offcanvas-body ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}
.spacediv {
    padding: 20px;
}

.offcanvas-body a[data-bs-toggle="collapse"] .fa-chevron-down {
    transition: transform 0.3s ease;
}

.offcanvas-body a[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg); /* Upwards */
}

.offcanvas-body a[aria-expanded="false"] .fa-chevron-down {
    transform: rotate(0deg); /* Downwards */
}
.merchantshow .card-body {padding: 20px !important;}
 
.merchantshow {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 20px;
}
 
.merchantshow .card {
    border: unset !important;
    padding: 0 !important;
}
 
.merchantshow h1 {
    margin-bottom: 20px;
}
.container.offerform {
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
}
.container.offerform input{
  border: 1px solid #ddd !important; 

}
.container.offerview {
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 20px;
}
.spacediv form {
    padding: 0 !important;
}

.container.merchantform h1, .container.offerform h1, .container.locationform h2, .container.locationview h1, .container.offerview h1, .container.merchantview h1, .merchantshow h1{
    border-bottom: 1px solid #dddddd66;
    margin-bottom: 20px;
    background: #dddddda8;
    padding: 20px;
    border-radius: 15px 15px 0 0;
    font-size: 23px;
}

.container.merchantform, .container.offerform, .container.locationform, .container.locationview, .container.offerview, .container.merchantview, .merchantshow {
    padding: 0 !important;
}

.container.merchantform form, .container.offerform form, .container.locationform form, .container.locationview form, .container.offerview form, .container.merchantview form, .merchantshow form {
    padding: 20px;
}

.right_content{
    text-align: right;
}

@media (max-width: 768px) {
    .merchantform .form-group {
        width: 100%;
    }
    .container.locationview {
    padding: 20px;
    background: #fff;
    border-radius: 15px;
}
    .container.locationform {
    padding: 20px;
}
    .merchantform button[type="submit"] {
        width: 100%;
        margin-left: 0;
    }
    .container.merchantform {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
            margin: 0;
        width: 100% !important;
        max-width: 100%;
}

}

@media (max-width: 991px) {
.container.locationview, .container.locationform, .container.offerform, .container.offerview, .container.merchantform, .container.merchantview, .container.merchantshow {
    max-width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}
header {
    position: fixed;
    left: 0;
    right: 0;
}

.main-body {
    padding-top: 100px !important;
}
}

































.mx-340{
  max-width: 340px;
}
.logo-login-left .w-200 {
  width: 200px;
}
aside{
  width: 256px;
}
.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    bottom: 0 !important;
    right: 0 !important;
    width: 100%;
    height: 100%;
}
.cstm-shadow{
  box-shadow: 0px 1px 2px 0px #0000000D !important;
}
    .form-control{
      padding: 14px 20px;
      font-size: 13px;
      color: var(--bs-secondary);
    }
    .form-control+i{
      font-size: 0.9em;
      color: var(--bs-secondary);
    }
    .form-check-label{
      font-size: 14px;
    }
    .count-circle {
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.divider {
    height: 18px;
    background: #E3E3E3;
    width: 1px;
}
.modal-dialog.modal-lg.modal-dialog-centered input.form-control {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 10px;
}
.form-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234B5563' viewBox='0 0 16 16'%3E%3Cpath d='M3.204 5.5L8 10.293 12.796 5.5 14 6.707 8 12.707 2 6.707z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    padding-right: 2rem !important;
}
.modal-dialog.modal-lg.modal-dialog-centered select.form-select {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 10px;
}
.modal-header {
    border: unset;
}
.modal-dialog.modal-lg.modal-dialog-centered .modal-footer {
    border: unset;
    justify-content: left;
}
.modal-dialog.modal-dialog-centered input.form-control {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 10px;
}
input:focus {
    box-shadow: unset !important;
    border: unset;
}
.table-responsive td {
    font-size: 14px;
    padding: 15px;
}
.modal-footer.d-flex.justify-content-start {
    border: unset;
}
button.btn.fillter_btn {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 15px;
}
.input_search {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8 !important;
}
input.form-control {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
  
    padding: 14px 10px;
}

select.form-select.fs-13 {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 14px 10px;
    color: #4B5563;
}
.modal-body {
    padding-bottom: 0;
}
.price_list_bottom button.btn {
    border-bottom: 2px solid #CCCCCC !important;
    border: unset;
    background: #F8F8F8;
    padding: 10px;
    width: 100%;
}



/* New CSS */

.form-group label {
    margin: 0 0 6px 0;
}

/* Make file input look clean */
input[type="file"].form-control {
    padding: 14px 16px;
    border-radius: 8px;
    background: #fafbfc;
    border: 1px solid #ddd;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s ease;
}

/* Hover border highlight */
input[type="file"].form-control:hover {
    border-color: #99b4d4;
}

/* When focused */
input[type="file"].form-control:focus {
    border-color: #4c8bf5;
    box-shadow: 0 0 0 3px rgba(76,139,245,0.25);
}

/* Improve text look ("No file chosen") */
input[type="file"].form-control::-webkit-file-upload-button {
    background: #3b82f6;
    color: #fff;
    border: none;
    padding: 6px 16px;
    border-radius: 6px;
    font-size: 14px;
    margin-right: 14px;
    cursor: pointer;
    transition: background .2s;
}

input[type="file"].form-control::-webkit-file-upload-button:hover {
    background: #3b82f6 !important; /* same as normal */
}
input[type="file"].form-control::-webkit-file-upload-button,
input[type="file"].form-control:hover::-webkit-file-upload-button,
input[type="file"].form-control:focus::-webkit-file-upload-button {
    background: #3b82f6 !important;
    color: #fff !important;
}


/* Multiselect CSS */
.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3b82f6 !important;
    padding: 8px !important;
}

.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    padding: 8px 6px !important;
}
.multi-select-container .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ddd 1px !important;
    outline: 0;
}
.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
    color:  #fff !important;
}
.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 26px !important;
    padding-right: 5px;
    color: #fff !important;
}
.multi-select-container .select2-container .select2-search--inline .select2-search__field {
    height: 37px !important;
    padding-top: 8px !important;
    font-size: 13px !important;
    font-family: 'Inter' !important;
    padding-left: 6px !important;
}
.multi-select-container .select2-container--default .select2-selection--multiple {
    border-radius: 8px !important;
}
.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__clear {
    top: 47% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}
.multi-select-container .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ddd 1px;
    outline: 0;
}

.multi-select-container .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #3b82f6 !important;
}


.main-body {
    overflow: hidden !important;
}
@media (max-width: 991px) {
  main {
    margin-left: auto !important;
  }
  .spacediv .btn {
    padding: 5px !important;
    font-size: 12px !important;
    margin: 4px 0;
}

  
}
@media screen and (max-width:767px) {
  .logo-login-left .w-200{
    width: 80px;
  }  
  .headertitle {
    display: none;
}
}

@media screen and (max-width:576px) {
table.table.table-bordered.align-middle.mb-0 {
    display: block;
    overflow-x: auto;
    max-width: 450px !important;
    white-space: nowrap;
}

.table_sec {
    overflow: hidden;
}
.click-blocker {
    position: absolute;
    inset: 0;
    background: transparent;
    cursor: default;
}
.no-click:disabled {
    background-color: #fff !important;   /* white background */
    color: #000 !important;              /* normal text color */
    opacity: 1 !important;               /* remove grey fade */
    cursor: default !important;          /* no pointer */
}

}