:root{
  --primary-color-light: #DBEEF6;
  --primary-color-300: #82C5DF;
  --primary-color-400: #5EB4D6;
  --primary-color: #3BA4CE;
  --primary-color-600: #3696BC;
  --primary-color-700: #3187A9;
  --primary-color-800: #2B7896;
  --primary-color-dark: #112D39;

  --danger-color-light: #F7E0E0;
  --danger-color-300: #E49494;
  --danger-color-400: #DC7575;
  --danger-color: #D55757;
  --danger-color-600: #C25050;
  --danger-color-700: #AF4848;
  --danger-color-800: #9B4040;
  --danger-color-dark: #3B1818;

  --success-color-light: #DCF1E8;
  --success-color-300: #85CEAE;
  --success-color-400: #62C097;
  --success-color: #40B381;
  --success-color-600: #3BA376;
  --success-color-700: #35936A;
  --success-color-800: #2F835E;
  --success-color-dark: #123124;

  --warning-color-light: #FBE7E1;
  --warning-color-300: #F2AD98;
  --warning-color-400: #EE967B;
  --warning-color: #EB7F5E;
  --warning-color-600: #D67456;
  --warning-color-700: #C1684D;
  --warning-color-800: #AB5D45;
  --warning-color-dark: #41231A;

  --info-color-light: #E7F8FB;
  --info-color-300: #ACE8F1;
  --info-color-400: #94E2ED;
  --info-color: #7DDCE9;  
  --info-color-600: #72C8D4;  
  --info-color-700: #67B5BF;
  --info-color-800: #5BA1AA;
  --info-color-dark: #233C40;


  --yellow-color-light: #FDF6DE;
  --yellow-color-300: #F8E28C;
  --yellow-color-400: #F6DA6B;
  --yellow-color: #F4D24B;
  --yellow-color-600: #DEBF45;
  --yellow-color-700: #C8AC3E;
  --yellow-color-800: #B29937;
  --yellow-color-dark: #433A15;

  --orange-color-light: #FFF1E3;
  --orange-color-300: #FFCF9D;
  --orange-color-400: #FFC281;
  --orange-color: #FFB565;
  --orange-color-600: #E8A55C;
  --orange-color-700: #D19553;
  --orange-color-800: #BA844A;
  --orange-color-dark: #46321C;

}

.bg-primary-light{
  background-color: var(--primary-color-light);
  border-color: var(--primary-color-light);
}
.bg-primary-300{
  background-color: var(--primary-color-300);
  border-color: var(--primary-color-300);
}
.bg-primary-400{
  background-color: var(--primary-color-400);
  border-color: var(--primary-color-400);
}
.bg-primary{
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.bg-primary-600{
  background-color: var(--primary-color-600);
  border-color: var(--primary-color-600);
}
.bg-primary-700{
  background-color: var(--primary-color-700);
  border-color: var(--primary-color-700);
}
.bg-primary-800{
  background-color: var(--primary-color-800);
  border-color: var(--primary-color-800);
}
.bg-primary-dark{
  background-color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}

.bg-danger-light{
  background-color: var(--danger-color-light);
  border-color: var(--danger-color-light);
}
.bg-danger-300{
  background-color: var(--danger-color-300);
  border-color: var(--danger-color-300);
}
.bg-danger-400{
  background-color: var(--danger-color-400);
  border-color: var(--danger-color-400);
}
.bg-danger{
  background-color: var(--danger-color);
  border-color: var(--danger-color);
}
.bg-danger-600{
  background-color: var(--danger-color-600);
  border-color: var(--danger-color-600);
}
.bg-danger-700{
  background-color: var(--danger-color-700);
  border-color: var(--danger-color-700);
}
.bg-danger-800{
  background-color: var(--danger-color-800);
  border-color: var(--danger-color-800);
}
.bg-danger-dark{
  background-color: var(--danger-color-dark);
  border-color: var(--danger-color-dark);
}

.bg-success-light{
  background-color: var(--success-color-light);
  border-color: var(--success-color-light);
}
.bg-success-300{
  background-color: var(--success-color-300);
  border-color: var(--success-color-300);
}
.bg-success-400{
  background-color: var(--success-color-400);
  border-color: var(--success-color-400);
}
.bg-success{
  background-color: var(--success-color);
  border-color: var(--success-color);
}
.bg-success-600{
  background-color: var(--success-color-600);
  border-color: var(--success-color-600);
}
.bg-success-700{
  background-color: var(--success-color-700);
  border-color: var(--success-color-700);
}
.bg-success-800{
  background-color: var(--success-color-800);
  border-color: var(--success-color-800);
}
.bg-success-dark{
  background-color: var(--success-color-dark);
  border-color: var(--success-color-dark);
}

.bg-warning-light{
  background-color: var(--warning-color-light);
  border-color: var(--warning-color-light);
}
.bg-warning-300{
  background-color: var(--warning-color-300);
  border-color: var(--warning-color-300);
}
.bg-warning-400{
  background-color: var(--warning-color-400);
  border-color: var(--warning-color-400);
}
.bg-warning{
  background-color: var(--warning-color);
  border-color: var(--warning-color);
}
.bg-warning-600{
  background-color: var(--warning-color-600);
  border-color: var(--warning-color-600);
}
.bg-warning-700{
  background-color: var(--warning-color-700);
  border-color: var(--warning-color-700);
}
.bg-warning-800{
  background-color: var(--warning-color-800);
  border-color: var(--warning-color-800);
}
.bg-warning-dark{
  background-color: var(--warning-color-dark);
  border-color: var(--warning-color-dark);
}

.bg-info-light{
  background-color: var(--info-color-light);
  border-color: var(--info-color-light);
}
.bg-info-300{
  background-color: var(--info-color-300);
  border-color: var(--info-color-300);
}
.bg-info-400{
  background-color: var(--info-color-400);
  border-color: var(--info-color-400);
}
.bg-info{
  background-color: var(--info-color);
  border-color: var(--info-color);
}
.bg-info-600{
  background-color: var(--info-color-600);
  border-color: var(--info-color-600);
}
.bg-info-700{
  background-color: var(--info-color-700);
  border-color: var(--info-color-700);
}
.bg-info-800{
  background-color: var(--info-color-800);
  border-color: var(--info-color-800);
}
.bg-info-dark{
  background-color: var(--info-color-dark);
  border-color: var(--info-color-dark);
}

.bg-yellow-light{
  background-color: var(--yellow-color-light);
  border-color: var(--yellow-color-light);
}
.bg-yellow-300{
  background-color: var(--yellow-color-300);
  border-color: var(--yellow-color-300);
}
.bg-yellow-400{
  background-color: var(--yellow-color-400);
  border-color: var(--yellow-color-400);
}
.bg-yellow{
  background-color: var(--yellow-color);
  border-color: var(--yellow-color);
  color: #fff;
}
.bg-yellow-600{
  background-color: var(--yellow-color-600);
  border-color: var(--yellow-color-600);
}
.bg-yellow-700{
  background-color: var(--yellow-color-700);
  border-color: var(--yellow-color-700);
}
.bg-yellow-800{
  background-color: var(--yellow-color-800);
  border-color: var(--yellow-color-800);
}
.bg-yellow-dark{
  background-color: var(--yellow-color-dark);
  border-color: var(--yellow-color-dark);
}

.bg-orange-light{
  background-color: var(--orange-color-light);
  border-color: var(--orange-color-light);
}
.bg-orange-300{
  background-color: var(--orange-color-300);
  border-color: var(--orange-color-300);
}
.bg-orange-400{
  background-color: var(--orange-color-400);
  border-color: var(--orange-color-400);
}
.bg-orange{
  background-color: var(--orange-color);
  border-color: var(--orange-color);
}
.bg-orange-600{
  background-color: var(--orange-color-600);
  border-color: var(--orange-color-600);
}
.bg-orange-700{
  background-color: var(--orange-color-700);
  border-color: var(--orange-color-700);
}
.bg-orange-800{
  background-color: var(--orange-color-800);
  border-color: var(--orange-color-800);
}
.bg-orange-dark{
  background-color: var(--orange-color-dark);
  border-color: var(--orange-color-dark);
}

.text-primary-light, .text-primary-light:hover, .text-primary-light:focus{
  color: var(--primary-color-light) !important;
}
.text-primary-300, .text-primary-300:hover, .text-primary-300:focus{
  color: var(--primary-color-300) !important;
}
.text-primary-400, .text-primary-400:hover, .text-primary-400:focus{
  color: var(--primary-color-400) !important;
}
.text-primary, .text-primary:hover, .text-primary:focus{
  color: var(--primary-color) !important;
}
.text-primary-600, .text-primary-600:hover, .text-primary-600:focus{
  color: var(--primary-color-600) !important;
}
.text-primary-700, .text-primary-700:hover, .text-primary-700:focus{
  color: var(--primary-color-700) !important;
}
.text-primary-800, .text-primary-800:hover, .text-primary-800:focus{
  color: var(--primary-color-800) !important;
}
.text-primary-dark, .text-primary-dark:hover, .text-primary-dark:focus{
  color: var(--primary-color-dark) !important;
}

.text-danger-light, .text-danger-light:hover, .text-danger-light:focus{
  color: var(--danger-color-light) !important;
}
.text-danger-300, .text-danger-300:hover, .text-danger-300:focus{
  color: var(--danger-color-300) !important;
}
.text-danger-400, .text-danger-400:hover, .text-danger-400:focus{
  color: var(--danger-color-400) !important;
}
.text-danger, .text-danger:hover, .text-danger:focus{
  color: var(--danger-color) !important;
}
.text-danger-600, .text-danger-600:hover, .text-danger-600:focus{
  color: var(--danger-color-600) !important;
}
.text-danger-700, .text-danger-700:hover, .text-danger-700:focus{
  color: var(--danger-color-700) !important;
}
.text-danger-800, .text-danger-800:hover, .text-danger-800:focus{
  color: var(--danger-color-800) !important;
}
.text-danger-dark, .text-danger-dark:hover, .text-danger-dark:focus{
  color: var(--danger-color-dark) !important;
}

.text-success-light, .text-success-light:hover, .text-success-light:focus{
  color: var(--success-color-light) !important;
}
.text-success-300, .text-success-300:hover, .text-success-300:focus{
  color: var(--success-color-300) !important;
}
.text-success-400, .text-success-400:hover, .text-success-400:focus{
  color: var(--success-color-400) !important;
}
.text-success, .text-success:hover, .text-success:focus{
  color: var(--success-color) !important;
}
.text-success-600, .text-success-600:hover, .text-success-600:focus{
  color: var(--success-color-600) !important;
}
.text-success-700, .text-success-700:hover, .text-success-700:focus{
  color: var(--success-color-700) !important;
}
.text-success-800, .text-success-800:hover, .text-success-800:focus{
  color: var(--success-color-800) !important;
}
.text-success-dark, .text-success-dark:hover, .text-success-dark:focus{
  color: var(--success-color-dark) !important;
}

.text-warning-light, .text-warning-light:hover, .text-warning-light:focus{
  color: var(--warning-color-light) !important;
}
.text-warning-300, .text-warning-300:hover, .text-warning-300:focus{
  color: var(--warning-color-300) !important;
}
.text-warning-400, .text-warning-400:hover, .text-warning-400:focus{
  color: var(--warning-color-400) !important;
}
.text-warning, .text-warning:hover, .text-warning:focus{
  color: var(--warning-color) !important;
}
.text-warning-600, .text-warning-600:hover, .text-warning-600:focus{
  color: var(--warning-color-600) !important;
}
.text-warning-700, .text-warning-700:hover, .text-warning-700:focus{
  color: var(--warning-color-700) !important;
}
.text-warning-800, .text-warning-800:hover, .text-warning-800:focus{
  color: var(--warning-color-800) !important;
}
.text-warning-dark, .text-warning-dark:hover, .text-warning-dark:focus{
  color: var(--warning-color-dark) !important;
}

.text-info-light, .text-info-light:hover, .text-info-light:focus{
  color: var(--info-color-light) !important;
}
.text-info-300, .text-info-300:hover, .text-info-300:focus{
  color: var(--info-color-300) !important;
}
.text-info-400, .text-info-400:hover, .text-info-400:focus{
  color: var(--info-color-400) !important;
}
.text-info, .text-info:hover, .text-info:focus{
  color: var(--info-color) !important;
}
.text-info-600, .text-info-600:hover, .text-info-600:focus{
  color: var(--info-color-600) !important;
}
.text-info-700, .text-info-700:hover, .text-info-700:focus{
  color: var(--info-color-700) !important;
}
.text-info-800, .text-info-800:hover, .text-info-800:focus{
  color: var(--info-color-800) !important;
}
.text-info-dark, .text-info-dark:hover, .text-info-dark:focus{
  color: var(--info-color-dark) !important;
}

.text-yellow-light, .text-yellow-light:hover, .text-yellow-light:focus{
  color: var(--yellow-color-light) !important;
}
.text-yellow-300, .text-yellow-300:hover, .text-yellow-300:focus{
  color: var(--yellow-color-300) !important;
}
.text-yellow-400, .text-yellow-400:hover, .text-yellow-400:focus{
  color: var(--yellow-color-400) !important;
}
.text-yellow, .text-yellow:hover, .text-yellow:focus{
  color: var(--yellow-color) !important;
}
.text-yellow-600, .text-yellow-600:hover, .text-yellow-600:focus{
  color: var(--yellow-color-600) !important;
}
.text-yellow-700, .text-yellow-700:hover, .text-yellow-700:focus{
  color: var(--yellow-color-700) !important;
}
.text-yellow-800, .text-yellow-800:hover, .text-yellow-800:focus{
  color: var(--yellow-color-800) !important;
}
.text-yellow-dark, .text-yellow-dark:hover, .text-yellow-dark:focus{
  color: var(--yellow-color-dark) !important;
}

.text-orange-light, .text-orange-light:hover, .text-orange-light:focus{
  color: var(--orange-color-light) !important;
}
.text-orange-300, .text-orange-300:hover, .text-orange-300:focus{
  color: var(--orange-color-300) !important;
}
.text-orange-400, .text-orange-400:hover, .text-orange-400:focus{
  color: var(--orange-color-400) !important;
}
.text-orange, .text-orange:hover, .text-orange:focus{
  color: var(--orange-color) !important;
}
.text-orange-600, .text-orange-600:hover, .text-orange-600:focus{
  color: var(--orange-color-600) !important;
}
.text-orange-700, .text-orange-700:hover, .text-orange-700:focus{
  color: var(--orange-color-700) !important;
}
.text-orange-800, .text-orange-800:hover, .text-orange-800:focus{
  color: var(--orange-color-800) !important;
}
.text-orange-dark, .text-orange-dark:hover, .text-orange-dark:focus{
  color: var(--orange-color-dark) !important;
}

.border-primary-light {
  border-color: var(--primary-color-light);
}
.border-primary-300 {
  border-color: var(--primary-color-300);
}
.border-primary-400 {
  border-color: var(--primary-color-400);
}
.border-primary {
  border-color: var(--primary-color);
}
.border-primary-600 {
  border-color: var(--primary-color-600);
}
.border-primary-700 {
  border-color: var(--primary-color-700);
}
.border-primary-800 {
  border-color: var(--primary-color-800);
}
.border-primary-dark {
  border-color: var(--primary-color-dark);
}

.border-danger-light {
  border-color: var(--danger-color-light);
}
.border-danger-300 {
  border-color: var(--danger-color-300);
}
.border-danger-400 {
  border-color: var(--danger-color-400);
}
.border-danger {
  border-color: var(--danger-color);
}
.border-danger-600 {
  border-color: var(--danger-color-600);
}
.border-danger-700 {
  border-color: var(--danger-color-700);
}
.border-danger-800 {
  border-color: var(--danger-color-800);
}
.border-danger-dark {
  border-color: var(--danger-color-dark);
}

.border-success-light {
  border-color: var(--success-color-light);
}
.border-success-300 {
  border-color: var(--success-color-300);
}
.border-success-400 {
  border-color: var(--success-color-400);
}
.border-success {
  border-color: var(--success-color);
}
.border-success-600 {
  border-color: var(--success-color-600);
}
.border-success-700 {
  border-color: var(--success-color-700);
}
.border-success-800 {
  border-color: var(--success-color-800);
}
.border-success-dark {
  border-color: var(--success-color-dark);
}

.border-warning-light {
  border-color: var(--warning-color-light);
}
.border-warning-300 {
  border-color: var(--warning-color-300);
}
.border-warning-400 {
  border-color: var(--warning-color-400);
}
.border-warning {
  border-color: var(--warning-color);
}
.border-warning-600 {
  border-color: var(--warning-color-600);
}
.border-warning-700 {
  border-color: var(--warning-color-700);
}
.border-warning-800 {
  border-color: var(--warning-color-800);
}
.border-warning-dark {
  border-color: var(--warning-color-dark);
}

.border-info-light {
  border-color: var(--info-color-light);
}
.border-info-300 {
  border-color: var(--info-color-300);
}
.border-info-400 {
  border-color: var(--info-color-400);
}
.border-info {
  border-color: var(--info-color);
}
.border-info-600 {
  border-color: var(--info-color-600);
}
.border-info-700 {
  border-color: var(--info-color-700);
}
.border-info-800 {
  border-color: var(--info-color-800);
}
.border-info-dark {
  border-color: var(--info-color-dark);
}

.border-yellow-light {
  border-color: var(--yellow-color-light);
}
.border-yellow-300 {
  border-color: var(--yellow-color-300);
}
.border-yellow-400 {
  border-color: var(--yellow-color-400);
}
.border-yellow {
  border-color: var(--yellow-color);
}
.border-yellow-600 {
  border-color: var(--yellow-color-600);
}
.border-yellow-700 {
  border-color: var(--yellow-color-700);
}
.border-yellow-800 {
  border-color: var(--yellow-color-800);
}
.border-yellow-dark {
  border-color: var(--yellow-color-dark);
}

.border-orange-light {
  border-color: var(--orange-color-light);
}
.border-orange-300 {
  border-color: var(--orange-color-300);
}
.border-orange-400 {
  border-color: var(--orange-color-400);
}
.border-orange {
  border-color: var(--orange-color);
}
.border-orange-600 {
  border-color: var(--orange-color-600);
}
.border-orange-700 {
  border-color: var(--orange-color-700);
}
.border-orange-800 {
  border-color: var(--orange-color-800);
}
.border-orange-dark {
  border-color: var(--orange-color-dark);
}

.border-left-primary-light {
  border-left-color: var(--primary-color-light);
}
.border-left-primary-300 {
  border-left-color: var(--primary-color-300);
}
.border-left-primary-400 {
  border-left-color: var(--primary-color-400);
}
.border-left-primary {
  border-left-color: var(--primary-color);
}
.border-left-primary-600 {
  border-left-color: var(--primary-color-600);
}
.border-left-primary-700 {
  border-left-color: var(--primary-color-700);
}
.border-left-primary-800 {
  border-left-color: var(--primary-color-800);
}
.border-left-primary-dark {
  border-left-color: var(--primary-color-dark);
}

.border-left-danger-light {
  border-left-color: var(--danger-color-light);
}
.border-left-danger-300 {
  border-left-color: var(--danger-color-300);
}
.border-left-danger-400 {
  border-left-color: var(--danger-color-400);
}
.border-left-danger {
  border-left-color: var(--danger-color);
}
.border-left-danger-600 {
  border-left-color: var(--danger-color-600);
}
.border-left-danger-700 {
  border-left-color: var(--danger-color-700);
}
.border-left-danger-800 {
  border-left-color: var(--danger-color-800);
}
.border-left-danger-dark {
  border-left-color: var(--danger-color-dark);
}

.border-left-success-light {
  border-left-color: var(--success-color-light);
}
.border-left-success-300 {
  border-left-color: var(--success-color-300);
}
.border-left-success-400 {
  border-left-color: var(--success-color-400);
}
.border-left-success {
  border-left-color: var(--success-color);
}
.border-left-success-600 {
  border-left-color: var(--success-color-600);
}
.border-left-success-700 {
  border-left-color: var(--success-color-700);
}
.border-left-success-800 {
  border-left-color: var(--success-color-800);
}
.border-left-success-dark {
  border-left-color: var(--success-color-dark);
}

.border-left-warning-light {
  border-left-color: var(--warning-color-light);
}
.border-left-warning-300 {
  border-left-color: var(--warning-color-300);
}
.border-left-warning-400 {
  border-left-color: var(--warning-color-400);
}
.border-left-warning {
  border-left-color: var(--warning-color);
}
.border-left-warning-600 {
  border-left-color: var(--warning-color-600);
}
.border-left-warning-700 {
  border-left-color: var(--warning-color-700);
}
.border-left-warning-800 {
  border-left-color: var(--warning-color-800);
}
.border-left-warning-dark {
  border-left-color: var(--warning-color-dark);
}

.border-left-info-light {
  border-left-color: var(--info-color-light);
}
.border-left-info-300 {
  border-left-color: var(--info-color-300);
}
.border-left-info-400 {
  border-left-color: var(--info-color-400);
}
.border-left-info {
  border-left-color: var(--info-color);
}
.border-left-info-600 {
  border-left-color: var(--info-color-600);
}
.border-left-info-700 {
  border-left-color: var(--info-color-700);
}
.border-left-info-800 {
  border-left-color: var(--info-color-800);
}
.border-left-info-dark {
  border-left-color: var(--info-color-dark);
}

.border-left-yellow-light {
  border-left-color: var(--yellow-color-light);
}
.border-left-yellow-300 {
  border-left-color: var(--yellow-color-300);
}
.border-left-yellow-400 {
  border-left-color: var(--yellow-color-400);
}
.border-left-yellow {
  border-left-color: var(--yellow-color);
}
.border-left-yellow-600 {
  border-left-color: var(--yellow-color-600);
}
.border-left-yellow-700 {
  border-left-color: var(--yellow-color-700);
}
.border-left-yellow-800 {
  border-left-color: var(--yellow-color-800);
}
.border-left-yellow-dark {
  border-left-color: var(--yellow-color-dark);
}

.border-left-orange-light {
  border-left-color: var(--orange-color-light);
}
.border-left-orange-300 {
  border-left-color: var(--orange-color-300);
}
.border-left-orange-400 {
  border-left-color: var(--orange-color-400);
}
.border-left-orange {
  border-left-color: var(--orange-color);
}
.border-left-orange-600 {
  border-left-color: var(--orange-color-600);
}
.border-left-orange-700 {
  border-left-color: var(--orange-color-700);
}
.border-left-orange-800 {
  border-left-color: var(--orange-color-800);
}
.border-left-orange-dark {
  border-left-color: var(--orange-color-dark);
}