/* F O N T  S I Z E */
.fs-0k5em {
    font-size: 0.5em !important;
}

.fs-0k6em {
    font-size: 0.6em !important;
}

.fs-0k7em {
    font-size: 0.7em !important;
}

.fs-0k8em {
    font-size: 0.8em !important;
}

.fs-0k9em {
    font-size: 0.9em !important;
}

.fs-1em {
    font-size: 1em !important;
}

.fs-1k2em {
    font-size: 1.2em !important;
}

.fs-1k5em {
    font-size: 1.5em !important;
}

.fs-2em {
    font-size: 2em !important;
}

.fs-2k5em {
    font-size: 2.5em !important;
}

.fs-3em {
    font-size: 3em !important;
}

.fs-4em {
    font-size: 4em !important;
}

.fs-5em {
    font-size: 5em !important;
}

.fs-6em {
    font-size: 6em !important;
}

.fs-8 {
    font-size: 8px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}



/* P A D D I N G */

.pad-0 {
    padding: 0px !important;
}

.pad-t-0 {
    padding-top: 0px !important;
}

.pad-r-0 {
    padding-right: 0px !important;
}

.pad-b-0 {
    padding-bottom: 0px !important;
}

.pad-l-0 {
    padding-left: 0px !important;
}

.pad-0-5 {
    padding: 0px 5px !important;
}

.pad-0-10 {
    padding: 0px 10px !important;
}

.pad-0-20 {
    padding: 0px 20px !important;
}

.pad-0-30 {
    padding: 0px 30px !important;
}

.pad-5-0 {
    padding: 5px 0px !important;
}

.pad-10-0 {
    padding: 10px 0px !important;
}

.pad-20-0 {
    padding: 20px 0px !important;
}

.pad-30-0 {
    padding: 30px 0px !important;
}

.pad-5-10 {
    padding: 5px 10px !important;
}

.pad-t-1em {
    padding-top: 1em !important;
}

.pad-t-2em {
    padding-top: 2em !important;
}

.pad-t-3em {
    padding-top: 3em !important;
}

.pad-t-4em {
    padding-top: 4em !important;
}

.pad-t-5em {
    padding-top: 5em !important;
}

.pad-t-6em {
    padding-top: 6em !important;
}

.pad-r-1em {
    padding-right: 1em !important;
}

.pad-r-2em {
    padding-right: 2em !important;
}

.pad-r-3em {
    padding-right: 3em !important;
}

.pad-r-4em {
    padding-right: 4em !important;
}

.pad-b-1em {
    padding-bottom: 1em !important;
}

.pad-b-2em {
    padding-bottom: 2em !important;
}

.pad-b-3em {
    padding-bottom: 3em !important;
}

.pad-b-4em {
    padding-bottom: 4em !important;
}

.pad-b-5em {
    padding-bottom: 5em !important;
}

.pad-b-6em {
    padding-bottom: 6em !important;
}

.pad-l-1em {
    padding-left: 1em !important;
}

.pad-l-2em {
    padding-left: 2em !important;
}

.pad-l-3em {
    padding-left: 3em !important;
}

.pad-l-4em {
    padding-left: 4em !important;
}

.pad-1em {
    padding: 1em !important;
}

.pad-2em {
    padding: 2em !important;
}

.pad-3em {
    padding: 3em !important;
}

.pad-4em {
    padding: 4em !important;
}

.pad-5em {
    padding: 5em !important;
}

.pad-6em {
    padding: 6em !important;
}

.pad-t-5 {
    padding-top: 5px;
}

.pad-r-5 {
    padding-right: 5px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.pad-l-5 {
    padding-left: 5px;
}

.pad-t-10 {
    padding-top: 10px;
}

.pad-r-10 {
    padding-right: 10px;
}

.pad-b-10 {
    padding-bottom: 10px;
}

.pad-l-10 {
    padding-left: 10px;
}

.pad-t-15 {
    padding-top: 15px;
}

.pad-r-15 {
    padding-right: 15px;
}

.pad-b-15 {
    padding-bottom: 15px;
}

.pad-l-15 {
    padding-left: 15px;
}

/* M A R G I N */

.mar-0-auto {
    margin: 0 auto !important;
}

.mar-4em-auto {
    margin: 4em auto !important;
}

.mar-0 {
    margin: 0px !important;
}

.mar-1em {
    margin: 1em !important;
}

.mar-2em {
    margin: 2em !important;
}

.mar-5-0 {
    margin: 5px 0px !important;
}

.mar-0-5 {
    margin: 0px 5px !important;
}

.mar-t-0 {
    margin-top: 0px !important;
}

.mar-r-0 {
    margin-right: 0px !important;
}

.mar-b-0 {
    margin-bottom: 0px !important;
}

.mar-l-0 {
    margin-left: 0px !important;
}

.mar-t-5px {
    margin-top: 5px !important;
}

.mar-r-5px {
    margin-right: 5px !important;
}

.mar-b-5px {
    margin-bottom: 5px !important;
}

.mar-l-5px {
    margin-left: 5px !important;
}

.mar-t-10px {
    margin-top: 10px !important;
}

.mar-r-10px {
    margin-right: 10px !important;
}

.mar-b-10px {
    margin-bottom: 10px !important;
}

.mar-l-10px {
    margin-left: 10px !important;
}

.mar-t-2em {
    margin-top: 2em !important;
}

.mar-b-1em {
    margin-bottom: 1em !important;
}

.mar-b-1k5em {
    margin-bottom: 1.5em !important;
}

.mar-b-2em {
    margin-bottom: 2em !important;
}

.mar-b-3em {
    margin-bottom: 3em !important;
}

.mar-t-15 {
    margin-top: 5px !important;
}

.mar-r-15 {
    margin-right: 15px !important;
}

.mar-b-15 {
    margin-bottom: 15px !important;
}

.mar-l-15 {
    margin-left: 15px !important;
}

.mar-t-3em {
    margin-top: 3em !important;
}

.mar-r-3em {
    margin-right: 3em !important;
}

.mar-b-3em {
    margin-bottom: 3em !important;
}

.mar-l-3em {
    margin-left: 3em !important;
}




/* V E R T I C A L  A L I G N */

.va-table {
    display: table;
}

.va-middle {
    display: table-cell;
    vertical-align: middle;
}

.va-top {
    display: table-cell;
    vertical-align: top;
}

.va-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.vmiddle {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



/* B O R D E R */

.border-1px-666 {
    height: 1px;
    background-color: #666;
    width: 100%;
}

.border-1px-ca {
    height: 1px;
    background-color: #cacaca;
    width: 100%;
}

.border-ca {
    border: 1px solid #cacaca;
}

.border-r-ca {
    border-right: 1px solid #cacaca;
}

.border-none {
    border: none !important;
}

.border-a8 {
    border: 1px solid #a8a8a8;
}

.border-radius-0 {
    border-radius: 0 !important;
}



/* W I D T H */

.width-100 {
    width: 100%;
}

.width-90 {
    width: 90%;
}

.width-80 {
    width: 80%;
}

.width-70 {
    width: 70%;
}

.width-75 {
    width: 75%;
}

.width-60 {
    width: 60%;
}

.width-50 {
    width: 50%;
}

.width-40 {
    width: 40%;
}

.width-35 {
    width: 35%;
}

.width-30 {
    width: 30%;
}

.width-25 {
    width: 25%;
}

.width-20 {
    width: 20%;
}

.height-auto {
    height: auto;
}

.height-80 {
    height: 80px;
}

.height-100 {
    height: 100px;
}

.height-120 {
    height: 120px;
}

.height-150 {
    height: 150px;
}

.height-100vh {
    height: 100vh;
}



/* C O L O R */

.color-green {
    color: #23AF4D;
}

.color-blue {
    color: #00ACEF;
}

.color-80 {
    color: #808080;
}

.color-red {
    color: #F00;
}

.color-white {
    color: #FFF !important;
}

.color-yellow-rsui {
    color: #B3A105 !important;
}

.color-yellow-rsui-1{
    color: #FFE601 !important;
}

.bg-biru-pu {
    background-color: #050189 !important;
}

.bg-oren-pu {
    background-color: #EDB905 !important;
}

.bg-yellow-rsui {
    background-color: #FFE601 !important;
}

.fw-b {
    font-weight: bold;
}

.fw-n {
    font-weight: normal;
}


/* O T H E R */

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

.ta-left {
    text-align: left !important;
}

.ta-right {
    text-align: right !important;
}

.ta-justify {
    text-align: justify !important;
}

.display-none {
    display: none;
}

.lh-1em {
    line-height: 1em;
}

.lh-1k2em {
    line-height: 1.2em;
}

.lh-1k5em {
    line-height: 1.5em;
}

.bor-rad-0 {
    border-radius: 0 !important;
}

.cur-point {
    cursor: pointer !important;
}

.tt-upper {
    text-transform: uppercase !important;
}

@media only screen and (max-width: 479px) {
    /* P A D D I N G */
    .pad-0-m {
        padding: 0px !important;
    }
    .pad-t-0-m {
        padding-top: 0px !important;
    }
    .pad-r-0-m {
        padding-right: 0px !important;
    }
    .pad-b-0-m {
        padding-bottom: 0px !important;
    }
    .pad-l-0-m {
        padding-left: 0px !important;
    }
    .pad-1em-m {
        padding: 1em !important;
    }
    .pad-t-1em-m {
        padding-top: 1em !important;
    }
    .pad-r-1em-m {
        padding-right: 1em !important;
    }
    .pad-b-1em-m {
        padding-bottom: 1em !important;
    }
    .pad-l-1em-m {
        padding-left: 1em !important;
    }
    .pad-t-2em-m {
        padding-top: 2em !important;
    }
    .pad-r-2em-m {
        padding-right: 2em !important;
    }
    .pad-b-2em-m {
        padding-bottom: 2em !important;
    }
    .pad-l-2em-m {
        padding-left: 2em !important;
    }
    .pad-1em-0-m {
        padding: 1em 0 !important;
    }
    .pad-1em-1em-m {
        padding: 1em 1em !important;
    }
    .pad-2em-0-m {
        padding: 2em 0 !important;
    }

    .pad-2em-1em-m {
        padding: 2em 1em !important;
    }

    .pad-3em-0-m {
        padding: 3em 0 !important;
    }

    .pad-4em-0-m {
        padding: 4em 0 !important;
    }

    .pad-5em-0-m {
        padding: 5em 0 !important;
    }

    .pad-6em-0-m {
        padding: 6em 0 !important;
    }

    .mar-3em-auto-m {
        margin: 3em auto !important;
    }

    .mar-2em-auto-m {
        margin: 2em auto !important;
    }

    .mar-3em-0-m {
        margin: 3em 0 !important;
    }

    .mar-t-3em-m {
        margin-top: 3em !important;
    }

    .mar-b-1em-m {
        margin-bottom: 1em !important;
    }

    .mar-b-3em-m {
        margin-bottom: 3em !important;
    }

    .mar-t-2em-m {
        margin-top: 2em !important;
    }

    .mar-r-2em-m {
        margin-right: 2em !important;
    }

    .mar-b-2em-m {
        margin-bottom: 2em !important;
    }

    .mar-l-2em-m {
        margin-left: 2em !important;
    }

    .mar-t-15-m {
        margin-top: 15px !important;
    }

    .mar-r-15-m {
        margin-right: 15px !important;
    }

    .mar-b-15-m {
        margin-bottom: 15px !important;
    }

    .mar-l-15-m {
        margin-left: 15px !important;
    }

    /* F O N T  S I Z E */
    .fs-1em-m {
        font-size: 1em !important;
    }
    .fs-1k5em-m {
        font-size: 1.5em !important;
    }
    .fs-2em-m {
        font-size: 2em !important;
    }
    .fs-10-m {
        font-size: 10px !important;
    }
    .fs-11-m {
        font-size: 11px !important;
    }
    .fs-12-m {
        font-size: 12px !important;
    }
    .fs-13-m {
        font-size: 13px !important;
    }
    .fs-14-m {
        font-size: 14px !important;
    }
    .fs-15-m {
        font-size: 15px !important;
    }
    .fs-16-m {
        font-size: 16px !important;
    }
    .fs-18-m {
        font-size: 18px !important;
    }
    .fs-20-m {
        font-size: 20px !important;
    }
    .fs-22-m {
        font-size: 22px !important;
    }
    .fs-24-m {
        font-size: 24px !important;
    }
    .vis-xs-IB {
        display: inline-block;
    }

    /* W I D T H */
    .width-100-m {
        width: 100%;
    }

    .width-90-m {
        width: 90%;
    }

    .width-80-m {
        width: 80%;
    }

    .width-75-m {
        width: 75%;
    }

    .width-60-m {
        width: 60%;
    }

    .width-50-m {
        width: 50%;
    }

    .width-40-m {
        width: 40%;
    }

    .width-35-m {
        width: 35%;
    }

    .width-25-m {
        width: 25%;
    }

    .height-auto-m {
        height: auto;
    }

    .lh-1em-m {
        line-height: 1em;
    }

    .lh-1k2em-m {
        line-height: 1.2em;
    }

    .lh-1k5em-m {
        line-height: 1.5em;
    }

    .ta-center-m {
        text-align: center !important;
    }

    .ta-left-m {
        text-align: left !important;
    }

    .ta-right-m {
        text-align: right !important;
    }

    .ta-justify-m {
        text-align: justify !important;
    }
    .float-left-m {
        float: left !important;
    }
    .float-right-m {
        float: right !important;
    }
}