SyncMadeEasy/force-app/main/default/lwc/multiStoreController/multiStoreController.css

.slds-backdrop_open {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.slds-modal__container{
}

/* PageLoading GIF */
.pageLoading-Gif{
    width: 140px;
    max-width: 40%;
    margin-top: 0;
}

.sw-loading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #f4faee 0%, #eaf3fb 100%);
    border-radius: 16px;
}

.heading{
    color: #515151;
    font-family:  sans-serif;
    font-weight: 530;
    letter-spacing: 0.5px;
    font-size: 13px;
}

.multiHeading{
    background: linear-gradient(120deg, #5fa832, #2f8fb0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 800;
    font-size: 1.625rem;
}

.msc-modal .slds-modal__container {
    border-radius: 2.37rem;
    overflow: hidden;
    width: 44rem;
    max-width: 90vw;
}

.msc-header {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 2.37rem;
    border-top-right-radius: 2.37rem;
}

.msc-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #5fa832, #2f8fb0);
}

.underline{

    text-decoration-color: #27AE60;
    text-underline-offset: 5px;
}

.button{
    --sds-c-button-text-color: #017070;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0.5px;
}

.storeColor{
    color: rgb(38, 51, 43);
    font-family:  sans-serif;
    font-weight: 700;
    font-style: 'medium';
    font-size: 15px;
}

.storeColor:hover{
    /* color:#27AE60; */
    /* color: rgb(55, 99, 58); */
    cursor: pointer;
    background: linear-gradient(120deg, #5fa832, #2f8fb0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;

}


.store-text{
    color: #515151;
    font-size: large;
    vertical-align: middle;
}

.green-utility-icon {
    --sds-c-icon-color-foreground-default: #27AE60;
}


.my-button-icon:hover{
    background-color: #0070d2; /* Change the background color on hover */
    color: #ffffff; /* Change the icon color on hover */
    border: 1px solid #0056b3; /* Change the border on hover */
    cursor: pointer;
}

 .addIcon{
   --sds-c-icon-color-foreground-default: white;
   margin-right: 0.5rem;
   margin-bottom: 0.2rem;
}

.modalBody{
    position: relative;
    height: auto;
    min-height: 0;
    max-height: 65vh;
    overflow-y: auto;
}



.slds-modal__content::-webkit-scrollbar {
    display: none;
}

.slds-modal__content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

 .delete{
   --sds-c-icon-color-foreground-default: #DD0000;

}

.edit-btn {
   background: none;
   border: none;
   border-radius: 6px;
   padding: 0.4rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
}

.edit{
   --sds-c-icon-color-foreground-default: rgb(55, 99, 58);
   --slds-c-icon-color-foreground-default: rgb(55, 99, 58);
}
.storeListContainer .storeRecord:first-child {
    border-top: none !important;
}

.storeTableHeader {
    margin-bottom: 10px;
}

.storeTableHeader span {
    font-size: 13.5px;
    font-weight: 800;
    color: rgb(55, 69, 61);
    letter-spacing: 0.01em;
}

.storeListContainer {
    gap: 10px;
}

.storeRecord{
    border-top: none !important;
    background: linear-gradient(120deg, #f4faee 0%, #eaf3fb 100%);
    border: 1px solid #e4ebe6;
    border-radius: 11px;
    margin-bottom: 10px;
    min-height: 60px;
    box-sizing: border-box;
}

.storeColor {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.storeListContainer .storeRecord:last-child {
    margin-bottom: 0;
}
.email-icon-btn {
    background: none;
    border: none;
    padding: 7px;
    cursor: pointer;
    color: #5fa832;
    display: flex;
    flex: 0 0 auto;
}