/*background-color*/

body {
    background: #F2F2F2 url(coins.png) left top;
    }
.nn-grid-row .label{background-color: #F2F2F2;}

/*primary-color*/                     
#slideContainerOverflow:before{visibility:hidden;}                     
.sliderContainer .touched.ui-slider .ui-slider-handle, .sliderContainer .ui-slider .ui-slider-handle:hover {                     
	background-color: #00A79D;                     
	border-color: #00A79D;}                     
.toggle {color: #00A79D;}                     
.nn-grid-row .label:hover{                     
	background-color: #00A79D;                     
	color: #fff;}                     
.totalSlider .slider .sliderProgress{background-color: #00A79D;}                     
.totalSlider .input .character{color: #00A79D;}                     
.totalSlider .input input{color: #00A79D;}                     
.form-group.answered .form-control-feedback{color:#00A79D;}                     
.ui-datepicker .ui-datepicker-current-day a{                     
	color: #00A79D !important;                     
	border: 2px solid #00A79D !important;}                     
.ui-state-default:hover{                     
	color: #00A79D !important;                     
	border: 2px solid #00A79D !important;}                     
a.ui-state-default.ui-state-highlight{                     
	color: #00A79D !important;                     
	border: 2px solid #00A79D !important;}                     
input:focus{                     
	color: #00A79D !important;                     
	border-color: #00A79D !important;}                     
textarea:focus{                     
	color: #00A79D !important;                     
	border-color: #00A79D !important;}                     
.btn.button-next {                     
	background-color: #00A79D;                     
	outline-color: #00A79D;}                     
.toggle.selected, .toggle.selected .label-inner, .toggle.has-img.selected .label-inner, .no-touch .toggle.has-img:hover .label-outer .label-inner, .no-touch .toggle:hover {                     
	background: #00A79D;                     
	border-color: #00A79D;                     
	color: #fff;}                     
.no-touch .toggle.has-img:hover{outline:5px solid #00A79D;}                     
#header {background: #00A79D;} 

/*label-text*/                    
.nn-grid-rows #activeRow .inner span, .toggle:not(.is-selected){                     
	font-size:16px;                     
	color: #666666;                    
	}

/*progressbar-color*/                    
#progressBar #progress{background: #A08C50;}                     
#welcomeMsg h2 {color: #A08C50;} 

/*category-border-color*/                    
.toggle{border-color: #CCCCCC;}

/*footer-background-color*/                    
#footer{background-color: #FFFFFF;}

/*footer-border-color*/                    
#footer{border-color: #CCCCCC;}

/*exclusive-color*/                    
.toggle.noneOfThese{background-color:#BFBFBF;}

/*custom-button-color*/                    
[class*=button-user-]{                     
	background-color: #F2F2F2;                     
	outline-color: #F2F2F2;} 

/*active-text*/                    
.nn-grid-row .answer.is-selected .label span, .toggle.is-selected, .toggle.is-selected span.input{                     
	font-size:16px;                     
	color: #FFFFFF;                    
	font-style:italic;
}

/*instruction-text*/                    
.card > div > p{                     
	font-size:16px;                     
	color: #333333;                    
	;}

/*secondary-color*/                    
.toggle.is-selected, .toggle.is-selected:focus, .nn-grid-row .label:focus{                    
	background-color: #04998C;                     
	border: solid 1px #04998C;                     
	outline-color: #04998C; 
}                     
.nn-grid-row .answer.is-selected .label {                     
	background-color: #04998C;                     
	outline-color: #04998C;} 
                     
.sliderContainer .sliderProgress {background-color: #04998C;}                     
.welcomeTitle h1{color: #04998C;}                     
.starsContainer .ratingRow .ratingText .ic-check {color: #04998C;}                     
.nn-grid-row .question .ic-check {color: #04998C;}                     
.card-grid-horizontal .gridContainer .head td.active:after, .card-grid-horizontal .gridContainer .head th.active:after {background-color: #04998C;}                     
.card-grid-horizontal .gridContainer td .category.is-selected .category-label, .card-grid-horizontal .gridContainer td .category .category-label:hover{background-color: #04998C;}                     
.toggle.is-selected .label-inner, .toggle.has-img.is-selected .label-inner{                     
	background: #04998C;                     
	border-color: #04998C;                     
	color: #fff;}                     
.card-swipecards .movingLeft{                     
	color: #04998C !important;                     
	border-color: #04998C !important;                     
	outline: #04998C !important;}                     
.card-dragdrop .ui-draggable-dragging * {background-color: #04998C;}                     
.card-dragdrop .ui-draggable-dragging .toggle {background-color: #04998C !important;}                     

.no-touch .toggle.has-img:focus .label-outer .label-inner {                     
	background: #04998C;                     
	border-color: #04998C;}                     
.no-touch .toggle.has-img:focus {outline: 5px solid #04998C !important;}                     
@media (max-width: 992px) {                     
	.card-grid-horizontal .matrix td:first-child p {color: #04998C;}}

/*question-text*/                    
h2{                    
	font-size:20px;                    
	color: #000000;                    
	font-weight:bold;
}

/*show-left-logo*/             
.logo.left {             
	display: block;             
	content: url("../../footer-logo-l.png");}             
#footerContent img {display: block;}