﻿.error {color: red; font-size: 13px;}

.link-primary {color: #00a5df !important}
.link-primary:hover {color: #3873b8 !important}

.btn.btn-primary {
	background-color: #F15825 !important;
    border-radius: 5px !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
    background-size: 300% 100%;
    background-image: linear-gradient(to right, #0073bb, #00ade4, #0073bb);
    transition: all .6s ease-in-out;
}

.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
	transition: all .6s ease-in-out;
    background-position: -50% 0;
}

.btn.btn-secondary {
	background-color: #E1E3EA !important;
	color: #5f5f5f !important;
    border-radius: 5px !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
}

.btn-check:active+.btn.btn-secondary, .btn-check:checked+.btn.btn-secondary, .btn.btn-secondary.active, .btn.btn-secondary.show, .btn.btn-secondary:active:not(.btn-active), .btn.btn-secondary:focus:not(.btn-active), .btn.btn-secondary:hover:not(.btn-active), .show>.btn.btn-secondary {
    background-color: #B5B5C3 !important;
}