/*********************************************************************/
/***** 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: #FF8200;
    --dt-color-primary-contrast: #000000;
    --dt-color-primary-dark-text: #AD5700;
    --dt-color-secondary: #252f37;
    --dt-color-secondary-contrast: #FFFFFF;
    --dt-color-secondary-dark-text: #000000;
    --dt-color-accent: #12749E;
    --dt-color-accent-contrast: #FFFFFF;
    --dt-color-accent-dark-text: #12749E;
    --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;
}

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

#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: #E0DED8;
--bs-primary-contrast: #000000;
--bs-primary-rgb: 224, 222, 216;
/* Primary color variations */
--bs-primary-text: #000000;
--bs-primary-bg-hover: #D5D2CA;
--bs-primary-border: #D5D2CA;


/*******************************/
/* SECONDARY COLORS */
/*******************************/
/* Secondary color - used for main actions, links, and secondary buttons */
--bs-secondary: #D5D2CA;
--bs-secondary-contrast: #000000;
--bs-secondary-rgb: 213, 210, 202;
/* Secondary color variations */
--bs-secondary-text: #000000;
--bs-secondary-bg-hover: #616365;
--bs-secondary-border: #616365;

/*******************************/
/* SUCCESS COLORS */
/*******************************/
/* Success color - used for main actions, links, and success buttons */
--bs-success: #E0E1DD;
--bs-success-contrast: #000000;
--bs-success-rgb: 224, 225, 221;
/* success color variations */
--bs-success-text: #000000;
--bs-success-bg-hover: #616365;
--bs-success-border: #616365;

/*******************************/
/* DANGER COLORS */
/*******************************/
/* Danger color - used for main actions, links, and danger buttons */
--bs-danger: #D5D6D2;
--bs-danger-contrast: #000000;
--bs-danger-rgb: 213, 214, 210;
/* danger color variations */
--bs-danger-text: #000000;
--bs-danger-bg-hover: #616365;
--bs-danger-border: #616365;

/*******************************/
/* WARNING COLORS */
/*******************************/
/* Warning color - used for main actions, links, and warning buttons */
--bs-warning: #766A62;
--bs-warning-contrast: #ffffff;
--bs-warning-rgb: 118, 106, 98;
/* warning color variations */
--bs-warning-text: #ffffff;
--bs-warning-bg-hover: #675C53;
--bs-warning-border: #675C53;

/*******************************/
/* INFO COLORS */
/*******************************/
/* Info color - used for main actions, links, and info buttons */
--bs-info: #675C53;
--bs-info-contrast: #ffffff;
--bs-info-rgb: 103, 92, 83;
/* info color variations */
--bs-info-text: #ffffff;
--bs-info-bg-hover: #766A62;
--bs-info-border: #766A62;

/*******************************/
/* LIGHT COLORS */
/*******************************/
/* Light color - used for main actions, links, and light buttons */
--bs-light: #616365;
--bs-light-contrast: #ffffff;
--bs-light-rgb: 97, 99, 101;
/* light color variations */
--bs-light-text: #ffffff;
--bs-light-bg-hover: #4D4F53;
--bs-light-border: #4D4F53;

/*******************************/
/* MID COLORS */
/*******************************/
/* Mid color - used for main actions, links, and mid buttons */
--bs-mid: #4D4F53;
--bs-mid-contrast: #ffffff;
--bs-mid-rgb: 77, 79, 83;
/* mid color variations */
--bs-mid-text: #ffffff;
--bs-mid-bg-hover: #616365;
--bs-mid-border: #616365;

/*******************************/
/* DARK COLORS */
/*******************************/
/* Dark color - used for main actions, links, and dark buttons */
--bs-dark: #000000;
--bs-dark-contrast: #ffffff;
--bs-dark-rgb: 0, 0, 0;
/* dark color variations */
--bs-dark-text: #ffffff;
--bs-dark-bg-hover: #4D4F53;
--bs-dark-border: #4D4F53;
}