/* ##################################
        Complete Custom Form StyleSheet
    ##################################### */
    .custom-row {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .custom-col {
        width: 17rem;
        display: flex;
        flex-flow: column wrap;
    }
    .custom-col p {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .custom-col input, 
    select, 
    .custom-radio-button-wrapper {
        height: 25px;
        padding: 0 .5rem;
        border: none;
        color: gray;
        font-size: 11px;
        border-radius: 5px;
        background-color: #DAFDEC;
    }

    .cancel-button-style, 
    .submit-button-style {
        width: 90px !important;
        height: 30px !important;
        margin-left: .5rem;
        background-color: white !important;
        font-size: 10px !important;
        cursor: pointer;
    }
    .cancel-button-style {
        color: red !important;
        border-radius: 5px !important;
        border: 1px solid red !important;
    }
    .cancel-button-style:hover {
        color: white !important;
        background-color: red !important;
    }
    .submit-button-style {
        color: white !important;
        background-color: green !important;
        border-radius: 5px !important;
    }
    .submit-button-style:hover {
        background-color: white !important;
        color: green !important;
        border: 1px solid green !important;
    }
    .custom-radio-button-wrapper {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }
    .custom-radio { margin: 0 .5rem 0 0 !important; }