.button:hover, .btn:hover, .btn-white:hover, .btn-theme:hover, .btn-theme-second:hover, .more-link a:hover, .btn-theme-submit:hover {
    background: auto;
}
.btn {
    display: inline-block;
    line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    /* border: 1px solid transparent; */
    font-size: 14px;
    border-radius: .25rem;
    padding: .6rem .2rem;
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .2);
    min-width: 10rem;
    font-weight: 500;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    /*margin: 0 auto;*/
    /* border: 10px solid red !important; */
    width: 14rem;
    max-width: calc(100% - 5px);
}

.btn-color-1 {
    background: var(--IsfPortal-blue);
    background: -moz-linear-gradient(-45deg, var(--IsfPortal-blue) 0%, var(--IsfPortal-blue1) 50%, var(--IsfPortal-blue2) 51%, var(--IsfPortal-blue3) 71%, var(--IsfPortal-blue4) 100%);
    background: -webkit-linear-gradient(-45deg, var(--IsfPortal-blue) 0%, var(--IsfPortal-blue1) 50%, var(--IsfPortal-blue2) 51%, var(--IsfPortal-blue3) 71%, var(--IsfPortal-blue4) 100%);
    background: linear-gradient(135deg, var(--IsfPortal-blue) 0%, var(--IsfPortal-blue1) 50%, var(--IsfPortal-blue2) 51%, var(--IsfPortal-blue3) 71%, var(--IsfPortal-blue4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ae09', endColorstr='#f1890b', GradientType=1);
    background-size: 400% 400%;
    border: medium none;
    box-shadow: 0 4px 9px 0 rgba(255, 193, 7, .1);
    line-height: 3;
    padding: 0 0.5rem!important;
    color: #FFFFFF !important;
}
.btn-color-1:hover {
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    box-shadow: 0 4px 9px 0 rgba(1, 168, 163, 0.2) !important;
}
.btn-color-1:focus {
    box-shadow: 0 4px 9px 0 rgba(1, 168, 163, 0.5) !important;
}
.btn-color-2 {
    background: var(--IsfPortal-red);
    background: -moz-linear-gradient(-45deg, var(--IsfPortal-red) 0%, var(--IsfPortal-red1) 50%, var(--IsfPortal-red2) 51%, var(--IsfPortal-red3) 71%, var(--IsfPortal-red4) 100%);
    background: -webkit-linear-gradient(-45deg, var(--IsfPortal-red) 0%, var(--IsfPortal-red1) 50%, var(--IsfPortal-red2) 51%, var(--IsfPortal-red3) 71%, var(--IsfPortal-red4) 100%);
    background: linear-gradient(135deg, var(--IsfPortal-red) 0%, var(--IsfPortal-red1) 50%, var(--IsfPortal-red2) 51%, var(--IsfPortal-red3) 71%, var(--IsfPortal-red4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5ae09', endColorstr='#f1890b', GradientType=1);
    background-size: 400% 400%;
    border: medium none;
    box-shadow: 0 4px 9px 0 rgba(255, 193, 7, .1);
    line-height: 3;
    padding: 0 0.5rem!important;
}
.btn-color-2:hover {
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    box-shadow: 0 4px 9px 0 rgba(237, 14, 17, 0.2) !important;
}
.btn-color-2:focus {
    box-shadow: 0 4px 9px 0 rgba(237, 14, 17, 0.5) !important;
}
.btn:hover {
    color: var(--IsfPortal-white);
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}
@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}
@keyframes AnimationName {
    0% {
        background-position: 0% 31%;
    }
    50% {
        background-position: 100% 70%;
    }
    100% {
        background-position: 0% 31%;
    }
}

.btn.btn-primary:hover {
    background-color: var(--IsfPortal-red) !important;
}
ul.dashboard-list-btns {
    float: right;
    width: 100%;
}
ul.dashboard-list-btns li {
    float: left;
    clear: none;
    margin-right: 0.5rem;
}
ul.dashboard-list-btns li a {
    font-size: 12px !important;
    padding: 0.5rem 0.2rem !important;
    min-width: 8rem !important;
    width: 8rem !important;
}