/*--------- tee sheet theme customization ---------*/

#app .is-primary {
	color: #0a62a9 !important;
}

/* buttons --primary */
#app .button.is-primary {
	background-color: #0a62a9 !important;
	color: #fff !important;
}
#app .button.is-primary.is-focused {
	background-color: #0a62a9 !important;
	color: #fff !important;
}
#app .button.is-primary[disabled] {
	background-color: rgba(10, 98, 169, 0.25) !important;
}
#app .button.is-primary:hover,
#app .button.is-primary.is-hovered {
	background-color: #0a62a9 !important;
	color: white !important;
}
#app .button.is-primary:focus:not(:active),
#app .button.is-primary.is-focused:not(:active) {
	box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
}
#app .button:focus:not(:active),
#app .button.is-focused:not(:active) {
	box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
}
#app .button:focus,
#app .button.is-focused {
	border-color: #0a62a9 !important;
}
#app .button.is-primary:active,
#app .button.is-primary.is-active {
	background-color: #0a62a9 !important;
	color: white !important;
}

/* buttons --success */
#app .button.is-success {
	background-color: rgb(67, 163, 121) !important;
	color: #fff !important;
}
#app .button.is-success:hover,
.button.is-success.is-hovered {
	background-color: rgb(47, 194, 130) !important;
	color: #fff !important;
}

/* inputs */
#app .input:focus {
	border-color: #0a62a9 !important;
	-webkit-box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
	box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
}

#app .input:focus,
#app .taginput .taginput-container.is-focusable:focus,
#app .textarea:focus,
#app .select select:focus,
#app .is-focused.input,
#app .taginput .is-focused.taginput-container.is-focusable,
#app .is-focused.textarea,
#app .select select.is-focused,
#app .input:active,
#app .taginput .taginput-container.is-focusable:active,
#app .textarea:active,
#app .select select:active,
#app .is-active.input,
#app .taginput .is-active.taginput-container.is-focusable,
#app .is-active.textarea,
#app .select select.is-active {
	border-color: #0a62a9 !important;
	-webkit-box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
	box-shadow: 0 0 0 0.125em rgba(10, 98, 169, 0.25) !important;
}

/* wizard steps --active */
#app .b-steps .steps .step-items .step-item.is-active .step-marker {
	background-color: white !important;
	border-color: #0a62a9 !important;
	color: #0a62a9 !important;
}
/* wizard steps --previous */
#app .b-steps .steps .step-items .step-item.is-previous .step-marker {
	color: white !important;
	background-color: #0a62a9 !important;
}
#app .b-steps .steps .step-items .step-item.is-active::before,
.b-steps .steps .step-items .step-item.is-previous::before {
	background: #0a62a9 !important;
}

/* slider background fill */
#app .b-slider .b-slider-fill {
	background: #0a62a9 !important;
	color: #0a62a9 !important;
}
/* slider thumb arrow*/
#app .b-tooltip.is-top.is-primary:before {
	border-top: 5px solid #0a62a9 !important;
}
/* slider thumb body*/
#app .b-tooltip.is-primary:after {
	background: #0a62a9 !important;
	color: white !important;
}

/*wizard path option images*/
/*#app #date-option {*/
/*	background-image: url(insert image url here) !important;*/
/*}*/
/*#app .course-selector {*/
/*	background-image: url(insert image url here) !important;*/
/*}*/

/*Toggle controls*/
#app .toggle-theme-default + .toggle-button {
	background: #0a62a9;
}
#app .toggle-input:disabled + .toggle-button {
	background: #a6a6a6;
}
/*--------- end tee sheet theme customization ---------*/