.feather-16{
    width: 16px;
    height: 16px;
}
.feather-18{
    width: 18px;
    height: 18px;
}
.feather-20{
    width: 20px;
    height: 20px;
}
.feather-24{
    width: 24px;
    height: 24px;
}
.feather-28{
    width: 28px;
    height: 28px;
}
.feather-32{
    width: 32px;
    height: 32px;
}
.text-bold {
    font-weight: bold;
}
.text-success{
    color: seagreen !important;
}
.btn-outline-success {
    color: seagreen;
    border-color: seagreen;
}
.btn-outline-success:hover {
    background-color: seagreen;
    border-color: seagreen;
}
.text-warning{
    color: darkorange !important;
}
.btn-outline-warning {
    color: darkorange;
    border-color: darkorange;
}
.btn-outline-warning:hover {
    background-color: darkorange;
    border-color: darkorange;
}
.form-icon{
    background-color: #fff;
    border-right: none;
}
.input-icon{
    border-left: none;
}
.help-btn:hover{
    cursor: pointer;
}
.help-card{
    border: 1px solid seagreen !important;
}
.delete-btn{
    position: absolute;
    top: -10px;
    right: 0;
}

/* -- New Member Modal --*/
#newModal, #walkModal {
    background-color: rgba(0,0,0,.6);
}

#newModal .modal-content, #walkModal .modal-content{
    background-color: transparent;
    border: none;
}
#walkModal video{
    border: 6px solid #fff;
    border-radius: 10px;
}

/* -- Dashboard -- */
#stat-area .stat-right{
    border-left: 1px solid #e9e9ef;
}
#stat-area .view-btn{
    max-width: 40px;
    padding: 0.47rem 0.5rem !important;
    border-radius: 50%;
    top: 5px;
    right: 5px;
    position: absolute;
    z-index: 999;
}
.alertIcon {
    border-radius: 50%;
    animation: pulse-white 2s infinite, bounce 3s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    50% {transform: scale(1.5);}
}
@keyframes pulse-white {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/* -- Membership -- */
#membership .compare thead tr th {
    font-weight: bold;
    font-size: 1.25em;
    text-align: center;
}
#membership .compare thead tr th span {
    color: green;
    font-size: 90%;
}
#membership .compare tbody tr th {
    font-weight: bold;
    font-size: 1.1em;
}
#membership .compare tbody tr td {
    text-align: center;
}
#membership .compare tfoot th {
    font-weight: bold;
    font-size: 1.1em;
}
#membership .pricing td {
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}
#membership tfoot tr th, #membership tfoot tr td {
    border-bottom: none;
}
#membership tfoot .pricing-btns td {
    padding-top: 0 !important;
}
#coming h1 {
    font-size: 5em;
    font-family: 'Marhey', cursive;
}

/* -- Form Builder -- */
.checkbox-lg .form-check-input{
    margin-top: 5px;
    scale: 1.4;
    margin-right: 0.7rem;
}

.checkbox-lg .form-check-label {
    font-size: 1.2em;
}

/* -- FAQ's -- */
.faq-question{
    font-size: 1rem;
    font-weight: 600;
}
.accordion-item,.accordion-item:first-of-type,.accordion-item:not(:first-of-type) {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 10px;
}
.coupon-btn{
    border-radius: 0 0.4rem 0.4rem 0 !important;
}
#btn-card.box {
    position: fixed;
    width: 385px;
}
.card-active{
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.alert-icon{
    stroke-width: 3 !important;
}