/*
 * Default Theme Stylesheet
 */
/*load the varela_round.ttf font */
@font-face {
    font-family: 'Varela Round';
    src: url('../fonts/varela_round.ttf') format('truetype');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.woff2') format('woff2');
}

@media (max-width: 1023px) {
    .container {
        width: 95%;
        min-width: 320px;

    }
    .user-info {
        padding-left: 20px;
        padding-right: 10px;
    }
    .logo-center {
        max-width: 250px;
        /*scale background to fit */
        background-size: contain;
    }
    .logo-header {
        min-width: 300px;
        max-width: 300px;

    }
    .header-logo {
        margin-top: -90px;
    }
    .header-logo .dropdown {
        margin-top: -5px;

    }
}
@media (min-width: 1024px) {
    .container {
        width: 950px;
    }
    .logo-header {
        min-width: 350px;
        max-width: 350px;
    }
    .header-logo {
        margin-top: -80px;
    }
    .header-logo .dropdown {
        margin-top: -5px;

    }

}
@media (max-width: 768px) {

    .logo-center {
        max-width: 200px;
        /*scale background to fit */
        background-size: contain;
    }
    .logo-header {
        min-width: 240px;
        max-width: 240px;
        height: 110px;
        margin-left: -40px;
    }
    .header-logo {
        margin-top: -80px;
    }
    #dropdown-menu {
        margin-right: -30px;

    }
}
@media (max-width: 478px) {

    .logo-center {
        max-width: 150px;
        /*scale background to fit */
        background-size: contain;
    }
    .logo-header {
        min-width: 185px;
        max-width: 185px;

        height: 90px;
        margin-left: -50px;
    }
    .header-logo {
        margin-top: -80px;
    }
    .hidden-480 {
        display: none;
    }



}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 50px; /* footer height */
    font-family: 'Varela Round', sans-serif;
    background-image: url('../img/bg-light.png');
}
.solid-background {
    background-color: #ffffff;
    color: #00333D;

}

.rounded-corners {
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.container {
    display: flex;
    flex-direction: column;
    padding: 20px;
    min-height: 90%;
    min-height: 650px;

}
.container footer {
    /* put footer at bottom of container */
    margin-top: auto;
    text-align: center;

}
.home-option {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    padding: 20px;
    background-color: #E3F2E8;
    margin: 5px;
}
.user-logo {
    color: #0BF446;
}
.form-group {
    padding: 5px;
}
.padding-10 {
    padding: 10px;

}
.padding-20 {
    padding: 20px;

}

.bright-green {
    color: #0BF446;
}

.logo-center {
    text-align: center;
    background-image: url('../img/logo-light-256.png');
    background-repeat: no-repeat;
    width: 256px;
    height: 124px;
    /* center in div */
    margin: 0 auto;

}
.padding-top-20 {
    padding-top: 20px;

}
.padding-top-10 {
    padding-top: 20px;

}
.padding-bottom-10 {
    padding-top: 20px;

}
.forgot-pass, .login-submit {
    text-align: center;

}


.navbar {
    margin-bottom: 20px;
}
.btn-danger {
    color: #ffffff !important;


}
.btn-danger:hover {
    color: #ffffff !important;
}
.btn-danger:active {
    color: #ffffff !important;
}
.btn-danger:focus {
    color: #ffffff !important;
}
.btn-danger:active:focus {
    color: #ffffff !important;
}
.btn-primary {
    background-color: #00333D;
    border-color: #00333D;
    color: #ffffff !important;

}
.btn-primary:hover {
    background-color: #00333D;
    border-color: #00333D;
    color: #ffffff !important;
}
.btn-primary:active {
    background-color: #00333D;
    border-color: #00333D;
    color: #ffffff !important;
}
.btn-primary:focus {
    background-color: #00333D;
    border-color: #00333D;
    color: #ffffff !important;
}
.btn-primary:active:focus {
    background-color: #00333D;
    border-color: #00333D;
    color: #ffffff !important;
}
.btn-continue {
    min-width: 200px;
    margin: 0 auto;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold;
    font-size: larger;
}
/* btn-continue disabled */
.btn-continue:disabled:hover {
    background-color: #668278;
    border-color: #668278;
    color: #ffffff;
}

.btn-lightgreen {
    background-color: #668278;
    border-color: #668278;
    color: #ffffff !important;


}

.btn-lightgreen:hover {
    color: #ffffff !important;
}
.btn-lightgreen:active {
    color: #ffffff !important;
}
.btn-lightgreen:focus {
    color: #ffffff !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #618085;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #618085;
}

a {
    color: #0A474F !important;
}
a:hover {
    color: #618085 !important;
    text-decoration: none;

}
a:active {
    color: #618085 !important;
    text-decoration: none;
}
a:focus {
    color: #618085 !important;
    text-decoration: none;
}
.form-control:focus {
    border-color: #0BF446;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11,244,70, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11,244,70, .6);

}
.dropdown-menu > .dropdown-item {
    padding: 10px;
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px; /* footer height */
    background-color: #f5f5f5;
    border-top: 1px solid #e7e7e7;
}
.container .text-muted {
    margin: 15px 0;

}

td.centered {
    text-align: center;
}

html {
    position: relative;
    min-height: 100%;
}

.center {

    text-align: center;
}

.left {

    text-align: center;
}
.error_phone, .error_password {
    color: red;
    display: none;

}