.myclearfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } .clearleft { clear: left; } .dib { display: inline-block; } .fl { float: left; } .fr { float: right; } .mb0 {margin-bottom: 0px !important;} .mb20 { margin-bottom: 20px;} .mb45 { margin-bottom: 45px !important;} .leftpanel, .rightpanel { width: 48%; } .leftpanel { margin-right: 2%; } .rightpanel { margin-left: 2%; } .p48 { width: 48%; } textarea.p100 { width: 100%; } .p30 { width: 30%; } .p66 { width: 66%; } .formprominent .addProduct, .formprominent .addParticipant { cursor: pointer; color: #01305c; font-size: 13px; margin-bottom: 15px; display: block; font-family: "HelveticaNeueW01-75Bold"; } .formprominent .addProduct .plus { font-size: 17px; position: relative; top: 1px; } .formprominent .sheformrow { margin-bottom: 15px; } .formprominent .ui-selectmenu-menu, .formprominent .ui-widget.ui-selectmenu-button { background-color: #d7dbde; border: none; color: #728cb5; } .ui-selectmenu-button.ui-selectmenu-disabled span.ui-icon { background-color: #848789; } .formprominent .formButton { margin-bottom: 10px; } .formprominent .ui-selectmenu-button { height: 25px; } .ui-menu-item { cursor: pointer; background-image: none; line-height: 25px; padding-bottom: 0; font-size: 13px; } .ui-menu-item.ui-state-disabled { color: #95a8c8; } .ui-menu-item.ui-state-focus { background-color: #1e90ff; color: #ffffff; } .ui-selectmenu-button span.ui-icon { right: 0; left: auto; margin-top: 0; position: absolute; top: 0; background-color: #01305c; width: 25px; height: 25px; background-image: url(images/menu_arrow_down.png); background-repeat: no-repeat; background-position: 50% 50%; } #footer .ui-selectmenu-button { color: #282828; margin-bottom: 15px; } #footer .ui-selectmenu-button span.ui-icon { background-image: url(images/dropdown_style2.png); } /* new and extra styles */ body footer .back-to-top { bottom: 2em; display: none; position: fixed; right: 0; z-index: 9999; } body footer .back-to-top a { display: block; height: 70px; padding: 0 0.7em 0 0; text-indent: -9999px; width: 70px; } body footer a span.icon-back-to-top { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0NkU2NjJDREQzNTExRTQ4NzgwQUVGNTc1REVENjZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0NkU2NjJEREQzNTExRTQ4NzgwQUVGNTc1REVENjZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjQ2RTY2MkFERDM1MTFFNDg3ODBBRUY1NzVERUQ2NkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjQ2RTY2MkJERDM1MTFFNDg3ODBBRUY1NzVERUQ2NkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6tM6h7AAABAklEQVR42uxU2w2CQBC8IxZACXYgdCAdyL8m2oFWoB1oB5DoP3agHYAVSAlU4DmnQ4IQ4BIfP94mk8stmx12ZkEqpcS3wxE/CEvypySDekJK2VosR1MXxxLYqcuhaKurfxbGk4DAw3EC1kDK++fkQsM5CcrGQ31n/n0SNNriiACXqRgoeI/4vLtHXb/SE+qfAGM+yoEQXmSUKuFEOjIgKH0y8oRN0grBGfA1waPJ8/SZF5Tx2uZTYxLHm01q8uhNWnXIueEylBHesv2xbxKPBHr0RRcBp9IkIetFZTl6jc+pcWyyPajTbx7QG6PtetHfNFgfVHxq98T+IC2JJWnEXYABAOBoXzOfHuewAAAAAElFTkSuQmCC"); display: inline-block; height: 26px; overflow: hidden; width: 26px; } body footer .back-to-top a span { left: 50%; margin-left: -35px; margin-top: -35px; position: absolute; top: 50%; } ul.ui-widget-content { border: 1px solid #7f9db9; background-color: #f2f4f5; margin-top: 0; } .formprominent .formButton.next { width: 120px !important; } .formprominent .formButton.next2 { width: auto !important; } .formprominent .form_confirm { text-align: right; } .formprominent .form_error_message { color: red; display: none; } .formprominent input.error, .formprominent .ui-selectmenu-button.error { border: 1px solid red; } .formprominent input[type="radio"].error + label, .formprominent input[type="radio"].error + label + input + label, input.error + label { color: red; } .formstate02 { display: none; } .forminputresult { color: #728cb5; } td.forminputresult { padding-bottom: 0.7em; } .forminputresulttable.copytextcolor { margin-top: 0.7em; } table.forminputresulttable td { vertical-align: top; } table.forminputresulttable td .td-30 { width: 30px; } .forminputresultwrapper div[class^="fir_"] { margin-bottom: 20px; } .radiolabel { display: inline-block; cursor: pointer; position: relative; font-size: 13px; margin-right: 20px; color: #95A8C8; } .formprominent input[type=radio], .formprominent input[type=checkbox] { display: none; } .formprominent .radiolabel:before { content: url('images/radio_unchecked.png'); margin-right: 10px; } .formprominent input[type=radio]:checked + .radiolabel:before { content: url('images/radio_checked.png'); margin-right: 10px; } .formprominent .cblabel { display: block; } .formprominent:not(.forminfomaterial) .cblabel:before { content: url('images/checkbox_unchecked.png'); margin-right: 10px; position: relative; top: 4px; } .formprominent:not(.forminfomaterial) input[type=checkbox]:checked + .cblabel:before { content: url('images/checkbox_checked.png'); margin-right: 10px; } .forminfomaterial .cblabel .img-checkbox { height: 20px; width: 20px; float:left; background-image: url('images/checkbox_unchecked.png'); } .forminfomaterial input[type=checkbox]:checked + .cblabel .img-checkbox { background-image: url('images/checkbox_checked.png'); } .img-checkbox + p { padding-left: 30px; } .mandatory { float: left; margin-top: 10px; } .send-btn-wrapper { float: right; } .dib { display: inline-block; } .step-back { margin-right: 25px; font-weight: bold; color: #01305c; cursor: pointer; } .step-back:after { content: url("../arrow_left_blue.png"); margin-left: 10px; cursor: pointer; } .legend h3 { font-size: 22px; font-weight: 100; line-height: 22px; color: #95a8c8; font-family: "HelveticaNeueW01-45Light"; } @media screen and (max-width: 44.0625em) { .leftpanel, .rightpanel, .p48, .p30, .p66{ width: 100%; } } label.inputlabel { display: block; cursor: pointer; position: relative; font-size: 13px; margin-right: 20px; color: #95A8C8; } table { vertical-align: top; text-align: left; } table[class^="besttab"] { min-width: 100%; font-size: 12px; border-top: 1px solid #728CB5; border-bottom: 1px solid #728CB5; table-layout: fixed; } table[class^="besttab"] tr:nth-child(2n+2) { background-color: #E3E8F0; } table td, table th { padding: 5px; } table[class^="techtab"] tr td:first-of-type { padding-left:0; } table[class^="besttab"] thead { border-top: 1px solid #728CB5; } table[class^="besttab"] thead th { font-weight: normal; background-color: white; font-size: 13px; text-align: left; min-width: 100px; } table[class^="besttab"] thead tr:first-child th { font-weight: bold !important; vertical-align: top; min-width: 100px; } table[class^="besttab"] thead tr:first-child th[colspan="2"]{ min-width: 200px; } table[class^="besttab"] thead tr:first-child th[colspan="3"]{ min-width: 300px; } table[class^="besttab"] thead tr:last-child{ border-bottom: 1px solid #728CB5; } table[class^="besttab"] + p { margin-top: 5px; } .table-container, .tabs .ui-tabs-panel>DIV.table-container { width:100%; overflow-x: auto; } @media (max-width: 710px) { .desktop_view { display: none; } .mobile_view { display: block; } .formInput.mb15px { margin-bottom:15px; } } @media (min-width: 711px) { .desktop_view { display: block; } .mobile_view { display: none; } .formInput.mb15px { margin-bottom:0; } }