html[data-color=light-blue] {
    --primary: #134d71;
    --secondary: #3DA6D5;
    --tertiary: #1a6887;
    --quaternary: #EFD18F;
    --primary-rgb: 19, 77, 113;
    --secondary-rgb: 61, 166, 213;
    --tertiary-rgb: 26, 104, 135;
    --quaternary-rgb: 239, 209, 143;
    --primary-darker: #19153d;
    --secondary-darker: #049fd0;
    --tertiary-darker: #144d64;
    --quaternary-darker: #baa16d;
    --body: #4d4d4d;
    --alternate: #7c7c7c;
    --muted: #afafaf;
    --separator: #dddddd;
    --separator-light: #f1f1f1;
    --body-rgb: 59, 59, 59;
    --alternate-rgb: 124, 124, 124;
    --muted-rgb: 176, 176, 176;
    --separator-rgb: 221, 221, 221;
    --separator-light-rgb: 241, 241, 241;
    --background: #f9f9f9;
    --foreground: #ffffff;
    --background-rgb: 249, 249, 249;
    --foreground-rgb: 255, 255, 255;
    --background-theme: #eaf0f1;
    --background-light: #f8f8f8;
    /*--gradient-1: #14547b;
    --gradient-2: #134d71;
    --gradient-3: #0f4160;*/
    --gradient-1: #3EA7D6;
    --gradient-2: #3DA6D5;
    --gradient-3: #3CA5D4;
    --gradient-1-lighter: #2abdff;
    --gradient-1-darker: #1fa5e2;
    --gradient-1-darker: #02bcf7;
    --gradient-2-darker: #00b5ef;
    --gradient-3-darker: #02abe1;
    --gradient-1-rgb-25: 62 167 214 / 0.25;
    --gradient-1-lighter-rgb-25: 42 189 255 / 0.25;
    --gradient-1-darker-rgb-25: 31 165 226 / 0.25;
    --light-text: #fff;
    --dark-text: #343a40;
    --light-text-darker: #eeeeee;
    --dark-text-darker: #23272b;
    --light-text-rgb: 255, 255, 255;
    --dark-text-rgb: 52, 58, 64;
    --danger: #ee2842;
    --info: #005a65;
    --warning: #f08900;
    --success: #00b098;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #cc2339;
    --info-darker: #01464e;
    --warning-darker: #a89e09;
    --success-darker: #039682;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #333333;
    --alternate-darker: #616161;
    --muted-darker: #888888;
    --separator-darker: #c0c0c0;
    --danger-rgb: 238, 40, 66;
    --info-rgb: 0, 90, 101;
    --warning-rgb: 200, 189, 46;
    --success-rgb: 0, 176, 152;
    --light-rgb: 218, 218, 218;
    --dark-rgb: 78, 78, 78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.05);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #1a6887;
    --theme-image-filter: hue-rotate(0deg);
}

.bg-primary a {
    color: var(--light-text);
    text-decoration: underline;
}

    .bg-primary a:hover {
        color: var(--secondary);
        text-decoration: underline;
    }

.bg-secondary a {
    color: var(--light-text);
    text-decoration: underline;
}

    .bg-secondary a:hover {
        color: var(--primary);
        text-decoration: underline;
    }

html[data-placement="vertical"] .nav-container .nav-content .menu-container .menu li a:hover, html[data-placement="horizontal"] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a:hover, html[data-placement="vertical"] .nav-container.mobile-side-ready .nav-content .menu-container .menu li a:hover {
    background: rgba(var(--primary-rgb), 0.2);
    color: var(--light-text);
}

.bg-primary a {
    color: var(--light-text);
    text-decoration: underline;
}
    .bg-primary a:hover {
        color: var(--secondary);
        text-decoration: underline;
    }
.bg-secondary a {
    color: var(--light-text);
    text-decoration: underline;
}
    .bg-secondary a:hover {
        color: var(--primary);
        text-decoration: underline;
    }


/******** Forms *******/
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label, 
.form-floating .select2.full ~ label, 
.form-floating .select2.show ~ label {
    color: #134d71;
}


/****** Dropzone *****/
.dropzone .dz-preview.dz-image-preview .dz-error-mark i, .dropzone .dz-preview.dz-file-preview .dz-error-mark i {
    color: var(--danger) !important;
}
.dropzone .dz-preview.dz-image-preview .dz-success-mark i, .dropzone .dz-preview.dz-file-preview .dz-success-mark i {
    color: var(--success) !important;
}