body { background: #fffff; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; margin: 8px 0 16px; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 20px 0px; }
h2 { font-size: 1.5em; }
fieldset { border: 1px solid #959597; padding: 10px 15px; }
legend { padding: 0.2em 0.5em; border: 1px solid #0088cc; color: #767676; font-size: 100%; font-weight: 600; text-align: right; }
table tr td, table tr th { padding: 6px 10px; }
#emptyspace { margin: 0 0 2px 0; }
#heading { background: #08c; font-weight: 400; font-size: 20pt; margin: 0; min-height: 60px; padding: 15px 12px; text-decoration: none; text-indent: 5px; color: #fff;	/*border-top: solid 1px #F08609;*/    /*border-bottom: solid 1px #F08609;*/ }
#form_container { background: #fff; border: 1px solid #F08609; margin: 0 auto; text-align: left;	/*width:68.6%;*/ width: 1100px; }
#outform_container { background: #fff; border: 1px solid #F08609; margin: 0 auto; text-align: left;	/*width:68.6%;*/ width: 900px; }
#popupform_container { background: #fff; margin: 0 auto;	/*width:68.6%;*/ width: 80%; }
form ul { font-size: 100%; list-style-type: none; margin: 0 6px; padding: 0; width: 100%; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; }
p.pcss { padding: 10px 0px 10px 15px; font-size: 100%; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; }
form li { display: block; margin: 0; padding: 4px 5px 3px 9px; position: relative; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; width: 100%; }
#FormLayout1 { margin-top: 10px; padding: 10px; width: 300px; }
#FormLayout1 label, #FormLayout1 input { display: block; float: left; margin-bottom: 10px; }
.formcheckbox { margin: 0 0 0 15px; }
.button_continue { background-color: #4CAF50; /* Green */ border: none; color: white; margin: 15px; padding: 10px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button_home { background-color: #3385ff; /* Green */ color: white; padding: 10px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button_continue1 { background-color: red; /* Green */ border: none; color: white; margin: 15px; padding: 10px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button_continue2 { background-color: green; /* Green */ border: none; color: white; margin: 15px; padding: 10px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
p { border: none; display: block; font-size: 120%; font-weight: 400; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; padding: 0 0 1px; margin: 0 5px 0px; text-align: justify; }
label.descriptionH { border: none; display: block; font-size: 120%; font-weight: 600; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; padding: 0 0 1px; margin: 0 5px 0px;/* color: #fff; */ }
label.description { border: none; display: block; font-size: 120%; font-weight: 400; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; padding: 0 0 1px; margin: 0 5px 0px; }
.description2 { border: none; display: block; font-size: 120%; font-weight: 400; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; padding: 0 0 1px; margin: 0 5px 0px; text-align: justify; }
.description3 { border: none; display: block; font-size: 100%; font-weight: 600; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; padding: 0 0 1px; margin: 0 5px 0px; text-align: justify; }
label.formlabel { border: none; display: block; font-size: 100%; font-weight: 400; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; margin: 0px 0px 5px 5px;	/*background:#DBE5FA;*/ }
.choice { border: none; font-size: 16px; font-weight: 300; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; margin: 0 5px 10px; color: #2F2F2F; letter-spacing: .015em; text-align: justify; }
.dropdownsmall { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
.dropdownmed { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
#labelnew { float: left; width: 6em; text-align: left; }
#labelnew1 { float: left; width: 10.5em; text-align: left; }
#labelnew2 { float: left; width: 10em; text-align: left; }
#labelnew3 { float: left; width: 8em; text-align: left; }
.dropdownlong { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
.mediuminput { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.smallinput { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 150px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.dobinput { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 70px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.dobyinput { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 70px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.dateinput { margin: 0px; padding: 5px; border: 1px solid #8cf; width: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.smallinputdisabled { margin: 0px; padding: 5px; border: 0px solid #8cf; width: 150px; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; }
.mediuminputsign { margin: 0px; padding: 3px; border: 0px solid #8cf; width: 200px; background: #DBE5FA; font-weight: 600; color: red; text-transform: uppercase; background: -webkit-border-radius:1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-appearance: none; }
textarea.large { height: 20em; border: 1px solid #8cf; width: 100%; resize: none; overflow: auto; }
textarea.mediumtextarea { height: 5em; border: 1px solid #8cf; width: 100%; resize: none; overflow: auto; }
.tooltiplabel { color: red; display: block; font-weight: 600; font-size: 0.75em; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; margin: 0px 0px 5px 5px; }
.tooltiplabel1 { background: yellow; /* Green */ color: red; display: block; font-weight: 600; font-size: 0.75em; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; line-height: 150%; margin: 0px 0px 5px 0px; }
#tooltiplabel_bg { background: yellow; /* Green */ }
#label_bg { background: #8cf; padding: 6px 10px; margin-top: 10px; color: #fff; }
#sub_label_bg { background: #96CADB; }
#sub_label_head { margin: 10px 0 0 15px; font-weight: 400; }
#sub_label_list { margin: 5px 0 0 30px; font-style: italic; font-size: 0.9em; }
#iStudentBrochureLink { margin: 5px 0px 10px 10px; }

/* Style the tab Orange=F08609, Blue=08c */
div.tab { overflow: hidden;    /*border: 1px solid #F08609;*/ background-color: #DBE5FA; }

/* Style the links inside the tab */
div.tab a { float: left; display: block; color: #08c; text-align: center; padding: 5px 20px; text-decoration: none; transition: 0.3s; font-size: 18pt; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }

/* Change background color of links on hover */
div.tab a:hover { background-color: #ddd; color: #F08609; font-weight: 400; }

/* Create an active/current tablink class */
div.tab a:focus, .active {/* background-color: #ddd; *//* color: #fff; *//* border-bottom: 1px solid #F08609; */ }

/* Style the tab content */
.tabcontent { display: none; padding: 6px 0px;    /*border: 1px solid #F08609;*/ border-top: none; }

/*** Calendar **********************/
div.calendar { position: relative; }
.calendar table { cursor: pointer; border: 1px solid #ccc; font-size: 11px; color: #000; background: #fff; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
.calendar .button { text-align: center; padding: 2px; }
.calendar .nav { background: #f5f5f5; }
.calendar thead .title { font-weight: bold; text-align: center; background: #dedede; color: #000; padding: 2px 0 3px 0; }
.calendar thead .headrow { background: #f5f5f5; color: #444; font-weight: bold; }
.calendar thead .daynames { background: #fff; color: #333; font-weight: bold; }
.calendar thead .name { border-bottom: 1px dotted #ccc; padding: 2px; text-align: center; color: #000; }
.calendar thead .weekend { color: #666; }
.calendar thead .hilite { background-color: #444; color: #fff; padding: 1px; }
.calendar thead .active { background-color: #d12f19; color: #fff; padding: 2px 0px 0px 2px; }
.calendar tbody .day { width: 1.8em; color: #222; text-align: right; padding: 2px 2px 2px 2px; }
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb; }
.calendar tbody .day.othermonth.oweekend { color: #fbb; }
.calendar table .wn { padding: 2px 2px 2px 2px; border-right: 1px solid #000; background: #666; }
.calendar tbody .rowhilite td { background: #FFF1AF; }
.calendar tbody .rowhilite td.wn { background: #FFF1AF; }
.calendar tbody td.hilite { padding: 1px 1px 1px 1px; background: #444 !important; color: #fff !important; }
.calendar tbody td.active { color: #fff; background: #529214 !important; padding: 2px 2px 0px 2px; }
.calendar tbody td.selected { font-weight: bold; border: 1px solid #888; padding: 1px 1px 1px 1px; background: #f5f5f5 !important; color: #222 !important; }
.calendar tbody td.weekend { color: #666; }
.calendar tbody td.today { font-weight: bold; color: #529214; background: #D9EFC2; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar tfoot .footrow { text-align: center; background: #556; color: #fff; }
.calendar tfoot .ttip { background: #222; color: #fff; font-size: 10px; border-top: 1px solid #dedede; padding: 3px; }
.calendar tfoot .hilite { background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; }
.calendar tfoot .active { background: #77c; padding: 2px 0px 0px 2px; }
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; border: 1px solid #ccc; background: #f5f5f5; color: #222; font-size: 90%; z-index: 100; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #444; color: #fff; }
.calendar .combo .active { border-top: 1px solid #999; border-bottom: 1px solid #999; background: #dedede; font-weight: bold; }
#bottom { display: block; height: 10px; margin: 0 auto; width: 650px; }
form.appnitro { margin: 20px 20px 0; padding: 0 0 20px; }

/**** Logo Section  Orange=F08609, Blue=08c, default=dedede *****/
h1 { margin: 0; min-height: 0; padding: 0; text-decoration: none; text-indent: 0px; color: #08c; font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; font-weight: 300;	/*border-top: solid 1px #F08609;*/    	/*border-bottom: solid 1px #F08609;*/ }
h1 a { display: block; height: 100%; min-height: 40px; overflow: hidden; }
img { behavior: url(css/iepngfix.htc); border: none; }

/**** Form Section ****/
.appnitro { font-family: "Open Sans", Lucida Grande, Tahoma, Arial, Verdana, sans-serif; font-size: small; }
.appnitro li { width: 100%; }
form ul { font-size: 100%; list-style-type: none; margin: 0; padding: 0; width: 100%;	/*font-family:"Open Sans",Lucida Grande, Tahoma, Arial, Verdana, sans-serif;*/ }
form li { display: block; margin: 0; padding: 4px 5px 2px 9px; position: relative;	/*font-family:"Open Sans",Lucida Grande, Tahoma, Arial, Verdana, sans-serif;*/ width: 100%; }
form li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.buttons:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.buttons { clear: both; display: block; margin-top: 10px; }
* html form li { height: 1%; width: 100%; }
* html .buttons { height: 1%; }
* html form li div { display: inline-block; width: 100%; }
form li div { color: #444; margin: 0 4px 0 0; padding: 0 0 8px; width: 100%; }
form li span { color: #444; float: left; margin: 0 4px 0 0; padding: 0 0 8px; width: 100%; }
form li div.left { display: inline; float: left; width: 48%; }
form li div.message { display: inline; float: left; width: 80%; }
form li div.addleft { display: inline; float: left; width: 50%; }
form li div.addright { display: inline; float: left; width: 50%; }
form li div.right { display: inline; float: right; width: 48%; }
form li div.left .medium { width: 35%; }
form li div.right .medium { width: 48%; }
.clear { clear: both; }
form li div label { clear: both; color: #444; display: block; font-size: 9px; line-height: 9px; margin: 0; padding-top: 3px; width: 100%; }
form li span label { clear: both; color: #444; display: block; font-size: 9px; line-height: 9px; margin: 0; padding-top: 3px; width: 100%; }
form li .datepicker { cursor: pointer !important; float: left; height: 16px; margin: .1em 5px 0 0; padding: 0; width: 16px; }
.form_description { border-bottom: 1px dotted #ccc; clear: both; display: inline-block; margin: 0 0 1em; }
.form_description[class] { display: block; }
form li.section_break { border-top: 1px dotted #ccc; margin-top: 9px; padding-bottom: 0; padding-left: 9px; padding-top: 13px; width: 97% !important; }
form ul li.first { border-top: none !important; margin-top: 0 !important; padding-top: 0 !important; }
form .section_break h3 { font-size: 110%; font-weight: 400; line-height: 130%; margin: 0 0 2px; }
form .section_break p { font-size: 85%; margin: 0 0 10px; }

/**** Buttons ****/
input.button_text { overflow: visible; padding: 0 7px; width: auto; }
.buttons input { font-size: 120%; margin-right: 5px; }

/**** Inputs and Labels ****/
span.symbol { font-size: 115%; line-height: 130%; }
input.text { background: #fff url(../../../images/shadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; color: #333; font-size: 100%; margin: 0; padding: 2px 0; }
input.file { color: #333; font-size: 100%; margin: 0; padding: 2px 0; }
textarea.textarea { background: #fff url(../../../images/shadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; color: #333; font-family: "Open Sans", "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; margin: 0; width: 99%; }
select.select { color: #333; font-size: 100%; margin: 1px 0; padding: 1px 0 0; background: #fff url(../../../images/shadow.gif) repeat-x top; border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; }
input.currency { text-align: right; }
select.select[class] { margin: 0; padding: 1px 0; }
*:first-child+html select.select[class] { margin: 1px 0; }
.safari select.select { font-size: 120% !important; margin-bottom: 1px; }
input.small { width: 25%; }
input.soso { width: 35%; }
select.small { width: 25%; }
input.medium { width: 50%; }
select.medium { width: 50%; }
input.large { width: 99%; }
select.large { width: 100%; }
textarea.small { height: 5.5em; }
textarea.medium { height: 10em; }
textarea.large { height: 20em; }

/**** Errors ****/
#error_message { background: #fff; border: 1px dotted red; margin-bottom: 1em; padding-left: 0; padding-right: 0; padding-top: 4px; text-align: center; width: 99%; }
#error_message_title { color: #DF0000; font-size: 125%; margin: 7px 0 5px; padding: 0; }
#error_message_desc { color: #000; font-size: 100%; margin: 0 0 .8em; }
#error_message_desc strong { background-color: #FFDFDF; color: red; padding: 2px 3px; }
form li.error { background-color: #FFDFDF !important; border-bottom: 1px solid #EACBCC; border-right: 1px solid #EACBCC; margin: 3px 0; }
form li.error label { color: #DF0000 !important; }
form p.error { clear: both; color: red; font-size: 10px; font-weight: 700; margin: 0 0 5px; }
form .required { color: red; float: none; font-weight: 700; }

/**** Guidelines and Error Highlight ****/
form li.highlighted { background-color: #fff7c0; }
.tooltip span { display: none; }
.tooltip:hover span { display: block; position: fixed; overflow: hidden; }
form .guidelines { background: #f5f5f5; border: 1px solid #e6e6e6; color: #444; font-size: 80%; left: 100%; line-height: 130%; margin: 0 0 0 8px; padding: 8px 10px 9px; position: absolute; top: 0; visibility: hidden; width: 35%; z-index: 1000; }
form .guidelines small { font-size: 105%; }
form li.highlighted .guidelines { visibility: visible; }
form li:hover .guidelines { visibility: visible; }
.no_guidelines .guidelines { display: none !important; }
.no_guidelines form li { width: 97%; }
.no_guidelines li.section { padding-left: 9px; }

/*** Success Message ****/
.form_success { clear: both; margin: 0; padding: 90px 0pt 100px; text-align: center }
.form_success h2 { clear: left; font-size: 160%; font-weight: normal; margin: 0pt 0pt 3px; }

/*** Password ****/
ul.password { margin-top: 60px; margin-bottom: 60px; text-align: center; }
.password h2 { color: #DF0000; font-weight: bold; margin: 0pt auto 10px; }
.password input.text { font-size: 170% !important; width: 380px; text-align: center; }
.password label { display: block; font-size: 120% !important; padding-top: 10px; font-weight: bold; }
#li_captcha { padding-left: 5px; }
#li_captcha span { float: none; }

/** Embedded Form **/
.embed #form_container { border: none; }
.embed #top, .embed #bottom, .embed h1 { display: none; }
.embed #form_container { width: 100%; }
.embed #footer { text-align: left; padding-left: 10px; width: 99%; }
.embed #footer.success { text-align: center; }
.embed form.appnitro { margin: 0px 0px 0; }
#scroll { position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; background-color: #3498db; text-indent: -9999px; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px }
#scroll span { position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -12px; height: 0; width: 0; border: 8px solid transparent; border-bottom-color: #ffffff; }
#scroll:hover { background-color: #e74c3c; opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.applybtn { display: none; }
.f1 { padding: 15px;	/* background: #fff; */ -moz-border-radius: 4px;	/* -webkit-border-radius: 4px; */	/* border-radius: 4px; */
font-size: 14px; }
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }
.f1-steps { overflow: hidden; position: relative; margin-top: 20px; }
.f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #0088cc; }
.f1-step:hover { text-decoration: none; }
.f1-step { position: relative; float: left; width: 16.6666666666666%; padding: 0 5px; text-align: center; }
.f1-step.disabled { cursor: not-allowed; pointer-events: none; }
.f1-step-icon { display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd; font-size: 16px; color: #fff; line-height: 40px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.f1-step.activated .f1-step-icon { background: #fff; border: 1px solid #23a1ff; color: #23a1ff; line-height: 38px; }
.f1-step.active .f1-step-icon { width: 48px; height: 48px; margin-top: 0; background: #0088cc; font-size: 22px; line-height: 48px; }
.f1-step p { color: #ccc; text-align: center; }
.f1-step.activated p { color: #23a1ff; }
.f1-step.active p { color: #0088cc; }
.f1 fieldset.mainfi { text-align: left; border: none; padding: 20px 0; }
.f1-buttons { text-align: right; border-top: 2px solid #08c; padding-top: 20px; margin-top: 20px; }
.f1 .input-error { border-color: #f35b3f; }

/* The scriptmodal (background) */
.scriptmodal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0, 0, 0); /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ }

/* scriptmodal Content */
.scriptmodal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 460px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 4px; }

/* Add Animation */
@-webkit-keyframes animatetop {
	from { top: -300px; opacity: 0 }
	to { top: 0; opacity: 1 }
}
@keyframes animatetop {
	from { top: -300px; opacity: 0 }
	to { top: 0; opacity: 1 }
}

/* The Close Button */
.scriptmodal .close { font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; float: right; margin-top: 4px; }
.scriptmodal .close:hover, .scriptmodal .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.scriptmodal-header { padding: 12px 16px;    /* background-color: #5cb85c; */    /* color: white; */
text-align: left; border-bottom: 1px solid #eee; }
.scriptmodal-body { padding: 2px 16px; }
.scriptmodal-footer { padding: 2px 16px; background-color: #5cb85c; color: white; }
.scriptmodal-body { padding: 0 20px; }
.javamodal-open { overflow: hidden; }


input.error, select.error { border-color: #ff6966; }
input:focus, select:focus { outline: none; }
label.error { color: #ff6966; margin-top: 5px;}
label.error.labelradio{float: right;}
input[type='radio'] { -webkit-appearance: none; width: 10px; height: 10px; border-radius: 50%; outline: none; box-shadow: 0 0 0 2px gray; }
input[type='radio']:before { content: ''; display: block; width: 60%; height: 60%; margin: 20% auto; border-radius: 50%; }
input[type='radio']:checked:before { background: #858585; }
input.error[type='radio'] { box-shadow: 0 0 0 2px #ff6966; }

#request .m-footer span{    background-color: #08c;
    display: block;
    color: #fff;
    margin-top: 15px;}


@media (min-width: 576px){
#request  .modal-dialog {
    max-width: 620px;
}

#request .modal-header{background-color: #08c; padding: 10px 20px;}
#request .modal-header h4, #request .modal-header .close{color: #fff;}
#request .modal-content{border: none;}