.vali-parent-container {
   
}

.vali-container {
    background-image: linear-gradient(to top, #000e38, #004382) !important;
    padding: 40px 25px 50px;
    /*margin: 0 40rem 0;*/
}

    .vali-container .text-color-white {
        color: #fff !important;
        letter-spacing: 0.5px;
    }

    .vali-container .border-shadow {
        border-width: 1px !important;
        border-style: solid !important;
        -o-border-image: linear-gradient(to left, rgb(255, 255, 255, 0) 0, rgba(29, 169, 29, 0.8) 50%, rgb(255, 255, 255, 0) 101%) 100% 0 100% 0/0px 0 2px 7 stretch !important;
        border-image: linear-gradient(to left, rgb(255, 255, 255, 0) 0, rgb(255, 143, 12) 50%, rgb(255, 255, 255, 0) 101%) 100% 0 100% 0/0px 0 2px 7 stretch !important;
        padding-bottom: 15px;
        /*margin-bottom: 15px;*/
    }

    .vali-container .vali-logo {
        width: 100px !important;
    }

    .vali-container .custom-input-group {
        align-items: stretch;
        position: relative;
        flex-wrap: wrap;
        margin: 30px 0;
        display: flex;
        width: 100%;
    }

    .vali-container .input-boxes {
        border: 1px solid #ccc;
        text-align: center;
        margin: 0px 4px 0px 10px;
        padding-top: 7px;
        padding-bottom: 8px;
        color: #fff !important;
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        padding-right: 0 !important;
        background: transparent;
        padding: 0px;
    }

    .vali-container .vali-button, .vali-container .vali-button:hover, .vali-container .vali-button:hover:active, .vali-container .vali-button:hover.hover, .vali-container .vali-button:focus {
        border: none;
        outline: none;
        color: #fff !important;
        background-color: #ff8f0c !important;
    }