/* CSS Document */
/*
@media (min-width: 1800px) {

  main,
  header,
  #main-navbar {
    padding-left: 240px;
  }
}
*/
.bold {
  font-weight: bold !important;
}

/* Radio Border */
/* default look */
.radioBorder {
  border: 1px solid #e0e0e0;
  border-radius: .5rem;
  padding: .5rem .75rem;
  transition: border-color .2s ease, box-shadow .2s ease;
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: 3rem !important;
}
.px-2-5 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.bg-indigo {
  background-color: #1A237E !important;
  /* MDB Indigo */
  color: #fff !important;
}

:root {
  --navbar-h: 55px;
}

/* set to your actual fixed-top navbar height */

#mdb-toast-container-top-center,
#mdb-toast-container-top-right,
#mdb-toast-container-top-left {
  top: calc(var(--navbar-h) + 12px) !important;
  z-index: 1085 !important;
}



/* Cairo Font */
@font-face {
  font-family: Cairo;
  src: url('../../../comAssets/fonts/Cairo-Regular.ttf');
}

/* Side Nav */

.sidenav-item a,
.sidebar .nav-link {
  text-decoration: none !important;
}

.sidenav-link.active i {
  color: white;
}

a.sidenav-link.active,
.sidenav-light .sidenav-link.active {
  background-color: rgba(251, 251, 251, 0.05);
  color: white;
  /* very light gray */
  font-weight: 500;
}

.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
  color: white !important;
}

/* Special Margins */
.mt-6 {
  margin-top: 5rem !important;
}

/* Arabic */
.arabic {
  font-family: 'Cairo', sans-serif !important;
  text-align: right;
  direction: rtl;
}

.rtl {
  direction: rtl;
  text-align: right;
  font-family: 'Cairo', sans-serif;
  font-size: 1.10rem;
  background-position: center left !important;
}

.form-control {
  font-size: 1.10rem;
}

.input-group .input-group-text {
  font-size: 1.10rem;
	height: calc(2.08rem + 4.5px);
}
.rtl.is-invalid {
  background-position: center left !important;
}

/* form Validation */
.input-group .invalid-feedback,
.input-group .valid-feedback {
  margin-top: 0.5rem !important;
  background-color: bisque !important;

}

.invalid-feedback {
  position: relative !important;
  line-height: 2.0rem !important;
}

/*Gradients*/
.deepBluee100 {
  /* fallback for old browsers */
  background: #6a11cb;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(106, 17, 203, 1), rgba(37, 117, 252, 1))
}

.softGrass {
  /* fallback for old browsers */
  background: #c1dfc4;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(193, 223, 196, 0.5), rgba(222, 236, 221, 0.5));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(193, 223, 196, 0.5), rgba(222, 236, 221, 0.5))
}

.softGrass75 {
  /* fallback for old browsers */
  background: #c1dfc4;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(193, 223, 196, 0.75), rgba(222, 236, 221, 0.75));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(193, 223, 196, 0.75), rgba(222, 236, 221, 0.75))
}

.warmFlame {
  /* fallback for old browsers */
  background: #ff9a9e;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(255, 154, 158, 0.5), rgba(250, 208, 196, 0.5));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(255, 154, 158, 0.5), rgba(250, 208, 196, 0.5))
}

.warmFlame75 {
  /* fallback for old browsers */
  background: #ff9a9e;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(255, 154, 158, 0.75), rgba(250, 208, 196, 0.75));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(255, 154, 158, 0.75), rgba(250, 208, 196, 0.75))
}

.bg-gray-300 {
  background-color: #E0E0E0 !important;
}

.fv-slot:empty {
  display: none !important;
}

.fv-slot {
  display: block;
  position: static;
  margin-top: .25rem;
}

.iti.form-outline.wa-static > label.form-label {
	position: absolute;
	top: 0;
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	left: .75rem;
	padding-top: .37rem;
	pointer-events: none;
	transform-origin: 0 0;
	transition: all .2s ease-out;
	color: var(--mdb-form-control-label-color);
	margin-bottom: 0;
}
/* Make sure MDB never drags this label down visually */
.iti.form-outline.wa-static > label.form-label:not(.active) {
  transform: translateY(-.5rem) scale(.85) !important;
}
/* Bootstrap-docs violet style, wired for MDB buttons */
.btn-bs-primary {
  /* MDB vars */
  --mdb-btn-color: #fff;
  --mdb-btn-bg: #712cf9;                 /* default */
  --mdb-btn-border-color: #712cf9;

  --mdb-btn-hover-color: #fff;
  --mdb-btn-hover-bg: #6528e0;           /* hover */
  --mdb-btn-hover-border-color: #6528e0;

  --mdb-btn-focus-shadow-rgb: 112, 44, 249;

  --mdb-btn-active-color: #fff;
  --mdb-btn-active-bg: #5a23c7;          /* active */
  --mdb-btn-active-border-color: #5a23c7;

  /* For safety: also set BS vars (no harm if unused) */
  --bs-btn-color: #fff;
  --bs-btn-bg: #712cf9;
  --bs-btn-border-color: #712cf9;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: 112, 44, 249;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5a23c7;
  --bs-btn-active-border-color: #5a23c7;

  /* Force background/border so we win even if theme overrides */
  background-color: var(--mdb-btn-bg) !important;
  border-color: var(--mdb-btn-border-color) !important;
  color: var(--mdb-btn-color) !important;
}

.btn-bs-primary:hover,
.btn-bs-primary:focus {
  background-color: var(--mdb-btn-hover-bg) !important;
  border-color: var(--mdb-btn-hover-border-color) !important;
  color: var(--mdb-btn-hover-color) !important;
}

.btn-bs-primary:active,
.btn-bs-primary.active,
.show > .btn-bs-primary.dropdown-toggle {
  background-color: var(--mdb-btn-active-bg) !important;
  border-color: var(--mdb-btn-active-border-color) !important;
  color: var(--mdb-btn-active-color) !important;
}