:root {
  --main-color: rgb(227, 6, 19);
  --secondary-color: rgb(29,33,48);
  --secondary-color-darken: #131620;
  --text-color: #333333;
  --success: #4BB543;
  --info: #16B7FF;
  --info-dark: #0d81b7;
  --danger: rgb(255, 99, 99);
}


.main-sidebar{
  background-color: var(--secondary-color);

  &, a{
    color: white;
  }
}

.btn{
  &, &:hover{
    background-image: none !important;
  }
  &.disabled{
    color: #787878 !important;
    background-color: #ccc !important;
    border: 0;
    opacity: .3;

  }
}
.btn-secondary{
  background-color: var(--secondary-color);
  &:hover{
    background-color: var(--secondary-color-darken);
  }
}
.btn-success, .btn-success:hover{
  background-color: var(--success);
  border-color: var(--success);

}
.btn-info{
  background-color: var(--info);
  border-color: var(--info);
  &:hover{
    background-color: var(--info-dark);
    border-color: var(--info-dark);
  }
}
.btn-danger{
  background-color: var(--danger);
  border-color: var(--danger);
  &:hover{
    background-color: var(--main-color);
    border-color: var(--main-color);
  }
}

.bg-success{
  background-color: var(--main-color) !important;
}

.nav-link:hover{
  color: var(--main-color) !important;
}
.nav-link.active:hover{
  color: white !important;
}

.brand-link {
  background-color:white;
  .brand-text{
    display: none;
  }
  img.brand-image{
    float: none;

  }
  img.brand-image.elevation-3{


    box-shadow: none !important;
    margin: 0 auto;
    display: block;

  }
}

.user-panel .info a{
  color: white !important;
  text-decoration: none;
}




.accent-primary .btn-link, .accent-primary .nav-tabs .nav-link, .accent-primary a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.btn){
  color: var(--secondary-color);
  transition: all .3s ease;
  &:hover{
    color: var(--main-color);
  }
}


.card, .timeline>div>.timeline-item{
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.timeline>div>.timeline-item{
  padding-top: 10px;
}
.timeline>div>.timeline-item>.time{
  float: none;
  font-size: 0.75em;
  color: var(--main-color);
}
.card-header{
  background-color: #f5f5f5;
  color: var(--secondary-color);
}
.timeline>div>.timeline-item>.timeline-header{
  &, >a{
    font-size: 14px;
    font-weight: 600;
    color: var(--secondary-color);
  }
}


.btn-xs{
  padding: .25rem .5rem;
  font-size: .75rem;
  line-height: 1.5;
  border-radius: .15rem;
}


.content-wrapper{
  background-image: url("../img/logo_afdiag_backend_black.30c2f2cd391c.svg");
  background-size: 80vh;
  background-repeat: no-repeat;
  background-position: right bottom;
}
.navbar{
  border: 0 !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}


.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  padding: .5rem;
  min-height: 38px !important;
  border-color: #c7cdd3 !important;
}

.select2-container .select2-search--inline .select2-search__field {
  font-family: unset !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  vertical-align: top !important;
}

.select2-container .select2-search--inline .select2-search__field::placeholder {
  color: #7b7a7a !important;
  opacity: 1 !important;
}

.select2-container--default .select2-search--inline .select2-search__field:focus {
  border: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #000;
  padding: 0 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: .5em;
}

.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
  color: #7b7a7a !important;
}

.admindatefilter{
  margin-top: -5px !important;
  .date-icon::before  {
    font-size: 18px !important;
  }
  input[type="text"] {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #7b7a7a !important;
}