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

#main_body h1 a
{
background-image: url('https://www.unifr.ch/form/ssm/images/form_resources/machform.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('https://www.unifr.ch/form/ssm/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #525252;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

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

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

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

#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: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

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

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
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: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#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: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

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

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



/** Advanced CSS **/

/** Advanced CSS for Webunifr Theme **/


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


#main_body, .appnitro {
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

#main_body img#top, #main_body img#bottom {
display:none;
}


#main_body h1
{
background-color: #0c2447;
background-image: none;
border-radius:0;
}



#main_body h1 a {
	background-image: url('https://cdn.unifr.ch/uf/v2.4.1/gfx/logo_neg.png');
	height: 60px;
	background-position: 15px 15px;
	background-size: 180px 30px;
}

#form_container {
background-color: #ffffff;
border:none;
width:840px;
border-radius:0;
box-shadow:none;

}

#main_body .form_description {
border-bottom: 1px solid #CBCBCB;
}

#main_body .appnitro li {
width:97%;
}

#main_body .form_description h2
{
font-family: 'Open Sans SemiBold','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 35px;
color: #343434;
}


#main_body .form_success h2
{
font-family: 'Open Sans SemiBold','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #343434;
}


#main_body .form_description p, #main_body form ul.payment_list_items li
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #343434;
line-height:1.4em;
margin-top:10px;
}


#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: #FFFFFF;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #343434;
box-shadow:none;
border-radius: 0;
outline:0;
border: 1px solid #cbcbcb;
padding: .5em;
transition: border .3s;
}


#main_body input.text:focus, #main_body input.file:focus, #main_body textarea.textarea:focus, #main_body select.select:focus, #main_body input.checkbox:focus, #main_body input.radio:focus  {
	border: 1px solid #0C2447;
}


#main_body form li.highlighted, #main_body .matrix tbody tr:hover td, #machform_review_table tr.alt
{
background-color: #FAF7F2 !important;
transition:none;
}

#main_body form .guidelines
{
background-color: #FAF7F2;
border-color: #cbcbcb;
visibility:visible;
position:static;
width:auto;
border:none;
margin:0 !important;

}

#main_body form .guidelines small
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #343434;
}


#machform_review_table td.mf_review_value
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #343434;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 15px;
color: #343434;
}

#main_body .datepicker {
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}


#main_body form li .datepicker {
width:30px;
height:30px;
}

#main_body .matrix td.first_col {
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: normal;
font-size: 15px;
color: #343434;
	
}

#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: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
color: #343434;
}

#main_body label.choice
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight:400;
cursor:pointer;
font-size:15px;

}

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

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 22px;
color: #343434;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 15px;
color: #343434;
line-height:1.4em;
margin-top:10px;
}



#main_body form li.total_payment var {
padding-left:0.5em;}




#main_body form .simple_name_1 {
width:48%; float:left !important;
}

#main_body form .simple_name_2 {
width:48%; float:right !important;
}

#main_body form .simple_name_1 input.text, #main_body form .simple_name_2 input.text {
width:96%; 
}

#main_body form.left_label .simple_name_1, #main_body form.left_label .simple_name_2 {
width:33%;
}

#main_body form.left_label .simple_name_1 input.text, #main_body form.left_label .simple_name_2 input.text {
width:88%; 
}

#main_body form.right_label .simple_name_1, #main_body form.right_label .simple_name_2 {
width:33%;
}

#main_body form.right_label .simple_name_1 input.text, #main_body form.right_label .simple_name_2 input.text {
width:88%; 
}



#main_body input.button_text{
border-radius:0;
box-shadow:none;
background: #0c2447;
border:none;
color: white;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:normal;
padding: .5em 1em;
cursor:pointer;
text-shadow:none;
width:100%;
text-decoration:none;

}

#main_body input.button_text:hover, #main_body input.button_text:focus, #main_body input.button_text:active {
	color: #343434;
	background: #DBDBDB;
}


#main_body div.uploadifive-button {
border-radius:0;
box-shadow:none;
background: #0c2447;
border:none;
color: white;
font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:normal;
padding: .5em 1em;
cursor:pointer;
text-shadow:none;
width:200px !important;

}

#main_body input.btn_primary {
width:48%; float:left;
}

#main_body input.btn_secondary {
width:48%; 
float:right;
background: #DBDBDB;
color: #343434;
}

#main_body input.button_text:hover, #main_body input.button_text:focus, #main_body input.button_text:active, #main_body div.uploadifive-button:hover, #main_body div.uploadifive-button:focus {
	color: #343434 !important;
	background:none !important;
	background: #CCCCCC !important;
	cursor:pointer !important;
}


#main_body li.buttons {
width:auto;
}

#main_body form li.li_pagination {
	font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	border:none;
}


#main_body form li.li_pagination span {
border-radius:0 !important;
padding:6px;
}


#main_body form li.li_pagination span.ap_tp_num_active {
background-color: #F36E21;
}

#main_body form li.li_pagination div.mf_progress_container {
border-radius:0 !important;
}

#main_body form li.li_pagination div.mf_progress_value {
border-radius:0 !important;
background-color: #F36E21;
}

@media only screen and (max-width : 768px) {

#form_container
{
width:auto !important;
}
#main_body .form_description h2
{
font-size: 26px;
}

}

@media only screen and (max-width : 480px) {
	
#main_body form .simple_name_1 {
width:98% !important; float:left; clear:both;
}

#main_body form .simple_name_2 {
width:98% !important; float:left !important; clear:both;
}

#main_body form .simple_name_1 input.text, #main_body form .simple_name_2 input.text {
width:100% !important; 
}

#main_body form li.multiple_choice div fieldset span, #main_body form li.checkboxes div span {
border:none !important;
}

#main_body form li .datepicker {
width:20px;
height:20px;
}
	
}