﻿html, body { height: 100%; }

footer {
    border-top: solid 1px #acacac;
    text-align: center;
    font-size: 12px;
    height: 45px;
    padding-top: 15px;
}

@media screen and (min-width: 768px) {
    .container.side-shadow {
        min-height: 100%;
        box-shadow: 0px 8px 30px 0px #3f3f3f;
    }
}

.container.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.menu-seperator {
    background-image: url('../../images/website/menu-shadow.png');
    height: 4px;
}

.menu-div-lang {
    padding-top: 12px;
    font-size: 17px !important; 
}

.menu-img-lang {
    width: 17px; 
    height: 17px; 
    padding-right: 3px;
}

.menu-phone  {
    font-size: 17px !important; 
    color: #0000D0 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif  !important;
}

h1 {
    color: #1198fb;
}

h1 small {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #723c3c;
}

@media screen and (min-width: 768px) {
    .navbar-nav {
        position: absolute;
        top: 5px;
    }
}

.navbar-brand {
    float: left !important;
    position: absolute;
    right: 15px;
    top: 7px;
}

    .navbar-brand img {
        position: absolute;
        top: 2px;
        right: 0px;
    }

.navbar-nav li a {
    color: #555555;
    font-size: 18px;
}

.navbar-nav li a:hover {
    background-color: transparent !important;
}

.btn-blue {
    border: 0;
    background: #00aeef;
    color: #fff;
    font-size: 18px;
}

.btn-blue:hover {
    color: #fff;
}

.modal-sm {
    width: 400px;
}

#form-container {
    padding: 20px;
}

    #form-container #loginTitle {
        font-size: 22px;
        display: block;
    }

    #form-container input {
        background-color: #d7edfe;
        color: #959595;
        height: 35px;
        margin-top: 25px;
        display: -moz-box;
    }

     #form-container select {
        background-color: #d7edfe;
        color: #959595;
        height: 35px;
        margin-top: 25px;
    } 

    #form-container a {
        float: left;
        position: relative;
        top: -8px;
    }

    #form-container button {
        background: #00aeef;
        color: #fff;
        font-size: 18px;
        border: 0;
        width: 100%;
        margin-top: 20px;
    }

.loginError {
    color: #ff0000;
    font-size: 14px !important;
    margin-top: 10px;
    display: none;
}

#imgAlert {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

#divUnsupportedMessage {
    display: none;
}

.reset-password-form {
    margin-top: 20px;
}

.form-control-feedback {
    display: none;
}

.phone-please {
    font-size: 12px;
    color: #ff0000;
    padding-top: 5px;
    padding-left: 3px;
    visibility: hidden;
}

#phone-ajax-loader,
#code-ajax-loader,
#password-ajax-loader {
    position: absolute;
    top: 5px;
    left: 200px;
    display: none;
}

#btnResetPasswordBack {
    float: left;
}

.title-container {
    text-align: center;
}

    .title-container small {
        padding-top: 10px;
        display: block;
        color: #555555;
        font-size: 18px;
    }

#btn-login-container {
    position: relative;
}

.login-loader {
    position: relative;
    top: -30px;
    left: 10px;
    display: none;
}

.navbar-buzzzter .navbar-toggle {
    border-color: #f6f7fb;
}
.navbar-buzzzter .navbar-toggle:hover,
.navbar-buzzzter .navbar-toggle:focus {
    background-color: #f6f7fb;
}
.navbar-buzzzter .navbar-toggle .icon-bar {
    background-color: #CCC;
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
}

#txtForgotPassword {
    margin-left: -12px;
}

.navbar-toggle {
    float: left !important;
    margin-left: 15px !important;
}

@media screen and (min-width: 768px) {
    #menuLinks li {
        padding-left: 15px;
        padding-right: 15px;
    }

        #menuLinks li a {
            padding-left: 0px;
            padding-right: 0px;
        }

    #menuLinks .active a {
        border-bottom: solid 2px #00aeef;
    }
}

div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
    cursor: pointer;
}