/* put your own styles to customize and override the theme */

body {
  font-family: Nunito, sans-serif;
}


.row.gutter-sm{
  margin-left: -5px;
  margin-right: -5px;
}
.row.gutter-sm .col, .row.gutter-sm .col-1, .row.gutter-sm .col-2, .row.gutter-sm .col-3, .row.gutter-sm .col-4, .row.gutter-sm .col-5, .row.gutter-sm .col-6, .row.gutter-sm .col-7, .row.gutter-sm .col-8, .row.gutter-sm .col-9, .row.gutter-sm .col-10, .row.gutter-sm .col-11, .row.gutter-sm .col-12, .row.gutter-sm .col-auto, .row.gutter-sm .col-lg, .row.gutter-sm .col-lg-1, .row.gutter-sm .col-lg-2, .row.gutter-sm .col-lg-3, .row.gutter-sm .col-lg-4, .row.gutter-sm .col-lg-5, .row.gutter-sm .col-lg-6, .row.gutter-sm .col-lg-7, .row.gutter-sm .col-lg-8, .row.gutter-sm .col-lg-9, .row.gutter-sm .col-lg-10, .row.gutter-sm .col-lg-11, .row.gutter-sm .col-lg-12, .row.gutter-sm .col-lg-auto, .row.gutter-sm .col-md, .row.gutter-sm .col-md-1, .row.gutter-sm .col-md-2, .row.gutter-sm .col-md-3, .row.gutter-sm .col-md-4, .row.gutter-sm .col-md-5, .row.gutter-sm .col-md-6, .row.gutter-sm .col-md-7, .row.gutter-sm .col-md-8, .row.gutter-sm .col-md-9, .row.gutter-sm .col-md-10, .row.gutter-sm .col-md-11, .row.gutter-sm .col-md-12, .row.gutter-sm .col-md-auto, .row.gutter-sm .col-sm, .row.gutter-sm .col-sm-1, .row.gutter-sm .col-sm-2, .row.gutter-sm .col-sm-3, .row.gutter-sm .col-sm-4, .row.gutter-sm .col-sm-5, .row.gutter-sm .col-sm-6, .row.gutter-sm .col-sm-7, .row.gutter-sm .col-sm-8, .row.gutter-sm .col-sm-9, .row.gutter-sm .col-sm-10, .row.gutter-sm .col-sm-11, .row.gutter-sm .col-sm-12, .row.gutter-sm .col-sm-auto, .row.gutter-sm .col-xl, .row.gutter-sm .col-xl-1, .row.gutter-sm .col-xl-2, .row.gutter-sm .col-xl-3, .row.gutter-sm .col-xl-4, .row.gutter-sm .col-xl-5, .row.gutter-sm .col-xl-6, .row.gutter-sm .col-xl-7, .row.gutter-sm .col-xl-8, .row.gutter-sm .col-xl-9, .row.gutter-sm .col-xl-10, .row.gutter-sm .col-xl-11, .row.gutter-sm .col-xl-12, .row.gutter-sm .col-xl-auto{
  padding-left: 5px;
  padding-right: 5px;
}

.auth {
  background-image: url("../images/auth-login.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.auth:after {
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.auth-form {
  padding: 3rem 2rem 1rem;
  max-width: 420px;
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 1px rgb(20 20 31 / 5%), 0 1px 3px 0 rgb(20 20 31 / 15%);
}

.arabic {
  font-family: "Tahoma";
}
.app-header-dark {
  background-color: #0abf53;
}
.auth-header {
  background-color: #f7915d;
}

.btn-primary {
  background-color: #0abf53;
  border-color: #03a044;
}

.btn-primary:hover,
.btn-primary:active {
  background-color: #03a044;
  border-color: #03a044;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #03a044;
  border-color: #03a044;
}

.btn-primary:disabled,
.btn-primary.disabled {
  background-color: #03a044;
  border-color: #03a044;
}

.form-control:focus {
  border-color: #8b8b8b;
  box-shadow: 0px 0px 0px 2px #e3e3e3;
}

.menu-item > a > .subicon > img {
  opacity: 0.4;
  height: 15px;
}
.menu-item.has-active > a > .subicon > img {
  opacity: 1;
}

.stacked-menu > .menu > .menu-item.has-active > .menu-link {
  background-color: rgba(0, 0, 0, 0.06);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 4px 10px;
}
.select2-container .select2-selection--single {
  height: 35px;
}

.card > .table-bordered {
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
}

.auth-footer {
  color: #fff;
}