:root {
  --bs-blue: #092a80 !important;
  --bs-indigo: #6610f2 !important;
  --bs-purple: #6f42c1 !important;
  --bs-pink: #e83e8c !important;
  --bs-red: #dc3545 !important;
  --bs-orange: #fd7e14 !important;
  --bs-yellow: #ffc107 !important;
  --bs-green: #28a745 !important;
  --bs-teal: #20c997 !important;
  --bs-cyan: #17a2b8 !important;
  --bs-white: #fff !important;
  --bs-gray: #6c757d !important;
  --bs-gray-dark: #343a40 !important;
  
  --bs-primary: #092a80 !important;
  --bs-secondary: #6c757d !important;
  --bs-success: #28a745 !important;
  --bs-info: #17a2b8 !important;
  --bs-warning: #ffc107 !important;
  --bs-danger: #dc3545 !important;
  --bs-light: #f8f9fa !important;
  --bs-dark: #343a40 !important;

  --bs-btn-border-color: #092a80 !important;
  --bs-btn-secondary: #6c757d !important;
  --bs-btn-success: #28a745 !important;
  --bs-btn-info: #17a2b8 !important;
  --bs-btn-warning: #ffc107 !important;
  --bs-btn-danger: #dc3545 !important;
  --bs-btn-light: #f8f9fa !important;
  --bs-btn-dark: #343a40 !important;

  --bs-btn-bg: #092a80 !important;
  --bs-btn-secondary: #6c757d !important;
  --bs-btn-success: #28a745 !important;
  --bs-btn-info: #17a2b8 !important;
  --bs-btn-warning: #ffc107 !important;
  --bs-btn-danger: #dc3545 !important;
  --bs-btn-light: #f8f9fa !important;
  --bs-btn-dark: #343a40 !important;

  --bs-primary-rgb: 0, 123, 255 !important;
  --bs-secondary-rgb: 108, 117, 125 !important;
  --bs-success-rgb: 40, 167, 69 !important;
  --bs-info-rgb: 23, 162, 184 !important;
  --bs-warning-rgb: 255, 193, 7 !important;
  --bs-danger-rgb: 220, 53, 69 !important;
  --bs-light-rgb: 248, 249, 250 !important;
  --bs-dark-rgb: 52, 58, 64 !important;
}

/***********************************************/
/*                                             */
/*                   COLORS                    */
/*                                             */
/***********************************************/

/***************/
/*    GREEN    */
/***************/
.colorLightGreen {
    background-color: #DAF7A6;
    color: black;
}

/***************/
/*    CYAN     */
/***************/
.colorCyan {
    background-color: #9AE9EC;
    color: black;
}

/***************/
/*    BLUE     */
/***************/
.colorLightBlue {
    background-color: #3658af;
    color: white;
}

.colorBlue {
    background-color: #092a80;
    color: white;
}

.colorDarkBlue {
    background-color: #76C4F1;
    color: white;
}

/***************/
/*   PURPLE    */
/***************/
.colorLightPurple {
    background-color: #CCACF9;
    color: black;
}

.colorPurple {
    background-color: #7D59BA;
    color: white;
}

/***************/
/*    GREEN    */
/***************/
.colorLightGreen {
    background-color: #6FE370;
    color: black;
}

.colorGreen {
    background-color: #42A85A;
    color: white;
}

/***************/
/*   YELLOW    */
/***************/
.colorLightYellow {
    background-color: #FCF19F;
    color: black;
}

.colorYellow {
    background-color: #E3B518;
    color: black;
}

/***********************************************/

/***********************************************/
/*                                             */
/*               BUTTONS COLORS                */
/*                                             */
/***********************************************/

.btnColorLightGreen {
    background-color: #DAF7A6;
    color: black;
    cursor: pointer;
    transition: background-color 0.5s;
}

.btnColorCyan {
    background-color: #9AE9EC;
    color: black;
    cursor: pointer;
    transition: background-color 0.5s;
}

.btnColorLightBlue {
    background-color: #76C4F1;
    color: black;
    cursor: pointer;
    transition: background-color 0.5s;
}

.btnColorBlue {
    cursor: pointer;
    transition: background-color 0.5s;
    --bs-btn-color: #fff;
    --bs-btn-bg: #092a80;
    --bs-btn-border-color: #092a80;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1C3E99;
    --bs-btn-hover-border-color: #1C3E99;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1C3E99;
    --bs-btn-active-border-color: #1C3E99;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #092a80;
    --bs-btn-disabled-border-color: #092a80;
}

.btnColorLightPurple {
    background-color: #CCACF9;
    color: white;
    cursor: pointer;
    transition: background-color 0.5s;
}

.btnColorLightYellow {
    background-color: #FCF19F;
    color: black;
    cursor: pointer;
    transition: background-color 0.5s;
}

.btnColorYellow {
    cursor: pointer;
    transition: background-color 0.5s;
    --bs-btn-color: #fff;
    --bs-btn-bg: #E3B518;
    --bs-btn-border-color: #E3B518;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #F2CD4D;
    --bs-btn-hover-border-color: #F2CD4D;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #F2CD4D;
    --bs-btn-active-border-color: #F2CD4D;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #E3B518;
    --bs-btn-disabled-border-color: #E3B518;
}

/***********************************************/