/* @import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&family=Nunito:wght@500;400;700&family=Open+Sans:ital,wght@0,400;0,500;0,600;1,600&display=swap"); */
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

:root {
    --site-color: #29577F;
  }

body {
    background: #29577F;
}
.q-field__inner {
    background: #fff;
}
.bg-primary {
    background: #29577F !important;
}
.q-table tbody td {
text-decoration: none!important;
}
.overlay-loader {
    visibility: hidden;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    text-align: center
}
.q-item__section--side > .q-icon {
    font-size: 24px;
    color: #fff!important;
}
.lds-dual-ring {
    width: 80px;
    height: 80px;
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
#search div{
    background-color: #29577f !important;
}
#paginationBg .q-field__control {
    background-color: #29577f !important;
  }
.paginationBg .q-field__control {
    background-color: #29577f !important;
  }
.pagination-footer{
    background-color: #29577f !important;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;

}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.saleList_heading {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #212B36;
}

.card_shadow{
  box-shadow: 0px 5px 20px rgb(34 35 58 / 15%);
  padding: 28px;
            border-radius: 8px;
            background: #fff;
        }

.pageHeading {
    font-family: "Jost", sans-serif;
    background: #29577f;
    font-size: 24px;
    color: #fff;
    width: fit-content;
    line-height: 44px;
    border-radius: 4px;
    font-weight: 400;
    padding: 3px 17px;
}

        @keyframes lds-dual-ring {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
        }
        .btn-filter
        {
            height: 56px !important;
            text-transform: capitalize !important;
            font-size: 20px !important;
        }

        .img-box
        {
            display: block;
            height:145px;
            width:100%;
            object-fit: cover;
            cursor:pointer;
            background: #eee;
            box-shadow: 0px 0px 59px -40px rgb(0 0 0 / 45%);
            border: 2px dotted #aaa;
            border-radius: 4px;
            }
            .img-box img
            {
                max-width: 100%;
            height: auto;
            height: 145px;
            width: 100%;
            object-fit: scale-down;
            margin: 0 auto;
            padding: 8px 8px;
            }
            .img-box img[src=""] { display: none; }
            input[type=file]
            {
                display: none;
            }

            .slms-table .q-table__top,
            .slms-table .q-table__bottom,
            .slms-table thead tr:first-child th {
                background-color: #29577f;
                color: #fff;
            }
            .q-tab__label {
                font-size: 14px;
                line-height: 1.715em;
                font-weight: 100;
                font-family: system-ui;
                font-weight: 400;}

            .slms-table tbody tr:nth-child(2n),.slms-table tbody tr th{
                background-color: #CBE5FF;
                padding: 0px 16px;
                height: 30px;
            }

            .slms-total_table tbody tr:last-child {
                background-color: #29577f !important;
               color: #FFFFFF !important;
            }
            .slms-table thead tr th , .slms-table tbody tr td{
            /* text-align: center!important; */
                padding: 0px 16px;
                height: 45px;
            }
        .slms-table .q-table td, .q-table th{
                white-space: nowrap !important;

            }
            .slms-table .q-table--bordered {
                border: none;
                border-radius: inherit;
            }
            .slms-table .q-tab--active .q-tab__indicator {
                opacity: 0!important;
                transform-origin: left /* rtl:ignore */;
            }
            .slms-table table{
                border: 1px solid #29577f!important;
               }
            .slms-table .q-tab {
                border: 1px solid #29577f!important;
                   min-height: 45px;
                 border-radius: 4px 4px 0px 0px;
                   max-width: 220px;
                   margin-right:5px;
                   padding: 8px 16px;
                   color:#1976D2;
                   font-family: 'Segoe UI';
                   font-style: normal;
                   font-weight: 400;
                   font-size: 20px;
                   line-height: 30px;
                   background: #fff;
               }
               .breadcrumbs {
                text-transform: capitalize;
                font-family: "Jost", sans-serif;
                font-size: 22px;
                color: #fff!important;
                min-width: fit-content;
                background: #29577f;
                font-weight: normal;
                padding: 6px 20px;

                border-radius: 4px;
            }
            .pass {
                background: #ffffff;
                border: 3px solid #e9ecef;
                border-radius: 11px;
                padding: 2px 15px 0;
              }
               .slms-table .q-table--bordered[data-v-6b923f4b] {
                border-radius: unset;
                border: 1px solid #29577f;
                border-radius: 0px 0px 4px 4px;
            }
            .q-table__middle
                {
                    /* height: 300px; */
                    overflow: auto;
                }
            .q-table__middle::-webkit-scrollbar {
                height: 12px;
                width: 14px;
                background: transparent;
                z-index: 12;
                overflow: visible;
            }
            .slider{
                background-color: #E10101!important;
            }
            input:checked+.slider{
                background-color: #76EE59!important;
            }
            .q-stepper__dot {
                width: 66px!important;
                margin-right: 0!important;
                height: 66px!important;
                font-size: 26px!important;
            }
            .q-table__middle::-webkit-scrollbar-thumb {
                width: 10px;
                background-color: #1976D2;
                border-radius: 10px;
                z-index: 12;
                border: 4px solid rgba(0, 0, 0, 0);
                background-clip: padding-box;
                transition: background-color .32s ease-in-out;
                margin: 4px;
                min-height: 32px;
                min-width: 32px;
            }
            .branchAdd {
                position: absolute;
                border: 1px solid;
                padding: 2px 10px;
                font-family: sans-serif;
                color: #1976d2 !important;
                font-size: 15px;
                right: 67px;
                z-index: 1000;
                text-decoration: none;
                border-radius: 6px;
                color: aliceblue;
              }
           .branch_setting .q-checkbox__bg {
                border: none!important;
               }
            .q-table__middle::-webkit-scrollbar-thumb:hover {
                background: #135aa0;
            }

.q-btn{
    text-transform: capitalize!important;}

    @media screen and (max-width: 768px) {
        .pageHeading {
            font-size: 23px;
        }
    }
    .btn-dropdown,
    .btn-dropdown:hover {
      font-size: 20px !important;
      padding: 0px 5px ip !important;
      font-weight: 900;
      background: transparent !important;
    }

    .btn-dropdown:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border-radius: inherit;
      box-shadow: none !important;
    }
    .sectionContainer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
      }

      .addIndicatorBtn {
        font-family: "Jost", sans-serif;
        font-size: 16px;
        font-weight: 400;
      }

      .success-button {
        background-color: green !important;
        color: white !important;
      }

      .error-button {
        background-color: red !important;
        color: white !important;
      }

      .info-button {
        background-color: #29577F !important;
        color: white !important;
      }


      .swal2-container {
        z-index: 9999;
      }