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

/* 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: #325A89;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #325A89;
    --dt-color-secondary: #555150;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #555150;
    --dt-color-accent: #007C83;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #007C83;
    --dt-color-gray: #E9E5DE;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #555150;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #555150;
}

#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 {

/*******************************/
/* SECONDARY COLORS */
/*******************************/
/* Secondary color - used for secondary actions and elements */
--bs-secondary: #85878A;
--bs-secondary-contrast: #000000;
--bs-secondary-rgb: 133, 135, 138;
/* Secondary color variations */
--bs-secondary-text: #5A5C5E;
--bs-secondary-bg-hover: #A9ACB0;
--bs-secondary-border: #85878A;

/*******************************/
/* DANGER COLORS */
/*******************************/
/* Danger color */
--bs-danger: #A44A3F;
--bs-danger-contrast: #FFFFFF;
--bs-danger-rgb: 164, 74, 63;
/* Danger color variations */
--bs-danger-text: #A44A3F;
--bs-danger-bg-hover: #8A4134;
--bs-danger-border: #7A3C2E;

/*******************************/
/* WARNING COLORS */
/*******************************/
/* Warning color */
--bs-warning: #A77B18;
--bs-warning-contrast: #000000;
--bs-warning-rgb: 167, 123, 24;
/* Warning color variations */
--bs-warning-text: #755A11;
--bs-warning-bg-hover: #947215;
--bs-warning-border: #8A6E13;

/*******************************/
/* INFO COLORS */
/*******************************/
/* Info color */
--bs-info: #67506F;
--bs-info-contrast: #FFFFFF;
--bs-info-rgb: 103, 80, 111;
/* Info color variations */
--bs-info-text: #67506F;
--bs-info-bg-hover: #523F57;
--bs-info-border: #443347;

/*******************************/
/* DARK COLORS */
/*******************************/
/* Dark color */
--bs-dark: #1F2933;
--bs-dark-contrast: #FFFFFF;
--bs-dark-rgb: 31, 41, 51;
/* Dark color variations */
--bs-dark-text: #1F2933;
--bs-dark-bg-hover: #314152;
--bs-dark-border: #1F2933;
}

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