#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 1em 14em 2.5em;
}

.login-page input.user:hover {
    background: url(../Images/user.png)no-repeat 8px 10px #fff;
    font-size: 0.9em;
    padding: 10px 15px 10px 37px;
    width: 100%;
    color: #A8A8A8;
    outline: none;
    border: 1px solid #4F52BA;
}

.login-page input.lock:hover {
    background: url(../Images/lock.png)no-repeat 8px 10px #fff;
    font-size: 0.9em;
    padding: 10px 15px 10px 37px;
    width: 100%;
    color: #A8A8A8;
    outline: none;
    border: 1px solid #4F52BA;
}

h4, h5, h6,
h1, h2, h3 {
    margin: 0;
}

ul, ol {
    margin: 0;
}

p {
    margin: 0;
}



h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    margin: 0;
}

ul, label {
    margin: 0;
    padding: 0;
}

body a:hover {
    text-decoration: none;
}

.main-content {
    position: relative;
}

.cbp-spmenu {
    position: fixed;
}

.cbp-spmenu-vertical {
    width: 309px;
    height: 100%;
    top: 76px;
    z-index: 1000;
    background-color: #4F52BA;
    padding: 2em 0;
}

.cbp-spmenu-left {
    left: 0;
}

    .cbp-spmenu-left.cbp-spmenu-open {
        left: -309px;
    }
/* Push classes applied to the body */
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
}

.cbp-spmenu-push-toright {
    left: 0;
}
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .cbp-spmenu-push div#page-wrapper {
        margin: 0em 0 0 1.3em;
        transition: .5s all;
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
    }

    .cbp-spmenu-push.cbp-spmenu-push-toright div#page-wrapper {
        margin: 0;
    }
/*--//push-menu-css--*/

/*---main-content-start---*/
.widget {
    width: 32%;
    border: 1px solid #F5F1F1;
    padding: 0px;
    box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

.widget-shadow {
    background-color: #fff;
    box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
}

h3.title1 {
    font-size: 2em;
    color: #e94e02;
    margin-bottom: 0.8em;
}

@media (max-width:640px) {
    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

@media (max-width: 320px) {

    h3.title {
        font-size: 1.6em;
    }
}

.forms h4 {
    font-size: 1.3em;
    color: #6F6F6F;
}


.login-page {
    width: 40%;
    margin: 1em auto 0;
}

    .login-page h3.title1 {
        text-align: center;
        margin-bottom: 1em;
    }

.login-top {
    padding: 1.5em;
    border-bottom: 1px solid #DED9D9;
    text-align: center;
}

.login-body {
    padding: 2em;
}

.login-top h4 {
    font-size: 1.1em;
    color: #555;
    line-height: 1.8em;
}

    .login-top h4 a {
        color: #e94e02;
    }

        .login-top h4 a:hover {
            color: #555;
        }

.login-page input[type="text"], .login-page input[type="password"], .login-page input[type="radio"] {
    font-size: 0.9em;
    padding: 10px 15px 10px 37px;
    width: 100%;
    color: #A8A8A8;
    outline: none;
    border: 1px solid #D3D3D3;
    background: #FFFFFF;
}

.login-page select {
    font-size: 0.9em;
    padding: 10px 15px 10px 37px;
    width: 100%;
    color: #A8A8A8;
    outline: none;
    border: 1px solid #D3D3D3;
    background: #FFFFFF;
}

    .login-page select:hover {
        font-size: 0.9em;
        padding: 10px 15px 10px 37px;
        width: 100%;
        color: #A8A8A8;
        outline: none;
        border: 1px solid #4F52BA;
        background: #FFFFFF;
    }



.login-page input.user {
    background: url(../Images/user.png)no-repeat 8px 10px #fff;
}

.login-page input.lock {
    background: url(../Images/lock.png)no-repeat 8px 10px #fff;
}

.login-page select.branch {
    background: url(../Images/branch.png)no-repeat 8px 10px #fff;
}

.login-page label.checkbox {
    margin: 0 0 0 1.3em;
    font-size: 1em;
    color: #555;
    font-weight: 400;
    display: inline-block;
    float: left;
}

.login-page label.checkbox {
    margin-left: 1.3em;
}

.login-page label.checkbox {
    margin-left: 1.3em;
    font-size: 1em;
    color: #555;
    font-weight: 400;
    display: inline-block;
    cursor: pointer;
}

.Sbmt {
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    background: #6164C1;
    width: 100%;
    padding: .5em 1em;
    font-size: 1em;
    line-height: 1.5em;
}

.login-page input[type="submit"]:hover {
    background: #4F52BA;
}

.login-page-bottom {
    text-align: center;
}

/*---- responsive-design -----*/
@media(max-width:1440px) {
    .login-page {
        width: 43%;
    }
}

@media(max-width:1366px) {
    .login-page {
        width: 46%;
    }
}

@media(max-width:1080px) {
    .cbp-spmenu-push div#page-wrapper {
        margin: auto;
        padding: 1em 0;
    }

    h3.title1 {
        font-size: 1.8em;
    }
}

@media(max-width:991px) {

    h3.title1 {
        font-size: 1.6em;
    }


    .login-page {
        width: 70%;
    }
}

@media(max-width:900px) {
    .cbp-spmenu-vertical {
        padding: 1.5em 0;
        width: 231px;
    }

    .cbp-spmenu-push div#page-wrapper {
        margin: 0 0 0 14.5em;
    }

    .login-page {
        width: 77%;
    }

    .login-top h4 {
        font-size: 1em;
    }
}

@media(max-width:800px) {
    .cbp-spmenu-vertical {
        padding: 1em 0;
        width: 201px;
        top: 69px;
    }

    .cbp-spmenu-push div#page-wrapper {
        margin: 0;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0;
    }

    .cbp-spmenu-vertical {
        left: -309px;
    }
}

@media(max-width:640px) {
    .cbp-spmenu-push div#page-wrapper {
        padding: 1em 0;
    }
}

@media(max-width:480px) {
   
    h3.title1 {
        margin-bottom: 0.6em;
    }

    h3.title1 {
        font-size: 1.3em;
    }

    .login-page {
        width: 90%;
        margin: 0 auto;
    }
  
    .login-page h3.title1 {
        margin-bottom: 0.8em;
    }

    .login-body {
        padding: 1.5em;
    }

    .login-page input[type="text"], .login-page input[type="password"] {
        margin: 0 0 1em 0;
    }   

    h3.title1 {
        font-size: 1.4em;
    }
}