/*
#000000 = theme color
#000000 = theme color darkened
#000000 = theme color lightened
#2e2e38 = theme background color
@head-image = header image
@logo = logo image
*/



body {
    font-family:  Panton-Regular, Arial, Trebuchet MS, sans-serif;
}

.btn {
	background-color : #000000;
}

.vm-btn {
	background-color : #000000;
	background : linear-gradient(#000000, #000000);
}

.vm-btn:hover, .vm-btn:active, .vm-btn:focus {
    background: linear-gradient(#000000, #000000);
}

body .content .page-head {
	background-color : #2e2e38;
	background-image : @head-image;
}

body .introductionController h2, body .selfRegistrationController h2, 
body .registrationController h2, .diversityController h2 {
	color: #000000;
}

body .content .page-foot .footer-links {
	background-color : #000000;
	border-top-color : #000000;
	color: white;
}

.controller .progress {
	border-color : #000000 !important;
}

.controller .icon, .sjtController .icon {
	border-color : #000000 !important;
	color : #000000 !important;
}

.controller .response-pane .response-row-header,
.sjtController .response-pane .response-row-header,
#spinner,
.html-content h1, .html-content h2, .html-content h3, .html-content h4,
.tickbox:hover .fa, .radiobox:hover .fa,
.title,
dt,
.click,
.theme-as-color {
	color : #000000 !important;
}

.response-text span {
	font-family:  Panton-Regular, Arial, Trebuchet MS, sans-serif !important;
}

body .content .page-foot ul a.footer-link:hover, body .content .page-foot ul a.footer-link:active, body .content .page-foot ul a.footer-link:focus {
	color : #000000 !important;
}

.theme-as-bgcolor {
	background-color : #000000 !important;
}

.theme-as-bordercolor {
	border-color : #000000 !important;
}

.themebg-as-color {
	color : #2e2e38 !important;
}

.themebg-as-bgcolor {
	background-color : #2e2e38 !important;
}

.themebg-as-bordercolor {
	border-color : #2e2e38 !important;
}

.themelightened-as-bordercolor{
	border-color:#000000 !important;
}

.themelightened-as-text{
	color:#000000 !important;
}

.click:hover {
	color: #000000 !important;
}

.throb {
    animation: throb-animation 2s linear normal;
    animation-iteration-count: 1;
}

@keyframes throb-animation {

    0% {
		color: #000000;
    }

    50% {
        color: #000000;
    }

    100% {
        color: #000000;
    }
}

.response-option-bg.circle {
	border: 1px solid #000000;
}

.response-option-bg.circle i {
    color: #000000;
}