/* WEBSITE MAIN COLOR */
.tt-but.tt-site, .tt-but-sm.tt-site { background-color: #e46a76; color: white; }
.ttb-site { background-color: #e46a76; }
.ttc-site { color: #e46a76; }

/* 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: #3baeda; }
.ttb-head  { background-color: #3baeda; }
.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: #3baeda; }
.ttc-blue, .ttc-blue:visited, .tth-blue:hover, .tth-blue.active { color: #5d8fbb; }

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

/* HOVER COLORS */
.tth-main:hover, .tth-main.active { color: #3baeda; }
.tth-blue:hover, .tth-blue.active { color: #c68e02; }
.tth-menu-text:hover, .tth-menu-text.active { color: #5d8fbb; }

.tt-submenu {
	background-color: #ffffff;
}

/*
.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: #3baeda;
}
.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 {
	color: #3baeda;
}
.tt-menu-left  .ttc-submenu-text.active,
.tt-menu-right .ttc-submenu-text.active {
	background-color: #ceebee;
}

/* MENU COLORS */
.tt-menu {
	background-color: #ffffff;
}
.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: #5d8fbb; color: white; }
.tt-notice-error   { background-color: #cc7373; color: white; }
.tt-notice-warning { background-color: #fd9d55; color: white; }
.tt-notice-success { background-color: #78a643; color: white; }

/* BUTTON COLORS */
.tt-but-sm.tt-error  , .tt-but.tt-error,
.tt-but-sm.tt-danger , .tt-but.tt-danger  { background-color: #cc7373; color: white; }
.tt-but-sm.tt-primary, .tt-but.tt-primary { background-color: #3baeda; color: white; }
.tt-but-sm.tt-info   , .tt-but.tt-info    { background-color: #5d8fbb; color: white; }
.tt-but-sm.tt-purple , .tt-but.tt-purple  { background-color: #967bdc; color: white; }
.tt-but-sm.tt-warning, .tt-but.tt-warning { background-color: #f6bb43; color: white; }
.tt-but-sm.tt-success, .tt-but.tt-success { background-color: #78a643; color: white; }
.tt-but-sm.tt-cancel , .tt-but.tt-cancel  { background-color: #ff7f7f; 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-washed  { background-color: #c8c8c8 !important; }
.ttb-danger  { background-color: #cc7373 !important; }
.ttb-info    { background-color: #5d8fbb !important; }
.ttb-primary { background-color: #3baeda !important; }
.ttb-warning { background-color: #fd9d55 !important; }
.ttb-success { background-color: #78a643 !important; }
.ttb-gray    { background-color: #999999 !important; }
.ttc-washed  { color: #c8c8c8 !important; }
.ttc-danger  { color: #cc7373 !important; }
.ttc-info    { color: #3baeda !important; }
.ttc-primary { color: #3baeda !important; }
.ttc-warning { color: #fd9d55 !important; }
.ttc-success { color: #78a643 !important; }
.ttc-gray    { color: #999999 !important; }
.ttc-light   { color: #dddddd !important; }
.ttl-washed  { border-color: #c8c8c8 !important; }
.ttl-danger  { border-color: #cc7373 !important; }
.ttl-info    { border-color: #5d8fbb !important; }
.ttl-primary { border-color: #3baeda !important; }
.ttl-warning { border-color: #fd9d55 !important; }
.ttl-success { border-color: #78a643 !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.3em; }
.tt-box-body { border-radius: 0.5em; }
.tt-notice { border-radius: 0.3em; }

/* BORDERS */
.tt-bb1 { border-bottom-width: 1px; border-bottom-style: solid; }
.tt-bb2 { border-bottom-width: 2px; border-bottom-style: solid; }
.tt-bb3 { border-bottom-width: 3px; border-bottom-style: solid; }

/* LAYOUT CUSTOM */
.tt-body {
	background-color: #c9d5e6;
	font-weight: 400;
	line-height: 1.5;
	color: #4e4e4e;
}
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;
}
html {
	scrollbar-color: #c1cffd #5078f7;
	scrollbar-width: thin;
}
html > * {
	scrollbar-color: initial;
}
@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: 3.5em;
	}
	.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;
	}
}