@import '../components/Variables.scss';

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
}

a{
  &:hover{
    text-decoration: none !important;
  }
}
label{
  font-size: 0.8rem;
}
.form-check,.custom-file
{
  label{
    font-size: 16px;
  }
}
.custom-file-label
{
  z-index: 2;
}
.dropdown-menu{
  padding: 2px 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: $white;
  background-color: $app-color;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.btn
{
  font-weight: 500 !important;
  padding: .5rem 1.15rem !important;
  font-size: 14px !important;
  &:focus
  {
    box-shadow: none !important;
  }
}
button
{
  &:focus
  {
    outline-color: $transparent;
  }
}

.custom-file
{
  label, input
  {
    &:hover
    {
      cursor: pointer;
    }
  }
}
.form-control
{
  &:focus
  {
    border-color: $app-color;
    box-shadow: none;
  }
  &:active
  {
    border-color: $app-color;
    box-shadow: none;
  }
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: $app-color;
  box-shadow: none;
  outline-color: $transparent;
}

.custom-control-input:focus ~ .custom-control-label::before
{
  box-shadow: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: $app-color;
}
.custom-control-input:checked ~ .custom-control-label::before{
  background-color: $app-color;
}

.custom-control
{
  &.custom-radio, &.custom-checkbox
  {
    .custom-control-label
    {
      display: inline-flex;
      align-items: center;
      &:hover
      {
        cursor: pointer;
      }
    }
  }
}


//accordion/collapse
.accordion
{
  .card:last-of-type
  {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
  }
  .card:first-of-type {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
  }

}

//list-group
.list-group-item{
  &.active {
    background-color: $app-color;
    border-color: $app-color;
  }
}