:root
{
  --light-theme-color : #000;
}

.light-mode nav li.nav-item a
{
  font-size: 16px;
  color: #089;
  transition: 0.5s;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
.warning-required-field
{
  border-color: #dc3545 !important;
}
body.light-mode
{
  background-color: #fff;
  font-family: "Anaheim", sans-serif;
  color: #1C1F22;
  -webkit-font-smoothing: antialiased;
}

body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6
{
  font-weight: 400;
  color: #1C1F22;
}

body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6, body.light-mode p
{
  font-family: "Quattrocento Sans", sans-serif;
}

body.light-mode .preloader
{
  background: #000;
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.light-mode ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
/* buttons */
/* body.light-mode a
{
  color: #000;
  transition: all .3s ease-in 0s;
  text-decoration: none;
  outline: 0;
} */

body.light-mode a:focus, body.light-mode a:hover
{
  text-decoration: none;
  outline: 0;
  color: var(--light-theme-color);
}

body.light-mode .btn
{
  background-color: transparent;
  color: #000;
  padding: 10px 30px;
  border-radius: 0;
  transition: all .3s ease-in 0s;
}

body.light-mode .btn:focus
{
  color: #ddd;
}

body.light-mode .theme-btn
{
  border: 1px solid #4e595f;
}

body.light-mode .theme-btn:hover, body.light-mode .theme-btn:focus
{
  border: 1px solid transparent;
  background-color: var(--light-theme-color);
  color: #fff;
}

/* footer */
body.light-mode .footer-title
{
  margin-bottom: 30px !important;
}

body.light-mode .footer-item
{
  margin-bottom: 5%;
}

body.light-mode .footer-link
{
  color: #1C1F22;
  font-size: 16px;
}

body.light-mode .footer-link:hover
{
  color: var(--light-theme-color);
  border-bottom: 1px solid var(--light-theme-color);
}

body.light-mode .footer-links i
{
  margin-right: 10px;
}

body.light-mode .copyright
{
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #1C1F22;
}

body.light-mode .copyright p
{
  margin-bottom: 0px;
}

body.light-mode span.footer-name
{
  color: var(--light-theme-color);
}

body.light-mode .size-30
{
  font-size: 30px;
}

/* form */
body.light-mode form input:not([type=checkbox]), body.light-mode form select, body.light-mode form input:not([type=checkbox]):focus, body.light-mode form select:focus
{
  border-radius: 0;
  background: transparent;
  width: 100%;
  color: #afafaf;
}
body.light-mode form input:not([type=checkbox]):hover, body.light-mode form input:not([type=checkbox]):hover
{
  border-color: var(--light-theme-color);
}
body.light-mode form input:not([type=checkbox]):valid
{
  border-color: var(--light-theme-color);
}
body.light-mode button:disabled
{
  cursor: not-allowed;
}
body.light-mode form input[readonly], body.light-mode form-input:disabled
{
  border-radius: 0;
  background: transparent;
  background-color: transparent !important;
  width: 100%;
  color: #afafaf !important;
  border-color: var(--light-theme-color);
}
body.light-mode select
{
  background-color: transparent !important;
  color: #afafaf !important;
}
body.light-mode #secondlayer
{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  background-color: #FFF;
  opacity: 0.5;
  display: none;
}
body.light-mode #preloader-img2
{
  z-index: 10001;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -100px;
  display: none;
}
/* multiselect */
body.light-mode .bootstrap-select ul.dropdown-menu.inner[aria-expanded="true"]
{
  display: block !important;
}
body.light-mode .bootstrap-select ul.dropdown-menu.inner li a
{
  color: #000 !important;
}
/* toggle mode */
body.light-mode .toggle-mode:hover
{
  border-bottom: 0px !important;
}