/* https://css-tricks.com/perfect-full-page-background-image/ */
html {
    scroll-behavior: smooth;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
body {
    margin:0px;
    font-size: 16px;
    background: transparent;
}
.login-container
{
    padding-top: 68px;
    padding-bottom: 55px;
}
.heading-text{
    color:#38b055;
    font-size: 28pt;
    font-weight: 600;
}
footer {
    padding: 20px 0;
    background: #fff;
}

h1 {
    font-family: "Open Sans", serif;
    font-weight: 400;
    font-size: 40px;
}
.panel {
    background-color: rgba(255, 255, 255, 0.9);
}
.has-feedback .form-control-feedback {
    top: 30px;
    right: 0;
}
.form-horizontal .has-feedback .form-control-feedback {
    top: 30px;
    right: 15px;
}
.payment-amount-control{
    padding-right: 10px;
    text-align: right;
    font-weight: 700;
    color:#38b055;
}
.page-content
{
    margin-top: 50px;
    margin-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
}
#content-title
{
    padding-left: 20px;
}
.cursor-pointer
{
    cursor: pointer;
}
.masa
{
    width: 100%!important;
    height: 80px!important;
}
#side-drawer {
    height: 100vh;
    width: 336px;  /*Ideal width for sidebar accdg to https://forums.envato.com/t/standard-sidebar-width/75633*/
    top: 0;
    left: -336px;
    z-index: 1032;  /*z-index of standard bootstrap navbar is 1030 + 1 offset due to side-drawer-void*/
    transition: left 0.25s ease;
    margin-bottom: 60px;
}

#side-drawer-void {
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1031;  /*z-index of standard bootstrap navbar is 1030*/
    background: rgba(0,0,0,.6);
}