/*.collapse {
    display: block;
}*/
/*.mofatbl, .searchmofatbl, .report_tbl{
    overflow: auto;
}*/


.background-shapes-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.background-shapes-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.background-shape {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
}

.square-one {
    width: 30px;
    height: 30px;
    top: 15%;
    left: 20%;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.square-two {
    width: 25px;
    height: 25px;
    top: 55%;
    right: 1%;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.square-three {
    width: 50px;
    height: 50px;
    top: 30%;
    left: 45%;
    -webkit-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.circle-one {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    bottom: -125px;
    left: -125px;
}

.circle-two {
    width: 30px;
    height: 30px;
    bottom: 20%;
    right: 25%;
    border-radius: 100%;
}

.triangle-one {
    width: 0;
    height: 0;
    border-top: 69px solid transparent;
    border-bottom: 48px solid transparent;
    border-left: 90px solid rgba(255, 255, 255, 0.08);
    top: 45%;
    left: 30%;
    background-color: transparent;
    -webkit-transform: rotate(-100deg);
    transform: rotate(-100deg);
}

.triangle-two {
    width: 0;
    height: 0;
    border-top: 200px solid transparent;
    border-bottom: 130px solid transparent;
    border-left: 180px solid rgba(255, 255, 255, 0.1);
    top: -150px;
    right: -80px;
    background-color: transparent;
    -webkit-transform: rotate(-80deg);
    transform: rotate(-80deg);
}

.triangle-three {
    width: 0;
    height: 0;
    border-top: 68px solid transparent;
    border-bottom: 49px solid transparent;
    border-left: 90px solid rgba(255, 255, 255, 0.08);
    right: 10%;
    bottom: 1%;
    background-color: transparent;
    transform: rotate(-170deg);
}

.rectangle-one {
    width: 25px;
    height: 50px;
    top: 80%;
    left: 25%;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
}

.rectangle-two {
    width: 15px;
    height: 30px;
    top: 42%;
    right: 23%;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
}


#login-container {
    position: absolute;
    top: 15rem;
}

.collapse.navbar-collapse {
    background-color: #40b09b;
}

.table > thead:first-child > tr:first-child > th {
    background-color: #40b09b !important;
    color: #fff !important;
}



.nav > li > a:focus {
    background-color: #fff !important;
    color: #40b09b !important;
}

.navbar-collapse.collapse > ul > li > a:hover {
    color: #40b09b !important;
}

/*.exportbtn {
    text-align: center;
}*/

.loginbtn {
    text-align: center !important;
}

.nxtbtn, .nxtbtn:hover {
    color: #fff;
    background-color: #558b2f !important;
    border-color: #558b2f !important;
    margin-top: 0 !important;
}

@media screen and (min-width:1024px) {
    .btn-primary.btn-alt {
         margin-top: 30px; 
    }
}


@media screen and (min-width:769px){
    .d-md-none {
        display: none;
    }
}


@media screen and (min-width:320px) and (max-width:768px){
.mofatbl, .searchmofatbl, #Body_rpg{
    overflow: auto;
}

    footer .pull-left, footer .pull-right {
        float: none !important;
        text-align: center !important;
    }

    .col-md-2, .col-md-3, .col-md-1 {
        margin-bottom: 20px;
    }

    .exportbtn {
    text-align: center;
}

    .nxtbtn {
        margin-left: 15px;
    }
}