/* stock color button classes - used by button overrides */

.btn-blue {
  color: #ffffff !important;
  background-color: #314d68 !important;
  border-color: #294057 !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
  color: #ffffff !important;
  background-color: #24384c !important;
  border-color: #15212d !important;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
  background-color: #314d68 !important;
  border-color: #294057 !important;
}



.btn-green {
  color: #ffffff !important;
  background-color: #9aaf24 !important;
  border-color: #879a20 !important ;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
  color: #ffffff !important;
  background-color: #7c8d1d !important ;
  border-color: #5b6715 !important ;
}

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #9aaf24 !important;
  border-color: #879a20 !important;
}



.btn-red {
  color: #FFFFFF !important;
  background-color: #df4949 !important;
  border-color: #df4949 !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
  color: #ffffff !important;
  background-color: #d92626 !important;
  border-color: #b21f1f !important;
}

.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #df4949 !important;
  border-color: #db3333 !important;
}

.btn-yellow {
  color: #ffffff !important;
  background-color: #f3bf30 !important;
  border-color: #d1a429 !important;
}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
  color: #ffffff !important;
  background-color: #e0ab19 !important;
  border-color: #d1a429 !important;
}

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  background-color: #f3bf30 !important;
  border-color: #d1a429 !important;
}

.btn-sky {
  color: #ffffff !important;
  background-color: #0fb5e5 !important;
  border-color: #0d9cc5 !important;
}
.btn-sky:hover,
.btn-sky:focus,
.btn-sky:active,
.btn-sky.active {
  color: #ffffff !important;
  background-color: #1ba8d1 !important;
  border-color: #0d9cc5 !important;
}

.btn-sky.disabled,
.btn-sky[disabled],
fieldset[disabled] .btn-sky,
.btn-sky.disabled:hover,
.btn-sky[disabled]:hover,
fieldset[disabled] .btn-sky:hover,
.btn-sky.disabled:focus,
.btn-sky[disabled]:focus,
fieldset[disabled] .btn-sky:focus,
.btn-sky.disabled:active,
.btn-sky[disabled]:active,
fieldset[disabled] .btn-sky:active,
.btn-sky.disabled.active,
.btn-sky[disabled].active,
fieldset[disabled] .btn-sky.active {
  background-color: #0fb5e5 !important ;
  border-color: #0d9cc5 !important ;
}

.btn-purple {
  color: #ffffff !important;
  background-color: #725ac1 !important;
  border-color: #564492 !important;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active {
  color: #ffffff !important;
  background-color: #6650ac !important;
  border-color: #564492 !important;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  background-color: #725ac1 !important;
  border-color: #564492 !important;
}

.btn-pink {
  color: #ffffff !important;
  background-color: #ff0dff !important;
  border-color: #cb0acb !important;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
  color: #ffffff !important;
  background-color: #d537d5 !important;
  border-color: #cb0acb !important;
}

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #ff0dff !important;
  border-color: #cb0acb !important;
}

/* buttons with FA icons */

.btn-yes:before	{
	content: '\f00c';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-no:before	{
	content: '\f057';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-arrow:before	{
	content: '\f061';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-caret:before	{
	content: '\f0da';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-careful:before	{
	content: '\f071';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-thumbs-up:before	{
	content: '\f087';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-thumbs-down:before	{
	content: '\f088';
    font-family: 'FontAwesome';
    padding-right: 5px;
}

.btn-question:before	{
	content: '\f059';
    font-family: 'FontAwesome';
    padding-right: 5px;
}


.btn-information:before	{
	content: '\f05a';
    font-family: 'FontAwesome';
    padding-right: 5px;
}




