/*

	Custom Survey Theme Colours
	#background-image: url('../img/survey-bg5.jpg');
	#background-repeat: no-repeat;
	#background-attachment: fixed;
*/

body {
						background: #11835a !important;
			
		font-family: Arial, Helvetica, sans-serif;
	
	color: #ffffff !important;
	font-size: 1.2em !important;


}

.full-container {
    background: #11835a !important;
}

.survey{
	background: #11835a !important;
}

.card { border: 0; background: transparent;}

.card-body {
    padding: 0.3rem !important;
}

h1 { color: #ffffff !important; }
h2 { color: #ffffff !important; }
h3 { color: #ffffff !important; }
h4 { color: #ffffff !important; }
h5 { color: #ffffff !important; }
h6 { color: #ffffff !important; }

label {
	color: #ffffff !important;
	font-size: 1.2em !important;
}

.description {
	color: #ffffff !important;
	font-size:1.0em !important;
}

a {color: #3bafda !important;}

.btn-primary {
		color: #ffffff !important;
		background-color: #241f21 !important;
		border-color: #241f21 !important;
}

.btn-outline-secondary {
    color: #241f21 !important;
    background-color: transparent;
    background-image: none;
    border-color: #241f21 !important;
}

.btn-outline-secondary:hover {
		color: #ffffff !important;
		background-color: #241f21 !important;
}

.progress-bar {background-color: #007bff !important;}

.icheck-color > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-color > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #bdc3c7 !important;
}

.icheck-color > input:first-child:checked + label::before,
.icheck-color > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #bdc3c7 !important;
    border-color: #bdc3c7 !important;
}

blockquote{
  margin:50px auto;
  font-style:italic;
  color:#999999;
  padding:1.2em 30px 1.2em 75px;
  border-left:4px solid #CCC ;
  line-height:1.5;
  position: relative;
}

blockquote::before{
  content: "\201C";
  color:#CCCCCC;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
    background-color: #241f21 !important;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background-color: #241f21 !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #241f21 !important;
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
		color: #ffffff !important;
    background-color: #241f21 !important;
}

#likertTable {
	background-color: initial !important;
}

#likertTable > thead span {
	color: #333333 !important;
}

#likertTable > tbody span {

	color: #333333 !important;
}

.likert-radio-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.likert-radio-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.likert-radio {
  position: absolute;
  height: 15px;
  width: 15px;
  background-color: #ccc;
  border-radius: 50%;
}

.likert-radio-wrapper:hover input ~ .likert-radio {
  background-color: #ccc;
}

.likert-radio-wrapper input:checked ~ .likert-radio {
  background-color: #2b9fca !important;
}

.likert-radio:after {
  content: "";
  position: absolute;
  display: none;
}


.likert-radio-wrapper input:checked ~ .likert-radio:after {
  display: block;
}

.likert-radio-wrapper .likert-radio:after {
  top: 5.4px;
  left: 5.4px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: white;
}