:root
{
  --theme-color : #3ac3de;
}
.dark-mode select.input-group-select
{
  outline: none;
  border: none;
}
.dark-mode div.input-group-text
{
  background-color: transparent;
  color: white;
}
.warning-required-field
{
  border-color: #dc3545 !important;
}
.dark-mode option
{
  background-color: #111111;
  color: #afafaf;
}
.dark-mode select
{
  border-color: #ced4da;
}
.dark-mode select:hover, .dark-mode select:valid
{
  /* border-color: var(--theme-color); */
}
body
{
  background-color: #111111;
  font-family: "Anaheim", sans-serif;
  color: #737f8a;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6
{
  font-weight: 400;
  color: #afbac4;
}

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

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

ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* navigation */
.navigation
{
  background: #000;
  width: 100%;
  z-index: 99;
  margin-bottom: 0;
  padding: 10px;
}

.bordered-nav
{
  border: 1px solid #fff;
}

.bordered-nav:hover
{
  background-color: var(--theme-color);
  border: 1px solid transparent;
  color: #fff !important;
}

.bordered-nav a
{
  font-weight: bold !important;
  color: #fff !important;
}

.bordered-nav a:hover
{
  color: #fff !important;
}

nav li.active a
{
  color: var(--theme-color) !important;
}

nav li.nav-item a
{
  font-size: 16px;
  color: #737f8a;
  transition: 0.5s;
  transition-property: all;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

nav li.nav-item a:hover
{
  font-size: 16px;
  color: var(--theme-color);
  border-bottom: 1px solid var(--theme-color);
}

.navbar-toggler
{
  border: 1px solid #737f8a;
  border-radius: 0;
}

.navbar-toggler-icon
{
  background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* buttons */
a
{
  color: #fff;
  transition: all .3s ease-in 0s;
  text-decoration: none;
  outline: 0;
}

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

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

.btn:focus
{
  color: #ddd;
}

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

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

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

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

.footer-link
{
  color: #737f8a;
  font-size: 16px;
}

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

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

.copyright
{
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #737f8a;
}

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

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

.size-30
{
  font-size: 30px;
}

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