/*--------------Colors--------------*/
/* Primary */
/* Secondary */
/* Success */
/* Info */
/* Warning */
/* Danger */
/* Light */
/* Dark */
/* Link */
/* Accent */
/* Indigo */
/*--------------Colors--------------*/
/*--------------Button--------------*/
/*--------------Button--------------*/
/*--------------Navbar--------------*/
/*--------------Navbar--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Checkbox/Radio--------------*/
/*--------------Switch--------------*/
/*--------------Switch--------------*/
/*--------------Panel--------------*/
/*--------------Panel--------------*/
/*--------------Task--------------*/
/*--------------Task--------------*/
/*--------------Event--------------*/
/*--------------Event--------------*/
/*--------------Series--------------*/
/*--------------Series--------------*/
/*--------------Other--------------*/
/*--------------Other--------------*/
/*--------------Grid--------------*/
/*--------------Grid--------------*/
/* ======================================================================== */
/* CSS FOR THE LOGON PAGE
 * Colors used in this theme $white $primary */
/* ======================================================================== */
/* ------------------------------------------------------------------------ */
/* Left side with logo */
.logon.invert .logon-left { /* INVERT */
  background-color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Right side with input form */
.logon .logon-right {
  background-color: #313045;
}

.logon.invert .logon-right { /* INVERT */
  color: #313045;
}

.logon.invert .logon-right .logon-title {
  color: #b31e42;
}

.logon.invert .logon-right input { /* INVERT */
  color: #313045 !important;
  border-bottom: solid 1px #313045;
}

.logon.invert .logon-right input::placeholder { /* INVERT */
  color: #313045;
}

.logon.invert .logon-right input:focus { /* INVERT */
  border-bottom: solid 2px #313045;
}

.logon.invert .logon-right a { /* INVERT */
  color: #313045;
}

.logon .logon-right .btn-logon {
  color: #313045;
}

.logon.invert .logon-right .btn-logon { /* INVERT */
  background-color: #313045;
}

.logon.invert .logon-right .input-logo { /* INVERT */
  color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Autofill changes */
.logon input:-webkit-autofill,
.logon input:-webkit-autofill:hover,
.logon textarea:-webkit-autofill,
.logon textarea:-webkit-autofill:hover,
.logon select:-webkit-autofill,
.logon select:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #313045 inset !important;
}

.logon.invert input:-webkit-autofill,
.logon.invert input:-webkit-autofill:hover,
.logon.invert textarea:-webkit-autofill,
.logon.invert textarea:-webkit-autofill:hover,
.logon.invert select:-webkit-autofill,
.logon.invert select:-webkit-autofill:hover { /* INVERT */
  border-bottom: solid 1px #313045;
  -webkit-text-fill-color: #313045;
}

.logon.invert input:-webkit-autofill + i,
.logon.invert input:-webkit-autofill:hover + i,
.logon.invert textarea:-webkit-autofill + i,
.logon.invert textarea:-webkit-autofill:hover + i,
.logon.invert select:-webkit-autofill + i,
.logon.invert select:-webkit-autofill:hover + i { /* INVERT */
  color: #313045 !important;
}

.logon.invert input:focus,
.logon.invert select:focus,
.logon.invert textarea:focus,
.logon.invert button:focus .logon.invert a:focus { /* INVERT */
  outline-color: #313045;
}

/* ------------------------------------------------------------------------ */
/* Validation */
/*.logon.invert .alert-danger {
    color: $primary;
    border: solid 1px $primary;
}

    .logon.invert .alert-danger button.close {
        color: $primary;
    }

    .logon.invert .alert-danger .validation-summary-errors {
        color: $primary;
    }*/
.logon.invert .logon-right .input-validation-error {
  color: #313045;
  border-bottom-color: #313045 !important;
}

.logon-left-inner h5 {
  border-top: 1px solid #313045;
  /*border-bottom: 1px solid $primary;*/
  color: #313045 !important;
}

.logon-left-inner h5.invert {
  border-top: 1px solid #fff;
  /*border-bottom: 1px solid $white;*/
  color: #fff !important;
}

/* ======================================================================== */
.main {
  margin-left: 0 !important;
}