html {
    position: relative;
    min-height: 100%;
}

body {
    background-color: #f4f6fa;
    color: #20355a;
}

body.sticky-footer {
    margin-bottom: 40px;
}


@media (min-width:992px) {


    footer.sticky-footer {
        position:absolute;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        padding-top: 0px;
        padding-left: 25px;
        padding-right: 25px;
    }
}





@media (min-width: 992px) {
    footer.sticky-footer {
        width: calc(100% - 200px);
    }
    body.sticky-footer .outer-wrapper {
        min-height: calc(100vh - 100px);
    }
}





.outer-wrapper {
    min-height: 100vh;
    width: 100%;
    margin: 60px 0 0 0;
}

@media (min-width:992px) {
    .outer-wrapper {
        margin-top: 60px;
        width: calc(100% - 200px);
        margin-left: 200px;
    }
}


.content-wrapper {
    padding: 15px;
}

@media (min-width:992px) {
    .content-wrapper {
        padding: 20px 40px 20px 40px;
    }
}






@media (min-width: 1499.98px) {

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }


    .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;

    }


    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }


    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    
    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    
}




@media (max-width:768px) {
    .d-xs-none {
        display:none;
    }

}




.bootbox .modal-dialog .bootbox-close-button {
    display:none;
}

.bootbox .modal-body {
    padding: 30px 30px 0px 30px;
}
.bootbox .modal-footer {
    border-top:none;
}