body,
html {
    height: 100%;
    background-repeat: no-repeat;
    background-color: #d3d3d3;
    font-family: 'Oxygen', sans-serif;
}

.main {
    margin-top: 80px;
}
.log-outr {
    background-image: url(../img/login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
   
}
.login-top{
    background-image: url(../img/login-top-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 25px 80px;
}

.main-login {
    background-color: #fff;
    padding: 25px 80px;


}

.main-center {
    margin-top: 30px;
    margin: 0 auto;
    max-width: 540px;
    -webkit-box-shadow: 0px 10px 15px 3px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 10px 15px 3px rgba(0,0,0,0.41);
box-shadow: 0px 10px 15px 3px rgba(0,0,0,0.41);

}

.login-button {
    margin-top: 5px;
}

.login-register {
    font-size: 11px;
    text-align: center;
}

.main-login h2 {
    color: #EF7D00;
    margin-bottom: 20px;
}
.main-login .input-group{
    width: 100%;
}
.main-login  .input-group .form-control {
    background: rgb(242,101,57);
    background: linear-gradient(90deg, rgba(242,101,57,1) 0%, rgba(246,145,31,1) 100%);
    color: #fff;
    border-radius: 21px;
    width: 100%;
    padding-left: 35px;
    height: 40px;
}
.main-login  .input-group .form-control::placeholder{
    color: #fff;
}
.main-login .input-group-addon {
    position: absolute;
    left: 4px;
    top: 8px;
    z-index: 99;
    border: 0;
    background-color: transparent;
}
.main-login .input-group-addon i{
    color: #fff;
}
.login-button {
    margin-top: 5px;
    background-color: transparent !important;
    color: #EF7D00 !important;
    border: 2px solid #EF7D00;
    border-radius: 25px;
}
.login-button:hover,.login-button:focus{
    background-color: #EF7D00 !important ;
    color: #fff !important;
}
.site-sidebar{
    background: rgb(242,101,57);
    background: linear-gradient(0deg,rgba(246,145,31,1) 0%,  rgba(242,101,57,1) 100%);   
}
.site-header  .navbar-left {
    background-color: #f26639;
}
.site-sidebar .sidebar-menu li > a{
    color: #fff;
}
.site-sidebar .sidebar-menu ul {
    background: rgba(255, 255, 255, 0.1);
}
.navbar .avatar {
    border: 2px solid #f26639;
    border-radius: 50px;
}
.profile-image-login{
    max-width: 130px;
}

@media screen and (min-width: 768px) {

.compact-sidebar .site-sidebar .sidebar-menu > li:hover {
    width: 290px;
    background-color: #e85c2f;
  }
}