/*******************************
         Site Overrides
*******************************/
.ui.buttons.btn-group{
  .ui.button{
    font-family: "open-sans",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #4e92e5;
    background-color: @white;
    border: 2px solid @violet-lavender;
    margin-left: -2px;
    font-size: 14px;
    &:hover{
      background-color: @grey-seashell;
    }
    &:active{
       background-color: @violet-lavender;
    }
    &:focus{
       background-color: @violet-lavender;
    }
  }
  .button:first-child{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }
  .button:last-child{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }
}

.ui.form .btn-primary .ui.button,.ui.button.btn-primary{
  background-color: @blue-royal;
  border-radius: 6px;
  color: @white;
  font-family: "open-sans",sans-serif;
  font-style: normal;
  font-weight: 600;
  &:hover{
    background-color: @blue-allports;
  }
  &:focus{
   // box-shadow: 0 0 0 2px @blue-royal inset;
  }
}

.ui.form .btn-primary.disabled .ui.button,.ui.disabled.button.btn-primary{
  background-color: @black-38;
  color: @white;
}

.ui.form .btn-secondary .ui.button, .ui.button.btn-secondary{
  background-color: @white;
  border-radius: 6px;
  color: @blue-royal;
  box-shadow: 0 0 0 1px @blue-royal inset!important;
  font-family: "open-sans",sans-serif;
  font-style: normal;
  font-weight: 600;
  &:hover{
    background-color: @blue-allports;
    color: @white;
  }
}

.ui.form .btn-secondary.disabled .ui.button,.ui.disabled.button.btn-secondary{
  box-shadow: 0 0 0 1px @black-38 inset!important;
  color: @black-38;
  background-color: @white;
}

.ui.form .btn-flat .ui.button, .ui.button.btn-flat{
  background-color: @white;
  border-radius: 6px;
  color: @blue-royal;
  font-family: "open-sans",sans-serif;
  font-style: normal;
  font-weight: 600;
  &:hover{
    background-color: @blue-allports;
    color: @white;
  }
  &:focus{
    box-shadow: 0 0 0 1px @blue-royal inset!important;
  }
}

.ui.form .btn-flat .ui.button, .ui.disabled.button.btn-flat{
  color: @black-38;
  background-color: @white;
}

.ui.form .btn-bordered .ui.button, .ui.button.btn-bordered{
  background-color: @white;
  border-radius: 6px;
  color: @blue-royal;
  font-family: "open-sans",sans-serif;
  font-style: normal;
  font-weight: 600;
  &:hover{
    box-shadow: 0 0 0 1px @blue-royal inset!important;
  }
}

.ui.form .btn-bordered .ui.button, .ui.disabled.button.btn-bordered{
  color: @black-38;
  background-color: @white;
}