/* General Style */

body {
    background: var(--ianitrix-bg-color);
    color: var(--ianitrix-navbar-txt-color);
    margin-top: 5rem;
    height: 100%;
    font-family: 'Arial';
}

h1 {color:var(--ianitrix-h1-txt-color);}
h2 {color:var(--ianitrix-h1-txt-color);}
h3 {color:var(--ianitrix-h1-txt-color);}
h4 {color:var(--ianitrix-h1-txt-color);}
h5 {color:var(--ianitrix-h1-txt-color);}
h6 {color:var(--ianitrix-h1-txt-color);}
p {color:var(--ianitrix-h1-txt-color);}

.main-container{
    padding: 10px;
    margin: auto;
    width: 340px;
    height: 400px;
    border: 1px solid var(--ianitrix-navbar-txt-color);
    border-radius: 10px;
    background: var(--ianitrix-navbar-bg);
    box-shadow: 10px 5px 5px var(--ianitrix-navbar-bg);
}

.form-group {
   border: none;
}

.submit-div {
   margin-top: 20px;
}

.button-form {
    color: var(--ianitrix-navbar-txt-color);
    background: var(--ianitrix-navbar-bg);
    border: 1px solid var(--ianitrix-navbar-txt-color);
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.button-form:hover {
    background: var(--ianitrix-navbar-txt-color);
    color: var(--ianitrix-navbar-bg);
}

.forgot-pwd-div {
    margin-left: 10px;
}

a {
  color: var(--ianitrix-navbar-txt-color);
}

a:hover {
  color: var(--ianitrix-color-teal);
}

.alert {
    margin-top: 15px;
}

.invalid-feedback{
  color: var(--ianitrix-color-amber);
}

.form-check {
    margin-top: 15px;
}

.password-view-icon{
    position: relative;
    top: 14px;
    left: 10px;
    color: var(--ianitrix-navbar-bg);
}

.flex-start {
    display:flex;
    justify-content: flex-start
}

.form-control {
    padding-left: 35px;
    margin-top: -15px;
}

#pwd-score-hint {
    margin-left: 10px;
}