/* btn-blue */
.btn-blue {color: #fff;background-color: #60a3ff;border-color: #006cff}
.btn-blue.focus, .btn-blue:focus {color: #fff;background-color: #2d86ff;border-color: #006cff}
.btn-blue:hover {color: #fff;background-color: #2d86ff;border-color: #006cff}

@media (max-width: 500px) {
	.btn-blue:hover {color: #fff;background-color: #60a3ff;border-color: #006cff}
}
@media (min-width: 500px) {
	.btn-blue:hover {color: #fff;background-color: #2d86ff;border-color: #006cff}
}

.btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {color: #fff;background-color: #2d86ff;border-color: #006cff}
.btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover,
.btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover,
.open > .dropdown-toggle.btn-blue.focus, .open > .dropdown-toggle.btn-blue:focus,
.open > .dropdown-toggle.btn-blue:hover {color: #fff;background-color: #2d86ff;border-color: #006cff}
.btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {background-image: none}
.btn-blue.disabled.focus, .btn-blue.disabled:focus, .btn-blue.disabled:hover,
.btn-blue[disabled].focus, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:hover {background-color: #60a3ff;border-color: #006cff}
.btn-blue .badge {color: #fff;background-color: #60a3ff}

/* btn-red */
.btn-red {color: #fff;background-color: #fa2c5a;border-color: #ff0039}
.btn-red.focus, .btn-red:focus {color: #fff;background-color: #c9002d;border-color: #ff0039}
.btn-red:hover {color: #fff;background-color: #c9002d;border-color: #ff0039}

@media (max-width: 500px) {
	.btn-red:hover {color: #fff;background-color: #fa2c5a;border-color: #ff0039}
}
@media (min-width: 500px) {
	.btn-red:hover {color: #fff;background-color: #c9002d;border-color: #ff0039}
}

.btn-red.active, .btn-red:active, .open > .dropdown-toggle.btn-red {color: #fff;background-color: #c9002d;border-color: #ff0039}
.btn-red.active.focus, .btn-red.active:focus, .btn-red.active:hover,
.btn-red:active.focus, .btn-red:active:focus, .btn-red:active:hover,
.open > .dropdown-toggle.btn-red.focus, .open > .dropdown-toggle.btn-red:focus,
.open > .dropdown-toggle.btn-red:hover {color: #fff;background-color: #c9002d;border-color: #ff0039}
.btn-red.active, .btn-red:active, .open > .dropdown-toggle.btn-red {background-image: none}
.btn-red.disabled.focus, .btn-red.disabled:focus, .btn-red.disabled:hover,
.btn-red[disabled].focus, .btn-red[disabled]:focus, .btn-red[disabled]:hover,
fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:hover {background-color: #fa2c5a;border-color: #ff0039}
.btn-red .badge {color: #fff;background-color: #fa2c5a}

/* btn-white */
.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-white.focus, .btn-white:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}



@media (max-width: 500px) {
	.btn-white:hover {
	    color: #333;
	    background-color: #fff;
	    border-color: #adadad
	}
}
@media (min-width: 500px) {
	.btn-white:hover {
	    color: #333;
	    background-color: #e6e6e6;
	    border-color: #adadad
	}
}

.btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover,
.btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover,
.open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus,
.open > .dropdown-toggle.btn-white:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white {
    background-image: none
}

.btn-white.disabled.focus, .btn-white.disabled:focus, .btn-white.disabled:hover,
.btn-white[disabled].focus, .btn-white[disabled]:focus, .btn-white[disabled]:hover,
fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:focus,
fieldset[disabled] .btn-white:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-white .badge {
    color: #333;
    background-color: #fff
}

/* color-red */
.color-red, .color-red.focus, .color-red:focus, .color-red:hover, .color-red.active, .color-red:active, .open > .dropdown-toggle.color-red, .color-red.active.focus, .color-red.active:focus, .color-red.active:hover,
.color-red:active.focus, .color-red:active:focus, .color-red:active:hover,
.open > .dropdown-toggle.color-red.focus, .open > .dropdown-toggle.color-red:focus,
.open > .dropdown-toggle.color-red:hover {color: #bb0000;}