/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #0E0000;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #0E0000;
    --dt-color-secondary: #9D2538;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #9D2538;
    --dt-color-accent: #E8A903;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #8A6A02;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #E6E6E6;
    --dt-color-graybg-contrast: #000000;
}

#content, #tinymce.mce-content-body, .dp-tools-wrapper #previewPanel, .dp-tools-wrapper #appPreviewPanel, .dp-tools-wrapper .color-palette.misc-swatches, .dp-tools-wrapper .dp-color-picker:not(.dp-color-picker-default), .dp-tools-wrapper .link-checker-tool-form .link-preview, #content .dp-wrapper, #tinymce.mce-content-body .dp-wrapper, body #dpPopoutPreview, body #hoverPreview, body #quickStylePreview, body #dpWizardPreview, .dp-wrapper.dp-preview-wrapper, .dp-course-tool-preview-body .dp-wrapper {

/*******************************/
/* PRIMARY COLORS */
/*******************************/
/* Primary color - used for main actions, links, and primary buttons */
--bs-primary: #1A4176;
--bs-primary-contrast: #FFFFFF;
--bs-primary-rgb: 26, 65, 118;
/* Primary color variations */
--bs-primary-text: #1A4176;
--bs-primary-bg-hover: #142D5C;
--bs-primary-border: #142D5C;

/*******************************/
/* SECONDARY COLORS */
/*******************************/
/* Secondary color - used for secondary actions and elements */
--bs-secondary: #97ACD9;
--bs-secondary-contrast: #000000;
--bs-secondary-rgb: 151, 172, 217;
/* Secondary color variations */
--bs-secondary-text: #5D6885;
--bs-secondary-bg-hover: #828EBA;
--bs-secondary-border: #828EBA;

/*******************************/
/* SUCCESS COLORS */
/*******************************/
/* Success color */
--bs-success: #8BC9C4;
--bs-success-contrast: #000000;
--bs-success-rgb: 139, 201, 196;
/* Success color variations */
--bs-success-text: #466665;
--bs-success-bg-hover: #76ABA9;
--bs-success-border: #76ABA9;

/*******************************/
/* DANGER COLORS */
/*******************************/
/* Danger color */
--bs-danger: #DF5F46;
--bs-danger-contrast: #000000;
--bs-danger-rgb: 223, 95, 70;
/* Danger color variations */
--bs-danger-text: #8A3F2C;
--bs-danger-bg-hover: #CC5D42;
--bs-danger-border: #BD563D;

/*******************************/
/* WARNING COLORS */
/*******************************/
/* Warning color */
--bs-warning: #E19C37;
--bs-warning-contrast: #000000;
--bs-warning-rgb: 225, 156, 55;
/* Warning color variations */
--bs-warning-text: #805C1F;
--bs-warning-bg-hover: #CC9331;
--bs-warning-border: #CC9331;

/*******************************/
/* INFO COLORS */
/*******************************/
/* Info color */
--bs-info: #5BA49C;
--bs-info-contrast: #000000;
--bs-info-rgb: 91, 164, 156;
/* Info color variations */
--bs-info-text: #396663;
--bs-info-bg-hover: #70C7C1;
--bs-info-border: #5BA49C;

/*******************************/
/* LIGHT COLORS */
/*******************************/
/* Light color */
--bs-light: #EEC558;
--bs-light-contrast: #000000;
--bs-light-rgb: 238, 197, 89;
/* Light color variations */
--bs-light-text: #7D6B2E;
--bs-light-bg-hover: #D1B24D;
--bs-light-border: #D1B24D;

/*******************************/
/* MID COLORS */
/*******************************/
/* Mid color */
--bs-mid: #565354;
--bs-mid-contrast: #FFFFFF;
--bs-mid-rgb: 86, 83, 84;
/* Mid color variations */
--bs-mid-text: #565354;
--bs-mid-bg-hover: #383636;
--bs-mid-border: #383636;

/*******************************/
/* DARK COLORS */
/*******************************/
/* Dark color */
--bs-dark: #EE775F;
--bs-dark-contrast: #000000;
--bs-dark-rgb: 238, 119, 95;
/* Dark color variations */
--bs-dark-text: #9E523F;
--bs-dark-bg-hover: #DB7258;
--bs-dark-border: #DB7258;

}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/


