/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body .oit-logo-banner
{
height: 40px;
}

html
{
background-color: #bdd6e6;
background-image: none;
}

#main_body h1
{
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #074c85;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #d2e4fc;
}

#main_body form .guidelines
{
background-color: #0064b1;
border-width: 1px;
border-style: dotted;
border-color: #0064B1;
}

#main_body form .guidelines small
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #ffffff;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
color: #444444;
}

#machform_review_table td.mf_review_value
{
font-family: 'Tahoma','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 800;
font-style: normal;
font-size: 240%;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 100%;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 140%;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Noto Sans','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #444444;
}



/** Advanced CSS **/

/* Typography *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
@font-face {
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    font-family: "Noto Sans";
    /*src: url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.eot");
    src: url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.woff2") format("woff2"), url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.woff") format("woff"), url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.ttf") format("truetype"), url("https://s.uta.edu/sitecore/assets/fonts/BergenSans-Bold.svg#BergenSans-Bold") format("svg");*/
}
#main_body, .appnitro, #main_body .form_description p, #main_body input.text, #main_body input.file, #main_body textarea.textarea, #main_body select.select, #main_body input.checkbox, #main_body input.radio, #main_body form li span label, #main_body label.choice, #main_body .matrix th, #main_body form li span.symbol, .mf_sigpad_clear, #main_body form li div label, #main_body form li div span.label {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
#main_body, .appnitro {
    font-size: 1rem;
}
#main_body .form_description h2, #main_body .form_success h2 {
    font-family: 'Noto Sans', 'Karla','Lucida Grande',Tahoma,Arial,sans-serif;
}
#main_body form li label.description, #main_body form li span.description, #main_body .matrix caption, #main_body .matrix td.first_col, #main_body form li.total_payment span, #machform_review_table td.mf_review_label {
    font-family: 'Noto Sans', 'Karla','Lucida Grande',Tahoma,Arial,sans-serif;
    font-size:1em;
}
/* Structure *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (min-width: 481px) {
    form.appnitro {
    margin: 10px 0;
    padding: 10px;
}
#form_container {
    width: 680px;
}
}
div.oit-logo-banner {
    display: none;
}
@media only screen and (max-width: 480px) {
    .embed form.appnitro {
    /* assume we're embedded within a responsible template that already includes padding/margin */ margin: 15px 5px 0;
}
}
#main_body h1 a {
    height: 140px !important;
    background-size: 90%;
    background-position: 0px 10px;
}
.appnitro li {
    width: 100%;
}
#main_body form li {
    padding: 10px 3px 10px 3px;
}
#main_body form li.address div span {
    padding-bottom: 12px;
}
/* Header *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#main_body .form_description h2 {
    text-transform: uppercase;
    line-height: 1.1;
}
#main_body .form_description p {
    font-size: 100%;
    line-height: 1.5;
}
#main_body .form_description h1 {
    background-color:transparent;
    color:#000000;
    display:inline;
}
#error_message {
    border: none;
}
/* Form Fields *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 
#main_body form li label.description, #main_body form li span.description, #main_body .matrix caption, 
#main_body .matrix td.first_col, #main_body form li.total_payment span, #machform_review_table td.mf_review_label {
    font-size: 100%;
}
#main_body input.text, #main_body input.file, #main_body textarea.textarea, #main_body select.select, 
#main_body input.checkbox, #main_body input.radio {
    background-color: #fff;
}
#main_body input.text, #main_body select.select, #main_body textarea.textarea {
    border: 1px solid #333333;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    color: #3c3c3c;
}
#main_body .buttons input {
    margin-right: 5px;
    background: #CD4B12;
    color: #ffffff;
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .9rem;
    font-weight: bold;
    letter-spacing: .86px;
    padding: 15px 30px;
    cursor: pointer;
    transition: all .2s;
}
#main_body input.button_text:hover, #main_body input.button_text:focus, #main_body input.button_text:active {
    color: #CD4B12;
    background: #ffffff;
    text-shadow: none;
    border-color: #CD4B12;
    font-weight: bold;
}
#main_body input.radio {
    height: 16px;
    margin: 6px 0 2px 3px;
}
#main_body form .required, #main_body .matrix span.required {
    color: #ee0000 !important;
}
#main_body form li label.description, #main_body form li span.description {
    padding: 0 0 4px;
}
@media only screen and (max-width: 480px) {
    #main_body form .guidelines small {
    color: #3c3c3c;
}
}
#main_body form li.error{
 background-color: #FFF0F0 !important;
}
#error_message_desc strong {
    background-color: #FFF0F0 !important;
}

/* Guidelines *~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* The guidelines present a problem because by default they require dedicated space on the right of the screen. This means all the form fields have to be stacked to the left and be small. What we do here is use flexbox to 'hack' the layout, and place the gudielines directly below the field label instead. This works for most but not all fields. For the other fields it will just display the guidelines below the input instead of above. */ #main_body form li {
    display: flex;
    flex-direction: column;
}
#main_body form li > *:first-child {
    order: -2;
}
#main_body form li p.guidelines {
    order: -1;
    position: static;
    color: #272727;
    visibility: visible !important;
    background: transparent;
    border: none;
    padding: 0 0 0.5rem 0;
    margin: 0 !important;
    width: 100%;
}
#main_body form .guidelines small {
    color: #3b3b3b;
    font-size: .9rem;
}
#form_container h1 {
    height:2.5rem !important;
}