/* Colors Legend *******************/

/* #edf3f7 > Lightest Grey */
/* #e6e9ea > Lighter Grey */
/* #bdbec0 > Light Grey */
/* #a7b0b6 > Grey */
/* #73777c > Dark Grey */
/* #55646e > Darkest Grey */

/* #f3f7fa > Light Blue */
/* #80bde1 > Blue */
/* #346a98 > Blue */
/* #2d5e87 > Dark Blue */
/* #254f71 > Darker Blue */
/* #1f233f > Darkest Blue */

/* #95d0ce > Light Green - Valid */
/* #68bcba > Green - Valid */
/* #e0bd63 > Gold - Attention */
/* #f8b195 > Light Orange - Error */
/* #f69068 > Orange - Error */

/* Preset Tags *******************/

body {
	color: #73777c;
}

h1 {
	color: #346a98;
}

h1:before {
	background-color: #80bde1;
}

h2 {
	color: #346a98;
}

h2:before {
	background-color: #80bde1;
}

h3 {
	color: #55646e;
}

h3.reverse-color {
	color: #ffffff;
}

h3:after,
h4:after {
	background-color: #80bde1;
}

h4 {
	color: #a7b0b6;
}

a {
	color: #346a98;
}

dl dt {
	color: #bdbec0;
}

dl dd {
	color: #55646e;
}

dl dt,
dl dd {
	border-bottom-color: #edf3f7;
}

hr {
	border-top-color: #e6e9ea;
}

::placeholder {
  color: #a7b0b6;
}

.valid {
	color: #68bcba;
}

.error {
	color: #f69068;
}

.discreet {
	color: #bdbec0;
}

.highlight-section {
	background-color: #2d5e87;
	color: #ffffff;
}

/* Scrollbar *******************/

.custom-scrollbar::-webkit-scrollbar-track,
.custom-scrollbar ::-webkit-scrollbar-track {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar ::-webkit-scrollbar {
	background-color: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.custom-scrollbar ::-webkit-scrollbar-thumb {
	background-color: #e6e9ea;
}

/* Radio / Checkbox *******************/

label {
	color: #bdbec0;
}

label span {
	color: #73777c;
}

input[type=checkbox] + span:before,
input[type=radio] + span:before {
	border-color: #e6e9ea;
	background-color: #ffffff;
}

input[type=checkbox]:checked + span,
input[type=radio]:checked + span {
	color: #346a98;
}

input[type=checkbox] + span:hover:before,
input[type=checkbox]:checked + span:before,
input[type=radio] + span:hover:before,
input[type=radio]:checked + span:before {
	border-color: #80bde1;
}

input[type=checkbox]:checked + span i {
	color: #80bde1;
}

input[type=radio]:checked + span:after {
	background-color: #80bde1;
}

.input-container-result {
	border-color: #e6e9ea;
}

.input-container-result.checked,
.input-container-result.error,
.input-container-result.valid,
.input-container-result.checked + .input-container-result:not(.error):not(.valid):not(.checked),
.input-container-result.error + .input-container-result:not(.error):not(.valid):not(.checked),
.input-container-result.valid + .input-container-result:not(.error):not(.valid):not(.checked) {
	border-color: #ffffff;
}

.input-container-result.valid span {
	background-color: #95d0ce;
	color: #ffffff;
}
.input-container-result.error span {
	background-color: #f8b195;
	color: #ffffff;
}

.input-container-result.checked span,
.input-container-result.valid span {
	border-color: #95d0ce;
}

.input-container-result.valid span:before,
.input-container-result.error span:before {
	background-color: #ffffff;
}

/* Input Text / File / Number *******************/

input[type="text"],
input[type="password"],
input[type="number"],
.input-file {
	border-bottom-color: #80bde1;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
	border-bottom-color: #1f233f;
}

.input-file .label {
	color: #bdbec0;
}

.input-file .filename {
	color: #1f233f;
}

.input-icon i {
	color: #80bde1;
}

.input-icon i:hover,
.input-file:hover i {
	color: #346a98;
}

/* Textarea *******************/

textarea {
	border-bottom-color: #80bde1;
}

textarea:focus {
	border-bottom-color: #1f233f;
	color: #1f233f;
}

/* Select *******************/

.custom-select i {
	color: #80bde1;
}

.custom-select:not(.open) > ul,
.select-list .placeholder {
	color: #a7b0b6;
}

.select-list .placeholder,
.select-list ul {
	border-color: #80bde1;
}

.select-list .selected {
	color: #1f233f;
}

.select-list ul li {
	background-color: #ffffff;
	color: #1f233f;
}

.custom-select.open .select-list ul li:hover {
	background-color: #f3f7fa;
}

.custom-select.flag-select.open .select-list ul li:hover {
	background-color: #ffffff;
}

/* Call To Action *******************/

.cta-default {
	color: #346a98;
	border-color: #80bde1;
}

.cta-default .fa {
	color: #80bde1;
}

.cta-default:hover {
	border-color: #346a98;
}

.cta-default:active,
.cta-default.selected {
	border-color: #254f71;
}

.cta-highlight {
	color: #346a98;
}

@media (max-width: 768px) {
	
	.cta-highlight {
		color: #ffffff;
		background-color: #80bde1;
	}
}

.cta-highlight .fa {
	color: #ffffff;
	background-color: #80bde1;
}

.cta-highlight:hover .fa {
	background-color: #346a98;
}

.cta-highlight:active .fa,
.cta-highlight.selected .fa {
	background-color: #254f71;
}

.cta-contextual {
	color: #346a98;
}

.cta-contextual.secondary {
	color: #e0bd63;
}

.cta-contextual i {
	color: #80bde1;
}

.cta-contextual.secondary i,
.cta-contextual.secondary:hover i {
	color: #e0bd63;
}

.cta-contextual:hover i {
	color: #346a98;
}

/* Nav Sub Menu *******************/

.nav-sub {
	background-color: #ffffff;
}

.nav-sub::after {
	border-bottom: 8px solid #ffffff;
}

.nav-sub > li a {
	color: #55646e;
}

.nav-sub > li:hover {
	background-color: #e0bd63;
}

.nav-sub > li:hover a {
	color: #ffffff;
}

/* Stats Counter *******************/

.stats-counter .description {
	color: #a7b0b6;
}

.stats-counter .value {
	color: #ffffff;
}

.stats-counter.highlight .description,
.stats-counter.highlight .value {
	color: #e0bd63;
}

/* Accordion *******************/

.accordion-button {
	color: #55646e;
}

.accordion-button .fa {
	color: #1f233f;
}

.accordion-panel > li:last-child {
	border-bottom-color: #edf3f7;
}

.accordion-button .more-info {
	color: #a7b0b6;
}

.accordion-simple .accordion-button {
	border-bottom-color: #edf3f7;
}

.accordion-simple .accordion-panel > li:not(:first-child) {
	border-top-color: #edf3f7;
}

.accordion-table .accordion-button {
	border-top-color: #edf3f7;
	border-bottom-color: #edf3f7;
}

.accordion-table .accordion-button i {
	border-color: #edf3f7;
}

.accordion-table:not(.active) .accordion-button i {
	background-color: #edf3f7;
}

.accordion-table .accordion-panel > li {
	border-left-color: #edf3f7;
}

.accordion-table .accordion-panel > li:not(:last-child) {
	border-bottom-color: #edf3f7;
}

.accordion-table .accordion-panel .status:before {
	border-color: #edf3f7;
	background-color: #ffffff;
}

.accordion-table .accordion-panel .status-neutral:before {
	border-color: #ffffff;
	background-color: #80bde1;
}

/* Breadcrumbs *******************/

.breadcrumbs {
	color: #55646e;
}

.breadcrumbs li:before {
	background-color: #a7b0b6;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a {
	color: #e0bd63;
}

.breadcrumbs li:last-child:before {
	background-color: #e0bd63;
}

/* Question Nav *******************/

.q-nav {
	border-bottom-color: #edf3f7;
}

.q-nav > ul > li > a,
.q-nav > ul > li > span {
	color: #bdbec0;
}

.q-nav > ul > li.selected {
	border-bottom-color: #e0bd63;
}

.q-nav > ul > li.selected > a,
.q-nav > ul > li.selected > span {
	color: #1f233f;
}

.q-nav > ul ul {
	background-color: #ffffff;
	border-color: #80bde1;
}

.q-nav > ul > li li a,
.q-nav > ul > li li span {
	color: #1f233f;
}

.q-nav ul ul li:hover {
	background-color: #edf3f7;
}

/* Side Nav *******************/

#sidebar-nav-container .sidebar-nav {
	background-color: #2d5e87;
}

#sidebar-nav-container .sidebar-nav a {
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav .selected,
#sidebar-nav-container .sidebar-nav a:hover {
	background-color: #346a98;
	color: #80bde1;
}

#nav-list.active > li.active > a {
	color: #e0bd63;
}

#nav-list.active > li.active > a i {
	color: #ffffff;
}

#sidebar-nav-container .close-btn a {
	border-color: #ffffff;
}

/* Popup *******************/

.popup {
	box-shadow: 0 10px 40px #cbdeec;
}

/* Manager - Header *******************/

header {
	background-color: #346a98;
}

header a {
	color: #ffffff;
}

.side-nav-btn {
	color: #ffffff;
}

.side-nav-btn:hover {
	background-color: #80bde1;
}

#main-nav .nav > li > a,
#main-nav .nav > li > span {
	color: #ffffff;
}

#main-nav .nav > li > a:hover {
	color: #e0bd63;
}

#main-nav .nav > li > a.selected {
	color: #80bde1;
}

#main-nav .nav > li > a.selected::after {
	background-color: #80bde1;
}

.logged-in-profile {
	color: #ffffff;
	background-color: #2d5e87;
}

@media (max-width: 960px) {
	header {
		background-color: #2d5e87;
	}
	#main-nav {
		background-color: #346a98;
	}
}

/* Manager - License Recap *******************/

.manager-license-recap {
	background-color: #1f233f;
}

.manager-license-recap dd {
	color: #ffffff;
}

.manager-license-recap dt,
.manager-license-recap dd {
	border-bottom-color: #a7b0b6;
}

/* Manager - Stats Recap *******************/

.manager-stats-recap {
	background-color: #254f71;
}

/* Manager - Time Recap *******************/

.manager-time-recap {
	background-color: #346a98;
	color: #ffffff;
}

.manager-time-recap .description {
	color: #80bde1;
}

/* Manager - Breadcrumbs *******************/

.breadcrumbs-container {
	border-bottom-color: #f3f7fa;
}

/* Manager - Categories *******************/

.manager-categories {
	background-color: #f3f7fa;
}

.manager-categories a {
	color: #55646e;
}

.manager-categories a.selected,
.manager-categories a:hover {
	background-color: #edf3f7;
	color: #346a98;
}

.manager-categories i {
	color: #a7b0b6;
}

.manager-categories a.selected i,
.manager-categories a:hover i {
	color: #e0bd63;
}

/* Manager - Reports *******************/

.manager-reports li {
	background-color: #2d5e87;
}

.manager-reports.participants li {
	background-color: #f3f7fa;
}

.manager-reports li div {
	background-color: #ffffff;
}

.manager-reports p {
	color: #a7b0b6;
}

/* Manager - Search Fields *******************/

.search-fields {
	background-color: #f3f7fa;
}

.search-fields .search-folder {
	color: #bdbec0;
}

/* Manager - Statistics Details *******************/

.stats-section > section {
	border-top-color: #edf3f7;
}

.stats-section .more-details {
	background-color: #f3f7fa;
}

.stats-section .more-details-card {
	background-color: #ffffff;
}

.stats-section .more-details-card dd {
	color: #ffffff;
}

.stats-section .more-details-card .highlight-value {
	color: #e0bd63;
}

/* Manager - Question Main Menu *******************/

.q-search-menu {
	border-bottom-color: #f3f7fa;
}

/* Manager - Questions Folders *******************/

.q-folders {
	background-color: #f3f7fa;
}

.q-folders a,
.q-folders span,
.q-folders li.selected li a,
.q-folders li.selected li span {
	color: #73777c;
}

.q-folders ul i {
	color: #a7b0b6;
}

.q-folders li.selected a,
.q-folders li.selected span {
	color: #346a98;
}

.q-folders li.selected::before,
.q-folders li.selected::before {
	background-color: #edf3f7;
}

.q-folders li.selected > .fa-folder,
.q-folders li.selected > a > .fa-folder {
	color: #e0bd63;
}

/* Manager - Questions Container *******************/

.q-list thead th {
	border-bottom-color: #73777c;
	color: #a7b0b6;
}

.q-list tbody td {
	border-bottom-color: #f3f7fa;
}

.q-list tr.selected {
	background-color: #edf3f7;
	color: #346a98;
}

.q-list tbody td:first-child::before {
	background-color: #68bcba;
}

.q-list tbody .row-warning td:first-child::before {
	background-color: #e0bd63;
}

.q-list tbody .row-error td:first-child::before {
	background-color: #f69068;
}

/* Manager - Selection Popup *******************/

#selection-popup .close-btn:not(:hover) {
	color: #80bde1;
}

/*

#selection-popup .category-tree .actions a i {
	color: #80bde1;
}

#selection-popup .category-tree .actions a:hover i {
	color: #346a98;
}

#selection-popup .selection-list,
#selection-popup .search-validation {
	background-color: #ffffff;
}

#selection-popup .selection-list li {
	border-bottom-color: #f3f7fa;
}

#selection-popup .selection-list li a,
#selection-popup .selection-list li span {
	color: #73777c;
}

#selection-popup .selection-list li.selected {
	background-color: #edf3f7;
}

*/

@media (max-width: 960px) {
	
	#selection-popup,
	#selection-popup .category-tree {
		background-color: #f3f7fa;
	}
}