/* ========================================================================================= */
/* UTILITIES
/* ========================================================================================= */

.h4 {
  margin-bottom: 0 !important;
  font-size: 19px !important;
  letter-spacing: -1px;

  @media (max-width: 768px) {
    font-size: 15px !important;
  }
}

// Estats ON/OFF
.estat {
background-size: 16px;
  &-on {
    background: url(/bundles/comitium5designer/global/img/ico-on.svg) no-repeat 12px center !important;
  }
  &-off {
    background: url(/bundles/comitium5designer/global/img/ico-off.svg) no-repeat 12px center !important;
  }
}

// Warning
.text {
  &-success {
    padding-left: 30px !important;
    color: $gray-600 !important;
    line-height: 2em;
  }
  &-danger {
    padding-left: 30px !important;
    color: $gray-600 !important;
    line-height: 2em;
  }
}


// Fixat
.fixat {
  left: 241px !important;

  &.is-reduced {
    left: 51px !important;
  }

  @media (max-width: 768px) {
    left: 0 !important;
  }
}


// Dropdown
.dropdown-item {
  color: $gray-700 !important;
  font-size: 12px;
}


// IDs
#wrapper {
  #content-wrapper {
    background-color:$gray-50;
  }
}

#sidebarToggle {
  background-color: $gray-400 !important;
}

#content {
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 242px;
  right: 0;
  padding-top: 20px;
  z-index: 2;
  overflow: auto;
  overflow-x: hidden;
  transition: all .15s ease-in-out;
  background-color: $gray-50;

  &.is-reduced {
    left: 51px;
  }

  @media (max-width: 768px) {
    left: 0 !important;
  }
}

#sidebarToggleTop {
  display: none !important;
}

.card .is-disabled {
  color: #c9c9c9!important;
}