/* ---------------- PAGE LOADERS START */
/* LOADER WITH IMAGE IN MIDDLE OF SCREEN */
.loader-center-image {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("pageloader1.gif") 50% 50% no-repeat rgb(255, 255, 255);
  background-size: 300px;
}

/* LOADER WITH SPINKIT IN MIDDLE OF SCREEN */
.loader-center-spinkit {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background: #fff;
}

.loader-center-spinkit .sk {
  z-index: 99999;
}

/* ---------------- PAGE LOADERS END */
/* ---------------- A TAG ELEMENTS START */
/*.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
  border-color: #215172 !important;
}*/
a:hover {
  color: #004B87 !important;
}

.scrolltop {
  background-color: #004B87 !important;
}

a:not([href]) {
  /*color: #6658dd !important;*/
  text-decoration: none !important;
  outline: none !important;
  cursor: pointer !important;
}

.always-link-cursor {
  cursor: pointer !important;
}

.viewonly-cursor {
  cursor: no-drop !important;
}

/* ---------------- A TAG ELEMENTS END */
/* ---------------- VALIDATION START */
.for-validation-msg {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: block;
  position: relative;
  padding-left: 1.625rem;
}

/*.is-valid input {
    border-color: #0abb87;
}*/
.is-valid .for-validation-msg {
  color: #4CAF50 !important;
}

input.input-validation-error, select.input-validation-error, textarea.input-validation-error {
  border-color: #f44336 !important;
}

input.valid, select.valid, textarea.valid {
  border-color: #4CAF50 !important;
}

.for-validation-msg.field-validation-error {
  color: #f44336 !important;
}

.for-validation-msg.field-validation-error:before,
.for-validation-msg.field-validation-valid:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  /*line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.for-validation-msg.field-validation-error:empty,
.for-validation-msg.field-validation-valid:empty {
  display: none;
}

.for-validation-msg.field-validation-error:before {
  content: "\f057";
}

.for-validation-msg.field-validation-valid:before {
  content: "\f058";
}

.validation-summary-valid {
  display: none !important;
}

.asp-validation-summary-wrapper {
  display: none !important;
}

.validation-summary-errors .asp-validation-summary-wrapper {
  display: flex !important;
}

.validation-summary-errors ul {
  margin-left: 2.75rem !important;
}

/* ---------------- VALIDATION END */
/* ---------------- OTHER START */
.iti {
  width: 100% !important;
}

.iti input {
  padding-left: 90px !important;
}

.mandroid_header_gradient {
  /*background: rgb(67,208,252) !important;
  background: linear-gradient(240deg, rgba(67,208,252,1) 30%, rgba(2,134,186,1) 100%) !important;*/
  background: hsl(217deg, 100%, 50%);
  background: linear-gradient(45deg, hsl(217deg, 100%, 50%) 0%, hsl(186deg, 100%, 69%) 100%);
  background: -moz-linear-gradient(45deg, hsl(217deg, 100%, 50%) 0%, hsl(186deg, 100%, 69%) 100%);
  background: -webkit-linear-gradient(45deg, hsl(217deg, 100%, 50%) 0%, hsl(186deg, 100%, 69%) 100%);
}

.animate-background-change {
  transition: background-color 1s ease !important;
}

.swal2-container {
  z-index: 1060; /* Bootstrap modal has z-index 1050, so 1060 is higher */
}

#kt_header .btn-custom {
  background-color: #fff !important;
}

#kt_header .btn-custom i {
  color: var(--bs-text-primary) !important;
}

/* ---------------- OTHER END */