@charset "utf-8";
/* CSS Document */

:root {
	--color-bg: /*#f1f1f1*/#ecf0fa;
	--color-main: black;
	--color-bg-main: white;
	--color-main-second: white;
	--color-bg-main-second: #44525f;
	
	--color-border: #ccd7ed;
	
	
	--color-silver-light: #e3ebf6;
	--color-silver-light2: #f1f5fa;
	--color-silver-light3: #f3f7fb;
	--color-gray: #a4abc5;
	--color-gray-dark: #6c757d;
	
	--color-red: #931e37;
	--color-red-light: #fdd6de;
	--color-red-faded: #ffb8b8;
	--color-attention: #f5325c;
	--color-no-content: #931e37;
	
	
	--color-yellow-light: #fff1d3;
	
	--color-orange: #ffab19;
	
	--color-blue-dark: #0f8bc9;
	--color-blue-dark2: #0e83be;
	--color-blue-faded: #7081b9;
	--color-blue-faded2: #d1dfff;
	--color-blue-bright: #12a4ed;
	--color-blue-light-opacity: rgba(23,97,253,0.1);
	
	
	--color-btn-txt: white;
	--color-btn-bg1: #12a4ed;
	--color-btn-bg2: #0f8bc9;
	--color-btn-bg3: #0e83be;
	--color-btn-bg4: #0e7bb2;
	--color-btn-shadow: rgba(54,178,240,0.5);
	
	--color-btn-green-bg1: #03d87f;
	--color-btn-green-bg2: #03b86c;
	--color-btn-green-bg3: #02ad66;
	--color-btn-green-bg4: #02a25f;
	--color-btn-green-shadow: rgba(41,222,146,0.5);
	
	--color-btn-red-bg1: #f5325c;
	--color-btn-red-bg2: #d02b4e;
	--color-btn-red-bg3: #c4284a;
	--color-btn-red-bg4: #b82645;
	--color-btn-red-shadow: rgba(247,81,116,0.5);
	
	--color-btn-gray-bg1: #9ba7ca;
	--color-btn-gray-bg2: #848eac;
	--color-btn-gray-bg3: #7c86a2;
	--color-btn-gray-bg4: #747d98;
	--color-btn-gray-shadow: rgba(170,180,210,0.5);
	
	
	--modal-bg: white;
	--modal-title-bg: #1c2d41;
	--modal-title-color: white;
	--modal-body-bg: white;
	--modal-body-color: black;
	--modal-footer-bg: #e3ebf6;
	
	--box-shadow-btns: 0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
	
	--border-radius: .35rem;
	
	
	--color-shadow-silver: rgba(205,208,213,0.5);
	
	
	
	--table-border-color: #eaf0f9;
	
	
	--sidebar-bg: #0c213a;
	--sidebar-color: #a9baca;
	--sidebar-separator-color: #20446f;
	--sidebar-width: 300px;
	
	--transition-time: 150ms;
	
	--desktop-scrollbar-width: 8px;
	
	--page-title-height: 90px;
	
	--page-block-shadow: 0 1px 0 0 var(--color-silver-light), 0 0 0 1px var(--color-silver-light);
	--page-block-active-shadow: 0 1px 0 0 var(--color-blue-faded2), 0 0 0 1px var(--color-blue-faded2);
	

	--padding: max(1.5rem, 1.5vw);
	--fields-margin: min(var(--padding), 1.5rem);
}
html[data-useragent*="Firefox"]:root{
	--desktop-scrollbar-width: 8px
}
@media screen and (max-width: 1399px) {
	:root {
		--sidebar-width: 260px;
		--page-title-height: 70px;
	}
}
@media screen and (max-height: 750px) {
	:root {
		--page-title-height: 70px;
	}
}
@media screen and (max-width: 1099px) {
	:root {
		--sidebar-width: 300px;
	}
}
::-webkit-scrollbar {width: var(--desktop-scrollbar-width); height: calc(var(--desktop-scrollbar-width) / 1.5); transition:all .5s ease; background-color: /*var(--color-btn-gray-shadow)*/ transparent;}
::-webkit-scrollbar-thumb{border: 0; background-color: var(--color-btn-gray-bg1); transition:all .5s ease; border-radius: calc(var(--desktop-scrollbar-width) * 2)}
*:hover::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:hover{background-color: var(--color-btn-gray-bg4);}
::-webkit-scrollbar-track{border-width: 0; background-color: transparent /*var(--color-btn-gray-shadow)*/;}
::-webkit-scrollbar-track:hover{background-color: transparent /*var(--color-btn-gray-shadow)*/;}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {background-color: var(--color-silver-light3); width: calc(var(--desktop-scrollbar-width) / 1.5)}
.auto-search-content::-webkit-scrollbar, .profile-section-content .profile-col.sidebar.sticky .card::-webkit-scrollbar, .profile-section-grid-holder .area-content::-webkit-scrollbar, .profile-section-grid-holder .scroll-y::-webkit-scrollbar {width: calc(var(--desktop-scrollbar-width) / 1.5);}
.left-sidebar-menu::-webkit-scrollbar {width: calc(var(--desktop-scrollbar-width) / 1.5); right: -10px}
.section-sidebar.entry-sidebar-menu .sidebar-content::-webkit-scrollbar, 
.section-sidebar.entry-sidebar-menu .sidebar-content-wrapper::-webkit-scrollbar, 
.entries-table-holder::-webkit-scrollbar, 
.card .card-section.screen-height::-webkit-scrollbar, 
.modal-dialog .page-content-scroll::-webkit-scrollbar,
.entry-context-menu-wrapper::-webkit-scrollbar,
.mainmenu-container .sys-message-wrapper::-webkit-scrollbar,
datalist::-webkit-scrollbar{width: calc(var(--desktop-scrollbar-width) / 1.5);}

html[data-useragent*="Firefox"], html[data-useragent*="Firefox"] * {scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.5) rgba(0,0,0,0.1);}


html {font-size: 14px; /*background-color: var(--sidebar-separator-color);*/}