/* BUTTONS */
/* TOP LEVEL STYLES - STATES */
.button {
	display: inline-block;
	border-radius: 22px;
	padding: 0px 44px;
	border: 1px solid transparent;
	font-size: 15px;
    line-height: 40px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    height: 44px;
    text-align: center;
}
.button[disabled] {
    cursor: default !important;
    pointer-events: none;
}
.button:hover {
    text-decoration: none;
}

.button.button-small{
    height: 32px;
    padding: 0px 32px;
    line-height: 30px;;
}


.button--blue{
    background-color: #243D77;
    color: #FFF;
}
.button--blue:hover {
	background: rgba(36, 61, 119, 0.9);
    color: #FFF
}
.button--blue:active {
	background: #132753;
}
.button--blue:focus {
	border: 2px solid rgba(36, 61, 119, 0.5);
}
.button--blue[disabled] {
	background: rgba(36, 61, 119, 0.5);
    cursor: default !important;
    pointer-events: none;
    color: #FFF;
}

.button--blue.button--contrast {
    background-color: #FFF;
    border: #243D77 1px solid;
    color: #243D77;
}
.button--blue.button--contrast:hover {
    background: rgba(255, 255, 255, 0.9);
    border: #FFF 1px solid;
    text-decoration: none;
    color: #243D77
}
.button--blue.button--secondary {
    background-color: #FFF;
    border: #243D77 1px solid;
    color: #243D77;
}
.button--blue.button--secondary:hover {
	background: rgba(36, 61, 119, 0.9);
    text-decoration: none;
    color: #FFF
}
.button--blue.button--secondary:active {
	background: #132753;
}
.button--blue.button--secondary:focus {
	border: 2px solid rgba(36, 61, 119, 0.5);
}
.button--blue.button--secondary.button--contrast{
    background-color: #243D77;
    border: #FFF 1px solid;
    color: #FFF;
}
.button--blue.button--secondary.button--contrast:hover {
    background: rgba(255, 255, 255, 0.5);
    border: #243D77 1px solid;
}
.button--blue.button--secondary[disabled] {
    background-color: #FFF;
    color: rgba(36, 61, 119, 0.5);
    border: 1px solid rgba(36, 61, 119, 0.5);
}

/* RED */

.button--red {
    background-color:rgba(183, 25, 24, 1);
    color: #FFF;
}
.button--red:hover {
    background-color:rgba(183, 25, 24, 0.9);
    color: #FFF;
}
.button--red[disabled] {
    background-color: rgba(183, 25, 24, 0.5);
    color: rgba(255, 255, 255, 0.5);
}
/* RED CONTRAST */
.button--red.button--contrast {
    background-color: #FFF;
    border: rgba(183, 25, 24, 1) 1px solid;
    color:rgba(183, 25, 24, 1);
}
.button--red.button--contrast:hover {
    background-color:rgba(255, 255, 255, 0.5);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--red.button--contrast[disabled] {
    background-color: #FFF;
    color: rgba(183, 25, 24, 0.5);
    border: 1px solid rgba(183, 25, 24, 0.5);
}
/* RED SECONDARY */
.button--red.button--secondary {
    background-color: #FFF;
    border: rgba(183, 25, 24, 1) 1px solid;
    color:rgba(183, 25, 24, 1);
}
.button--red.button--secondary:hover {
    background-color:rgba(183, 25, 24, 0.9);
    color: #FFF;
}
.button--red.button--secondary:active {
    background-color:rgba(183, 25, 24, 0.7);
}
.button--red.button--secondary:focus {
    border: 2px solid rgba(183, 25, 24, 0.5);
}
.button--red.button--secondary.button--contrast {
    background-color: rgba(183, 25, 24, 1);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--red.button--secondary.button--contrast:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: rgba(183, 25, 24, 1) 2px solid;
}
.button--red.button--secondary[disabled] {
    background-color: #FFF;
    color: rgba(183, 25, 24, 0.5);
    border: 1px solid rgba(183, 25, 24, 0.5);
}
/* Buttons green */

.button--green {
    background-color: rgba(59, 125, 51, 1);
    color: #FFF;
}
.button--green:hover {
    background-color: rgba(59, 125, 51, 0.9);
    color: #FFF;
}
.button--green[disabled] {
    background-color: rgba(59, 125, 51, 0.5);
    color: rgba(255, 255, 255, 0.5);
}
/* GREEN CONTRAST */
.button--green.button--contrast {
    background-color: #FFF;
    border: rgba(59, 125, 51, 1) 1px solid;
    color:rgba(59, 125, 51, 1);
}
.button--green.button--contrast:hover {
    background-color:rgba(255, 255, 255, 0.5);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--green.button--contrast[disabled] {
    background-color: #FFF;
    color: rgba(59, 125, 51, 0.5);
    border: 1px solid rgba(59, 125, 51, 0.5);
}
/* GREEN SECONDARY */
.button--green.button--secondary {
    background-color: #FFF;
    border: rgba(59, 125, 51, 1) 1px solid;
    color:rgba(59, 125, 51, 1);
}
.button--green.button--secondary:hover {
    background-color:rgba(59, 125, 51, 0.9);
    color: #FFF;
}
.button--green.button--secondary:active {
    background-color:rgba(59, 125, 51, 0.7);
}
.button--green.button--secondary:focus {
    border: 2px solid rgba(59, 125, 51, 0.5);
}
.button--green.button--secondary.button--contrast {
    background-color: rgba(59, 125, 51, 1);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--green.button--secondary.button--contrast:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: rgba(59, 125, 51, 1) 1px solid;
}
.button--green.button--secondary[disabled] {
    background-color: #FFF;
    color: rgba(59, 125, 51, 0.5);
    border: 1px solid rgba(59, 125, 51, 0.5);
}

/* BLACK */
.button--black {
    background-color: rgba(0, 0, 0, 1);
    color: #FFF;
}
.button--black:hover {
    background-color: rgba(0, 0, 0, 0.9);
    color: #FFF;
}
.button--black[disabled] {
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.5);
}
/* BLACK CONTRAST */
.button--black.button--contrast {
    background-color: #FFF;
    border: rgba(0, 0, 0, 1) 1px solid;
    color:rgba(0, 0, 0, 1);
}
.button--black.button--contrast:hover {
    background-color:rgba(255, 255, 255, 0.5);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--black.button--contrast[disabled] {
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}
/* BLACK SECONDARY */
.button--black.button--secondary {
    background-color: #FFF;
    border: rgba(0, 0, 0, 1) 1px solid;
    color:rgba(0, 0, 0, 1);
}
.button--black.button--secondary:hover {
    background-color:rgba(0, 0, 0, 0.9);
    color: #FFF;
}
.button--black.button--secondary:active {
    background-color:rgba(0, 0, 0, 0.7);
}
.button--black.button--secondary:focus {
    border: 2px solid rgba(0, 0, 0, 0.5);
}
.button--black.button--secondary.button--contrast {
    background-color: rgba(0, 0, 0, 1);
    border: #FFF 1px solid;
    color: #FFF;
}
.button--black.button--secondary.button--contrast:hover {
    background-color: rgba(255, 255, 255, 0.5);
    border: rgba(0, 0, 0, 1) 1px solid;
}
.button--black.button--secondary[disabled] {
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
}
/* BUTTONS END */