.badge{
    border-radius: 10px;
    margin: 2px;
    font-weight: 500;
}
.admin-badge{
    background-color: #E9F3FF;
    color:#1B84FF !important;
}
.finance-user-badge{
    background-color: #FFEEF3;
    color:#F8285A !important;
}
.postsales-user-badge{
    background-color: #DFFFEA;
    color:#17C653 !important;
}
.presales-user-badge{
    background-color: #F8F5FF;
    color:#7239EA !important;
}

.border-color-gray
{
  border-color: #e9ecef!important;
}

.badge-table{
  font-size: 0.875rem;
}

.badge-h3{
  font-size: 1.75rem;
}

.event-running
{
    background-color: #FFF8DD !important;
}
.event-done
{
    background-color: #DFFFEA !important;
}

.bg-white.rounded.shadow-sm.p-4.py-4.d-flex.flex-column{
    min-height: 400px;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1600px !important;
}

.workspace{
    max-width: unset !important;
}

.card{
    background-color: #fff !important;
}

.h100percent{
    height: 100%;
}

.accordion-item,
.accordion-item button
{
    background: none !important;
}

.accordion-item{
    margin: 1rem 0;
    border-bottom: 1px solid rgba(33, 37, 41, .25);
}

.accordion-flush>.accordion-item:last-child
{
    border-bottom: 1px solid rgba(33, 37, 41, .25);
}

.accordion-item button
{
    padding-left: 0;
}

.bullet{
    display: inline-block;
    border-radius: 6px;
    width: 8px;
    height: 4px;
    flex-shrink: 0;
}

.col-md.col-md.col-md-9.order-md-last{
    background: #fff;
    border-radius: 0.5rem;
}

.col-md.col-md.col-md-9.order-md-last fieldset {
    padding: 0.5rem;
}

.col-md.col-md.col-md-9.order-md-last fieldset div {
    padding: 1rem;
}

.col-md.col-md.col-md-9.order-md-last fieldset div legend{
    font-size: 1.75rem;
    font-weight: 500;
    color: #15141a!important;
}

.row.row.g-3{
    margin-bottom: 2rem;
}

/* Mutli Select */
  
  .dropdownMultiSelect dd,
  .dropdownMultiSelect dt {
    margin: 0px;
    padding: 0px;
  }
  
  .dropdownMultiSelect ul {
    margin: -1px 0 0 0;
  }
  
  .dropdownMultiSelect dd {
    position: relative;
  }
  
  .dropdownMultiSelect div.a,
  .dropdownMultiSelect div.a:visited {
    text-decoration: none;
    outline: none;
    font-size: 12px;
  }
  
  .dropdownMultiSelect dt div.a {
    background-color: none;
    display: block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 300px;
    border: 1px solid #dae0e5;
  }
  
  .dropdownMultiSelect dt div.a span {
    cursor: pointer;
    display: inline-block;
    padding: 4px 8px;
    font-size: 1rem;
    font-weight: 500;
  }
  .multiSel {
      padding: 0;
      margin: 0;
      width: 95%;
      white-space: nowrap;
      overflow: hidden;
      padding-right: 5%;
  }
  .multiSel span {
    cursor: pointer;
    display: inline;
    padding: 0 3px 2px 0;
  }

  .mutliSelect ul li{
    padding: 0.5rem;
  }

  .mutliSelect ul li label{
    font-size: 1rem;
  }
  
  .dropdownMultiSelect dd ul {
    background-color: none;
    border: 0;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    width: 300px;
    list-style: none;
    height: 200px;
    overflow: auto;
    border: 1px solid #dae0e5;
    border-top: none;
  }
  
  .dropdownMultiSelect span.value {
    display: none;
  }
  
  .dropdownMultiSelect dd ul li a {
    padding: 5px;
    display: block;
  }
  
  .dropdownMultiSelect dd ul li a:hover {
    background-color: #fff;
  }

  div.a{
    position: relative;
  }

  div.a::after{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -48%);
    content: '\25be';
    cursor: pointer;
  };

/* End Multi Select */