/*---------------------------------------------------------------------
- Global rules
*/
* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5e6c84;
}

    *:focus {
        outline: none;
        /*   -webkit-appearance: none; */
    }

.show-xs {
    display: none !important;
}


/*---------------------------------------------------------------------
- Helpers
*/
.floatClear:after {
    content: "";
    display: table;
    clear: both;
}

/*---------------------------------------------------------------------
- Sticky footer
*/
.page-wrap {
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -150px;
}

    .page-wrap:after {
        content: "";
        display: block;
    }

    .page-footer, .page-wrap:after {
        height: 150px;
    }

.page-footer {
    background: #3b8fcc;
}


/*---------------------------------------------------------------------
- Fonts
*/

/*---------------------------------------------------------------------
- Print rules
*/
@media print {
    .noprint {
        display: none !important;
    }
}


/*---------------------------------------------------------------------
- layout Builder
*/
.panelContainer {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.panelCell {
    display: table-cell;
    vertical-align: top;
    position: relative;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width : 767px) {
    html, body {
        /* disable select */
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


    *::-webkit-scrollbar {
        all: unset;
    }

    .page-wrap {
        min-height: auto;
        /* equal to footer height */
        margin-bottom: auto;
    }

        .page-footer, .page-wrap:after {
            height: auto;
        }


    /*---------------------------------------------------------------------
  - layout Builder
  */
    .panelContainer {
        display: block;
        table-layout: unset;
        margin: 0;
        padding: 0;
        width: 100% !important;
    }

    .panelCell {
        display: block;
        margin: 0;
        /* padding:0 !important; */
        padding: 10px 0 !important;
        width: 100% !important;
    }
}