/* All page space */
/*.ss-page-space-1,
.ss-page-space-top-1 {
    padding-top: 1rem !important;
}

.ss-page-space-1,
.ss-page-space-bottom-1 {
    padding-bottom: 2rem !important;
}*/

/* All button below title */
/*.ss-button-space-1,
.ss-button-space-top-1 {
    padding-top: 0.5rem !important;
}

.ss-button-space-1,
.ss-button-space-bottom-1 {
    padding-bottom: 0.5rem !important;
}*/

/* All page background */
/*.ss-page-background {
    background: #f5f8fd;
}*/

/* dx:BootstrapGridView align center */
/*.ss-BootstrapGridViewCenterText {
    text-align: center;
}*/

/* div space */
/*.ss-divspace-1,
.ss-divspace-top-1 {
    padding-top: 10px !important;
}

.ss-divspace-1,
.ss-divspace-bottom-1 {
    padding-bottom: 10px !important;
}*/

/* -------------------------------------------- */
/* table styles below */
/* h: header */
/* b: body */
/* c: center */
/* l: align left */
/* r: align right */
/* s: striped */
/* -------------------------------------------- */
/* table striped with header */
/* align head center and body center */
.ss-hcsbcs-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-hcsbcs-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbcs-table td {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbcs-table thead tr {
        background: #bbccea;
    }

    .ss-hcsbcs-table tbody tr:nth-child(even) {
        background: #dee2f3;
    }

/* align head center and body left */
.ss-hcsbls-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-hcsbls-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbls-table td {
        padding: 0.25rem;
        text-align: left;
        border: 1px solid gray;
    }

    .ss-hcsbls-table thead tr {
        background: #bbccea;
    }

    .ss-hcsbls-table tbody tr:nth-child(even) {
        background: #dee2f3;
    }

/* align head center and body right */
.ss-hcsbrs-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-hcsbrs-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbrs-table td {
        padding: 0.25rem;
        text-align: right;
        border: 1px solid gray;
    }

    .ss-hcsbrs-table thead tr {
        background: #bbccea;
    }

    .ss-hcsbrs-table tbody tr:nth-child(even) {
        background: #dee2f3;
    }


/* table body striped without header */
/* align body center */
.ss-bcs-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-bcs-table td {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-bcs-table thead tr {
        background: #bbccea;
    }

    .ss-bcs-table tbody tr:nth-child(odd) {
        background: #dee2f3;
    }

/* align body left */
.ss-bls-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-bls-table td {
        padding: 0.25rem;
        text-align: left;
        border: 1px solid gray;
    }

    .ss-bls-table thead tr {
        background: #bbccea;
    }

    .ss-bls-table tbody tr:nth-child(odd) {
        background: #dee2f3;
    }


/* align body right */
.ss-brs-table {
    border-collapse: collapse;
    width: 100%;
}

    .ss-brs-table td {
        padding: 0.25rem;
        text-align: right;
        border: 1px solid gray;
    }

    .ss-brs-table thead tr {
        background: #bbccea;
    }

    .ss-brs-table tbody tr:nth-child(odd) {
        background: #dee2f3;
    }



/* table with colored head, body without striped */
/* align body center */
.ss-hcsbc-table {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
}

    .ss-hcsbc-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbc-table td {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbc-table thead tr {
        background: #bbccea;
    }

/* align body left */
.ss-hcsbl-table {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
}

    .ss-hcsbl-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbl-table td {
        padding: 0.25rem;
        text-align: left;
        border: 1px solid gray;
    }

    .ss-hcsbl-table thead tr {
        background: #bbccea;
    }

/* align body right */
.ss-hcsbr-table {
    border-collapse: collapse;
    width: 100%;
    font-size: small;
}

    .ss-hcsbr-table th {
        padding: 0.25rem;
        text-align: center;
        border: 1px solid gray;
    }

    .ss-hcsbr-table td {
        padding: 0.25rem;
        text-align: right;
        border: 1px solid gray;
    }

    .ss-hcsbr-table thead tr {
        background: #bbccea;
    }

.font-small {
    font-size: small;
}

/*.ss-title2-tw {
    font-size: 1.2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}*/

/* revised on 2021-08-25*/
/* title text padding and badge font */
.ss-title1 {
    font-size: 1.5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: black !important;
}

.ss-title2 {
    font-size: 1.2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: black !important;
}

.ss-title3 {
    font-size: 1.2rem;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: black !important;
}

.ss-title-badge {
    font-size: 1.1rem;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
}
/* title text padding and badge font end */

/* margin for the image of products */
.ss-image-margin {
    margin: 1rem;
}
/* margin for the image of products end */

/* background image 1 */
/*.bg1-wrap {
    position: relative;
}

    .bg1-wrap:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        opacity: 0.20;
        background-image: url('image/building/IMG_2936.ok.no.logo.jpg');
        background-repeat: repeat-y;
        background-position: 30% 0;
        background-size: cover;
        background-position: center;
    }

.bg1-content {
    position: relative;
}*/
/* background image end 1 */

/* ss page cover background long content  */
.ss-coverpage-long {
    position: relative;
}

    .ss-coverpage-long::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: .5;
        z-index: -1;
        content: "";
        background: url('image/cover_page/cover_page_background.png');
        background-repeat: repeat-y;
        background-size: auto;
    }
/* ss page cover background long content end */

/* ss page cover background short content */
.ss-coverpage-short {
    position: relative;
}

    .ss-coverpage-short::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: .5;
        z-index: -1;
        content: "";
        background: url('image/cover_page/cover_page_background.png');
        background-repeat: repeat-y;
        background-size: auto;
        width: 100%;
        height: 100vh;
    }
/* ss page cover background short content end */

/* ss building background long content  */
.ss-building-long {
    position: relative;
}

    .ss-building-long::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: .25;
        z-index: -1;
        content: "";
        background: url('image/building/building.png');
        background-repeat: repeat-y;
        background-position: 30% 0;
        background-size: cover;
        background-position: center;
        
    }
/* ss building background long content end */

/* ss building background short content */
.ss-building-short {
    position: relative;
}

    .ss-building-short::before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: .25;
        z-index: -1;
        content: "";
        background: url('image/building/building.png');
        background-repeat: repeat-y;
        background-position: 30% 0;
        background-size: cover;
        background-position: center;
        background-color: #d5d8da;
        width: 100%;
        height: 100vh;
    }
/* ss building background short content end */


/* padding for check circle, top, botton and page*/
.ss-padding-check {
    padding-left: 2rem;
}

.ss-padding-top {
    padding-top: 1rem;
}

.ss-padding-bottom {
    padding-bottom: 1rem;
}

.ss-padding-end {
    padding: 2rem;
}
/* padding for check circle, top, botton and page end*/

/*form navbar*/
.ss-navbar-padding {
    padding-right: 1rem;
}
/*form navbar*/