html {
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

body {
    margin: 0 auto;
    padding: 0;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: auto;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding: 5px;
}

/*** head ***/
.head {
    padding: 0;
    margin: 0;
    border: 0;
    min-height: 40px;
}
/*** main ***/
.main {
    padding: 0;
    margin: 0;
    border: 0;
    height: calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
}
@media (min-width: 768px) {
    .main {
        height: calc(100% - 70px);
        height: -webkit-calc(100% - 70px);
        height: -moz-calc(100% - 70px);
    }
}

/*** foot ***/
.foot {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: visible;
    z-index: 99;
    min-height: 30px;
    display: block;
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000')*/
}

.foot span {
    z-index: 100;
    line-height: 20px;
    margin: 5px 10px;
}
.watermark {
    background-repeat: repeat;
    background-position: top left;
    pointer-events: none;
    top: 40px;
    left: 0px;
    width: 100%;
    height: calc( 100% - 40px );
    position: fixed;
    opacity: 0.05;
    z-index: 100000;
    overflow: hidden;
}