﻿.ddl-custom {
    font-size: 17px;
    padding: 3px 10px;
    border-radius: 5px 12px;
    font-weight: bold;
}

    .ddl-custom option.option-custom {
        font-size: 15px;
        padding: 5px;
    }

.radio-spacing label {
    margin-left: 15px;
}

.btn-submit-disabled-look {
    background-color: dimgray;
    color: lightgray;
    font-weight: bold;
}

.button-submit-disabled {
    border-radius: 4px;
    border: none;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    cursor: pointer;
    margin: 5px;
}

.btn-submit-look {
    background-color: #4CAF50;
    color: ghostwhite;
    font-weight: bold;
}

/* https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_buttons_animate1 */
.button-submit {
    border-radius: 4px;
    border: none;
    text-align: center;
    font-size: 17px;
    padding: 10px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

    .button-submit span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .button-submit span:after {
            content: '\00bb'; /*\2297 - For a cancel button.*/
            position: absolute;
            opacity: 0;
            top: 0;
            right: -20px;
            transition: 0.5s;
        }

    .button-submit:hover span {
        padding-right: 25px;
    }

        .button-submit:hover span:after {
            opacity: 1;
            right: 0;
        }

/* https://isabelcastillo.com/error-info-messages-css */
.isa_error {
    margin: 10px 0px;
    padding: 12px;
    color: #D8000C;
    background-color: #FFD2D2;
    margin: 10px 22px;
    /*font-size:2em;*/
    vertical-align: middle;
    border-radius: .5em;
    border: 1px solid;
    /*box-shadow:1px 1px 3px #888;*/
}
