@import url(fancyfonts.css);

.is-required {
   color: #bd0101;
   margin-left: 4px; 
}
.is-required:before{
    content: "(";
}
.is-required:after{
   content: ")";
}


.ezFRMhead {
    font-family: 'segoe ui', sans-serif;
    font-size: 16px;
    line-height: 150%;
    color: #666;
    text-align: left;
    display: block;
}

.ezFRMdesc {
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 15px;
    font-style: italic;
    display: block;
    margin-bottom: 4px;
}

.errormessage {
    /* font: 12px "Segoe UI", Arial, Helvetica, sans-serif; */
    color: #bd0101;
    padding-left: 5px;
}


/* invalid email format */

.errormessage2 {
    font: 12px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #bd0101;
    margin-left: -98px;
}

.ezFRMtextbox {
    font: 15px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #666;
    height: 30px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #ccc;
    padding: 3px;
}

.ezFRMradio {
    font: 13px "Segoe UI", Arial, Helvetica, sans-serif;
    width: 100%;
}

.ezFRMradio label {
    font: 16px "Segoe UI", Arial, Helvetica, sans-serif;
    vertical-align: 2px;
    padding: 5px;
    color: #666;
}


.ezFRMcomments {
    font: 15px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #666;
    min-height: 120px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #ccc;
    padding: 3px;
}

.editbox .ezFRMtextbox,
.editbox .ezFRMcomments {
    width: 90%;
}

.ezFRMcheck {
    font: 13px "Segoe UI", Arial, Helvetica, sans-serif;
    width: 100%;
}

.ezFRMcheck label {
    font: 15px "Segoe UI", Arial, Helvetica, sans-serif;
    vertical-align: 2px;
    padding: 5px;
    color: #666;
}

.ezFRMcheck input[type="checkbox"]:focus-visible {
    outline: black 2px solid;
}

.ezFRMdrop {
    font: 15px "Segoe UI", Arial, Helvetica, sans-serif;
    color: #666;
    height: 40px;
    width: 100%;
    width: 308px;
    border: 1px solid #ccc;
}

.ezFRMbutton {
    cursor: pointer;
    background-color: #666;
    color: #fff;
    font-family: 'segoe UI', sans-serif;
    font-size: 18px;
    min-width: 58px;
    padding: 20px;
    border: 0;
    transition-property: background, border-radius;
    transition-duration: .20s, .20s;
    transition-timing-function: linear, ease-in;
    margin-top: 15px;
}

.ezFRMbutton:hover {
    /* border-radius: 10px; */
    /* background-color: #00b700; */
    border-radius: 3px;
    box-shadow: 1px 0px 7px rgba(81, 127, 243, 0.85);
}


/* confirm wrapper*/

.ezCONFIRM {
    width: 100%;
    /* background-image:url('../images/todytrans.png');
    	background-repeat: no-repeat;
	background-position: center; */
    margin: auto;
}

.ezCONFIRMin {
    width: 100%;
    float: left;
}

.ezCONFIRMin .thankyou {
    font-family: 'segoe UI', sans-serif;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
}

.ezCONFIRMin .message {
    background: #yellow;
    width: 98%;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #666;
    min-height: 80px;
    margin-top: 5px;
    margin-bottom: 30px;
}

.ezCONFIRMbuttons {
    width: 100%;
    height: 40px;
    clear: both;
    text-align: center;
}

.ezCONFIRMbuttons .button {
    background-color: #666;
    font-family: 'Segoe UI', sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 8px 15px 10px 16px;
    border: 1px solid #666;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ezCONFIRMbuttons .button:hover {
    border-radius: 3px;
    box-shadow: 1px 0px 7px rgba(81, 127, 243, 0.85);
}