/* GRADIENT COLOR */
.bg-gradient-purple {background-color: #1b3a7d; background-image: linear-gradient(to left,#66469c 0%,#274d9e 72%);}
.bg-gradient-cyan {background-image: linear-gradient(-90deg, #84fab0 0%, #8fd3f4 60%);}
.bg-gradient-light-purple {background-color: #8EC5FC; background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);}
.bg-gradient-turquaz {background-image: linear-gradient(90deg, #5ee7df 0%, #b490ca 100%);}
.bg-gradient-blue {background-color: #0093E9; background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);}
.bg-gradient-light-blue {background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}
.bg-gradient-info {background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);}
.bg-gradient-green {background-image: linear-gradient(180deg, #4BA978 0%, #599576 100%);}

/* PRIMARY COLOR */
.text-primary {color: #3276b3 !important;}
a.text-primary:focus, a.text-primary:hover {color: #3276b3cc !important;}
.badge-primary {background-color: #3276b3 !important; color:#fff;}
.btn-primary {background-color: #3276b3!important;border-color: #3276b3!important;}
.btn-primary:hover {background-color:#3276b3cc!important;border-color: #3276b3cc!important;}
.btn-outline-primary {color: #3276b3;border-color: #3276b3;}
.btn-outline-primary:hover {background-color: #3276b3;color: white;border-color: #3276b3;}
.bg-primary {background-color: #3276b3!important;}

/* WHITE COLOR */
.text-white {color: #FFFFFF !important;}
a.text-white:focus, a.text-white:hover {color: #FFFFFFcc !important;}
.badge-white {background-color: #FFFFFF !important; color:#fff;}
.btn-white {background-color: #FFFFFF;border-color: #FFFFFF;}
.btn-white:hover {background-color:#FFFFFFcc!important;border-color: #FFFFFFcc!important;}
.btn-outline-white {color:#fff; border-color: #fff;}
.btn-outline-white:hover {background-color:#fff; color: #333; border-color: #fff;}

/* PURPLE COLOR */
.text-purple {color: #9b59b6 !important;}
a.text-purple:focus, a.text-purple:hover {color: #8134a1 !important;}
.badge-purple {background-color: #9b59b6 !important; color:#fff;}
.btn-purple {background-color: #9b59b6!important;color: white;border-color: #9b59b6!important;}
.btn-purple:hover {background-color:#8134a1!important;color:white;border-color: #8134a1!important;}
.btn-outline-purple {color: #9b59b6;border-color: #9b59b6;}
.btn-outline-purple:hover {background-color: #9b59b6;color: white;border-color: #9b59b6;}
.bg-purple {background-color:#9b59b6!important;}

/* CYAN COLOR */
.text-cyan {color:#09D2C1!important;}
a.text-cyan:focus, a.text-cyan:hover {color: #1A9DA5 !important;}
.badge-cyan {background-color: #09D2C1 !important; color:#fff;}
.btn-cyan {background-color: #09D2C1!important;border-color: #09D2C1!important;color: white;}
.btn-cyan:hover {background-color:#1A9DA5!important;border-color: #1A9DA5!important;color: white!important;}
.btn-outline-cyan {color: #09D2C1;border-color: #09D2C1;}
.btn-outline-cyan:hover {background-color: #09D2C1;color: #fff;border-color: #09D2C1;}
.bg-cyan {background-color: #09D2C1!important;}

/* BLUE COLOR */
.text-blue {color:#1da1f2!important;}
a.text-blue:focus, a.text-blue:hover {color: #1990d9 !important;}
.badge-blue {background-color: #1da1f2 !important; color:#fff;}
.btn-blue {background-color: #1da1f2!important;border-color: #1da1f2!important;color: white;}
.btn-blue:hover {background-color:#1990d9!important;border-color: #1990d9!important;color:#efefef;}
.btn-outline-blue {color: #1da1f2;border-color: #1da1f2;}
.btn-outline-blue:hover {color: #fff;background-color: #1da1f2;border-color: #1da1f2;}
.bg-blue {background-color: #1da1f2!important;}

/* NAVY COLOR */
.text-navy {color:#2980b9!important;}
a.text-navy:focus, a.text-navy:hover {color: #2980b9cc !important;}
.badge-navy {background-color: #2980b9 !important; color:#fff;}
.btn-navy {background-color: #2980b9!important;border-color: #2980b9!important;color: #efefef;}
.btn-navy:hover {background-color:#2980b9cc!important;border-color: #2980b9cc!important;color: #efefef;}
.btn-outline-navy {color: #2980b9;border-color: #2980b9;}
.btn-outline-navy:hover {color: #fff;background-color: #2980b9;border-color: #2980b9;}
.bg-navy {background-color:#35438e!important;}

/* MAGENTA COLOR */
.text-magenta {color:#F46262!important;}
a.text-magenta:focus, a.text-magenta:hover {color: #c0392b !important;}
.badge-magenta {background-color: #F46262 !important; color:#fff;}
.btn-magenta {background-color: #F46262!important;border-color: #F46262!important;}
.btn-magenta:hover {background-color:#c0392b!important;border-color: #c0392b!important;}
.btn-outline-magenta {color: #F46262;border-color: #F46262;}
.btn-outline-magenta:hover {color: #fff;background-color: #F46262;border-color: #F46262;}
.bg-magenta {background-color:#F46262!important;}

/* RED COLOR */
.text-red {color:#CA2527!important;}
a.text-red:focus, a.text-red:hover {color: #c0392b !important;}
.badge-red {background-color: #CA2527 !important; color:#fff;}
.btn-red {background-color: #CA2527!important;border-color: #CA2527!important;color:white!important;}
.btn-red:hover {background-color:#c0392b!important;border-color: #c0392b!important;}
.btn-outline-red {color: #CA2527;border-color: #1da1f2;}
.btn-outline-red:hover {color: #fff;background-color: #CA2527;border-color: #CA2527;}
.bg-red {background-color:#CA2527!important;}

/* GRAY COLOR */
.text-gray {color:#bdc3c7!important;}
a.text-gray:focus, a.text-gray:hover {color: #bdc0c2 !important;}
.badge-gray {background-color: #bdc3c7 !important; color:#fff;}
.btn-gray {background-color: #bdc3c7!important;border-color: #CA2527!important;color:white!important;}
.btn-gray:hover {background-color:#bdc0c2!important;border-color: #c0392b!important;}
.btn-outline-gray {color: #bdc3c7;border-color: #bdc3c7;}
.btn-outline-gray:hover {color: #333;background-color: #bdc3c7;border-color: #bdc3c7;}
.bg-gray {background-color:#bdc3c7!important;}

/*LIGHT GRAY COLOR */
.text-light-gray {color: #f4f4f5 !important;}
a.text-light-gray:focus, a.text-light-gray:hover {color: #eaeaea !important;}
.badge-light-gray {background-color: #f4f4f5 !important; color:#fff;}
.btn-light-gray {background-color: #f4f4f5!important;border-color: #303d83!important;}
.btn-light-gray:hover {background-color:#eaeaea!important;border-color: #eaeaea!important;}
.btn-outline-light-gray {color: #f4f4f5;border-color: #f4f4f5;}
.btn-outline-light-gray:hover {color: #333;background-color: #f4f4f5;border-color: #f4f4f5;}
.bg-light-gray {background-color: #f4f4f5!important;}

/*THEME MAIN COLOR */
.text-te-color {color: var(--te-hover-color)!important;}
a.text-te-color:focus, a.text-te-color:hover {color: var(--te-color)!important;}
.badge-te-color {background-color: var(--te-color)!important; color:#f6f6f6;}
.badge-te-hover-color {background-color: var(--te-hover-color)!important; color:#f6f6f6;}
.btn-te-color {background-color: var(--te-color)!important; color: rgba(255, 255, 255, 0.8);border-color: var(--te-color)!important;}
.btn-te-color:hover {background-color:var(--te-hover-color)!important;color: rgba(255, 255, 255, 0.8);border-color: var(--te-hover-color)!important;}
.btn-outline-te-color {color: var(--te-color);border-color: var(--te-color);}
.btn-outline-te-color:hover {color: var(--te-hover-color);background-color: #f6f6f6;border-color: var(--te-hover-color);}
.bg-te-color {background-color: var(--te-color)!important;}
.bg-gradient-te {background-image: linear-gradient(120deg, var(--te-color) 0%, var(--te-hover-color) 100%);}

/* TRANSPARENT COLOR BLACK */
.bg-transparent-50 {background-color: rgba(0, 0, 0, 0.2);}