html,
body {

    height: 100%;

}


.wrap {

    min-height: 100%;

    height: auto;

    margin: 0 auto -60px;

    padding: 0 0 60px;

}


.wrap > .container {

    padding: 90px 15px 20px;

}


.footer {

    height: 60px;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    padding-top: 20px;

}


.jumbotron {

    text-align: center;

    background-color: transparent;

}


.jumbotron .btn {

    font-size: 21px;

    padding: 14px 24px;

}


.not-set {

    color: #c55;

    font-style: italic;

}


/* add sorting icons to gridview sort links */

a.asc:after, a.desc:after {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    padding-left: 5px;

}


a.asc:after {

    content: /*"\e113"*/ "\e151";

}


a.desc:after {

    content: /*"\e114"*/ "\e152";

}


.sort-numerical a.asc:after {

    content: "\e153";

}


.sort-numerical a.desc:after {

    content: "\e154";

}


.sort-ordinal a.asc:after {

    content: "\e155";

}


.sort-ordinal a.desc:after {

    content: "\e156";

}


.grid-view th {

    white-space: nowrap;

}


.hint-block {

    display: block;

    margin-top: 5px;

    color: #999;

}


.error-summary {

    color: #a94442;

    background: #fdf7f7;

    border-left: 3px solid #eed3d7;

    padding: 10px 20px;

    margin: 0 0 15px 0;

}


/* align the logout "link" (button in form) of the navbar */

.nav li > form > button.logout {

    padding: 15px;

    border: none;

}


.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {

    text-decoration: none;

}


.nav > li > form > button.logout:focus {

    outline: none;

}


.navbar-brand, .navbar-nav a, .logout {

    color: #fff !important;

}

.dropdown-menu a {

    color: black !important;

}


.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    background-color: #fff !important;;

}


.float-right {

    float: right;

    margin-bottom: 15px;

}


.container {

    width: 100%;

}


.site-signup .form-group {

    margin-bottom: 0px;

}

#send-verification-email {

    text-decoration: underline;

}

.span-send-verify-email {

    display: inline-block;

    margin-left: 2px;

}


.btn-success {
    border-color: #A3A3A3;
    background-color: #A3A3A3;
}

.btn-success:hover {
    border-color: #A3A3A3;
    background-color: #A3A3A3;
}

.btn-success:active {
    border-color: #A3A3A3;
    background-color: #A3A3A3;
}

.btn-success:focus {
    border-color: #A3A3A3;
    background-color: #A3A3A3;
}


.app-logo-img {

    margin-top: -8px;

}

/*



.auth-login-form, .auth-register-form, .site-request-password-reset, .send-activation-email, .reset-password {

    width: 40%;

    margin: auto;

}



.vcenter {

   margin: 0 auto;

}



*/


.auth-box-elem {

    max-width: 499px;
    width: 100%;
    /*height: 599px;*/

}


.align-center {

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}


/*.auth-logo {

    width: 415px;

    height: 49.32px;

    !* align-items: center; *!

    border: 1px solid red;

    margin: auto;

}*/

.auth-form-elm {

    max-width: 415px;
    width: 100%;

    /* align-items: center; */

    margin: auto;

    margin-top: 20px;

}


.auth-title {

    margin-top: 40px;

    text-align: center;

}

.field-loginform-email,
.field-signupform-email,
.field-passwordresetrequestform-email {

    margin-top: 35px;

}


.auth-bottom-text {

    margin-top: 40px;

    text-align: center;

    padding-bottom: 25px;

}


/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {


}

/* end 1199 */

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {

}

/*  end 992 */

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {


    .nav li > form > button.logout {

        display: block;

        text-align: left;

        width: 100%;

        padding: 10px 15px;

    }


    .site-request-password-reset .align-center, .auth-register-form .align-center, .auth-login-form .align-center {
        margin: 0 auto;
        position: relative;
        top: auto;
        left: auto;
        -ms-transform: unset;
        transform: none;
    }

    .panel {
        border-color: #ddd;
        border: 1px solid #C4C4C4;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 15%);
        border-radius: 3px;
    }

    .auth-form-elm {
        height: auto;
    }


}

/* end 767 */

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

    .wrap > .container {
        padding: 15px 10px;
    }


}

/*  end 480 */

.auth-logo img {
    margin: 0 auto;
}