/**
  Custom CSS for Bootstrap customization
 */

/*screen-sm corresponds with col-sm*/
@media (min-width: 768px) {
}

/*screen-md corresponds with col-md*/
@media (min-width: 992px) {
}

/*screen-lg corresponds with col-lg*/
@media (min-width: 1200px) {
  .col-lg-20perc {
    width: 20%;
  }
}

.panel-body {
  padding: 0px !important;
}

.ibox-into-tabs {
  border-top: none !important;
  border-radius: 0px 0px 6px 6px !important;
}

.tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus {
  border: 1px var(--extralight-grey) solid;
  box-shadow: none !important;
  border-bottom: 1px var(--white) solid !important;
}

textarea {
  border: 1px solid var(--extralight-grey) !important;
  border-radius: 6px 6px 6px 6px !important;
  background-color: var(--light-light-grey) !important;
}

.flex-nowrap-space-between {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}