body {
    background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%) !important;
  }
  
  .rowgap-0 {
    row-gap: 0 !important;
}
 
.rowgap-1 {
    row-gap: calc(var(--spacer) * .25rem / 16) !important;
}
 
.rowgap-2 {
    row-gap: calc(var(--spacer) * .5rem / 16) !important;
}
 
.rowgap-3 {
    row-gap: calc(var(--spacer) * 1rem / 16) !important;
}
 
.rowgap-4 {
    row-gap: calc(var(--spacer) * 1.5rem / 16) !important;
}
 
.rowgap-5 {
    row-gap: calc(var(--spacer) * 3rem / 16) !important;
}
 
.rowgap-6 {
    column-gap: calc(var(--spacer) * 6rem / 16) !important;
}
 
.rowgap-7 {
    column-gap: calc(var(--spacer) * 12rem / 16) !important;
}
 
.rowgap-8 {
    column-gap: calc(var(--spacer) * 24rem / 16) !important;
}
 
.colgap-0 {
    column-gap: 0 !important;
}
 
.colgap-1 {
    column-gap: calc(var(--spacer) * .25rem / 16) !important;
}
 
.colgap-2 {
    column-gap: calc(var(--spacer) * .5rem / 16) !important;
}
 
.colgap-3 {
    column-gap: calc(var(--spacer) * 1rem / 16) !important;
}
 
.colgap-4 {
    column-gap: calc(var(--spacer) * 1.5rem / 16) !important;
}
 
.colgap-5 {
    column-gap: calc(var(--spacer) * 3rem / 16) !important;
}
 
.colgap-6 {
    column-gap: calc(var(--spacer) * 6rem / 16) !important;
}
 
.colgap-7 {
    column-gap: calc(var(--spacer) * 12rem / 16) !important;
}
 
.colgap-8 {
    column-gap: calc(var(--spacer) * 24rem / 16) !important;
}
 
.gap-0 {
    gap: 0 !important;
}
 
.gap-1 {
    gap: calc(var(--spacer) * .25rem / 16) !important;
}
 
.gap-2 {
    gap: calc(var(--spacer) * .5rem / 16) !important;
}
 
.gap-3 {
    gap: calc(var(--spacer) * 1rem / 16) !important;
}
 
.gap-4 {
    gap: calc(var(--spacer) * 1.5rem / 16) !important;
}
 
.gap-5 {
    gap: calc(var(--spacer) * 3rem / 16) !important;
}
 
.gap-6 {
    column-gap: calc(var(--spacer) * 6rem / 16) !important;
}
 
.gap-7 {
    column-gap: calc(var(--spacer) * 12rem / 16) !important;
}
 
.gap-8 {
    column-gap: calc(var(--spacer) * 24rem / 16) !important;
}
  .bx--btn--primary {
    color: white  !important ;
    background-color: #0046BF !important;
} 


.bx--btn--secondary {
    background-color: #0E9ADA !important;
    color: white !important;
    margin-left: 5px !important;
}

.bx--btn {
    border-radius: 3px !important;
}
.bx--btn--tertiary{
    background-color: #eacda3  !important;
    color:black !important;
    border-color: #eacda3  !important;
}
.bx--header{

  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
} 
.right-action-color{
  color: white !important;
  /* border-radius: 1rem !important; */
}
.a.bx--header__menu-item{
  color: white;
}
body * {
  font-family: 'Inter' ,Rubik !important;
}

.danger {
    color:#BF2642 !important
}
.link {
    color: #0046BF !important;
}
 h1,h2,h3,h4,h5,h6 {
    font-family: 'Rubik',Inter !important;
    font-weight: 800 !important;
 }
 .h1,.h2,.h3,.h4,.h5,.h6{
  font-family: 'Rubik' !important;
 }
 .body
{
font-family: 'Inter', Rubik !important;
}
.card {
    border: 1px solid #cebfbf !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
    border-radius: .7rem !important;
}

/* .bx--header__global {
    box-shadow: #e4eaec rgba(207, 13, 13, 0.5);
} */
/* hr {
    border-top: 0px !important;
}  */
.mb-2, .my-2 {
    margin-bottom: 1rem !important;
}

.button-panel {
  display: flex;
}

.bx--btn--primary {
  order: 1 !important; 
}


.bx--btn--secondary {
  order: 2 !important; 
}

.bx--btn--tertiary{
    order: 3 !important;
}
.bx--overflow-menu{
    border-radius: 5px !important;
    background-color: #edeff1 !important;
    position: absolute;
    margin: 1rem;
    top: 0;
    right: 1rem
}
.bx--overflow-menu-options{
  background-color: #0046BF !important;
  color: white !important;
}

.bx--overflow-menu-options__btn {
  color: white;
}
.bx--overflow-menu__icon{
    fill: #0a0909 !important;
    
}
.dot {
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    left: 0; 
      margin: 1px;
    transform: translateY(-50%);
  }
  
  .line {
    width: 3px;
    height: 4px;
    background-color: #000;
    left: 0px;
    margin: 1px;
    
  }
  .button-container {
    display: flex;
    flex-direction: column;
    margin: right 1px; ;
  }
  .menu-item{
    display: flex;
    flex-direction: row;
    color: #BF2642;
  }
 .menu{
  display: flex;
  flex-direction: column;
 }
 .m4{
  margin: 0;
 }

 .sui-layout-main {
  width: 100% !important;
  padding: 0px !important;
}
.bx--table-column-checkbox{
padding-left: 0.5rem;
    }
   
  

@media (max-width: 767px) {
    #section-sidebar-body {
        text-align: left !important; 
        padding-left: 0px !important;
    }
}
@media (max-width: 767px) {
  #section-sidebar-header{
    padding-left: 0px !important;
  }
}
  @media (max-width: 767px) {
    #container-export-settings label{
      padding-left: 0.5rem !important;
    }
    }
    .bx--data-table td{
      .bx--data-table tbody th {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
    }
  }
  @media only screen and (min-width: 768px) {
    .desktop-hidden .card-content {
      border: none;
    }
  }
  /* .bx--header__action  {
    background-color: none !important;
    
  } */
  /* .bx--header__global{
    background-color:none;

  } */
  .right-action-color{
    color: white !important;
  }
  .bx--tile {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #DEE0E3;
    
  }
  .login-page ,.right-side {
    background-color: #eadfdf !important;
  }
  .card{
    border-radius: 0.7rem !important;
  }
  .a.bx--header__menu-item{
   font-family: 'Rubik',Inter !important;
  }
  .custom-border-radius {
    border-radius: 0.3rem !important;
  }

  .css-bg1rzq-control{
    border-radius: .3rem !important;
    border:1px solid #cebfbf !important;
  }
  .bx--table-column-checkbox .bx--checkbox-label {
    padding: 1rem !important;
    margin-top: .8rem !important;
  }
  .bx--btn, .bx--btn--primary{
    margin-right: 2px !important;
  }
  /* .section-align-center{
    margin-left: 1rem !important;
    margin-right: 1rem !important; */
  /* } */
  .fa {
    font: normal normal normal 14px / 1 FontAwesome !important;
   
    height: 1rem !important;
}
.fa-filter:before {
  font-size: 25px;
}
/* @media (min-width: 768px) {
    .pl-md-4, .px-md-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
} */
/* .bx--header__action,.bx--tooltip--hidden
{
  height: 2rem !important;
} */
.right-action-width {
  min-width: 100px;
  min-height: max-content;
  height: 2px;
  margin-top: 5px;
}
.bx--header__action{
   /* min-width: 100px; */
  min-height: max-content;
  height: 2px;
  margin-top: 6px;
}
.bx--tile {
  background-color: #eadfdf !important;
}
.bx-tile{
  background-color: white !important;
}
.card-body {
  justify-content: center;
}
.pro-label {
  
  padding-top: 15px;
  height: 30px;
  font-weight: bold;
}

.pro-details {
 padding-top: 10px;
}
.upload-span {
margin-left: 1.2rem;
margin-top: 1rem;
}
.responsive-button {
  display: flex;
  flex-direction: column;
}

.button-wrapper {
  margin-right: 5px;
}

@media (max-width: 768px) {
  .responsive-button {
    flex-direction: column;
    width: 90%;
  }

  .button-wrapper {
    margin-right: 10px;
    
  }
}
@media (max-width: 768px) {
.xpa-button-offer-container{
  display: flex;
  width: 90%;
  flex-direction: column;
}
.filter-button {
  width: auto;
}
}

@media (max-width: 767px) {
  .filter-button {
    width: 74%;
  }
}
.xpa-link{
  margin-left: 0 !important;
}
@media (min-width: 769px) {

  /* Styles for desktop view */
 
}
@media (min-width: 769px) {

  
 .bx--loading__stroke {
    color: #0046BF;
  }
}
.custom-loading  {
  stroke:#0046BF !important;
color: #0046BF;
}
.bx--loading ,.bx--loading--small{
  stroke:#0046BF;
  color:#0046BF;
}
.red-loader, .bx--loading__stroke {
  stroke:#0046BF;
}


@media (max-width: 768px) {
  .header-global-action {
    height: 2rem; 
    width: 100px;
    justify-content: center;
    color: white;
    min-height: max-content;
  }

  .header-global-action, .right-action-color span {
    font-size: 0.8rem;
  }
}

@media (max-width: 768px) {
  .bx--side-nav__navigation .bx--side-nav {
    width: 100% !important;

    max-width: 100% !important;
   
  }
}
.bx--side-nav--expanded{
width: 100% !important;
max-width: 100% !important;
}
@media (max-width: 768px) {
  .Profile-Info{
    margin-left: 0 !important;
  }
    .mx-auto {
       margin-left: 0 !important; 
    }}
 .row{
  margin-left: 0 !important;
 }
.sui-layout-body__inner {
  margin-right: 0 !important;
  max-width: 100% !important
  ;
  padding-right: 0 !important;
    margin-left: 10px !important;
  
}
.bx--data-table-container{
padding-right: 1.5rem;
}