/******** AIREBROS_AUTH.CSS **************/
:root
{
  /* Common */
  --body-color:#595959;
  --main-color: #373a3c;
  --primary-color: #FFF; /*white*/
  --secondary-color: #aab005; /*green-olive*/
  --third-color: #8C8D08;   /*dark-green-olive*/
  --fourth-color: #f1f1f1; /*light grey/disabled*/

  --secondary-color-rgb: 170, 176, 5;
  --third-color-rgb: 140,141,8;

  /*--primary-font: 'Montserrat';
  --secondary-font: 'Poppins';*/
  --primary-font: 'OpenSans';
  --secondary-font: 'OpenSans';
  /* Additional Colors */
  --white-section: #fff;
  --gray-section: #f5f5f5;
  --black-section: #222020;
  --light-gray-section: #fcfcfc;
}
body
{
  font-size: 16px;
  line-height: 1.5;
  color: var(--body-color);
  background-color:black;
}

::-moz-selection,
::selection
{
  background-color: var(--secondary-color);
  color: #fff;
}

/**********/
::placeholder,
::-moz-placeholder,
:-moz-placeholder
{
  color: var(--fourth-color);
  font-weight: 300;
  opacity: 1;
}

::-webkit-input-placeholder
::-ms-input-placeholder,
:-ms-input-placeholder
{
  /* WebKit, Blink, Edge */
  color: var(--fourth-color);
  font-weight: 300;
}
/***** links **********/
a
{
  color:var(--main-color);
}
a:hover
{
  color:var(--third-color);
}
/********* BACKGROUNDS ***************************/
.container-login100::before
{
    content: "";
    background-image: url('../img/imediavan/header-bg.jpg');
    opacity:0.5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/******* inputs ************/
input:focus
{
    box-shadow: 0 0 0 0.2rem rgba(var(--third-color-rgb), 0.3);
    color: var(--main-color);
}


/* Change the white to any color ;) */
/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
*/
/*Change text in autofill textbox*/
/*
input:-webkit-autofill {
    -webkit-text-fill-color: yellow !important;
}
*/





.input100
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    color: var(--main-color);
}
.input100:focus
{
    background-color:white;
}
.input100:focus + .focus-input100 + .symbol-input100
{
      color: var(--secondary-color);
}
.label-checkbox100
{
  color:var(--main-color);
}
.label-checkbox100::before
{
  border: 2px solid var(--secondary-color);
}
.input-checkbox100:checked + .label-checkbox100::before
{
    color:  var(--secondary-color);
}

.login100-form-btn
{
    background:var(--secondary-color);
}
.login100-form-btn:hover
{
    background: var(--third-color);
}
.txt1
{
  color:var(--main-color);
}
.hov1:hover
{
    border-color: var(--third-color);
}