/* Blue Light */
.bg-bluelight {
    background-color: #6D9CC8;
    border-color: #6D9CC8;
    color: #fff;
}
.bg-bluelight-300 {
    background-color: #619CB7;
    border-color: #619CB7;
    color: #fff;
}
.bg-bluelight-400 {
    background-color: #5C6BC0;
    border-color: #5C6BC0;
    color: #fff;
}
.bg-bluelight-600 {
    background-color: #3949AB;
    border-color: #3949AB;
    color: #fff;
}
.bg-bluelight-700 {
    background-color: #5B8AB5;
    border-color: #5B8AB5;
    color: #fff;
}
.bg-bluelight-800 {
    background-color: #508EAB;
    border-color: #508EAB;
    color: #fff;
}
.alpha-bluelight {
    background-color: #E8EAF6;
    border-color: #3949AB;
}
.border-bluelight {
    border-color: #6D9CC8;
}
.border-bluelight-300 {
    border-color: #508EAB;
}
.border-bluelight-400 {
    border-color: #5C6BC0;
}
.border-bluelight-600 {
    border-color: #3949AB;
}
.border-bluelight-700 {
    border-color: #5B8AB5;
}
.border-bluelight-800 {
    border-color: #508EAB;
}
.border-top-bluelight {
    border-top-color: #6D9CC8;
}
.border-top-bluelight-300 {
    border-top-color: #508EAB;
}
.border-top-bluelight-400 {
    border-top-color: #5C6BC0;
}
.border-top-bluelight-600 {
    border-top-color: #3949AB;
}
.border-top-bluelight-700 {
    border-top-color: #5B8AB5;
}
.border-top-bluelight-800 {
    border-top-color: #508EAB;
}
.border-bottom-bluelight {
    border-bottom-color: #6D9CC8;
}
.border-bottom-bluelight-300 {
    border-bottom-color: #508EAB;
}
.border-bottom-bluelight-400 {
    border-bottom-color: #5C6BC0;
}
.border-bottom-bluelight-600 {
    border-bottom-color: #3949AB;
}
.border-bottom-bluelight-700 {
    border-bottom-color: #5B8AB5;
}
.border-bottom-bluelight-800 {
    border-bottom-color: #508EAB;
}
.border-left-bluelight {
    border-left-color: #6D9CC8;
}
.border-left-bluelight-300 {
    border-left-color: #508EAB;
}
.border-left-bluelight-400 {
    border-left-color: #5C6BC0;
}
.border-left-bluelight-600 {
    border-left-color: #3949AB;
}
.border-left-bluelight-700 {
    border-left-color: #5B8AB5;
}
.border-left-bluelight-800 {
    border-left-color: #508EAB;
}
.border-right-bluelight {
    border-right-color: #6D9CC8;
}
.border-right-bluelight-300 {
    border-right-color: #508EAB;
}
.border-right-bluelight-400 {
    border-right-color: #5C6BC0;
}
.border-right-bluelight-600 {
    border-right-color: #3949AB;
}
.border-right-bluelight-700 {
    border-right-color: #5B8AB5;
}
.border-right-bluelight-800 {
    border-right-color: #508EAB;
}
.text-bluelight,
.text-bluelight:hover,
.text-bluelight:focus {
    color: #6D9CC8 !important;
}
.text-bluelight-300,
.text-bluelight-300:hover,
.text-bluelight-300:focus {
    color: #508EAB !important;
}
.text-bluelight-400,
.text-bluelight-400:hover,
.text-bluelight-400:focus {
    color: #5C6BC0 !important;
}
.text-bluelight-600,
.text-bluelight-600:hover,
.text-bluelight-600:focus {
    color: #6a73ac !important;
}
.text-bluelight-700,
.text-bluelight-700:hover,
.text-bluelight-700:focus {
    color: #5B8AB5 !important;
}
.text-bluelight-800,
.text-bluelight-800:hover,
.text-bluelight-800:focus {
    color: #508EAB !important;
}
/* end blue light*/

/* start navy */
.bg-navy {
    background-color: #273246;
    border-color: #273246;
    color: #fff;
}
.bg-navy-300 {
    background-color: #556073; /* Lebih terang, penyesuaian dari #7986CB */
    border-color: #556073;
    color: #fff;
}
.bg-navy-400 {
    background-color: #434E61; /* Sedikit lebih terang, penyesuaian dari #5C6BC0 */
    border-color: #434E61;
    color: #fff;
}
.bg-navy-600 {
    background-color: #212C3F; /* Lebih gelap, penyesuaian dari #3949AB */
    border-color: #212C3F;
    color: #fff;
}
.bg-navy-700 {
    background-color: #1A2436; /* Lebih gelap, penyesuaian dari #303F9F */
    border-color: #1A2436;
    color: #fff;
}
.bg-navy-800 {
    background-color: #151E2E; /* Lebih gelap, penyesuaian dari #283593 */
    border-color: #151E2E;
    color: #fff;
}

.alpha-navy {
    background-color: #E0E4EB; /* Penyesuaian dari #E8EAF6 */
    border-color: #212C3F; /* Penyesuaian dari #3949AB */
}

.border-navy {
    border-color: #273246;
}
.border-navy-300 {
    border-color: #556073;
}
.border-navy-400 {
    border-color: #434E61;
}
.border-navy-600 {
    border-color: #212C3F;
}
.border-navy-700 {
    border-color: #1A2436;
}
.border-navy-800 {
    border-color: #151E2E;
}

.border-top-navy {
    border-top-color: #273246;
}
.border-top-navy-300 {
    border-top-color: #556073;
}
.border-top-navy-400 {
    border-top-color: #434E61;
}
.border-top-navy-600 {
    border-top-color: #212C3F;
}
.border-top-navy-700 {
    border-top-color: #1A2436;
}
.border-top-navy-800 {
    border-top-color: #151E2E;
}

.border-bottom-navy {
    border-bottom-color: #273246;
}
.border-bottom-navy-300 {
    border-bottom-color: #556073;
}
.border-bottom-navy-400 {
    border-bottom-color: #434E61;
}
.border-bottom-navy-600 {
    border-bottom-color: #212C3F;
}
.border-bottom-navy-700 {
    border-bottom-color: #1A2436;
}
.border-bottom-navy-800 {
    border-bottom-color: #151E2E;
}

.border-left-navy {
    border-left-color: #273246;
}
.border-left-navy-300 {
    border-left-color: #556073;
}
.border-left-navy-400 {
    border-left-color: #434E61;
}
.border-left-navy-600 {
    border-left-color: #212C3F;
}
.border-left-navy-700 {
    border-left-color: #1A2436;
}
.border-left-navy-800 {
    border-left-color: #151E2E;
}

.border-right-navy {
    border-right-color: #273246;
}
.border-right-navy-300 {
    border-right-color: #556073;
}
.border-right-navy-400 {
    border-right-color: #434E61;
}
.border-right-navy-600 {
    border-right-color: #212C3F;
}
.border-right-navy-700 {
    border-right-color: #1A2436;
}
.border-right-navy-800 {
    border-right-color: #151E2E;
}

.text-navy,
.text-navy:hover,
.text-navy:focus {
    color: #273246 !important;
}
.text-navy-300,
.text-navy-300:hover,
.text-navy-300:focus {
    color: #556073 !important;
}
.text-navy-400,
.text-navy-400:hover,
.text-navy-400:focus {
    color: #434E61 !important;
}
.text-navy-600,
.text-navy-600:hover,
.text-navy-600:focus {
    color: #212C3F !important;
}
.text-navy-700,
.text-navy-700:hover,
.text-navy-700:focus {
    color: #1A2436 !important;
}
.text-navy-800,
.text-navy-800:hover,
.text-navy-800:focus {
    color: #151E2E !important;
}
/* end navy */

/* start */
/*.bg-indigo {
    background-color: #3F51B5;
    border-color: #3F51B5;
    color: #fff;
}
.bg-indigo-300 {
    background-color: #7986CB;
    border-color: #7986CB;
    color: #fff;
}
.bg-indigo-400 {
    background-color: #5C6BC0;
    border-color: #5C6BC0;
    color: #fff;
}
.bg-indigo-600 {
    background-color: #3949AB;
    border-color: #3949AB;
    color: #fff;
}
.bg-indigo-700 {
    background-color: #303F9F;
    border-color: #303F9F;
    color: #fff;
}
.bg-indigo-800 {
    background-color: #283593;
    border-color: #283593;
    color: #fff;
}

.alpha-indigo {
    background-color: #E8EAF6;
    border-color: #3949AB;
}

.border-indigo {
    border-color: #3F51B5;
}
.border-indigo-300 {
    border-color: #7986CB;
}
.border-indigo-400 {
    border-color: #5C6BC0;
}
.border-indigo-600 {
    border-color: #3949AB;
}
.border-indigo-700 {
    border-color: #303F9F;
}
.border-indigo-800 {
    border-color: #283593;
}

.border-top-indigo {
    border-top-color: #3F51B5;
}
.border-top-indigo-300 {
    border-top-color: #7986CB;
}
.border-top-indigo-400 {
    border-top-color: #5C6BC0;
}
.border-top-indigo-600 {
    border-top-color: #3949AB;
}
.border-top-indigo-700 {
    border-top-color: #303F9F;
}
.border-top-indigo-800 {
    border-top-color: #283593;
}

.border-bottom-indigo {
    border-bottom-color: #3F51B5;
}
.border-bottom-indigo-300 {
    border-bottom-color: #7986CB;
}
.border-bottom-indigo-400 {
    border-bottom-color: #5C6BC0;
}
.border-bottom-indigo-600 {
    border-bottom-color: #3949AB;
}
.border-bottom-indigo-700 {
    border-bottom-color: #303F9F;
}
.border-bottom-indigo-800 {
    border-bottom-color: #283593;
}

.border-left-indigo {
    border-left-color: #3F51B5;
}
.border-left-indigo-300 {
    border-left-color: #7986CB;
}
.border-left-indigo-400 {
    border-left-color: #5C6BC0;
}
.border-left-indigo-600 {
    border-left-color: #3949AB;
}
.border-left-indigo-700 {
    border-left-color: #303F9F;
}
.border-left-indigo-800 {
    border-left-color: #283593;
}

.border-right-indigo {
    border-right-color: #3F51B5;
}
.border-right-indigo-300 {
    border-right-color: #7986CB;
}
.border-right-indigo-400 {
    border-right-color: #5C6BC0;
}
.border-right-indigo-600 {
    border-right-color: #3949AB;
}
.border-right-indigo-700 {
    border-right-color: #303F9F;
}
.border-right-indigo-800 {
    border-right-color: #283593;
}

.text-indigo,
.text-indigo:hover,
.text-indigo:focus {
    color: #3F51B5 !important;
}
.text-indigo-300,
.text-indigo-300:hover,
.text-indigo-300:focus {
    color: #7986CB !important;
}
.text-indigo-400,
.text-indigo-400:hover,
.text-indigo-400:focus {
    color: #5C6BC0 !important;
}
.text-indigo-600,
.text-indigo-600:hover,
.text-indigo-600:focus {
    color: #3949AB !important;
}
.text-indigo-700,
.text-indigo-700:hover,
.text-indigo-700:focus {
    color: #303F9F !important;
}
.text-indigo-800,
.text-indigo-800:hover,
.text-indigo-800:focus {
    color: #283593 !important;
}*/
/* end */