section {
    margin:0 auto;
    text-align:center;
}

.wrapper {
    display:inline-block;
    text-align:left;
    min-width:400px;
    margin-bottom:5em;
}

#inviteMessage {
    display: none;
    background: white;
    font-size: 13px;
    border-radius: 2px;
    margin-top: 2em;
    margin-bottom: 3em;
    border-radius: 2px;
}

#inviteMessage div:first-child {
    background: #4B6994;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#inviteMessage div {
    display: inline-block;
    padding: 1em;
}

#inviteMessage i {
    vertical-align: middle;
    color: white;
    text-align: center;
}

#inviteMessage span {
    vertical-align: middle;
}

.login-area {
    padding:20px;
    background:#fff;
    margin-bottom:20px;
}

.login-area p {
    margin:0;
}

.login-link {
    text-decoration:underline;
    /*float:right;*/
    font-size:0.9em;
    position:relative;
    z-index:3;
    display: block;
}

.login-link:hover {
    cursor:pointer;
}

.new-user {
    font-size: 0.9em;
    margin-bottom: 2em;
    margin-top: 1.5em;
}

.totalsHiddenCollapse {
    display: none;
}

.login-input-div {
    margin-bottom:1.5em;
    position:relative;
    z-index:2;
}

.login-overlay-username,
.login-overlay-password {
    margin-bottom:0.3em;
    float:left;
}

.input {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #D6D6D6; /*#A3A3A3;*/
    border-radius: 3px;
    padding: 6px;
    background-color: #FFF;
    /*background: -moz-linear-gradient(top,  #dedede 0%, #efefef 20%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(20%,#efefef), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: -o-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);
    background: linear-gradient(to bottom,  #dedede 0%,#efefef 20%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 );*/
}

    .input:focus {
        outline: none;
        border: 2px solid #01696D;
        padding: 6px 6px 6px 6px;
        -webkit-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
    }

#username-message,
.login-link,
.login-message {
    display:none;
}

.message-text {
    color: #D53B3B;
    margin:0.5em 0;
    font-weight: 600;
    font-size: 0.9em;
}

.warningInput {
    background: #ffddc0;
    /*background: -moz-linear-gradient(top,  #ffddc0 0%, #fff0df 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffddc0), color-stop(100%,#fff0df));
    background: -webkit-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: -o-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: -ms-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);
    background: linear-gradient(to bottom,  #ffddc0 0%,#fff0df 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddc0', endColorstr='#fff0df',GradientType=0 );*/
    border-color: #D53B3B;
    -webkit-animation: warningBox 1s linear;
    -moz-animation:    warningBox 1s linear;
    -o-animation:      warningBox 1s linear;
    animation:         warningBox 1s linear;
}

    @-webkit-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @-moz-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @-o-keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

    @keyframes warningBox {
          0%   { border-color: #A3A3A3; }
          100% { border-color: #D53B3B; }
    }

.green-check {
    display:none;
    background:url('../images/green-check.png');
    width:19px;
    height:17px;
    position:absolute;
    right:20px;
    top:26px;
}

.login-submit {
    float:right;
}

.register-link {
    /*margin-left:1em;*/
}

.disabledButton {
    border-color: #007A7F; /*#A1A9B5;*/
    background: #007A7F; /*#d3e7ea;*/
    /*background: -moz-linear-gradient(top,  #d3e7ea 0%, #93a7c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3e7ea), color-stop(100%,#93a7c4));
    background: -webkit-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: -o-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: -ms-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: linear-gradient(to bottom,  #d3e7ea 0%,#93a7c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e7ea', endColorstr='#93a7c4',GradientType=0 );*/
}

    .disabledButton:hover {
        cursor: auto;
        border-color: #007A7F; /*#A1A9B5;*/
        background: #007A7F; /*#d3e7ea;*/
        /*background: -moz-linear-gradient(top,  #d3e7ea 0%, #93a7c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3e7ea), color-stop(100%,#93a7c4));
    background: -webkit-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: -o-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: -ms-linear-gradient(top,  #d3e7ea 0%,#93a7c4 100%);
    background: linear-gradient(to bottom,  #d3e7ea 0%,#93a7c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e7ea', endColorstr='#93a7c4',GradientType=0 );*/
    }

@media screen and (max-width: 450px) {

    .wrapper {
        min-width:initial;
    }

    .login-area {
        padding:0.9em;
    }

}


.whitebox {
    padding: 1.2em;
    background-color: #ffffff;
    border-radius: 2px;
    margin-bottom: 2em;
    -webkit-box-shadow: 0px 2px 1px 0px #ccc;
    -moz-box-shadow: 0px 2px 1px 0px #ccc;
    box-shadow: 0px 2px 1px 0px #bcbcbc;
}