/* Admin Styles */
.bci-admin-wrapper h1 {
    margin-bottom:30px;
}
.bci-admin-wrapper .bci-active-code {
    font-weight:900;
}
.bci-admin-wrapper .code-input-hint {
    margin-top: 5px;
    font-size: 12px;
}
.bci-admin-wrapper .randomize-code-hint {
    font-weight:bold;
}
#code_length {
    transform:translateY(5px);
}
#numbers_only {
    transform: translateY(3px);
}
.numbers-div {
    margin-bottom: 10px;
    margin-top: 5px;
}
.bci-admin-wrapper #clear-all-input {
    color: red;
    border: 1px solid red;
}
.bci-admin-wrapper #clear-all-input:hover {
    background:black;
}
/* End Admin Styles */

/* Front-End Styles */
.bci-input-form {
    padding:20px 0;
    font-weight:bold;
    max-width:80%;
    margin:auto;
}
.bci-input-form.not-logged-in a {
    text-transform: uppercase;
}
.bci-input-form.logged-in {
    text-align:center;
}
.bci-input-form.logged-in button {
    margin-top:20px;
}
.incorrect-check-in {
    color:red!important;
    margin-top:10px;
}
.incorrect-check-in .not-checked-in {
    text-transform: uppercase;
}
.bci-input-form.failed-check-in {
    padding-bottom:0;
}
.bci-input-form.failed-check-in p {
    color:red!important;
    margin-top:10px;
}
.bci-input-form.logged-in #checkin_code {
    border-radius:4px;
}
.bci-input-form form button {
    padding: 12px 15px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Londrina Solid', sans-serif !important;
    letter-spacing: 1px;
    font-size: 18px;
    background: #fd9601;
    border: none;
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 15px 17px rgba( 255, 255, 255, 0.2 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 )
}
.bci-input-form form button:hover {
    background:#0c4f31;
}
a#bci-logout {
    padding: 12px 15px;
    margin:auto;
    margin-top:40px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Londrina Solid', sans-serif !important;
    letter-spacing: 1px;
    font-size: 18px;
    background: #fd9601;
    border: none;
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 15px 17px rgba( 255, 255, 255, 0.2 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
    display:block;
    width:80px;
}
a#bci-logout:hover {
    background:#0c4f31;
}
#bci-if-youre-sure {
    font-size:12px;
    font-weight:normal;
    color:white;
    display:none;
}
.bci-input-form.not-logged-in form {
    max-width: 350px;
    margin: 20px auto 20px;
}
.bci-input-form.not-logged-in .login-username {
    margin-bottom:20px;
}
.bci-input-form.not-logged-in input#wp-submit{
    padding: 12px 15px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-family: 'Londrina Solid', sans-serif !important;
    letter-spacing: 1px;
    font-size: 18px;
    background: #fd9601;
    border: none;
    box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ), inset 0 15px 17px rgba( 255, 255, 255, 0.2 ), inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
    margin-top:20px;
}
.bci-input-form.not-logged-in .login-remember {
    display:none;
}
.bci-input-form.not-logged-in .login-password label, .bci-input-form.not-logged-in .login-username label {
    display:block;
    font-size:16px;
    font-weight:normal;
} 
/* End Front-End Styles */