﻿.btn {
    height: auto;
    border-radius: 4px;
    font-size: 16px;
    padding: 0 62px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;    
}
    .btn.lg {
        font-size: 18px;
        line-height: 32px;
    }

.btn-v3 {
    font-family: Inter, Roboto, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding: 8px 24px;
    border-radius: 8px;
    vertical-align: middle;
}

    .btn-v3.lg {
        font-size: 18px;
        line-height: 32px;
        padding: 8px 24px;
    }

.btn:focus, .btn-v3:focus {
    outline: none;
}

.btn-radius {
    border-radius: 4px;
    border: none;
    padding-top: 13px;
    padding-bottom: 13px;
    font-family: 'Roboto-Bold';
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    height: auto !important;
}

    .btn-radius:hover {
        text-decoration: none;
    }

.btn-orange, .btn-orange:hover, .btn-orange:visited, .btn-orange:active {
    color: #FFFFFF;
    background-color: #F58C23;
}

.btn-blue-outline {
    color: #005A9E !important;
    background-color: transparent;
    border: solid 1px #005A9E !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
}

.btn-dark-green, .btn-dark-green:hover, .btn-dark-green:active {
    color: #FFFFFF;
    background-color: #006940;
}

.btn-dark-green-outline {
    color: #006940;
    background-color: transparent;
    border: solid 2px #006940 !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
}

.btn-dark-green-outline-thin {
    color: #006940;
    background-color: transparent;
    border: solid 1px #006940 !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
}

.btn-1 {
    background-color: #007647;
    border: 2px solid #007647;
    padding: 6px 24px;
    color: white;
}

a.btn-medium {
    font-size: 20px !important;
    padding: 10px 20px !important;
}

a.btn-transparent,
input[type="submit"].btn-transparent {
    color: #fff;
    font-size: 16px;
    padding: 8px 18px;
    white-space: nowrap;
    text-decoration: none;
    border: solid 1px #fff;
    background: #00693D;
}

    a.btn-transparent:hover,
    input[type="submit"].btn-transparent:hover {
        background: #15aeee;
        transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
    }

a.btn-white, .btn-white {
    background-color: #FFFFFF;
    color: #006940;
    display: inline-block;
    height: 45px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    padding: 11px 62px;
    font-weight: 700 !important;
}

    a.btn-white:hover,
    a.btn-white:active,
    a.btn-white:visited,
    .btn-white:hover,
    .btn-white:active,
    .btn-white:visited {
        text-decoration: none;
        color: #006940;
    }

a.btn-white-outline, .btn-white-outline {
    background-color: #006940;
    color: #FFFFFF;
    height: 45px !important;
    border-radius: 4px !important;
    border: 1.5px solid #FFFFFF;
    font-size: 16px !important;
    padding: 11px 62px;
    font-weight: 700 !important;
    text-decoration: none;
}

    a.btn-white-outline:hover,
    a.btn-white-outline:active,
    a.btn-white-outline:visited,
    .btn-white-outline:hover,
    .btn-white-outline:active,
    .btn-white-outline:visited {
        text-decoration: none;
        color: #FFFFFF;
    }



a.btn-orange, .btn-orange {
    background-color: #FB8C00;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 4px !important;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 62px;
    text-align: center;
    text-decoration: none;
}

a.btn-lt-orange, .btn-lt-orange {
    background-color: #F5A623;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 4px !important;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 62px;
    text-align: center;
    text-decoration: none;
}

    a.btn-orange:hover,
    a.btn-orange:active,
    a.btn-orange:visited,
    a.btn-lt-orange:hover,
    a.btn-lt-orange:active,
    a.btn-lt-orange:visited,
    .btn-orange:hover,
    .btn-orange:active,
    .btn-orange:visited,
    .btn-lt-orange:hover,
    .btn-lt-orange:active,
    .btn-lt-orange:visited {
        text-decoration: none;
    }

.btn-wide {
    min-width: 225px;
}

.btn-cta {
    background-color: #F58C23;
    color: white;
}

    .btn-cta:hover {
        background-color: #ffa726;
        color: white;
    }

    .btn-cta.btn-outline {
        border-color: #F58C23;
        color: #F58C23;
    }

        .btn-cta.btn-outline:hover {
            background-color: #F58C23;
            color: #ffffff;
        }

.btn-checkmark-overlay .btn-cta, .mdl-spinner-overlay .btn-cta {
    color: #F58C23;
}

.btn-checkmark-overlay {
    position: relative;
    pointer-events: none;
}

    .btn-checkmark-overlay .btn-checkmark-white {
        color: #FFF;
        font-size: 32px !important;
    }

    .btn-checkmark-overlay .btn-green {
        color: #26AE60;
    }

a.btn-green, .btn-green {
    background-color: #006940;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 4px !important;
    font-size: 16px;
    padding: 11px 62px;
    text-align: center;
    text-decoration: none;
}
    a.btn-green:hover, .btn-green:hover {
        background-color: #4FAC50;
    }

    a.btn-green:hover, .btn-green:hover,
    a.btn-green:active, .btn-green:active,
    a.btn-green:visited, .btn-green:visited {
        text-decoration: none;
        color: #FFFFFF;
    }

.btn-link-green {
    padding: 0px;
    background-color: unset;
    border: none;
    text-decoration: underline;
    color: #006940;
}

.btn-back i {
    display: inline-block;
    height: 8px;
    width: 17px;
    transform: rotate(-90deg);
    background-image: url(/Images/arrow-green.svg);
    background-repeat: no-repeat;
    background-position-x: 3px;
}

.btn-back span {
    padding-left: 4px;
}

.btn1 {
    background-color: #006F4B;
    color: #FFF;
    font-size: 16px;
    padding: 9px 24px;
    white-space: nowrap;
    border-color: #006F4B;
    border-radius: 4px;
}

    .btn1:hover {
        text-decoration: none;
        background-color: #26AE60;
    }

a.btn1:link,
a.btn1:hover,
a.btn1:active,
a.btn1:visited {
    color: #FFF;
}

.btn2 {
    color: #00693D;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border: solid 2px #00693D;
    padding: 5px 14px;
    display: inline-block;
}

    .btn2:hover {
        text-decoration: none;
        color: #35aa47;
        border: solid 2px #35aa47;
    }

    .btn2:active,
    .btn2:visited {
        text-decoration: none;
    }