div.form3 {
    margin: 10px auto 10px auto;
    border: 0px;
    font-size: 20px;
    font-family: 'montserrat', 'roboto', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.form3row {
    display:flex;    
}

    .form3 .full-w {
        width:100%;
    }
    .form3 .half-w {
        width:50%;
    }
    .form3 .onethird-w {
        width:33%;
    }
    .form3 .quarter-w {
        width:25%;
    }

.form3 div {
    padding: 3px 10px 3px 5px;
    line-height: 32px;
    text-align: left;
    vertical-align: top;
}

.form3 div span{
    font-size: 16px;
    color: #888;
    transition: color ease-in-out .15s;
}

.form3 div:not(.form3row):hover span{
   color: #7F28C4;
}

.form3 div:not(.form3row):hover input[type="text"],
.form3 div:not(.form3row):hover input[type="password"],
.form3 div:not(.form3row):hover select{
    border-color: #7F28C4;
}

.form3 input[type="text"],
.form3 input[type="password"]{
    outline-style: none;
    outline-color: invert;
    /*width:100%;*/
    font-family: 'montserrat', 'roboto', 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-size: 16px;
    border: 0px solid #ececec;
    border-bottom-width: 2px;
    display: inline-block;
    height:22px;
    padding:5px 0 5px 0;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.form3 input[type="text"]:focus,
.form3 input[type="password"]:focus{
    outline: 0;
    box-shadow: none;
}

/*
.form3 input[type='reset'],
.form3 input[type='submit'],
.form3 input[type='button']{
    height: 33px;
    cursor: pointer;
    padding: 0px 20px;
    border: 0px;
    border-radius: 2px;
    background-color: #7F28C4;
    color:#fff;
    font-family: 'montserrat', Century Gothic,'roboto',Segoe UI,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: normal;
    opacity: 0.9;
    text-transform: uppercase;
    -webkit-transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.form3 input[type='reset']:hover,
.form3 input[type='submit']:hover,
.form3 input[type='button']:hover{
    opacity: 1;
}


.form3 input[type='reset']:active,
.form3 input[type='submit']:active,
.form3 input[type='button']:active {
    ;
}

.form3 input[type='reset']:disabled,
.form3 input[type='submit']:disabled,
.form3 input[type='button']:disabled{
    background-color:#aaa;
    opacity: 1;
    cursor:auto;
}
*/

.form3 input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #cecece;
}
.form3 input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #cecece;
}
.form3 input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #cecece;
}

.form3 input:disabled{
    padding:5px 3px;
    color:#777777;
    background-color:#f4f4f4;
    cursor: not-allowed;
}
.form3 input:read-only{
    padding:5px 3px;
    background-color:#f9f9f9;
}

.form3 select{
    outline-style: none;
    outline-color: invert;
    width:100%;
    font-family: 'montserrat', 'roboto', 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-size: 16px;
    border: 0px solid #ececec;
    border-bottom-width: 2px;
    box-shadow: none;
    display: inline-block;
    height:34px;
    padding:5px 0 5px 0;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.form3 select:disabled{
    color:#777777;
    background-color:#fbfbfb;
}

.form3 textarea{
    min-height: 45px;
    outline-style: none;
    outline-color: invert;
    width:100%;
    font-family: 'montserrat', 'roboto', 'Segoe UI', Helvetica, Verdana, sans-serif;
    font-size: 16px;
    border: 2px solid #ececec;
    /*border-bottom-width: 2px;*/
    display: inline-block;
    padding:5px 0 5px 0;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.form3 textarea:read-only,
.form3 textarea:disabled{
    color:#777777;
    background-color:#fbfbfb ;
}
.form3 td:hover textarea{
    border-color: #ed008c;
}
.form3 a {
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s;
}
.form3 a:hover {
    color: #7F28C4;
}

.formgrid {
    width: 100%;
    border-width: 0;
    border-spacing: 0;
    border-bottom: 1px solid #e6e6e6;
    margin: 0 0 20px 0;
}
.formgrid tr{
    opacity: 1;
    transition: opacity ease-in-out .25s, height ease-in-out .25s;
}
.formgrid th{
    padding: 9px 2px;
    color: gray;
    font-weight: normal;
    text-align: left;
}
/*.formgrid th:first-child{
    text-align: left;
}
.formgrid th:last-child,
.formgrid td:last-child{
    text-align: right;
}*/
.formgrid td{
    padding: 14px 2px;
    vertical-align: middle;
    line-height: 24px;
    border-top: 1px solid #e6e6e6;
}

.style-pink:hover {
    color: #e5004b!important;
}
.style-pink:hover span{
    color: #e5004b!important;
}
.style-pink:hover input[type="text"],
.style-pink:hover input[type="password"],
.style-pink:hover select{
    border-color: #e5004b!important;
}
.style-pink-button{
    background-color: #e5004b;
    color:#fff;
    opacity:0.8;
}
.style-pink-button:hover{
    opacity: 1!important;
}
.style-pink-button:disabled{
    background-color: #aaa!important;
    color:#fff!important;
    cursor:not-allowed!important;
    opacity: 1!important;
}
.style-black-button{
    width:120px;
    background-color: #000!important;
    color:#fff;
    opacity:1;
}
.style-black-button:hover{
    /*color:#e5004b;*/
}
.style-purple-button{
    background-color: #7F28C4!important;
}