:root {
    --transparent: transparent;
    --tabs-active-background: #ffffff;
    --tabs-background: #f1f1f1;
    --tabs-border: #d8d8d8;
    --light-red: #EC4E4C;

    --warningDark: #FFBE00;
    --warningTransparent: rgba(255, 201, 2, 0.16);
    --warning-transparent: rgba(255, 201, 2, 0.16);
    --infoMain: #1890FF;
    --info-main: #1890FF;
    --infoTransparent: rgba(24, 144, 255, 0.16);
    --info-transparent: rgba(24, 144, 255, 0.16);
    --SuccessMain: #1FBC70;
    --success-main: #1FBC70;
    --SuccessTransparent: rgba(31, 188, 112, 0.16);
    --success-transparent: rgba(31, 188, 112, 0.16);
    --errorMain: #F94D32;
    --error-main: #F94D32;
    --errorTransparent: rgba(249, 77, 50, 0.16);
    --error-transparent: rgba(249, 77, 50, 0.16);
    --actionStatesLight: rgba(148, 149, 150, 0.16);
    --secondaryMain: #704adc;
    --secondary-main: #704adc;
    --secondaryTransparent: rgba(112, 74, 220, 0.16);
    --secondary-transparent: rgba(112, 74, 220, 0.16);
    --textColor11: #737475;
    --transparent-white: rgba(255, 255, 255, 0.75);

    --grey10: #FCFCFC;
    --grey12: #DBDBDB;
    --grey15: #F5F5F5;
    --grey20: #999999;
    --grey30: #F8F8F8;
    --grey35: #F7F7F7;
    --grey40: #F4F4F4;
    --grey45: #D7D7D7;
    --grey50: #EEEEEE;
    --grey55: #d8d8d8;
    --grey60: #DFE0E1;
    --grey70: #BCBCBD;
    --grey80: #949596;
    --grey85: #8C8C8C;
    --grey90: #737475;
    --grey91: #F0F0F0;
    --grey95: #6F6F6F;
    --grey100: #606162;
    --grey105: rgba(204, 204, 204, 0.5);
    --grey110: #dce4f0;
    --grey115: #9e9e9e;
    --grey120: #b6b6b6;
    --grey200: #444445; /*also #111111 and #2D2E31 and #161616 and #141414 and #272729 and #414141*/
    --grey205: rgba(68, 68, 69, 0.75);
    --grey206: rgba(68, 68, 69, 0.8);
    --grey207: rgba(68, 68, 69, 0.27);
    --grey210: #f1f1f1;
    --grey250: #3a3a3a;
    --grey300: #2D2E31;
    --grey310: #f6f6f6;
    --grey320: #fbfbfb;
    --grey400: #d4d4d4;
    --grey500: #686868;
    --grey200-08: rgba(17,17,17,0.08);

    --darkGrey: #A9A9A9;
    --dark-grey: #A9A9A9;
    --greyDisabled: #D9D9D9;
    --grey-disabled: #D9D9D9;
    --gray-super-light: #fafafa;
    --gray-light: #ccc; /* also #cbcbcb rgb(203 203 203) */
    --gray-regular: #a8a6ab;
    --gray-dark: #333333;
    --color-light-purple: #D6D8F6;
    --grey-progress: rgba(172, 172, 172, 0.25);
    --grey-separator: rgba(0, 0, 0, 0.08);
    --light-grey-label: #999999;
    --grey-dark-border: rgba(216, 216, 216, 0.05);
    --grey-light-border: rgba(241, 241, 241, 0.60);
    --yellow10: #FFFDF3;
    --yellow20: rgba(255, 201, 2, 0.16);;
    --yellow30: #DE9500;
    --yellow40: #ffffdb;

    --purple10: #F0F0FB;
    --purple20: #F7F7FF;
    --light-pink: #F2F2FD;
    --purple25: var(--purple10);
    --purple30: #3c1f93;
    --purple40: #f2f2fd;
    --darkPurple: #38174D;
    --purple200: #250C36;
    --dark-text-purple: #6B6AAB;
    --dark-hover-text-purple: #504f82;
    --blury-white: rgb(255 255 255 / 60%);

    --warningLighter: #FFF9E2;
    --color-warning30: #FFC902;

    --light-green: #dbf4e8;
    --light-green-border: #18a761;
    --orange: #f2a93b;
    --orange10: #EC6D11;
    --blue: #1593FC;
    --blue20: #e7f4fe;
    --hover-blue:#1176CA;
    --blue5: #E3F2FF;
    --blue10: #F5FAFF;
    --blue200: #0c53b7;
    --blue50: #1176CA;
    --blue90: #E2EAF6;
    --blue100: #04297A;
    --blue110: #21a0df;
    --blueLighter: #F5F8FD;
    --blue-lighter: #F5F8FD;
    --topMenuBackground: #225a95;
    --defaultBorderColor: rgba(17,17,17,0.08);
    --default-border-color: #32aed8;
    --hoverBorderColor: var(--grey200);
    --hover-border-color: var(--grey200);
    --focusBorderColor: #2e2e2e;
    --focus-border-color: #2e2e2e;
    --defaultBorder: 2px solid var(--defaultBorderColor);
    --default-border: 2px solid var(--defaultBorderColor);
    --defaultBorderRadius: 6px;
    --default-border-radius: 6px;
    --defaultInputHeight: 40px;
    --default-input-height: 40px;
    --main-color: #32aed8;
    --textElementsBorder: #32aed8;
    --buttonHoverColor: #3e9dbd;
    --button-hover-color: #3e9dbd;
    --buttonActiveColor: #004076;
    --button-active-color: #004076;
    --buttonBorderRadius: 30px;
    --navlinksColor: #005999;
    --nav-links-color: #005999;
    --default-input-text-color: #000;
    --textColorDark: #5c5c5c;
    --text-color-dark: #5c5c5c;
    --borderColor: #acacac;
    --border-color: #acacac;

    --userIconColor: #00aed5;
    --user-icon-color: #00aed5;
    --userIconBorderColor: var(--main-color);

    --switcher-content: ' ';
    --switcher-checked-background-color: #fff;
    --switcherCheckedBackgroundColor: #fff;
    --switcherUncheckedBackgroundColor: #fff;
    --switcherThumbSize: 26px;
    --switcherBarHeight: 10px;
    --switcherBarWidth: 35px;
    --switcherBorder: 1px solid #225a95;
    --switcherThumbContainerTopPosition: 0px !important;
    --switcherThumbTopPosition: -8px;
    --switcherThumbLeftPosition: -3px;
    --switcherThumbBackgroundColor: var(--main-color);

    --selected-item-color: #e4f1f7;
    --gradient-start: #004076;
    --gradient-end: #225a95;
    --border: 1px solid #acacac;
    --border-blue: 1px solid #32aed8;
    --color-dark-blue: #005999;
    --color-darker-blue: #004076;
    --color-light-blue: #00aed5;
    --titles-color: #4e96d7;
    --links-color: #32aed8;
    --links-hover: #004076;
    --white: #ffffff;
    --silver: #aaa;
    --black: #000000;
    --button-disabled-color: #d4d2d2;
    --color-light-grey: #ebebeb;
    --approve-green: #8CCC87;
    --approve-button-green: #3dcc79;
    --excel-green: #10864B;
    --valid-check-icon: #9bd297;
    --color-dark-green: #349a38;
    --error-red: #ff0000;
    --links: #32aed8;
    --newLabel: #ff991f;
    --grey-label: var(--grey12);

    --borderColorGrey: #ccc;
    --border-color-grey: #ccc;
    --borderColorDarkGrey: #999;
    --border-color-dark-grey: #999;
    --mainContentTabPadding: 26px;
    --selected-option-bg-color-emphasis: #ffffdb;

    --accordion-collapsed-bg: #e9e9e9;
    --accordion-border: 1px solid #B6B6B6;
    --errorColor: #ee5a4c;
    --error-color: #ee5a4c;
    --error-icon-color: var(--errorColor);
    --errorTextFontWeight: 400;
    --error-input-color: #ff7474;
    --warning-color: #ffff99;

    --label-gray-color: rgb(168 166 171);

    --list-border-color: rgba(51, 51, 51, 0.25);

    --general-font: 'Roboto', arial, tahoma, helvetica, sans-serif;
    --font-weight400: 400;
    --selected-row-color: var(--purple25);
    --dropdownToggleHover: #23527c;
    --activeVersionMessage: #e4f1f7;
    --breadCrumbColor: #32aed8;
    --bread-crumb-color: #32aed8;
    --breadCrumbArrowColor: #004076;
    --settings-icon: white;
    --settings-icon-hover: #32aed8;

    --collaboration-background: #fafafa80;
    --collaboration-disabled : #D9D9D9;
    --collaboration-border-bottom: #F7F7F7;
    --collaboration-border: #99999980;
    --collaboration-scroller: #999999;
    --collaboration-badge: #F9AE3F;
    --collaboration-replies-hr: #E9E9E9;
    --collaboration-date: #888888;
    --collaboration-online: #3DCC79;
    --collaboration-textarea-bg: #F9F9F9;
    --collaboration-after-resolved: #3DCC79;
    --collaboration-textarea-bg-focus: #F5F5F5;
    --collaboration-mentions-hover: #00B2FF;
    --collaboration-mention: #00B2FF;
    --collaboration-mention-resolved: #888888;
    --quote-lock-bg: #FFF9E2;
    --quote-lock-editor-bg: #F5FAFF;
    --light-blue-transparent: rgba(214, 218, 246, 0.24);

    --table-nth-child-bg: #F3F3F3;
    --gray-chip-option: #F3F3F3;

    --disabled-opacity: 0.5;

    --user-settings-border-color: #c1b9b9;
    --user-settings-hover-background-color: #f9f9f9;
    --user-settings-hover-color: #808080;
    --user-settings-text-color: #575757;
    --page-background-new-theme: linear-gradient(360deg, #F4F7FC 39.49%, #E3E9F3 95.72%);
    --box-shadow: 0 2px 5px rgba(106, 106, 106, 0.25);
    --box-shadow-0-2-30: 0 2px 30px rgba(106, 106, 106, 0.25);
    --box-shadow-4-3-14--2: 4px 3px 14px -2px rgba(0, 0, 0, 0.75);
    --box-shadow-4-1-0: 4px 1px 0 var(--grey60);
    --box-shadow-neg4-neg1-0: -4px -1px 0 var(--grey60);
    --box-shadow-4-2-0-white: 4px 2px 0 #ffffff;
    --box-shadow-neg4-2-0-white: -4px 2px 0 #ffffff;
    --input-border-default: rgb(17 17 17 / 8%);
    --box-shadow-purple-light: 0 0.4rem 2.28rem 0 #6B6AAB80;
    --box-shadow-purple: 0 0.4rem 2.28rem 0 #6B6AAB33;

}

::-webkit-scrollbar {
    width: 17px;
    height: 20px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border: 5px solid transparent;
    background-clip: content-box;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background-color: #D4D4D4;
}
.higher-scrollbar::-webkit-scrollbar-thumb {
    height: 25px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

.trash-button {
    font-size: 1.7rem;
    cursor: pointer;
}
.trash-button:hover {
    color: var(--error-main);
 }