.btn {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-radius: 4px;
    border: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 20px;
    box-shadow: none;
    text-shadow: none;
}
    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus, .btn:active, .btn.active {
        outline: none;
        box-shadow: none;
    }
@media(prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #4f4f4f
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}
.btn.btn-max {
    font-size: 18px;
    padding: 15px 20px;
    min-width: 190px;
}
.btn.btn-lg {
    font-size: 16px;
    padding: 10px 20px;
    min-width: 190px;
}

.btn.btn-md {
    min-width: 140px;
}

.btn.btn-sm {
    padding: 6px 20px;
    font-size: 13px;
}

.btn.btn-xs {
    font-size: 11px;
    padding: 6px 20px;
}
.btn.btn-lg.btn-outline-light, .btn.btn-lg.btn-outline-black, .btn.btn-lg.btn-outline-white, .btn.btn-lg.btn-stroke-dark, .btn.btn-lg.btn-outline-dark, .btn.btn-lg.btn-outline-danger, .btn.btn-lg.btn-outline-warning, .btn.btn-lg.btn-outline-info, .btn.btn-lg.btn-outline-success, .btn.btn-lg.btn-outline-secondary, .btn.btn-lg.btn-outline-primary {
    padding: 9px 20px;
}
.btn.btn-sm.btn-outline-light, .btn.btn-sm.btn-outline-black, .btn.btn-sm.btn-outline-white, .btn.btn-sm.btn-stroke-dark, .btn.btn-sm.btn-outline-dark, .btn.btn-sm.btn-outline-danger, .btn.btn-sm.btn-outline-warning, .btn.btn-sm.btn-outline-info, .btn.btn-sm.btn-outline-success, .btn.btn-sm.btn-outline-secondary, .btn.btn-sm.btn-outline-primary {
    padding: 5px 20px;
}
.btn-primary {
    color: #fff;
    background-color: #2e86de
}

    .btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #217ad3
    }

    .btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #1c66b0
    }


.btn-default {
    color: #000;
    background-color: #efefef
}
    .btn-default.focus, .btn-default:focus, .btn-default:hover, .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
        color: #000;
        background-color: #dfdfdf
    }

    .btn-check:active + .btn-default, .btn-check:checked + .btn-default, .btn-default.active, .btn-default:active, .show > .btn-default.dropdown-toggle {
        color: #000;
        background-color: #dfdfdf
    }


.btn-secondary {
    color: #fff;
    background-color: #2e86de
}

    .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:active:hover, .btn-secondary.active:hover, .open > .dropdown-toggle.btn-secondary:hover, .btn-secondary:active:focus,
    .btn-secondary.active:focus, .open > .dropdown-toggle.btn-secondary:focus, .btn-secondary:active.focus, .btn-secondary.active.focus, .open > .dropdown-toggle.btn-secondary.focus {
        color: #fff;
        background-color: #217ad3
    }

    .btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #217ad3
    }



.btn-success {
    color: #fff;
    background-color: #30c39e
}

    .btn-success.focus, .btn-success:focus, .btn-success:hover, .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus,
    .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
        color: #fff;
        background-color: #2db392
    }

    .btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #2db392
    }




.btn-info {
    color: #fff;
    background-color: #39c0ed
}

    .btn-info.focus, .btn-info:focus, .btn-info:hover, .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus,
    .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
        color: #fff;
        background-color: #16b5ea
    }

    .btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #1088b0
    }




.btn-warning {
    color: #fff;
    background-color: #f3a72e
}

    .btn-warning.focus, .btn-warning:focus, .btn-warning:hover, .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus,
    .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
        color: #fff;
        background-color: #f19e14
    }

    .btn-check:active + .btn-warning, .btn-check:checked + .btn-warning, .btn-warning.active, .btn-warning:active, .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #e7960e
    }




.btn-danger {
    color: #fff;
    background-color: #f85a40
}

    .btn-danger.focus, .btn-danger:focus, .btn-danger:hover, .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus,
    .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
        color: #fff;
        background-color: #f74222
    }

    .btn-check:active + .btn-danger, .btn-check:checked + .btn-danger, .btn-danger.active, .btn-danger:active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #f74222
    }




.btn-light {
    color: #4f4f4f;
    background-color: #fbfbfb
}

    .btn-light.focus, .btn-light:focus, .btn-light:hover {
        color: #4f4f4f;
        background-color: #e8e8e8
    }

    .btn-check:active + .btn-light, .btn-check:checked + .btn-light, .btn-light.active, .btn-light:active, .show > .btn-light.dropdown-toggle {
        color: #4f4f4f;
        background-color: #c8c8c8
    }



.btn-dark {
    color: #fff;
    background-color: #262626
}

    .btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
        color: #fff;
        background-color: #131313
    }

    .btn-check:active + .btn-dark, .btn-check:checked + .btn-dark, .btn-dark.active, .btn-dark:active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #000
    }



.btn-white {
    color: #4f4f4f;
    background-color: #fff
}

    .btn-white.focus, .btn-white:focus, .btn-white:hover {
        color: #4f4f4f;
        background-color: #ececec
    }

    .btn-check:active + .btn-white, .btn-check:checked + .btn-white, .btn-white.active, .btn-white:active, .show > .btn-white.dropdown-toggle {
        color: #4f4f4f;
        background-color: #ccc
    }




.btn-black, .btn-black.active, .btn-black.focus, .btn-black:active, .btn-black:focus, .btn-black:hover, .btn-check:active + .btn-black, .btn-check:checked + .btn-black, .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: #000
}





.btn-outline-primary {
    color: #2e86de;
    border: 1px solid #2e86de;
}

    .btn-outline-primary:hover {
        color: #2e86de;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus {
        color: #2e86de;
        background-color: transparent
    }



.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary {
    color: #fff;
    background-color: #2e86de
}

.btn-outline-secondary {
    color: #2e86de;
    border: 1px solid #2e86de
}

    .btn-outline-secondary:hover {
        color: #2e86de;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary:focus {
        color: #2e86de;
        background-color: transparent
    }


.btn-check:active + .btn-outline-secondary, .btn-check:checked + .btn-outline-secondary {
    color: #fff;
    background-color: #2e86de
}

.btn-outline-success {
    color: #30c39e;
    border: 1px solid #30c39e
}

    .btn-outline-success:hover {
        color: #30c39e;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus {
        color: #30c39e;
        background-color: transparent
    }



.btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success {
    color: #fff;
    background-color: #30c39e
}

.btn-outline-info {
    color: #39c0ed;
    border: 1px solid #39c0ed
}

    .btn-outline-info:hover {
        color: #39c0ed;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus {
        color: #39c0ed;
        background-color: transparent
    }


.btn-check:active + .btn-outline-info, .btn-check:checked + .btn-outline-info {
    color: #fff;
    background-color: #39c0ed
}

.btn-outline-warning {
    color: #f3a72e;
    border: 1px solid #f3a72e
}

    .btn-outline-warning:hover {
        color: #f3a72e;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus {
        color: #f3a72e;
        background-color: transparent
    }


.btn-check:active + .btn-outline-warning, .btn-check:checked + .btn-outline-warning {
    color: #fff;
    background-color: #f3a72e
}

.btn-outline-danger {
    color: #f85a40;
    border: 1px solid #f85a40
}

    .btn-outline-danger:hover {
        color: #f85a40;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus {
        color: #f85a40;
        background-color: transparent
    }



.btn-check:active + .btn-outline-danger, .btn-check:checked + .btn-outline-danger {
    color: #fff;
    background-color: #f85a40
}

.btn-outline-light {
    color: #000000;
    border: 1px solid #f5f5f5;
    background: #fff;
}

    .btn-outline-light:hover {
        color: #000;
        background-color: #fbfbfb
    }

    .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light.focus, .btn-outline-light:active, .btn-outline-light:focus {
        color: #000;
        background-color: transparent
    }


.btn-check:active + .btn-outline-light, .btn-check:checked + .btn-outline-light {
    color: #000;
    background-color: #fbfbfb
}

.btn-outline-dark, .btn-stroke-dark {
    color: #262626;
    border: 1px solid #262626;
    background: #fff;
}
    .btn-outline-dark:hover, .btn-stroke-dark:hover {
        color: #262626;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark:focus,
    .btn-stroke-dark.active, .btn-stroke-dark.dropdown-toggle.show, .btn-stroke-dark.focus, .btn-stroke-dark:active, .btn-stroke-dark:focus{
        color: #262626;
        background-color: transparent
    }
.btn-check:active + .btn-outline-dark, .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-stroke-dark, .btn-check:checked + .btn-stroke-dark {
    color: #fff;
    background-color: #262626
}

.btn-stroke-grey {
    border: 2px solid #c8c8c8;
    color: #999;
}
    .btn-stroke-grey:hover, .btn-stroke-grey:hover {
        color: #000;
        background-color: #f6f6f6
    }

    .btn-stroke-grey.active, .btn-stroke-grey.dropdown-toggle.show, .btn-stroke-grey.focus, .btn-stroke-grey:active, .btn-stroke-grey:focus {
        color: #000;
        background-color: #f6f6f6
    }



.btn-outline-white {
    color: #fff;
    border: 1px solid #fff
}

    .btn-outline-white:hover {
        color: #fff;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show, .btn-outline-white.focus, .btn-outline-white:active, .btn-outline-white:focus {
        color: #fff;
        background-color: transparent
    }


.btn-check:active + .btn-outline-white, .btn-check:checked + .btn-outline-white {
    color: #4f4f4f;
    background-color: #fff
}

.btn-outline-black {
    color: #000;
    border: 1px solid #000
}

    .btn-outline-black:hover {
        color: #000;
        background-color: rgba(0,0,0,.02)
    }

    .btn-outline-black.active, .btn-outline-black.dropdown-toggle.show, .btn-outline-black.focus, .btn-outline-black:active, .btn-outline-black:focus {
        color: #000;
        background-color: transparent
    }


.btn-check:active + .btn-outline-black, .btn-check:checked + .btn-outline-black {
    color: #fff;
    background-color: #000
}



.btn-link {
    box-shadow: none;
    text-decoration: none
}

    .btn-link.focus, .btn-link:focus, .btn-link:hover {
        box-shadow: none;
        text-decoration: none;
        background-color: transparent;
    }

    .btn-link.active, .btn-link.active:focus, .btn-link:active, .btn-link:active:focus {
        box-shadow: none;
        background-color: transparent;
    }


.btn.loading-btn {
    transition: 0.3s;
    position: relative;
    display: block;
    color: transparent;
}

    .btn.loading-btn.focus, .btn.loading-btn:focus, .btn.loading-btn:hover, .btn.loading-btn:active:hover, .btn.loading-btn.active:hover, .open > .dropdown-toggle.btn.loading-btn:hover, .btn.loading-btn:active:focus, .btn.loading-btn.active:focus, .open > .dropdown-toggle.btn.loading-btn:focus, .btn.loading-btn:active.focus, .btn.loading-btn.active.focus, .open > .dropdown-toggle.btn.loading-btn.focus {
        color: transparent;
    }

    .btn-check:active + .btn.loading-btn, .btn-check:checked + .btn.loading-btn, .btn.loading-btn.active, .btn.loading-btn:active, .show > .btn.loading-btn.dropdown-toggle {
        color: transparent;
    }

    .btn.loading-btn::after {
        content: '';
        display: block;
        width: 1.2em;
        height: 1.2em;
        position: absolute;
        left: calc(50% - 0.75em);
        top: calc(50% - 0.75em);
        border: 0.15em solid transparent;
        border-right-color: white;
        border-radius: 50%;
        animation: button-anim 0.7s linear infinite;
        opacity: 1;
    }

@keyframes button-anim {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}