.loginpage h1 a {
    /*background-image: url("logo1.png");*/
    background-size: 85% 105%;
    height: 120px;
}

.page-sidebar {
    background-color: #707070;
    box-shadow: 1px 1px 3px #d3d3d3;
}

.page-topbar {
    background-color: #707070;
}

.page-sidebar .project-info {
    background-color: #e0e0e0;
}

.btn.btn-orange {
    border: 2px groove #ed1164;
    background-color: #ed1164;
    transition-duration: .3s;
    font-family: FuturaBT-Book;
}

    .btn.btn-orange:hover {
        color: #ed1164;
        background-color: #fff;
        transition-duration: .3s;
        border: 2px groove #ed1164;
    }

#main-menu-wrapper li.active {
    background-color: #e0e0e0;
}

#main-menu-wrapper li a:hover,
#main-menu-wrapper li.open a {
    background-color: #e0e0e0;
    border-right: 3px solid #e0e0e0;
    color: #333333;
}

.loginpage form .input, .loginpage form input[type="checkbox"], .loginpage input[type="text"] {
    color: #ae275f;
    background: #fbfbfb;
    border: 1px solid !important;
}

.loginpage form label {
    text-shadow: 1px 1px 1px #3d3d3d;
    font-weight: bold;
    font-family: FuturaBT-Book;
}

.loginpage #nav a {
    color: #ae275f;
    font-family: FuturaBT-Book;
}

#login {
    border: 1px solid rgb(239, 239, 239);
      /*background-color: rgba(238, 238, 238, 0.5);*/ 
    /*padding-bottom: 20px;*/
    align-self: center;
    /*padding-bottom: 75px;
    padding-top: 65px;*/
    /*position: fixed;*/
    /*top: -70px;*/
    background-color: rgba(238, 238, 238, 0.70);
    /*opacity: 0.6;*/
    /** newly added for login page 
	padding-bottom: 10%;
	padding-top: 7%;
	position: fixed;
	top: -11%;
	right: 50%;
	overflow-y: hidden;**/
}

@media only screen and (max-width: 768px) {
    #login {
        /* position: relative;
        padding-top: 24%;
        right: 0%; */
        /*position: fixed;*/
        /*padding-top: 24%;*/
        right: 15%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #login {
        /*position: fixed;*/
        right: 25%;
        /*padding-top: 30%;*/
        /*padding-bottom: 45%;*/
        /*top: -25%;*/
    }
}

@media (min-width: 412px) and (max-width: 732px) {
    #login {
        /*padding-top: 25%;*/
        /*padding-bottom: 25%;*/
        /*position: fixed;*/
        /*top: -15%;*/
    }
}

@media (min-width: 1024px) and (max-width: 1028px) {
    #login {
        /*padding-top: 35%;*/
        padding-bottom: 49%;
        /*top: -32%;*/
    }
}