﻿/* Orange Button */
.ihs-btn-orange {
    color: #fff !important;
    background-color: #ff9900 !important;
    border-color: #ff9900 !important;
}

.ihs-btn-orange:hover {
    color: #fff !important;
    background-color: #ff8400 !important;
    border-color: #ff9900 !important;
}

.ihs-btn-orange:focus,
.ihs-btn-orange.focus {
    color: #fff !important;
    background-color: #ff8400 !important;
    border-color: #ffc300 !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-orange.disabled,
.ihs-btn-orange:disabled {
    color: #fff !important;
    background-color: #ffab8f !important;
    border-color: #ffab8f !important;
}

.ihs-btn-orange:not(:disabled):not(.disabled):active,
.ihs-btn-orange:not(:disabled):not(.disabled).active,
.show > .ihs-btn-orange.dropdown-toggle {
    color: #fff !important;
    background-color: #ffab8f !important;
    border-color: #ffab8f !important;
}

.ihs-btn-orange:not(:disabled):not(.disabled):active:focus,
.ihs-btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-orange.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

/* Tan Button */
.ihs-btn-tan {
    color: #fff !important;
    background-color: #d2b48c !important;
    border-color: #d2b48c !important;
}

.ihs-btn-tan:hover {
    color: #fff !important;
    background-color: #d2a78c !important;
    border-color: #d2b48c !important;
}

.ihs-btn-tan:focus,
.ihs-btn-tan.focus {
    color: #fff !important;
    background-color: #d2a78c !important;
    border-color: #d2af8c !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-tan.disabled,
.ihs-btn-tan:disabled {
    color: #fff !important;
    background-color: #d2b48c !important;
    border-color: #d2b48c !important;
}

.ihs-btn-tan:not(:disabled):not(.disabled):active,
.ihs-btn-tan:not(:disabled):not(.disabled).active,
.show > .ihs-btn-tan.dropdown-toggle {
    color: #fff !important;
    background-color: #d2af8c !important;
    border-color: #d2af8c !important;
}

/* Purple Button */
.ihs-btn-purple {
    color: #fff !important;
    background-color: #A020F0 !important;
    border-color: #A020F0 !important;
}

.ihs-btn-purple:hover {
    color: #fff !important;
    background-color: #7D0DC3 !important;
    border-color: #A020F0 !important;
}

.ihs-btn-purple:focus,
.ihs-btn-purple.focus {
    color: #fff !important;
    background-color: #7D0DC3 !important;
    border-color: #7D0DC3 !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-purple.disabled,
.ihs-btn-purple:disabled {
    color: #fff !important;
    background-color: #A020F0 !important;
    border-color: #A020F0 !important;
}

.ihs-btn-purple:not(:disabled):not(.disabled):active,
.ihs-btn-purple:not(:disabled):not(.disabled).active,
.show > .ihs-btn-purple.dropdown-toggle {
    color: #fff !important;
    background-color: #7D0DC3 !important;
    border-color: #7D0DC3 !important;
}

.ihs-btn-purple:not(:disabled):not(.disabled):active:focus,
.ihs-btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-purple.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

/* Pink Button */
.ihs-btn-pink {
    color: #fff !important;
    background-color: #FF69B4 !important;
    border-color: #FF69B4 !important;
}

.ihs-btn-pink:hover {
    color: #fff !important;
    background-color: #e68f9d !important;
    border-color: #FF69B4 !important;
}

.ihs-btn-pink:focus,
.ihs-btn-pink.focus {
    color: #fff !important;
    background-color: #FF69B4 !important;
    border-color: #FF69B4 !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-pink.disabled,
.ihs-btn-pink:disabled {
    color: #fff !important;
    background-color: #FFB6C1 !important;
    border-color: #FFB6C1 !important;
}

.ihs-btn-pink:not(:disabled):not(.disabled):active,
.ihs-btn-pink:not(:disabled):not(.disabled).active,
.show > .ihs-btn-pink.dropdown-toggle {
    color: #fff !important;
    background-color: #FF69B4 !important;
    border-color: #FF69B4 !important;
}

.ihs-btn-pink:not(:disabled):not(.disabled):active:focus,
.ihs-btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

/* brown Button */
.ihs-btn-brown {
    color: #fff !important;
    background-color: #8D6E63 !important;
    border-color: #8D6E63 !important;
}

.ihs-btn-brown:hover {
    color: #fff !important;
    background-color: #8f7d73 !important;
    border-color: #8D6E63 !important;
}

.ihs-btn-brown:focus,
.ihs-btn-brown.focus {
    color: #fff !important;
    background-color: #8D6E63 !important;
    border-color: #8D6E63 !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-brown.disabled,
.ihs-btn-brown:disabled {
    color: #fff !important;
    background-color: #8f7d73 !important;
    border-color: #8f7d73 !important;
}

.ihs-btn-brown:not(:disabled):not(.disabled):active,
.ihs-btn-brown:not(:disabled):not(.disabled).active,
.show > .ihs-btn-brown.dropdown-toggle {
    color: #fff !important;
    background-color: #ffab8f !important;
    border-color: #ffab8f !important;
}

.ihs-btn-brown:not(:disabled):not(.disabled):active:focus,
.ihs-btn-brown:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-brown.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

/* Muted Green Button */
.ihs-btn-muted-green {
    color: #fff !important;
    background-color: #497C3F !important;
    border-color: #497C3F !important;
}

.ihs-btn-muted-green:hover {
    color: #fff !important;
    background-color: #5FA051 !important;
    border-color: #5FA051 !important;
}

.ihs-btn-muted-green:focus,
.ihs-btn-muted-green.focus {
    color: #fff !important;
    background-color: #497C3F !important;
    border-color: #497C3F !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-muted-green.disabled,
.ihs-btn-muted-green:disabled {
    color: #fff !important;
    background-color: #5FA051 !important;
    border-color: #5FA051 !important;
}

.ihs-btn-muted-green:not(:disabled):not(.disabled):active,
.ihs-btn-muted-green:not(:disabled):not(.disabled).active,
.show > .ihs-btn-muted-green.dropdown-toggle {
    color: #fff !important;
    background-color: #497C3F !important;
    border-color: #497C3F !important;
}

.ihs-btn-muted-green:not(:disabled):not(.disabled):active:focus,
.ihs-btn-muted-green:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-muted-green.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

/* Navy Blue Button */
.ihs-btn-navy-blue {
    color: #fff !important;
    background-color: #000080 !important;
    border-color: #000080 !important;
}

.ihs-btn-navy-blue:hover {
    color: #fff !important;
    background-color: #202078 !important;
    border-color: #202078 !important;
}

.ihs-btn-navy-blue:focus,
.ihs-btn-navy-blue.focus {
    color: #fff !important;
    background-color: #202078 !important;
    border-color: #202078 !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}

.ihs-btn-navy-blue.disabled,
.ihs-btn-navy-blue:disabled {
    color: #fff !important;
    background-color: #000080 !important;
    border-color: #000080 !important;
}

.ihs-btn-navy-blue:not(:disabled):not(.disabled):active,
.ihs-btn-navy-blue:not(:disabled):not(.disabled).active,
.show > .ihs-btn-navy-blue.dropdown-toggle {
    color: #fff !important;
    background-color: #000080 !important;
    border-color: #000080 !important;
}

.ihs-btn-navy-blue:not(:disabled):not(.disabled):active:focus,
.ihs-btn-navy-blue:not(:disabled):not(.disabled).active:focus,
.show > .ihs-btn-navy-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(123, 175, 172, 0.5) !important;
}