:root {
  --primary-color: white;
  --secondary-color: #2DDDF7;
  --text-color: #d3d8dd;
  --text-inv-color: black;
  --text-color-secondary: #333;
  --gray-text-color: rgba(97, 103, 110, 0.5);
  --text-gray-secondary: #6C757D;
  --background-color: #252F3A;
  --border-color: #2D3136;
  --body-background-color: #252F3A;
  --default-box-shadow: #070A0D;
  --danger-color: crimson;
  --main-menu-background-color: #32404F;
  --main-menu-item-text-color: var(--text-color);
  --main-menu-item-background-color: var(--background-color);
  --main-menu-selected-item-background: var(--secondary-color);
  --main-menu-selected-item-text-color: black;
  --top-panel-background-color: #1E2831;
  --popup-background-warning: #F8E6CE;
  --popup-warning-text-color: #633E16;
  --popup-box-shadow: #8f8f8f;
  --alert-warning-message-background: #FCEFDC;
  --alert-warning-message-border-color: #FBE8CD;
  --alert-warning-message-color: #7D5A29;
  --button-background: #2DDDF7;
  --button-border-color: #d500d5;
  --button-text-color: #1E2831;
  --button-disabled-background: #cccccc;
  --button-disabled-border-color: #999999;
  --button-disabled-text-color: #666666;
  --button-hover-background: black;
  --button-hover-color: var(--text-color);
  --button-hover-border-color: var(--text-color);
  --button-hover-border: 1px solid var(--button-hover-border-color);
  --button-hover-box-shadow-border: inset 0 0 0 1px var(--button-hover-border-color);
  --button-success-bg: #54e34a;
  --button-success-text: #0b2939;
  --button-delete-bg: #E34A99;
  --button-delete-text: #0b2939;
  --button-warnning-bg: #e3bf4a;
  --button-wargning-text: #0b2939;
  --button-background-transparent-background: transparent;
  --button-background-transparent-color: var(--primary-color);
  --button-background-transparent-color-hover: transparent;
  --button-text-transparent-color-hover: var(--button-background);
  --button-darker-background: #CD7E1B;
  --button-darker-border-color: #C27719;
  --button-darker-background-hover: #A95E15;
  --button-darker-border-color-hover: #9F5714;
  --box-shadow-color: rgba(0, 0, 0, 0.1);
  --box-shadow-soft-color: #32383f14;
  --basic-box-shadow: var(--box-shadow-color) 0px 0px 0px 1px, var(--box-shadow-color) 0px 4px 11px;
  --soft-box-shadow: 0 4px 16px var(--box-shadow-soft-color);
  --dropdown-item-background-hover: #080B0E;
  --input-background-color: #1C2025;
  --input-color: var(--text-color);
  --input-border-color: var(--border-color);
  --input-selected-background-color: #0E1013;
  --input-box-shaddow-color: #0E1013;
  --input-disabled-background: #5B5B5B;
  --input-disabled-color: var(--text-color);
  --input-disabled-border-color: var(--input-border-color);
  --input-read-only-background: #A7A9AC;
  --input-read-only-color: var(--text-inv-color);
  --choice-item-background: var(--button-background);
  --choice-item-border-color: black;
  --choice-item-text-color: var(--button-text-color);
  --choice-item-box-shadow: 0 0 2px var(--box-shadow-color) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  --choice-item-selected-background: #363636;
  --table-header-background: #1E2831;
  --table-background: #252F3A;
  --table-hover-background: #204c6c;
  --table-hover-background-two: #1f2632;
  --table-sort-button-color: #4F5B66;
  --table-summary-cell-background: var(--table-header-background);
  --table-summary-cell-border-color: #2D3136;
  --table-header-color: #AAB0B6;
  --table-input-background-color: #1C2025;
  --table-input-color: #AAB0B6;
  --table-border-color: #2D3136;
  --table-row-highliter-color: transparent;
  --href-color: var(--primary-color);
  --href-hover-color: var(--primary-color);
  --link-color: var(--href-color);
  --link-hover-color: var(--href-hover-color);
  --paginator-background: var(--body-background-color);
  --paginator-border-fadeout: 60%;
  --paginator-text-color: var(--text-color);
  --paginator-href-hover-color: var(--primary-color);
  --paginator-border: 0;
  --form-background-color: #1e2831;
  --form-group-devider-color: #797979;
  --icon-input-background: #1C2025;
  --icon-input-color: #AAB0B6;
  --icon-input-border-color: #2D3136;
  --success: #2ecc71;
  --failed: #e74c3c;
  --grid-graph-color: #1a1a1a;
  --layout-graph-text-color: var(--text-color);
  --grid-overlay-background: red;
  --primary-graph-color: #d84cbc;
  --primary-graph-background-color: rgba(255, 0, 255, 0.6);
  --secondary-graph-color: #667fff;
  --secondary-graph-background-color: rgba(102, 127, 255, 0.6);
  --tertiary-graph-color: #8c66ff;
  --tertiary-graph-background-color: rgba(140, 102, 255, 0.6);
  --quaternary-graph-color: #ff66a6;
  --quaternary-graph-background-color: rgba(255, 102, 166, 0.6);
  --quinary-graph-color: #66ff85;
  --quinary-graph-background-color: rgba(102, 255, 133, 0.6);
  --swal-popup-background: #0e0e0e;
  --swal-popup-text-color: var(--text-color);
  --swal-popup-loader-color: var(--button-background);
  --swal-input-background: #D6DBE1;
  --swal-input-color: var(--text-inv-color);
  --swal-input-placeholder-color: var(--icon-input-border-color);
  --toggle-active-color: var(--button-background);
  --toggle-non-active-color: #bababa;
  --toggle-active-hover-color: var(--button-hover-background);
  --toggle-non-active-hover-color: #F3F3F3;
  --toggle-circle-color: white;
  --ck-color-base-background: var(--input-background-color) !important;
  --ck-color-base-border: var(--input-border-color) !important;
  --ck-color-base-focus: black !important;
  --ck-color-base-text: var(--input-color) !important;
  --ck-color-base-active: black !important;
  --ck-color-base-active-focus: black !important;
  --ck-color-list-button-on-background: var(--button-background) !important;
  --ck-color-button-on-color: var(--button-text-color) !important;
  --ck-color-button-on-background: var(--button-background) !important;
  --ck-color-button-on-hover-background: rgba(0, 0, 0, 0.43) !important;
  --ck-color-button-on-active-background: rgba(0, 0, 0, 0.43) !important;
  --ck-color-button-on-disabled-background: rgba(0, 0, 0, 0.43) !important;
  --ck-color-list-button-on-text: var(--button-text-color) !important;
  --ck-color-upload-bar-background: var(--input-selected-background-color) !important;
  --ck-focus-outer-shadow: 0 0 3px var(--box-shadow-color) !important;
  --ck-color-button-default-hover-background: var(--button-background) !important;
  --ck-color-link-default: #FC702F !important;
  --ck-color-base-active-white: white;
  --ck-color-base-active-focus-white: white;
  --ck-color-base-background-white: #F7F8FA;
  --ck-color-base-border-white: #E0E0E0;
  --ck-color-base-focus-white: white;
  --ck-color-base-text-white: #333333;
  --ck-color-button-default-hover-background-white: #e0e0e0;
  --ck-color-button-on-active-background-white: rgba(255, 255, 255, 0.7);
  --ck-color-button-on-background-white: #007BFF;
  --ck-color-button-on-color-white: white;
  --ck-color-button-on-disabled-background-white: rgba(255, 255, 255, 0.7);
  --ck-color-button-on-hover-background-white: rgba(255, 255, 255, 0.85);
  --ck-color-list-button-on-background-white: #007BFF;
  --ck-color-list-button-on-text-white: white;
  --ck-color-upload-bar-background-white: #E0E0E0;
  --ck-color-toolbar-background-white: #F7F8FA;
  --select2-bg: var(--input-background-color);
  --select2-border: var(--input-border-color);
  --select2-text: var(--input-color);
  --select2-hover-bg: #505050;
  --select2-selected-bg: #404040;
  --select2-disabled: var(--input-disabled-background);
  --select2-placeholder: #909090;
  --select2-focus-border: #666666;
  --select2-search-bg: #363636;
  --select2-choice-bg: #404040;
  --select2-choice-border: #505050;
  --select2-remove-color: #b0b0b0;
  --wizard-header-background: var(--table-header-background);
  --wizard-header-border-color: #2b2f33;
  --wizard-header-box-shaddow-color: var(--border-color);
  --wizard-header-items-background: #191919;
  --wizard-header-items-text-color: var(--text-color);
  --wizard-header-items-disabled-text-color: #777777;
  --wizard-header-items-border-color: #2b2f33;
  --message-text: #e0e7ed;
  --message-error: #ff5252;
  --message-warning: #ffb74d;
  --message-info: #4fc3f7;
  --message-success: #81c784;
}