@charset "utf-8";

:root{
  --primaryColor: #5e72e4;
  --primaryTextColor: #3049d5;

  --secondaryColor: #f0f0f1;
  --secondaryTextColor: #e8e8e8;

  --errorColor: #dd4b39;
  --successColor: #28c767;
}

.bg-gradient-primary {
  background: linear-gradient( 87deg , #e8ecff 0, #a3b3ff 100%) !important;
}

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #ffffff;
}

.loader {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }

  50% {
    -webkit-transform: rotate(180deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }

  100% {
    -webkit-transform: rotate(360deg);
    border: 4px solid var(--primaryColor);
    border-left-color: transparent;
  }
}

.hasError {
  border: 1px solid !important;
	border-color: var(--errorColor) !important;
	box-shadow: none;
}

.btn-secondary {
  background-color: var(--secondaryColor) !important;
  border-color: var(--secondaryColor) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  color: black;
  background-color: var(--secondaryColor) !important;
  border-color: var(--secondaryColor) !important;
}

.btn-success {
  background-color: var(--successColor);
  border-color: var(--successColor);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--successColor);
  border-color: var(--successColor);
}

.btn-danger {
  background-color: var(--errorColor);
  border-color: var(--errorColor);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background-color: var(--errorColor);
  border-color: var(--errorColor);
}

.badge {
  font-size: 80%;
  padding: 6px;
}

.badge-primary {
  color: #ffffff;
  background-color: var(--primaryColor);
}

.badge-success {
  color: #ffffff;
  background-color: var(--successColor);
}

.badge-danger {
  color: #ffffff;
  background-color: var(--errorColor);
}

.main-content {
  margin-left: 62px;
  transition: all .15s ease;
}

.form-control-label .required {
  color: var(--errorColor);
}

.table thead th {
  border-color: #f4f6ff;
  background-color: #f4f6ff;
  padding: 15px
}

.table thead th:hover {
  color: var(--primaryColor) !important;
}

.dataTables_info {
  padding-top: 0.25em;
  font-size: .875rem;
}

.page-item .page-link {
  color: var(--primaryColor);
}

.page-item .page-link:hover {
  background-color: #f4f6ff;
}

.page-item.active .page-link {
  border-color: var(--primaryColor);
  background-color: var(--primaryColor);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--primaryColor);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
.bg-login {
    background-image: url(/images/login-bg.jpg)!important;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}

.sidenav {
  z-index: 1000;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #fff;
  background-color: var(--primaryColor);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #f2f2f2;
}

.form-control-sm {
  width: 100%;
  transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
  color: #8898aa;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 3px 2px rgb(233 236 239 / 5%);
}

@media (prefers-reduced-motion: reduce) {

  .main-content {
    transition: none;
  }

}

@media (max-width: 1199.98px) {

  .sidenav {
    z-index: 1050;
  }

  .sidenav {
    transform: translateX(-62px);
  }

  .main-content {
    margin-left: 0 !important;
  }

  .g-sidenav-pinned .sidenav {
    transform: translateX(0);
  }

}

@media (min-width: 1200px)
{

  .g-sidenav-pinned .main-content {
    margin-left: 250px;
  }

}