/*

#4051BC - Theme color - Next button background color 
#212121 - Theme standard color 1  - Question header and Previous button font color
#e4e4e4  - Theme standard color 2  - Question header and Previous button background color
#fff  - Theme standard color 3 - Next button font color 
*/

/* Background colors */

.md-form  .theme-bg-color, .theme-bg-color{
	background-color: #9FCC3B !important;
}
.md-form  .theme-standard-bg-color1, .theme-standard-bg-color1{
	background-color: #575757 !important;
}
.md-form  .theme-standard-bg-color2, .theme-standard-bg-color2{
	background-color: #e4e4e4 !important;
}
.md-form  .theme-standard-bg-color3, .theme-standard-bg-color3{
	background-color: #fff !important;
}
.md-form  .theme-standard-bg-color4, .theme-standard-bg-color4{
	background-color: #e4e4e4!important;
}

/* Font colors */

.md-form  .theme-font-color, .theme-font-color{
	color: #9FCC3B !important;
}
.md-form  .theme-standard-font-color1, .theme-standard-font-color1{
	color: #575757 !important;
}
.md-form  .theme-standard-font-color2, .theme-standard-font-color2{
	color: #e4e4e4 !important;
}
.md-form  .theme-standard-font-color3, .theme-standard-font-color3{
	color: #fff !important;
}


/* Categorical background color - Checkboxes and Radio buttons background color*/
span[id*="Cell."] [type=radio]:checked+label, 
span[id*="Cell."] [type=checkbox]:checked+label,
.md-form  span[id*="Cell."] [type=radio]:checked+label, 
.md-form  span[id*="Cell."] [type=checkbox]:checked+label{
	background-color:#acdc40;
	color:#fff;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
}
.spinner-blue-only, .md-form .spinner-blue-only{
	border-color: #9FCC3B !important;
}

/* Below color code for when focus on below input types change the bottom border color of the inputs*/

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search-md]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]),
.md-form input[type=text]:focus:not([readonly]),
.md-form input[type=password]:focus:not([readonly]),
.md-form input[type=email]:focus:not([readonly]),
.md-form input[type=url]:focus:not([readonly]),
.md-form input[type=time]:focus:not([readonly]),
.md-form input[type=date]:focus:not([readonly]),
.md-form input[type=datetime-local]:focus:not([readonly]),
.md-form input[type=tel]:focus:not([readonly]),
.md-form input[type=number]:focus:not([readonly]),
.md-form input[type=search-md]:focus:not([readonly]),
.md-form textarea.md-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #9FCC3B;
  box-shadow: 0 1px 0 0 #9FCC3B;
}


/* Below color code for when focus on below input types change the label color of the corresponding inputs */

.md-form .prefix.active,
.md-form textarea~label.active, 
.md-form.md-outline .prefix:focus, 
.md-form.md-outline input[type=date]:focus:not([readonly])+label, 
.md-form.md-outline input[type=datetime-local]:focus:not([readonly])+label, 
.md-form.md-outline input[type=email]:focus:not([readonly])+label, 
.md-form.md-outline input[type=number]:focus:not([readonly])+label, 
.md-form.md-outline input[type=password]:focus:not([readonly])+label, 
.md-form.md-outline input[type=search-md]:focus:not([readonly])+label, 
.md-form.md-outline input[type=search]:focus:not([readonly])+label, 
.md-form.md-outline input[type=tel]:focus:not([readonly])+label, 
.md-form.md-outline input[type=text]:focus:not([readonly])+label, 
.md-form.md-outline input[type=time]:focus:not([readonly])+label, 
.md-form.md-outline input[type=url]:focus:not([readonly])+label, 
.md-form.md-outline textarea.md-textarea:focus:not([readonly])+label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search-md]:focus:not([readonly]) + label,
textarea.md-textarea:focus:not([readonly]) + label,
.md-form input[type=text]:focus:not([readonly]) + label,
.md-form input[type=password]:focus:not([readonly]) + label,
.md-form input[type=email]:focus:not([readonly]) + label,
.md-form input[type=url]:focus:not([readonly]) + label,
.md-form input[type=time]:focus:not([readonly]) + label,
.md-form input[type=date]:focus:not([readonly]) + label,
.md-form input[type=datetime-local]:focus:not([readonly]) + label,
.md-form input[type=tel]:focus:not([readonly]) + label,
.md-form input[type=number]:focus:not([readonly]) + label,
.md-form input[type=search-md]:focus:not([readonly]) + label,
.md-form textarea.md-textarea:focus:not([readonly]) + label  {
  color: #9FCC3B;
}

[type=checkbox]:checked+label:before, 
.md-form [type=checkbox]:checked+label:before,.form-check-input[type=checkbox]:checked+label:before, label.btn input[type=checkbox]:checked+label:before{
	border-right: 2px solid #9FCC3B;
    border-bottom: 2px solid #9FCC3B;
}
[type=radio].with-gap:checked+label:before,
.md-form [type=radio].with-gap:checked+label:before,.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after,.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio].with-gap:checked+label:before, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio].with-gap:checked+label:before, label.btn input[type=radio]:checked+label:after{
	    border: 2px solid #9FCC3B;
}

[type=radio].with-gap:checked+label:after,
.md-form [type=radio].with-gap:checked+label:after,.form-check-input[type=radio].with-gap:checked+label:after, .form-check-input[type=radio]:checked+label:after, label.btn input[type=radio].with-gap:checked+label:after, label.btn input[type=radio]:checked+label:after{
	border: 2px solid #9FCC3B;
    background-color: #9FCC3B;
}

[type=radio]:checked+label:after,
.md-form [type=radio]:checked+label:after{
	border: 2px solid #9FCC3B;
    background-color: #9FCC3B;
}

.form-control:focus {
    border-color: #9FCC3B;
}
.dropdown-content li>a, .dropdown-content li>span,
.md-form .dropdown-content li>a, .md-form .dropdown-content li>span{
	color: #9FCC3B;
}
.material-scrolltop,
.md-form .material-scrolltop,
.dropdown .dropdown-menu .dropdown-item:active,
.dropdown .dropdown-menu .dropdown-item:hover,
.dropleft .dropdown-menu .dropdown-item:active,
.dropleft .dropdown-menu .dropdown-item:hover,
.dropright .dropdown-menu .dropdown-item:active,
.dropright .dropdown-menu .dropdown-item:hover,
.dropup .dropdown-menu .dropdown-item:active,
.dropup .dropdown-menu .dropdown-item:hover,
.material-scrolltop:hover,
.md-form .material-scrolltop:hover {
    background-color: #9FCC3B;
}
.material-scrolltop::before,
.md-form .material-scrolltop::before  {
	background: #9FCC3B;
}
.form-group.is-focused .form-control {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#9FCC3B),to(#9FCC3B)),-webkit-gradient(linear,left top,left bottom,from(#D2D2D2),to(#D2D2D2));
	background-image: -webkit-linear-gradient(#9FCC3B,#9FCC3B),-webkit-linear-gradient(#D2D2D2,#D2D2D2);
	background-image: -o-linear-gradient(#9FCC3B,#9FCC3B),-o-linear-gradient(#D2D2D2,#D2D2D2);
	background-image: linear-gradient(#9FCC3B,#9FCC3B),linear-gradient(#D2D2D2,#D2D2D2);
	}
.lds-ellipsis div {
    background: #9FCC3B;
}
	.focus{
outline: #9FCC3B solid 2px;
	}
	.ui-slider-range{background:#E4E7F8 !important;}
	.dropdown-item.active, .dropdown-item:active{background:#9FCC3B !important;color:#fff !important; }
	
.picker__nav--prev:hover,
.picker__nav--next:hover,.picker__day--infocus:hover,
.picker__day--outfocus:hover,.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus,.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover,.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  background:#9FCC3B !important;color:#fff !important;
}