@primary-color: #399bf3;
@primary-border-color: #338bda;
@primary-fore-color: #fff;
@primary-hover-color: #3794e8;
@primary-hover-bubble-control-color: rgba(35,36,38,0.18);
@primary-selected-color: #f1f4f8;
@primary-soft: fade(@primary-color, 10%);

@success-color: #09bd29;
@success-hover-color: #449d44;
@success-border-color:#09bd29;
@success-fore-color: #fff;
@success-extra-light-color : #e6f9ea;
@success-tag-back-color-dark: #d3f4d9;

@warning-color: #f1c40f;
@warning-border-color:#f1c40f;
@warning-hover-color: #f1c40f;
@warning-fore-color: #fff;

@danger-color: #d9534f;
@danger-border-color:#d9534f;
@danger-hover-color: #c9302c;
@danger-fore-color: #fff;

@flat-color: #fff;
@flat-border-color: rgba(118, 146, 188, 0.2);
@flat-fore-color: #232426;
@flat-hover-color: #e4e9f2;
@flat-hover-back-color: #fafbfc;

@purple-color: #8375c4;
@purple-hover-color: #FFF;
@purple-extra-light-color : #eceaf6;

@red-color: #d62d20;
@red-border-color:#d62d20;
@red-hover-color: #d62d20;
@red-tag-back-color: #fbeae9;
@red-tag-back-color-dark: #f8dad7;

@orange-color: #ff9500;
@orange-border-color:#ff9500;
@orange-hover-color: #ff9500;

@default-color: #CCCCCC;
@default-color-dark: #999999;
@default-tag-back-color: #efefef;
@default-light-color:#f1f1f1;
@default-border-color: #f5f5f5;
@dark-border-color:#e4e9f2;
@list-hover-color: #f1f1f1;
@default-hover-color: #f1f1f1;
@default-hr-color: #eaebec;
@default-opacity2: rgba(51,51,51,0.2);
@default-opacity05: rgba(51,51,51,0.05);
@default-grayout-color: #e9e9e9;

@orange-color: #f87b00;
@orange-border-color:#f87b00;
@orange-hover-color: #f87b00;
@orange-tag-back-color: #fff2e5;

@blue-tag-fore-color: #1890ff;
@orange-border-color:#78d3f2;
@orange-hover-color: #78d3f2;
@blue-tag-back-color: #ebf5fe;
@blue-tag-back-color-dark: #dbedef;

@body-fore-color: rgba(35,36,38,0.9); // #232426 with opacity
@body-fore-color-opacity1: rgba(35,36,38,0.1);
@body-fore-color-opacity2: rgba(35,36,38,0.2);
@body-fore-color-opacity3: rgba(35,36,38,0.3);
@body-fore-color-opacity4: rgba(35,36,38,0.4);
@body-fore-color-opacity5: rgba(35,36,38,0.5);
@body-fore-color-opacity6: rgba(35,36,38,0.6);
@body-fore-color-opacity7: rgba(35,36,38,0.7);
@body-fore-color-opacity8: rgba(35,36,38,0.8);
@body-fore-color-opacity9: rgba(35,36,38,0.9);

@white-color: #fff;
@content-back-color: #fff;
@body-back-color: #f2faff;
@header-fore-color: #ffffff;
@footer-back-color: #001529;
@footer-fore-color: #fff;
@control-border-color: #E4E4E5;
@control-hover-border-color: rgba(35,36,38,0.4);
@progress-default-back-color: #dfdfdf;
@progress-circle-back-color: #fff;
@progress-circle-default-border-color: #dfdfdf;
@progress-circle-active-border-color: #53a522;
@control-default-border-color: #d9d9d9;
@tab-border-shadow:0 0 4px 0 rgba(0, 0, 0, 0.1);
@tab-back-color: #f3f9ff;
@content-tab-fore-color: rgba(51,51,51,0.3);
@light-fore-color: #8a8a8a;
@control-primary-border-color: #dddee0;
@control-validation-color: #d62d20;
@control-validation-overlay-color: #fdf3f2;
@body-font-size: 12px;
@body-header-font-size: 16px;
@small-font-size: 10px;
@label-font-size: 12px; // Used where 11px is set and now replace with 12px
@body-font-size-standAlone: 14px;
@line-height14: 14px; // Used where 11px is set and now replace with 14px
@line-height18: 18px;

@body-font-family: 'Montserrat-Medium', sans-serif;
@bold-font-family: 'Montserrat-Bold', sans-serif;
@semi-bold-font-family: 'Montserrat-SemiBold', sans-serif;
@medium-font-family: 'Montserrat-Medium', sans-serif;
@Regular-font-family: 'Montserrat-Regular', sans-serif;
@black-font-family: 'Montserrat-Black', sans-serif;

@right-panel-back-color: #f8f8f8;
@right-panel-header-success-border-color: #06a121;
@right-panel-header-default-border-color: #e8e8e8;
@right-panel-header-warning-border-color: #cea812;
@right-panel-section-title-font-size: 14px;
@form-panel-title-primary-color:#53A522;
@asterisk-validation-primary-color: #f5222d;
@row-hover-color: #fafafa;
@row-selected-color: #ecf5fe;
@scroll-back-color: #fff;
@scroll-content-color: #c7d6db;
@onBoarding-header-sub-text-color: #399bf3;
@page-number-back-color: #fff;
@page-number-color: rgba(35,36,38,0.3);
@page-number-active-color: rgba(35,36,38, 0.8);
@menu-selected-color: rgba(255, 255, 255, 0.1);
@grid-highlight-text-opacity: 1;
@grid-text-opacity: 0.9;
@grid-border-color: #eeeeee;
@grid-group-row-back-color: #f7f7f7;
@setting-header-back-color: #fdfdfd;
@menu-fore-color: #a9aaab;
@repeter-text-color: #a7a7a7;
@repeter-border-color: #ebeced;
@family-summary-profile-image-back-color: #a5e1f7;
@link-fore-color: #399bf3;
@active-tab-border-color: #4ba4f4;

@left-pane-color:#f1f1f1;
@left-pane-border-color:#d5d8da;
@left-pane-font-color:rgba(35,36,38,0.6);

@right-pane-title-back-color:#fff;

@input-icon-color:rgba(118, 146, 188, 0.4);
@tag-content-back-color:#f1f4f8;
@radio-border-color:#c8d3e4;

@message-danger-color: #d62d20;
@message-danger-border-color:#d62d20;

@table-count-color:#78909c;
@overly-back-color:#000000;
@sidebar-back-color:#212529;

@box-shadow: rgba(0, 0, 0, 0.1);
@setting-panel-box-shadow: 0 4px 12px -3px rgba(0, 0, 0, 0.12);
@dropdown-background-color:#FF3366;

@pink-color: #fb9fc0;
@blue-color: #78d3f2;
@priority-one-color: #7E8CFF;
@priority-two-color: #2CD1A1;
@priority-three-color: #FF6059;
@gray-color: #808080;
@profile-preference-selected-back-color: #f2faff;

@gridMaxRecordsCountText: '150';
@colorf9f9f9: #f9f9f9;
@read-confirmed-color: #3497F9;

// Pink:
// "@left-pane-color": "#f7f2f2"
