.default-body .notice-box {
    color: #ffffff;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}

.default-body .notice-box .notice-content {
    margin: 0 auto;
    width: 70%;
}

.default-body .card-login {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1943af+0,2c335f+50,1979e0+100 */
    background: #1943af;
    /* Old browsers */
    background: -moz-linear-gradient(bottom, #1943af 0%, #2c335f 50%, #1979e0 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, #1943af 0%, #2c335f 50%, #1979e0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #1943af 0%, #2c335f 50%, #1979e0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1943af', endColorstr='#1979e0', GradientType=0);
    /* IE6-9 */
}

.default-body .card-login .card-body {
    padding: 20px;
}

.default-body .card-login label {
    text-transform: uppercase;
    letter-spacing: 0.025mm;
    color: #ffffff;
    font-weight: bold;
}

.default-body .card-login a {
    color: #fff000;
    font-weight: bold;
}

.default-body .card-login a:hover {
    color: #000000;
    transition: 0.5s;
}

.default-body .card-login .card-body {
    width: 90%;
    margin: 0 auto;
}

.default-body .card-login .button {
    font-size: large;
    text-transform: uppercase;
    color: #2c335f;
    font-weight: bold;
    background: #deb558;
    background: -moz-linear-gradient(top, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    background: -webkit-linear-gradient(top, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    background: linear-gradient(to bottom, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb558', endColorstr='#b48a2d', GradientType=0);
}

/* .default-body .card-login .button {
    transition: all 0.2s ease-out;
    font-size: large;
    text-transform: uppercase;
    color: #2c335f;
    font-weight: bold;
    background: #deb558;
    background: -moz-linear-gradient(top, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    background: -webkit-linear-gradient(top, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    background: linear-gradient(to bottom, #deb558 0%, #e6c56f 6%, #fffcbc 25%, #d4a945 40%, #c49838 50%, #ae8225 60%, #cf9e25 75%, #c29429 86%, #b48a2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb558', endColorstr='#b48a2d', GradientType=0);
}

.default-body .card-login .button span {
    display: block;
}

.default-body .card-login .button-loader,
.default-body .card-login .button-loader:after {
    width: 4em !important;
    height: 4em;
    border-radius: 50%;
}

.default-body .card-login .button-loader {
    transition-property: width height padding box-shadow border-width background opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    background: transparent;
    box-shadow: 0 0 0 #006799;
    border-top: 4px solid #0073aa;
    border-right: 4px solid #BFE7F3;
    border-bottom: 4px solid #BFE7F3;
    border-left: 4px solid #BFE7F3;
    transform: translateZ(0);
    -webkit-animation: load8 1s infinite linear;
    animation: load8 1s infinite linear;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.default-body .card-login .button-loader span {
    display: none;
}

.default-body .card-login .button-loader:hover {
    background: transparent;
} */

@-webkit-keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (min-width: 1025px) {
    .default-body .card-login {
        width: 40%;
    }

    .default-body .card-login .card-body {
        padding: 40px;
    }
}