.custom_button_dark {
    background: #272100 !important;
    color: #fffe89 !important;
    font-weight: bold !important;
    border: 1px solid #2a4873 !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
}

    .custom_button_dark:hover {
        background: #fffe89 !important;
        color: #272100 !important;
        font-weight: bold !important;
        border: 1px solid #2a4873 !important;
    }


.custom_button_bright {
    background: #fffe89 !important;
    color: #272100 !important;
    font-weight: bold !important;
    border: 1px solid #2a4873 !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
}

    .custom_button_bright:hover {
        background: #272100 !important;
        color: #fffe89 !important;
        font-weight: bold !important;
        border: 1px solid #2a4873 !important;
    }

.custom_button_transparent {
    background: rgba(255,255,255,0) !important;
    color: #272100 !important;
    border: 1px solid #272100 !important;
    font-weight: bold !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
}

    .custom_button_transparent:hover {
        background: #fffe89 !important;
        font-weight: bold !important;
        color: #272100 !important;
        border: 1px solid #272100 !important;
    }

.custom_button_danger {
    background: rgb(255, 102, 102) !important;
    color: #15263e !important;
    font-weight: bold !important;
    border: 1px solid #2a4873 !important;
    -webkit-transition-duration: 0.4s !important; /* Safari */
    transition-duration: 0.4s !important;
}

    .custom_button_danger:hover {
        background: #15263e !important;
        color: rgb(255, 102, 102) !important;
        font-weight: bold !important;
        border: 1px solid #2a4873 !important;
    }

.custom_login {
    position: relative !important;
    background: rgb(0 0 0);
    padding: 0px 20px 20px 20px;
    border-radius: 10px;
}

@media (min-width : 800px) {
    .custom_login {
        position: relative !important;
        background: rgb(0 0 0);
        padding: 0px 5% 30px 5%;
        border-radius: 10px;
    }
}

@media (min-width : 1000px) {
    .custom_login {
        position: relative !important;
        background: rgb(0 0 0);
        padding: 0px 10% 30px 10%;
        border-radius: 10px;
    }
}

.v_center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.border-glow {
    border: 2px solid gold;
    animation: 5s infinite glow;
    margin: 0px 1px 0px 1px;
    background: #000000 !important;
    transition-duration: 0.4s !important;
}

    .border-glow:hover {
        border: 2px solid gold;
        animation: 5s infinite glow;
        margin: 0px 1px 0px 1px;
        background: goldenrod !important;
        transition-duration: 0.4s !important
    }

@keyframes glow {
    0% {
        border-color: gold;
    }

    10% {
        border-color: darkgoldenrod;
    }

    50% {
        border-color: gold;
    }

    90% {
        border-color: lightgoldenrodyellow;
    }

    100% {
        border-color: gold;
    }
}

@-webkit-keyframes glow {
    0% {
        border-color: gold;
    }

    10% {
        border-color: darkgoldenrod;
    }

    50% {
        border-color: gold;
    }

    90% {
        border-color: lightgoldenrodyellow;
    }

    100% {
        border-color: gold;
    }
}