.btn {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    font-weight: normal !important;
    border: none !important;
}

.btn, .btn-group .btn {
    font-weight: normal;
    padding: 0.35rem 0.8rem;
    font-size: 0.9rem;
}

.btn-reg {
    height: 39px !important;
}

.btn-lg {
    font-size: .8rem !important;
    padding: 0.3rem 0.65rem !important;
    height: 50px !important;
}

.btn-xl {
    font-size: 2rem !important;
    padding: 0.8rem 2rem !important;
}

.btn-weekplus {
    padding: .2rem .6rem !important;
    font-size: .75rem !important;
    border-radius: .15rem !important;
}

.valignbutton {
    display: flex;
    align-items: center;
}

.largesubmit {
    width: 100%;
    height: 48px;
}

button:focus {
    outline: none !important;
}

.btn-nopadding {
    padding: 0 !important;
}

.btn-warning:hover {
    border-color: #d6700a !important;
}

.btn-shadow {
    box-shadow: 0 2px 6px -2px rgb(0 0 0 / 16%), 0 2px 6px 0 rgb(0 0 0 / 12%) !important;
}

.btn-sm {
    font-weight: normal;
    line-height: 1.5;
    height: 31px;
}

.btn-ddl-form-label {
    font-weight: normal;
    line-height: 1.5;
    height: 48px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding-left: 7px !important;
    padding-top: 4px !important;
    font-size: 0.9rem !important;
    line-height: 1.428571429;
    border-radius: 15px !important;
}

.btn-circle-sm {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px 0 !important;
    font-size: 12px !important;
    line-height: 1.428571429;
    border-radius: 15px !important;
}

.btn-circle-xs {
    width: 22px;
    height: 26px;
    text-align: center;
    padding-left: 6px !important;
    padding-right: 20px;
    padding-top: 2px !important;
    font-size: 0.9rem !important;
    line-height: 1.428571429;
    border-radius: 15px !important;
}


.btn-warning {
    border: solid 1px #ffc107 !important;
}

.btn-info {
    border: solid 1px #17a2b8 !important;
}

.btn-danger {
    border: solid 1px #dc3545 !important;
}

.btn-signout {
    color: #fff;
    background-color: #f4090975;
    border-color: none;
    padding-left: 9px !important;
    padding-top: 4px !important;
}

.btn-signout:hover {
    color: #fff;
    background-color: #f40909;
    border-color: #f40909;
}

.btn-notification-inactive {
    color: #fff;
    background-color: #0909094f;
    padding-left: 8px !important;
    padding-top: 4px !important;
}

.btn-notification-inactive:hover {
    color: #fff;
    background-color: #090909b3;
}

.btn-notification-active {
    color: #fff;
    background-color: #ff000080;
    border-color: none;
    /* add pulse later*/
}

.btn-notification-active:hover {
    color: #fff;
    background-color: #f00;
    border-color: #f00;
}

.btn-externalsystems {
    color: #fff;
    padding-left: 7px !important;
    padding-top: 4px !important;
    background-color: #099cf475;
    border-color: none;
}

.btn-externalsystems:hover {
    color: #fff;
    background-color: #099cf4;
    border-color: #099cf4;
}

.btn-training {
    color: #fff;
    padding-left: 6px !important;
    padding-top: 4px !important;
    background-color: #f4099b75;
    border-color: none;
}

.btn-training:hover {
    color: #fff;
    background-color: #f4099b;
    border-color: #f4099b;
}

.btn-announcement {
    color: #fff;
    padding-left: 6px !important;
    padding-top: 4px !important;
    background-color: #8409f475;
    border-color: none;
}

.btn-announcement:hover {
    color: #fff;
    background-color: #8409f4;
    border-color: #8409f4;
}

.btn-forms {
    color: #fff;
    padding-left: 7px !important;
    padding-top: 4px !important;
    background-color: #f4a70975;
    border-color: none;
}

.btn-forms:hover {
    color: #fff;
    background-color: #f4a709;
    border-color: #f4a709;
}

.btn-purple {
    color: #fff;
    background-color: #6658dd !important;
    border-color: #6658dd !important;
}

.btn-purple:hover {
    color: #fff;
    background-color: #4938d7 !important;
    border-color: #3f2ed4 !important;
}

.btn-purple:focus, .btn-purple.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn-purple.disabled, .btn-purple:disabled {
    color: #fff;
    background-color: #6658dd !important;
    border-color: #6658dd !important;
}

.btn-purple:not(:disabled):not(.disabled):active, .btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
    color: #fff;
    background-color: #3f2ed4 !important;
    border-color: #3b29cc !important;
}

.btn-purple:not(:disabled):not(.disabled):active:focus, .btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn-light {
    color: #343a40;
    background-color: #f7f8f9;
    border-color: #f7f8f9;
}

.btn-light:hover {
    color: #343a40;
    background-color: #e1e5e9;
    border-color: #dadfe3;
}

.btn-light:focus, .btn-light.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(218, 220, 221, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(218, 220, 221, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #343a40;
    background-color: #f7f8f9;
    border-color: #f7f8f9;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
    color: #343a40;
    background-color: #dadfe3;
    border-color: #d3d8de;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(218, 220, 221, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(218, 220, 221, 0.5);
}

.btn-green {
    color: #fff;
    background-color: #7db507;
    border-color: #7db507;
}

.btn-green:hover {
    color: #fff;
    background-color: #389638;
    border-color: #389638;
}

.btn-green:focus, .btn-green.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(56, 150, 56, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(56, 150, 56, 0.5);
}

.btn-green.disabled, .btn-green:disabled {
    color: #fff;
    background-color: #4ba04b;
    border-color: #4ba04b;
}

.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
    color: #fff;
    background-color: #148f77;
    border-color: #12846e;
}

.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(60, 198, 171, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(60, 198, 171, 0.5);
}

.btn-darkorange {
    color: #fff;
    background-color: #ED7D31;
    border-color: #ED7D31;
}

.btn-darkorange:hover {
    color: #fff;
    background-color: #B45210;
    border-color: #B45210;
}

.btn-darkorange:focus, .btn-darkorange.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn-darkorange.disabled, .btn-darkorange:disabled {
    color: #fff;
    background-color: #6658dd;
    border-color: #6658dd;
}

.btn-darkorange:not(:disabled):not(.disabled):active, .btn-darkorange:not(:disabled):not(.disabled).active,
.show > .btn-darkorange.dropdown-toggle {
    color: #fff;
    background-color: #3f2ed4;
    border-color: #3b29cc;
}

.btn-darkorange:not(:disabled):not(.disabled):active:focus, .btn-darkorange:not(:disabled):not(.disabled).active:focus,
.show > .btn-darkorange.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn-forrest {
    color: #fff;
    background-color: #228b22;
    border-color: #228b22;
}

.btn-forrest:hover {
    color: #fff;
    background-color: #389638;
    border-color: #389638;
}

.btn-forrest:focus, .btn-forrest.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(56, 150, 56, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(56, 150, 56, 0.5);
}

.btn-forrest.disabled, .btn-forrest:disabled {
    color: #fff;
    background-color: #4ba04b;
    border-color: #4ba04b;
}

.btn-forrest:not(:disabled):not(.disabled):active, .btn-forrest:not(:disabled):not(.disabled).active,
.show > .btn-forrest.dropdown-toggle {
    color: #fff;
    background-color: #148f77;
    border-color: #12846e;
}

.btn-forrest:not(:disabled):not(.disabled):active:focus, .btn-forrest:not(:disabled):not(.disabled).active:focus,
.show > .btn-forrest.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(60, 198, 171, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(60, 198, 171, 0.5);
}


.btn-blue {
    color: #fff;
    background-color: #3f6ad8 !important;
    border-color: #3f6ad8 !important;
}


.btn-blue:hover {
    color: #fff;
    background-color: #4938d7 !important;
    border-color: #3f2ed4 !important;
}

.btn-blue:focus, .btn-blue.focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #3f6ad8 !important;
    border-color: #3f6ad8 !important;
}

.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
.show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #3f2ed4 !important;
    border-color: #3b29cc !important;
}

.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
.show > .btn-blue.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(125, 113, 226, 0.5);
}

.btn.btn-pill.btn-wide, .btn.btn-pill {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.smallcommandbutton {
  padding: 0.4rem 0.3rem !important;
  line-height: 0.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-settings:hover {
  background: #1aa9e1 !important;
}

.btn-profile:hover {
  background: #3b5a9a !important;
}

.btn-help:hover {
  background: #0073b2 !important;
}