.login {
  display: flex;
  align-items: center;
  height: 100vh;
  background-color: #e9ecf3 !important;
}

/*
|--------------------------------------------------------------------------
| Theme Override
|--------------------------------------------------------------------------
|
|
*/

.dark-green {
  background-color: #27ae60 !important;
}

.orange {
  background-color: #e67e22 !important;
}

.sea {
  background-color: #16a085 !important;
}

.sun-flower {
  background-color: #f1c40f !important;
}

.strikethrough {
  text-decoration: line-through;
}

textarea {
  resize: vertical;
}

.page-header.navbar {
  background-color: #ffffff;
}

.page-header.navbar .dropdown-toggle span {
  color: #73818f !important;
}

.page-header.navbar .dropdown-toggle:hover span {
  color: #2f353a !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.open > .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
  background-color: rgba(0, 0, 0, 0);
}

.page-header.navbar .page-logo a {
  width: calc(100% - 25px);
  text-align: center;
}

.page-header.navbar .page-logo .logo-default {
  height: 70px !important;
  margin: 0 !important;
}

.page-sidebar-wrapper .page-sidebar .heading h3 {
  color: #73818f !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.active > a {
  border-color: #c19c0b !important;
  margin-left: 0;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.active > a i,
.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.active > a .title {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.active li.active > a .title {
  color: #c19c0b !important;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.open > a {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.open > a i {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li.open > a li a:hover {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li:hover > a {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li:hover > a i {
  color: #c19c0b;
}

.page-sidebar-wrapper .page-sidebar .page-sidebar-menu > li:hover li:hover > a .title {
  color: #c19c0b !important;
}

.breadcrumb {
  color: #73818f;
}

.breadcrumb a {
  color: #c19c0b;
}

.font-blue-steel {
  color: #73818f !important;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 5px 0px;
  border-radius: 15px !important;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857 !important;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px !important;
  font-size: 24px;
  line-height: 1.33 !important;
}

.table .btn {
  margin-right: 0;
}

.select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}

.has-error img {
  border: 1px solid #c0392b;
}

.chart-container {
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 20px;
}

.input-group-addon .mt-checkbox span {
  border-color: black;
}

.has-error .form-control-date-picker input {
  border-color: #e73d4a;
}

.form-control-date-picker input {
  border: 1px solid #c2cad8;
  padding: 6px 12px;
  background-color: #fff;
  height: 34px;
  width: 100%;
  margin: 0;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.new-order {
  color: red;
  -webkit-animation-name: neworder;
          animation-name: neworder;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes neworder {
  50% {
    color: #E43A45;
  }

  50% {
    color: #F7CA18;
  }
}

@keyframes neworder {
  50% {
    color: #E43A45;
  }

  50% {
    color: #F7CA18;
  }
}

.img-fluid {
  max-width: 100%;
  height: auto;
}