/* ==========================================================
   MYJAT Form System
========================================================== */
/*==================================================
INPUT 
==================================================*/

.myjat-input{
width:100%;
font-family:var(--myjat-font);
font-size:15px;
color:var(--myjat-text);
background:var(--myjat-surface);
border:1px solid var(--myjat-border);
border-radius: var(--myjat-radius-1);
transition:all var(--myjat-speed) var(--myjat-ease);
box-sizing:border-box;
}

.myjat-input:focus{
   outline:none;
border-color:#F58220;
box-shadow:0 0 0 4px rgba(245,130,32,.12),0 20px 50px rgba(245,130,32,.12);
background:#fff;
}

/*==================================================
Text Area 
==================================================*/
.myjat-textarea{
width:100%;
font-family:var(--myjat-font);
font-size:15px;
color:var(--myjat-text);
background:var(--myjat-surface);
border:1px solid var(--myjat-border);
border-radius: var(--myjat-radius-1);
transition:all var(--myjat-speed) var(--myjat-ease);
box-sizing:border-box;
}

.myjat-textarea:focus{
outline:none;
border-color:#F58220;
box-shadow:0 0 0 4px rgba(245,130,32,.12),0 20px 50px rgba(245,130,32,.12);
background:#fff;
}

.myjat-label{
display:block;
font-weight:var(--myjat-fw-semibold);
color:var(--myjat-text);
}

.myjat-form-group{
display:flex;
background-color: white;
flex-direction:column;
}