@import url(/fonts/poppins/goog.css);

/* BACKGROUND DARKEN / LIGHTEN */
.ttb-dark   { background-color: rgba(0,0,0,0.1); }
.ttb-dark2  { background-color: rgba(0,0,0,0.3); }
.ttb-dark3  { background-color: rgba(0,0,0,0.5); }
.ttb-light  { background-color: rgba(255,255,255,0.2); }
.ttb-light2 { background-color: rgba(255,255,255,0.5); }
.ttb-light3 { background-color: rgba(255,255,255,0.8); }

/* HOVER DARKEN / LIGHTEN */
.tth-darken::before  , .ttha-darken::before   { background-color: rgba(0,0,0,0.2); }
.tth-darken2::before , .ttha-darken2::before  { background-color: rgba(0,0,0,0.5); }
.tth-darken3::before , .ttha-darken3::before  { background-color: rgba(0,0,0,0.8); }
.tth-lighten::before , .ttha-lighten::before  { background-color: rgba(255,255,255,0.2); }
.tth-lighten2::before, .ttha-lighten2::before { background-color: rgba(255,255,255,0.5); }
.tth-lighten3::before, .ttha-lighten3::before { background-color: rgba(255,255,255,0.8); }

.tt-but::before, .tt-but-sm::before { background-color: rgba(255,255,255,0.2); }

/* BACKGROUNDS */
.ttb-back  { background-color: #edf1f5; }
.ttb-main  { background-color:#485bc7; }

.ttb-head  { background-color: #6d7fda; }
.ttb-menu  { background-color: #ffffff; }
.ttb-white { background-color: #ffffff !important; }
.ttb-menu-text { background-color: #8d97ad; }

/* COLORS */
.ttc-red, .tth-red:hover { color: red; } .ttb-red, .tthb-red:hover { background-color: #6d7fda; }
.ttc-blue, .ttc-blue:visited, .tth-blue:hover, .tth-blue.active { color: #1bb5c6; }

/* COLORS */
.ttc-white, .ttc-white:visited { color: #ffffff; }
.ttc-menu-text, .ttc-menu-text:visited { color: #ffffff; }
.ttc-submenu-text, .tth-submenu-text:visited { color: #777D74; }
.ttc-main, .ttc-main:visited  { color: #4152b3; }
.ttc-head, .ttc-head:visited  { color: #ffffff; }
.ttc-black { color: #000000; }

/* HOVER COLORS */
.tth-main:hover, .tth-main.active { color: #4152b3; }
.tth-blue:hover, .tth-blue.active { color: #ff852e; }
.tth-menu-text:hover, .tth-menu-text.active { color: #46e2f2; }

/*
.tt-menu > li.active > .tt-menu-title, .tt-menu > li.open {
	background-color: #ffffff;
	border-radius: 1em;
}
*/
.tt-menu-left  .ttc-menu-text.tt-menu-branch.open,
.tt-menu-right .ttc-menu-text.tt-menu-branch.open {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.tt-menu-left  .ttc-menu-text.tt-menu-branch.open > .tt-menu-title,
.tt-menu-right .ttc-menu-text.tt-menu-branch.open > .tt-menu-title {
	padding: 1em 2.5em 1em 2.5em;
	border-radius: 1em 1em 0 0;
	background-color: #ffffff;
	color: #6d7fda;
}
.tt-menu-left  .ttc-menu-text.tt-menu-branch.open > .tt-menu-title .tt-ico,
.tt-menu-right .ttc-menu-text.tt-menu-branch.open > .tt-menu-title .tt-ico {
	left: 0.5em;
}
.tt-menu-left  .ttc-menu-text.tt-menu-branch.open > .tt-submenu,
.tt-menu-right .ttc-menu-text.tt-menu-branch.open > .tt-submenu {
	border-radius: 0 0 1em 1em;
	background-color: #ffffff;
}
.ttc-submenu-text:hover, .ttc-submenu-text.active, .ttc-submenu-text:hover > .tt-menu-title {
	color: #ff852e!important;
}
.tt-menu-left  .ttc-submenu-text.active,
.tt-menu-right .ttc-submenu-text.active {
	background-color: #ceebee;
}

/* MENU COLORS */
.tt-menu {
	background-color: #c8d0f7;
	
}
.tt-menu > li:hover,
.tt-menu-left .tt-menu > li.active,
.tt-menu-right .tt-menu > li.active {
	/* background-color: #f9f9f9; */
}

/* notice COLORS */
.tt-notice-info    { background-color: #26c9db; color: white; }
.tt-notice-error   { background-color: #e46a76; color: white; }
.tt-notice-warning { background-color: #fd9d55; color: white; }
.tt-notice-success { background-color: #00c292; color: white; }

/* BUTTON COLORS */
.tt-but-sm.tt-error  , .tt-but.tt-error,
.tt-but-sm.tt-danger , .tt-but.tt-danger  { background-color: #e46a76; color: white; }
.tt-but-sm.tt-primary, .tt-but.tt-primary { background-color: #6d7fda; color: white; }
.tt-but-sm.tt-info   , .tt-but.tt-info    { background-color: #26c9db; color: white; }
.tt-but-sm.tt-warning, .tt-but.tt-warning { background-color: #fd9d55 /*#e4a616*/; color: #303030; }
.tt-but-sm.tt-success, .tt-but.tt-success { background-color: #00c292; color: white; }
.tt-but-sm.tt-gray   , .tt-but.tt-gray    { background-color: #eeeeee; color: black; }
.tt-but-sm.tt-washed , .tt-but.tt-washed  { background-color: #c8c8c8; color: white; }
.tt-but-sm.tt-white  , .tt-but.tt-white   { background-color: #ffffff; color: black; }
.tt-but-sm.tt-orange , .tt-but.tt-orange  { background-color: #ee8845; color: white; }

/* MAIN COLORS */
.ttb-danger    { background-color: #e46a76 !important; }
.ttb-info      { background-color: #26c9db !important; }
.ttb-primary   { background-color: #c8d0f7 !important; }
.ttb-warning   { background-color: #fd9d55 !important; }
.ttb-success   { background-color: #00c292 !important; }
.ttb-gray      { background-color: #999999 !important; }
.ttc-danger    { color: #e46a76 !important; }
.ttc-info      { color: #6d7fda !important; }
.ttc-primary   { color: #6d7fda !important; }
.ttc-warning   { color: #fd9d55 !important; }
.ttc-success   { color: #00c292 !important; }
.ttc-gray      { color: #999999 !important; }
.ttc-lightgray { color: #cacaca !important; }
.ttl-danger    { border-color: #e46a76 !important; }
.ttl-info      { border-color: #26c9db !important; }
.ttl-primary   { border-color: #6d7fda !important; }
.ttl-warning   { border-color: #fd9d55 !important; }
.ttl-success   { border-color: #00c292 !important; }
.ttl-gray      { border-color: #999999 !important; }

/* SHADOW CLASSES */
.tt-shadow  { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.1); }
.tt-shadow2 { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2); }
.tt-shadow3 { box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.3); }

.ttc-shadow  { text-shadow: 0px 0px 2px rgba(0,0,0,0.3); }
.ttc-shadow2 { text-shadow: 0px 0px 5px rgba(0,0,0,0.45); }
.ttc-shadow3 { text-shadow: 0px 0px 5px rgba(0,0,0,0.86); }

/* ROUNDED BORDERS */
.ttr-fine, .tt-but.ttr-fine { border-radius: 0.3em; }
.ttr, .tt-but.ttr  { border-radius: 0.5em; }
.ttr2, .tt-but.ttr2 { border-radius: 1em; }
.ttr3, .tt-but.ttr3 { border-radius: 2em; }
.ttr-tl  { border-top-left-radius: 0.5em; }
.ttr-tl2 { border-top-left-radius:   1em; }
.ttr-tl3 { border-top-left-radius:   2em; }
.ttr-tr  { border-top-right-radius: 0.5em; }
.ttr-tr2 { border-top-right-radius:   1em; }
.ttr-tr3 { border-top-right-radius:   2em; }
.ttr-bl  { border-top-left-radius: 0.5em; }
.ttr-bl2 { border-top-left-radius:   1em; }
.ttr-bl3 { border-top-left-radius:   2em; }
.ttr-br  { border-bottom-right-radius: 0.5em; }
.ttr-br2 { border-bottom-right-radius:   1em; }
.ttr-br3 { border-bottom-right-radius:   2em; }
.ttr-t  { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; }
.ttr-t2 { border-top-left-radius:   1em; border-top-right-radius:   1em; }
.ttr-t3 { border-top-left-radius:   2em; border-top-right-radius:   2em; }
.ttr-b  { border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; }
.ttr-b2 { border-bottom-left-radius:   1em; border-bottom-right-radius:   1em; }
.ttr-b3 { border-bottom-left-radius:   2em; border-bottom-right-radius:   2em; }
/* APPLIED */
.tt-but, .tt-but-sm { border-radius: 0.1em; }
.tt-box-body { border-radius: 0.2em; }
.tt-notice { border-radius: 0.3em; }

/* LAYOUT CUSTOM */
.tt-body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
}
div.tt-but, a.tt-but {
	font-weight: 500;
}
/* HEAD & MENU SIZES */
.tt-head {
	height: 4.3em;
}
.tt-foot {
	height: 3em;
}
.tt-content {
	padding-bottom: 3.6em;
}

@media screen and (min-width: 993px) {
	/* CONTENT */
	.tt-menu-top .tt-main {
		min-height: calc(100vh - 7.5em);
		margin-top: 7.5em;
	}
	.tt-menu-left .tt-main { margin: 0 0 0 16em; }
	.tt-menu-right .tt-main { margin: 0 16em 0 0; }
	.tt-menu-left .tt-main,
	.tt-menu-right .tt-main,
	.tt-menu-bottom .tt-main {
		min-height: calc(100vh - 4.3em);
		margin-top: 4.3em;
	}
	.tt-menu-bottom .tt-main {
		min-height: calc(100vh - 7.5em);
		margin-bottom: 3em;
	}
	.tt-menu-left .tt-main,
	.tt-menu-right .tt-main {
		width: calc(100% - 16em);
	}
	/* MENU */
	.tt-menu-top .tt-menu, .tt-menu-left .tt-menu, .tt-menu-right .tt-menu {
		top: 4.3em;
	}
	.tt-menu-left .tt-menu, .tt-menu-right .tt-menu {
		height: calc(100% - 4.3em);
	}
	.tt-menu-top .tt-menu,
	.tt-menu-bottom .tt-menu {
		height: 3em;
	}
	.tt-menu-left .tt-menu,
	.tt-menu-right .tt-menu {
		width: 16em;
	}
}
@media screen and (max-width: 993px) {
	/* CONTENT */
	.tt-main {
		min-height: calc(100vh - 4.3em);
		margin-top: 4.3em;
	}
	.tt-menu-float .tt-main {
		width: calc(100% - 16em);
	}
	/* MENU - FLOATER */
	.tt-menu {
		width: 16em;
		top: 4.3em;
	}
}

/* PAGE CRUMBS ================================ */
/* PAGE CRUMB CONTAINER */
.tt-page-crumbs {
	flex-direction: row;
	flex-wrap: wrap;
	display: flex;
	width: 100%;
}

/* PAGE CRUMB */
.tt-page-crumb {
	min-width: max-content;
	padding: 0.75em 0 0 0;
	font-size: 0.9em;
}
.tt-page-crumb::before {
	margin: 0 0.25em 0 0.22em;
	display: inline-block;
	font-weight: bold;
	color: #26c9db;
	content: ">";
}
.tt-page-crumb:first-child::before {
	display: none;
	content: "";
}

/* PAGE CRUMB TEXT */
.tt-page-crumb span {
	transition: 0.05s ease-in-out;
	background-color: #ffffff;
	display: inline-block;
	padding: 0.1em 0.65em;
	border-radius: 0.5em;
	cursor: pointer;
	opacity: 0.6;
}
.tt-page-crumb.active span {
	background-color: #26c9db;
	color: white;
	opacity: 1;
}
.tt-page-crumb span:hover {
	transform: translateY(-0.1em);
	opacity: 1;
}
.tt-page-crumb.active span:hover {
	transform: none;
}

/* MENU BAR */
.tt-menu li.tt-menu-bar {
	height: 1.5em;
}
.tt-menu li.tt-menu-bar::before {
	transform: translateY(-50%);
	background-color: #ffffff;
	position: absolute;
	height: 1.5px;
	content: " ";
	opacity: 0.3;
	width: 60%;
	left: 20%;
	top: 50%;
}
.tt-menu > li.active > .tt-menu-title {
	color: #0026ff;
}
.tt-on {
	color: #0bad26 !important;
}
.tt-reverse.tt-on {
	color: #df5561 !important;
}




/*
html {
	scrollbar-color: #4152b3 #c8d0f7;
	scrollbar-width: thin;
}
html > * {
	scrollbar-color: initial;
}
::-webkit-scrollbar {
	background-color: #ffffff;
	height: 12px;
	width: 12px;
}
*/
.wer-form *::-webkit-scrollbar:hover,
.wer-doneaza-form *::-webkit-scrollbar:hover {
	background-color:#f8f9fc;
}
.wer-form *::-webkit-scrollbar-thumb,
.wer-doneaza-form *::-webkit-scrollbar-thumb {
	background-color: #c8d0f7;
	cursor: pointer;
	height: 12px;
	width: 12px;
}
.wer-form *::-webkit-scrollbar-thumb:hover,
.wer-doneaza-form *::-webkit-scrollbar-thumb:hover {
	background-color: #b2befb;
}