/* Smart Form CSS */ #s4-workspace div.smart-form { font-family: inherit; font-size: inherit; } #smart-fieldset-UserRegistration, #smart-fieldset-ManageProfile, #smart-fieldset-Login, #smart-fieldset-LoginControl, #smart-fieldset-ForgotPassword, #smart-fieldset-ChangePassword{ margin: 0 auto !important; max-width: 500px !important; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .chkbox, #s4-workspace div.smart-form #smart-fieldset-ChangePassword .chkbox, #s4-workspace div.smart-form #smart-fieldset-UserRegistration .chkbox, #s4-workspace div.smart-form #smart-fieldset-ManageProfile .chkbox, #s4-workspace div.smart-form #smart-fieldset-Login .chkbox, #s4-workspace div.smart-form #smart-fieldset-LoginControl .chkbox { padding-left: 10px; font-weight: bold; } #s4-workspace DIV.smart-form #smart-fieldset-ForgotPassword #smart-fieldset, #s4-workspace DIV.smart-form #smart-fieldset-ChangePassword #smart-fieldset, #s4-workspace DIV.smart-form #smart-fieldset-UserRegistration #smart-fieldset, #s4-workspace DIV.smart-form #smart-fieldset-ManageProfile #smart-fieldset, #s4-workspace DIV.smart-form #smart-fieldset-Login #smart-fieldset, #s4-workspace DIV.smart-form #smart-fieldset-LoginControl #smart-fieldset { width: 100%; position: relative; padding: 0; margin: 0 0; background-color: transparent; border: 0px solid transparent; } #s4-workspace DIV.smart-form #smart-fieldset-ForgotPassword .smart-field-button, #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-button, #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-button, #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-button, #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-button, #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-button { margin: 5px 10px 0 0; clear: both; position: relative; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-button input[type="submit"], #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-button input[type="submit"], #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-button input[type="submit"], #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-button input[type="submit"], #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-button input[type="submit"], #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-button input[type="submit"] { float: right; cursor: pointer; background: #1a7eb5; border: 0; color: #ffffff; text-transform: uppercase; padding: 3px 10px; width: 70px; font-size: 1.1em; font-weight: bold; letter-spacing: .5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-button input[type="submit"]:hover, #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-button input[type="submit"]:hover, #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-button input[type="submit"]:hover, #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-button input[type="submit"]:hover, #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-button input[type="submit"]:hover, #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-button input[type="submit"]:hover { opacity: .8; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-input, #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-input, #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-input, #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-input, #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-input, #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-input { display: block; padding: 2px 0px; vertical-align: middle; max-width: 80%; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-input input[type="password"], #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-input input[type="password"], #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-input input[type="password"], #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-input input[type="password"], #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-input input[type="password"], #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-input input[type="text"], #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-input input[type="password"] { height: 18px; margin: 0; width: 100%; padding: 5px 0; text-indent: 5px; font-size: 12px; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-control label, #s4-workspace div.smart-form #smart-fieldset-ChangePassword .smart-field-control label, #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-control label, #s4-workspace div.smart-form #smart-fieldset-ManageProfile .smart-field-control label, #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-control label, #s4-workspace div.smart-form #smart-fieldset-LoginControl .smart-field-control label { display: block; width: 30%; float: left; padding: 5px 0px 0px 0px; color: #333; font-weight: bold; text-align: right; padding-right: 10px; vertical-align: middle; } /*==============================================================================================================*/ DIV.smart-form #smart-fieldset legend { font-weight: bold; color: #343434; background: rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position: absolute; top: -1.1em; left: .6em; } #s4-workspace div.smart-form #smart-fieldset-LoginControl {width: 100%; position:relative; padding:0; margin:0 0; background-color: transparent; border: 0px solid transparent; } #s4-workspace div.smart-form #smart-fieldset-LoginControl legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form #smart-fieldset-Login { width: 100%; position:relative; padding:0; margin:0 0; background-color: transparent; border: 0px solid transparent;} #s4-workspace div.smart-form #smart-fieldset-Login legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form #smart-fieldset-ChangePassword { width: 100%; position:relative; padding:0; margin:0 0; background-color: transparent; border: 0px solid transparent;} #s4-workspace div.smart-form #smart-fieldset-ChangePassword legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword {width: 100%; position:relative; padding:0; margin:0 0; background-color: transparent; border: 0px solid transparent;} #s4-workspace #MobileForgotPassWPContainer div.smart-form #smart-fieldset-ForgotPassword { margin:0 0 25px; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em;} /* #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword .smart-field-control .smart-label, #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword div, #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword div.smart-field-control div { display:none;} */ #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-label { display:block; font-size: 14.4px; } #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-control span { font-size: 14.4px; }*/ #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword div.smart-field-button { display:block;} #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword div.smart-validation-messages, #s4-workspace .forgot-passwordDiv div.smart-form #smart-fieldset-ForgotPassword div.smart-field-control { display:block; padding:0; margin:0;} #s4-workspace div.smart-form #smart-fieldset-ForgotPassword .smart-field-input {display:block; padding: 0px 5px 0 0; vertical-align: middle; max-width: 300px; margin-top: 7px;} #s4-workspace #smart-fieldset-ForgotPassword .smart-field-control .smart-label { font-size: 1.2em; line-height: 1.6em; color: #000000; margin: 0 0 15px 0; padding: 0; } #s4-workspace #MobileForgotPassWPContainer #smart-fieldset-ForgotPassword .smart-field-control .smart-label {color: #eeeeee; } #s4-workspace #MobileForgotPassWPContainer div.smart-form #smart-fieldset-ForgotPassword .smart-field-input {width: auto !important;} #s4-workspace div.smart-form #smart-fieldset-UserRegistration {width: 100%; position:relative; padding:0; margin:0 0; background-color: transparent; border: 0px solid transparent;} #s4-workspace div.smart-form #smart-fieldset-UserRegistration legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form #smart-fieldset-ManageProfile { width: 90%; position:relative; padding: 15px; margin: 0 0 1em 1em; background-color: rgb(239, 239, 239); border: #c4d2db 1px solid; } #s4-workspace div.smart-form #smart-fieldset-ManageProfile legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form #smart-fieldset-panel { width: 90%; position:relative; padding: 15px; margin: 0 0 1em 1em; background-color: rgb(239, 239, 239); border: #c4d2db 1px solid; } #s4-workspace div.smart-form #smart-fieldset-panel legend { font-weight: bold; color: #343434; background:rgb(219, 231, 241); border: 1px solid #c4d2db; padding: 5px 5px 5px 5px; position:absolute; top:-1.1em; left:.6em; } #s4-workspace div.smart-form .smart-field-button { margin: 5px 10px 0 0; clear:both; position:relative;} #s4-workspace div.smart-form .smart-field-button input[type="submit"] { float: right; cursor: pointer; background: #0032A0; border: 0; color: #ffffff; text-transform: uppercase; padding: 3px 10px; width: 70px; font-size: 1.1em; font-weight: bold; letter-spacing: .5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } #s4-workspace div.smart-form .smart-field-button input[type="submit"]:hover { opacity: .8;} #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-button input[type="submit"] { position:absolute; right:-11px; background: #0032A0; border: 0 none; color: #ffffff; cursor: pointer; float: right; font-size: 1.1em; font-weight: bold; letter-spacing: 0.5px; padding: 3px 10px; text-transform: uppercase; transition: all 0.3s ease 0s; width: 70px;} #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-control a { line-height:20px; } #s4-workspace div.smart-form .smart-field-checkbox { margin: 0 0 0 0;} #s4-workspace div.smart-form .smart-field-checkbox input { padding: 2px 2px 2px 0px; } #s4-workspace div.smart-form .smart-field-checkbox label { display: inline; font-size: 11px; line-height: 14px; padding: 0; } #s4-workspace .mobile-bottom-links div.smart-form #smart-fieldset-Login .smart-field-checkbox label { color:#ffffff;} #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-button { margin:5px 0 0;} @media (max-width 1023px) { #s4-workspace div.smart-form .smart-field-checkbox label { color:#ffffff;} } #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-checkbox label { display: inline; font-size: 10px; line-height: 14px; padding: 0;} #s4-workspace div.smart-form .smart-field-control { clear: both; margin: 2px 0; display: block;} #s4-workspace .login div.smart-form .smart-field-control { margin: 0;} #s4-workspace div.smart-form .smart-field-control label { display: block; width: 30%; float: left; padding: 5px 0px 0px 0px; color: #333; font-weight: bold; text-align: right; padding-right: 10px; vertical-align: middle; } #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-control label {display: block; width:auto; float:left; padding: 2px; color: #333; font-weight:normal; text-align: left; vertical-align: middle; line-height:13px; font-size:14px;} #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-input span { clear:both; } #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-input label { clear:both; padding: 5px 2px 2px; font-size: 12px; } #s4-workspace div.smart-form #smart-fieldset-UserRegistration .smart-field-button { margin-right: 20%; margin-top:10%} #s4-workspace div.smart-form .smart-field-control label span { color: red !important; font-weight: bold; } #s4-workspace div.smart-form .smart-field-input { display: block; padding: 2px 0px; vertical-align: middle; max-width: 80%;} #s4-workspace div.smart-form .smart-field-input input[type="text"], #s4-workspace div.smart-form .smart-field-input input[type="password"] { height:18px; margin:0; width:100%; padding:5px 0; text-indent:5px; font-size: 12px; } #s4-workspace div.smart-form .smart-field-controlvalue { padding: 5px 0px 5px 0px; display: block; } #s4-workspace div.smart-form .required { color: red; font-weight: bold; margin: 0 5px; } #s4-workspace div.smart-form .smart-messages { margin: 0 0 0 0; padding: 5px 0px 5px 0px; border: #c4d2db 1px solid; background-color: #FFC; font-weight: bold; text-align: center; } #s4-workspace div.smart-form .smart-recaptcha-container { clear: both; margin: 5px 0; font-size: 0px; } DIV.smart-recaptcha-container .smart-field-control label { display: block; width: 30%; float: left; padding: 5px 0px 0px 0px; color: #333; font-weight: bold; text-align: right; padding-right: 10px; vertical-align: middle; } DIV.smart-recaptcha-container .smart-recaptcha-control{ display: block; padding: 5px 0 5px 0;} #s4-workspace div.smart-form .smart-validation-messages { padding: 10px 0px 10px 0px; color: red !important;} /* Smart Form Fix for SharePoint Field Validation Errors */ #s4-workspace div.smart-form .smart-field-control .ms-formvalidation { color: red !important;} /* Contact Form Content */ #s4-workspace #ContactFormContent div.smart-form { max-width:none !important;} #s4-workspace #ContactFormContent div.smart-form .smart-field-control { position:relative; padding: 5px 16px;} #s4-workspace #ContactFormContent div.smart-form .smart-field-control label {display: inline-block; width: 25.8%; float: none; padding:5px 2% 0px; color: #333; text-align: right; font-family:"Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } #s4-workspace #ContactFormContent div.smart-form .smart-field-input {display: inline-block; padding: 2px 0px; vertical-align: middle; max-width:none; margin: 0; width:70%; float: none; } #s4-workspace #ContactFormContent div.smart-form .smart-recaptcha-container {clear:none; float:left; margin: 5px 0;} #s4-workspace #ContactFormContent div.smart-form .smart-field-input input[type="text"], #s4-workspace #ContactFormContent div.smart-form .smart-field-input input[type="password"] {height: 35px; margin: 0; width: 96%; padding: 5px 0 5px 4%; border: 1px solid #dddfe0; border-radius: 0; } #s4-workspace #ContactFormContent div.smart-form #recaptcha_table { border: 1px solid #dddfe0;} #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r1_c1, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r3_c3, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r3_c2, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r3_c1, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r2_c1, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r7_c1, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r8_c1, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r4_c4, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r2_c2, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r4_c2, #s4-workspace #ContactFormContent div.smart-form .recaptchatable .recaptcha_r4_c1 { background-image:url(sprite.png); background-color:#ffffff;} #s4-workspace #ContactFormContent div.smart-form .smart-rte-textarea { width: 100%; height: 120px; border: 1px solid #dddfe0; padding: 2px 0; font-family:"Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} #s4-workspace #ContactFormContent div.smart-form .smart-messages {margin: -138px 0 0 0; padding: 75px 0px 75px 0px; border: 0px transparent; background-color: #f2f4f5; font-weight: 500; text-align: center; font-size: 26px; color: #0075b4; font-family: "Gotham A", "Gotham B", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;} #s4-workspace #ContactFormContent div.smart-form #smart-fieldset {-webkit-box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, .0); box-shadow: 0px 0px 0px 0px rgba(200, 200, 200, .0);} #s4-workspace #ContactFormContent div.smart-form .smart-field-button input[type="submit"] {background: #0075b4; color: #ffffff; text-transform: uppercase; padding:5px 10px; width: 105px; height: 45px; font-size: 16px; font-weight: 500; } #s4-workspace div.smart-form .smart-validation-mark { color: red !important; padding-left: 1px;font-weight:bold !important } #s4-workspace div.smart-form .smart-blankline { display:none; } #s4-workspace div.smart-form #smart-fieldset-Login .actionbuttons-wrap { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; } #s4-workspace div.smart-form #smart-fieldset-Login .actionbuttons-wrap .smart-field-button input[type="submit"] { position: static !important; width: 140px !important; } #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-input { max-width: 100% !important; } #s4-workspace div.smart-form #smart-fieldset-Login .smart-field-checkbox { float: right; padding: 0px 0px 20px 0px; } #s4-workspace div.smart-form #smart-fieldset-Login .actionbuttons-wrap .smart-field-button { margin: 5px 0px 0 0; }