/** Colors */
/** Common */
.overflow {
  overflow: hidden;
}

.display-block {
  display: block;
}

.display-inline {
  display: inline-block;
}

.width-full {
  width: 100%;
}

.error {
  color: #f32525;
}

.warning {
  color: #ffa800;
}

.success {
  color: #1BC5BD;
}

.btn-disabled {
  opacity: 0.5;
}
.btn-disabled:hover {
  cursor: not-allowed;
}

/** Text */
.fs-4 {
  font-size: 18px;
}

.fw-bold {
  font-size: 14px;
}

.f-bold {
  font-weight: bold;
}

/** Colors */
.text-gray-500 {
  color: #99a1b7;
}

/** Border */
.sep {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  height: 1px;
  border-top: 1px dashed #dbdfe9;
}

.border-dashed {
  border-style: dashed !important;
}

.border-gray-300 {
  border-color: #dbdfe9;
}

/** Table */
.table-head-custom tr th {
  border-top: none;
  text-transform: uppercase;
}

/** Labels */
.label-with-fa .fa {
  margin-right: 6px;
  font-size: 1rem;
  color: #dbdfe9;
}

.link-btn:hover {
  opacity: 0.8;
}

.fa-sm {
  font-size: 14px;
}

.progress-line {
  display: block;
  width: 100%;
  margin-top: 3px;
}
.progress-line .type {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 40px;
  font-size: 11px;
}
.progress-line .indicator {
  display: inline-block;
  width: calc(100% - 55px);
}

/** Input type number fix */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.date-picker-component {
  width: 180px;
}
.date-picker-component.users-stats-filter-date-range {
  position: relative;
  top: 4px;
}

/** Header */
.brand-logo {
  display: inline-block;
  width: 70%;
}
.brand-logo img {
  width: 100%;
  height: auto;
}

.brand-logo-mobile {
  width: 50%;
}

/** Security */
.app-logo img {
  max-width: 350px;
}
@media only screen and (max-width: 500px) {
  .app-logo img {
    max-width: 250px;
  }
}

/** Widgets */
.widgets .widget {
  display: inline-block;
  margin: 0 12px 12px 0;
  padding: 15px 12px;
  border: 1px dashed #dbdfe9;
}
.widgets .widget .data {
  font-size: 1.25rem;
  font-weight: 600;
}
.widgets .widget .hint {
  font-size: 1.075rem;
  font-weight: 500;
  color: #99a1b7;
}

/** Scheduled Images */
.scheduled-images .item {
  display: inline-block;
  width: 200px;
  height: 250px;
  margin: 0 12px 12px 0;
  border: 1px solid #dbdfe9;
  padding: 15px;
}
.scheduled-images .item .image {
  width: 100%;
  height: 180px;
}
.scheduled-images .item p {
  margin-top: 12px;
  text-align: center;
}

/** Dashboard Widgets */
.item-widget {
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid #dbdfe9;
}
.item-widget .figure {
  float: left;
  margin-right: 10px;
}
.item-widget .figure i {
  position: relative;
  top: 5px;
  font-size: 20px;
  color: #1BC5BD;
}
.item-widget .data {
  float: left;
}
.item-widget .data h5 {
  font-size: 24px;
}

/*# sourceMappingURL=main.css.map */