.flatButton{cursor:pointer;padding:6px 10px;font-size:16px;color:#2196f3;background-color:#fff;text-decoration:none;text-transform:uppercase;display:inline-block;transition:background-color .3s ease 0s}.flatButton:hover{text-decoration:none;background-color:#e9e9e9;transition:background-color .3s ease 0s}.raisedButton{cursor:pointer;padding:6px 10px;font-size:16px;color:#fff;background-color:#2196f3;text-decoration:none;text-transform:uppercase;display:inline-block;min-width:50px;transition:background-color .3s ease 0s;box-shadow:0 1px 4px rgba(0,0,0,.3)}.raisedButton:hover{text-decoration:none;background-color:#0960a5;transition:background-color .3s ease 0s}.labelText{font-size:14px;color:#747474}.inputText{font-size:14px;color:#333}.cardLevel-1{margin:0 0 10px;font-size:14px;color:#747474}.cardLevel-1 .title{font-weight:500}.cardLevel-4{box-shadow:0 4px 8px rgba(0,0,0,.3)}.cardLevel-4,.cardLevel-6{background-color:#fff;margin:0 0 10px;padding:10px;font-size:14px;color:#747474}.cardLevel-6{box-shadow:0 6px 24px rgba(0,0,0,.3)}.supplierBox{background-color:#00badf}.supplierBox .supplierRegistrationButton{color:#00badf}.formControl input.formButton.signInButton{background-color:#33008d}.formControl input.formButton.signInButton:hover{background-color:#33008d}body,html{height:100%}*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.cf:after,.cf:before,.clearFix:after,.clearFix:before{content:"";display:table}.cf:after,.clearFix:after{clear:both}.cf,.clearFix{zoom:1}body{height:100%;font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;background-color:#faf8f4}a,body{font-size:14px}a{text-decoration:none;color:#2196f3;transition:all .3s ease 0s}a:hover{transition:all .3s ease 0s;text-decoration:underline}html[dir=ltr] li{text-align:left}html[dir=rtl] li{text-align:right}input[type=submit]{transition:all .3s ease 0s}input[type=submit]:hover{transition:all .3s ease 0s}.backgroundContainer{position:absolute;height:100%;width:100%;background:url(../images/background.7c04bded19a98303eb980855a8a55087.jpg) no-repeat top;background-size:cover;display:flex;align-items:center;justify-content:center;flex-direction:column}.loginMainContainer{width:45vw;min-width:800px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.loginMainContainer.loginMainWrapper{display:flex}.loginMainContainer .errorMessage{padding:10px;background:#f44336;width:100%;font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;font-size:14px;text-align:center;color:#fff}.maintenanceContainer{height:auto;box-shadow:0 1px 4px rgba(0,0,0,.3);width:45vw;min-width:800px;margin-top:15px;background:#fff;padding:10px}.maintenanceContainer .maintenanceText{color:#747474}.logo{background:url(../images/synertrade.b2dd8e4707c5feee9b1b90a9e4efc866.png) no-repeat 50%;height:100px;width:100%}.supplierBox{display:block;min-width:300px;width:300px;background-position:center 90%;background-repeat:no-repeat;background-image:url(../images/supplier_box_icon.8c110d6d05f7ff8bc53bc1e77c5b3cbc.png);padding:0 10px;text-align:center}.supplierBox .welcomeMessage{color:#fff;margin-top:30px;margin-bottom:50px;padding:0 25px}.supplierBox .welcomeMessage b{color:#fff}.supplierBox .supplierRegistrationButton{background:#fff}.supplierBox .supplierRegistrationButton:hover{box-shadow:0 3px 6px rgba(0,0,0,.4);background:#fff}.mainLogin{display:flex;flex:1;flex-direction:column;align-items:center;background:#fff;overflow:hidden}.mainLogin .welcomeMessage{width:390px;margin:0 40px}html[dir=ltr] .mainLogin .welcomeMessage{padding:20px 0 25px}html[dir=rtl] .mainLogin .welcomeMessage{padding:20px 0 25px}.mainLogin .loginInputs input[type=password],.mainLogin .loginInputs input[type=text]{width:100%;margin:0}.mainLogin .loginInputs input[type=password]::-ms-clear,.mainLogin .loginInputs input[type=password]::-ms-reveal{display:none}.mainLogin .loginInputs .loginInputsItem{position:relative}.mainLogin .loginInputs #showPassword{position:absolute;cursor:pointer;display:flex;height:100%;top:0;align-items:center}html[dir=ltr] .mainLogin .loginInputs #showPassword{right:0}html[dir=rtl] .mainLogin .loginInputs #showPassword{left:0}.mainLogin .loginInputs #showPassword:after{font-family:action_icons;content:"\E2D9";font-size:16px;color:#747474}.mainLogin .loginInputs #showPassword.notVisible:after{content:"\E2DA"}.loginInfoBox{background:#fff;padding-bottom:20px}.loginInfoBox .boxTitle{font-size:24px;color:#747474;font-weight:400;padding:20px 20px 0}.loginInfoBox .boxContent{padding:0 20px}.loginInfoBox .boxContent .navigationToolbar{height:50px;display:flex;justify-content:flex-end;align-items:center}html[dir=ltr] .loginInfoBox .boxContent .navigationToolbar{margin-right:20px}html[dir=rtl] .loginInfoBox .boxContent .navigationToolbar{margin-left:20px}.loginInfoBox .boxContent .navigationToolbar .raisedButton{border:none;outline:none;font-size:14px;background:#2196f3;cursor:pointer}html[dir=ltr] .loginInfoBox .boxContent .navigationToolbar .raisedButton{margin-left:15px}html[dir=rtl] .loginInfoBox .boxContent .navigationToolbar .raisedButton{margin-right:15px}.loginInfoBox .boxContent .navigationToolbar .raisedButton:disabled{cursor:default;background-color:transparent;color:#aaa;box-shadow:none}.loginInfoBox .boxContent .navigationToolbar .raisedButton:disabled:hover{cursor:default;background-color:transparent;color:#aaa;box-shadow:none}.loginInfoBox .boxContent .navigationToolbar .raisedButton:hover{text-decoration:none;background:#0960a5;transition:all .3s ease 0s;box-shadow:0 2px 4px rgba(0,0,0,.3);outline:0}.loginInfoBox .boxContent .navigationToolbar .flatButton{border:none;outline:none;font-size:14px}.loginInfoBox .boxContent .navigationToolbar .flatButton:disabled{cursor:default;background-color:transparent;color:#aaa}.loginInfoBox .boxContent .navigationToolbar .flatButton:disabled:hover{text-decoration:none}.loginInfoBox .boxContent .readonlyForm{margin-top:20px}.loginInfoBox .boxContent .readonlyForm .field{display:flex;margin-top:40px;margin-bottom:40px}.loginInfoBox .boxContent .readonlyForm .field .label{flex:1;color:#747474}html[dir=ltr] .loginInfoBox .boxContent .readonlyForm .field .label{text-align:right}html[dir=rtl] .loginInfoBox .boxContent .readonlyForm .field .label{text-align:left}.loginInfoBox .boxContent .readonlyForm .field .value{flex:2;color:#333}html[dir=ltr] .loginInfoBox .boxContent .readonlyForm .field .value{margin-left:20px}html[dir=rtl] .loginInfoBox .boxContent .readonlyForm .field .value{margin-right:20px}.textList{margin:20px 0;padding:0;color:#747474}.textList ul{list-style:none;margin:0;padding:0}.textList ul li{color:#747474;font-size:14px}.loginInputs input[type=password],.loginInputs input[type=text]{color:#333;background:#fff;height:30px;font-size:16px;width:250px;margin:10px 0 0;padding:0 6px;line-height:25px;font-weight:lighter;border-radius:0;border:none;border-bottom:1px solid #bfbfbf;transition:all .3s ease 0s}.loginInputs input[type=password]::-webkit-input-placeholder,.loginInputs input[type=text]::-webkit-input-placeholder{color:#aaa}.loginInputs input[type=password]:-moz-placeholder,.loginInputs input[type=text]:-moz-placeholder{color:#aaa}.loginInputs input[type=password]::-moz-placeholder,.loginInputs input[type=text]::-moz-placeholder{color:#aaa}.loginInputs input[type=password]:focus,.loginInputs input[type=text]:focus{transition:all .3s ease 0s;color:#4c4c4c;border-bottom:1px solid #2196f3;outline:0}.loginInputs input[type=password][readonly],.loginInputs input[type=text][readonly]{background:#f3f3f3;border:1px solid #f3f3f3;border-radius:none;box-shadow:none}.loginInputs input[type=password]:required,.loginInputs input[type=text]:required{border-bottom:1px solid #f44336}.loginInputs input[type=password].mandatory,.loginInputs input[type=text].mandatory{border-bottom:1px solid #f44336}.loginInputs label{font-size:14px;color:#747474}.loginInputs select{height:30px;margin:10px 5px;color:#747476;font-size:16px;border:1px solid #909090;outline:none;border-radius:0;box-shadow:0 15px 15px -10px rgba(0,0,0,.4)}.loginInputs select:focus{transition:all .3s ease 0s;box-shadow:0 15px 15px -7px rgba(0,0,0,.4);border:1px solid #4c4c4c;outline:0}.loginInputs span.text{color:#747476;font-size:16px;font-style:italic;line-height:24px;margin:13px 5px 7px;display:inline-block}label.boolean{position:relative;display:inline-block;vertical-align:text-bottom}label.boolean input[type=checkbox]{display:none}label.boolean input[type=checkbox]+span{content:" ";width:15px;height:15px;display:block;border-radius:2px;box-sizing:border-box;cursor:pointer;background-color:#fff;border:2px solid #747474}html[dir=ltr] label.boolean input[type=checkbox]+span{float:left}html[dir=rtl] label.boolean input[type=checkbox]+span{float:right}label.boolean input[type=checkbox]:checked+span{font-family:standard_icon;border:none;background-color:#26a59a}label.boolean input[type=checkbox]:checked+span:after{content:"\E902   ";color:#fff;font-size:11px;width:15px;height:15px;text-align:center;display:block;line-height:16px}label.boolean input[type=checkbox]:disabled+span{border:2px solid #bfbfbf;cursor:default}label.boolean input[type=checkbox]:disabled:checked+span{border:none;cursor:default;background-color:#bfbfbf}label.boolean input[type=radio]{display:none;visibility:hidden}label.boolean input[type=radio]+span{width:14px;height:14px;display:block;float:left}label.boolean input[type=radio]+span:after{width:14px;height:14px;display:block;content:"\E90D";font-family:standard_icon;color:#747474;font-size:14px;visibility:visible;background-color:#fff}label.boolean input[type=radio]:checked+span:after{content:"\E90E";color:#26a59a}label{font-size:13px;color:#747474;cursor:pointer}.additionalLink a,label{font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif}.additionalLink a{font-size:12px;color:#2196f3;text-decoration:none}.additionalLink a:focus,.additionalLink a:hover{transition:all .3s ease 0s;text-decoration:underline;color:#2196f3;cursor:pointer}.cantLogin,.changeUser{height:21px}html[dir=ltr] .cantLogin,html[dir=ltr] .changeUser{text-align:right}html[dir=rtl] .cantLogin,html[dir=rtl] .changeUser{text-align:left}.changeUser a{display:none}.formControl{padding:10px}html[dir=ltr] .formControl{text-align:right}html[dir=rtl] .formControl{text-align:left}.formControl a.formButton{display:inline-block;padding:6px 20px;font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;font-size:16px;color:#2196f3;background-color:#fff;text-decoration:none;text-transform:uppercase}.formControl a.formButton:hover{background-color:#e9e9e9;text-decoration:none}.formControl input.formButton{display:inline-block;border-radius:0;background-color:#2196f3;text-align:center;padding:6px 20px;font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;font-size:16px;color:#fff;text-decoration:none;box-shadow:0 1px 4px rgba(0,0,0,.3);border:none}.formControl input.formButton:focus,.formControl input.formButton:hover{background:#0960a5;outline:0}.formControl input.formButton.signInButton:hover{box-shadow:0 3px 6px rgba(0,0,0,.4)}.cantLoginContainer.forgotLoginValidation .iconContainer{text-align:center}.cantLoginContainer.forgotLoginValidation .iconContainer:before{font-family:action_icons;content:"\E93B";font-size:90px;color:#2196f3}.cantLoginContainer.forgotLoginValidation .textList{text-align:center;padding:15px;margin:0;font-size:20px;color:#333}.cantLoginContainer.forgotLoginValidation .textList .tryAgainContainer{margin-top:20px}.cantLoginContainer.forgotLoginValidation .textList .tryAgainContainer .hiddenInputs{display:none}.cantLoginContainer.forgotLoginValidation .textList .tryAgainContainer .formButton{font-size:20px}.cantLoginContainer.forgotLoginPage .formControl .flatButton{border:none;outline:none}.cantLoginContainer .loginTable{margin:0 auto}.cantLoginContainer .loginTable .loginInputs{padding:5px 0}.cantLoginContainer .loginTable .loginInputs input[type=password],.cantLoginContainer .loginTable .loginInputs input[type=text]{font-size:14px;color:#333}.cantLoginContainer .loginTable .forgotLoginLink{position:absolute;margin-top:15px}html[dir=ltr] .cantLoginContainer .loginTable .forgotLoginLink{margin-left:15px}html[dir=rtl] .cantLoginContainer .loginTable .forgotLoginLink{margin-right:15px}.cantLoginContainer .loginTable .forgotLoginLink .formButton{height:30px;font-size:14px;line-height:25px}.cantLoginContainer .formControl{padding:30px 0 10px}.cantLoginContainer .formControl input{text-transform:uppercase}html[dir=ltr] .cantLoginContainer .formControl a.formButton{margin-right:10px}html[dir=rtl] .cantLoginContainer .formControl a.formButton{margin-left:10px}.welcomeMessage{font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;font-size:18px;color:#717174}.welcomeMessage b{color:#333;font-weight:100;text-transform:uppercase}.loginFields{padding:0 70px;width:100%}.loginFields .formControl{margin-top:30px;padding:0}html[dir=ltr] .loginFields .formControl{text-align:center}html[dir=rtl] .loginFields .formControl{text-align:center}.loginFields .formControl .formButton{min-width:250px}.loginFields .formControl .loginOptions{margin-top:10px}.loginFields .formControl .loginOptions .checkbox{margin-bottom:12px}.captchaContainer{margin-top:10px;padding:10px;background-color:#ebeff2;border:1px solid #f44336}.captchaContainer .captcha{display:flex;align-items:center}.captchaContainer .captcha .captchaLabel{color:#333}.captchaContainer .captcha #captchaImg,.captchaContainer .captcha #refreshCaptcha,.captchaContainer .captcha .captchaLabel{padding-right:10px}.captchaContainer .captcha #captchaImg{height:50px}.captchaContainer .captcha #refreshCaptcha{cursor:pointer}.captchaContainer #captchaResponse{width:100%}.qualityContainer{position:absolute;bottom:0;width:100px;height:50px;text-align:center;line-height:50px;color:#fff;font-size:22px;font-weight:700;background-color:#e9e9e9}html[dir=ltr] .qualityContainer{right:0}html[dir=rtl] .qualityContainer{left:0}.qualityContainer .qualityLabel{display:none;text-align:center;white-space:nowrap;font-size:12px;position:absolute;background-color:#333;color:#fff;padding:0 10px;height:30px;line-height:30px;top:0}html[dir=ltr] .qualityContainer .qualityLabel{right:20px}html[dir=rtl] .qualityContainer .qualityLabel{left:20px}.qualityContainer:hover .qualityLabel{display:block}.qualityContainer.A{background-color:#a3c069}.qualityContainer.B{background-color:#fbc356}.qualityContainer.C{background-color:#e23968}.changePasswordBox{width:950px}.changePasswordBox .changePasswordContainer{text-align:center;position:relative}.changePasswordBox .changePasswordContainer .loginInputs #confirmPassword,.changePasswordBox .changePasswordContainer .loginInputs #password{transition:all .3s ease 0s}.changePasswordBox .changePasswordContainer .loginInputs #confirmPassword:focus,.changePasswordBox .changePasswordContainer .loginInputs #password:focus{transition:all .3s ease 0s}.changePasswordBox .changePasswordContainer .formControl{margin-top:35px}.changePasswordBox .changePasswordContainer .formControl .formButton{float:none;display:inline-block;text-transform:uppercase}.changePasswordBox .changePasswordContainer .rulesContainer{display:none;max-width:350px;margin-top:7px;position:absolute}html[dir=ltr] .changePasswordBox .changePasswordContainer .rulesContainer{left:615px}html[dir=rtl] .changePasswordBox .changePasswordContainer .rulesContainer{right:615px}html[dir=ltr] .changePasswordBox .changePasswordContainer .rulesContainer{text-align:left}html[dir=rtl] .changePasswordBox .changePasswordContainer .rulesContainer{text-align:right}html[dir=ltr] .changePasswordBox .changePasswordContainer .rulesContainer{float:right}html[dir=rtl] .changePasswordBox .changePasswordContainer .rulesContainer{float:left}.changePasswordBox .changePasswordContainer .rulesContainer .rulesList{font-size:12px;color:#747474;list-style-type:none;margin-top:0}html[dir=ltr] .changePasswordBox .changePasswordContainer .rulesContainer .rulesList{padding:0 0 0 10px}html[dir=rtl] .changePasswordBox .changePasswordContainer .rulesContainer .rulesList{padding:0 10px 0 0}.securityAnswersBox,.securityQuestionsBox{width:950px;margin-top:15px;background:#fff;padding-bottom:30px;border-radius:5px;box-shadow:0 2px 40px rgba(0,0,0,.5)}.securityAnswersBox .loginTableContainer,.securityQuestionsBox .loginTableContainer{padding:0 25px}.securityAnswersBox .loginInputs input[type=text],.securityQuestionsBox .loginInputs input[type=text]{width:300px}.securityAnswersBox .loginInputs label,.securityQuestionsBox .loginInputs label{white-space:nowrap}.securityAnswersBox .loginInputs select,.securityQuestionsBox .loginInputs select{width:300px}html[dir=ltr] .securityAnswersBox .loginInputs{float:left}html[dir=rtl] .securityAnswersBox .loginInputs{float:right}html[dir=ltr] .securityAnswersBox .loginLabels{float:right}html[dir=rtl] .securityAnswersBox .loginLabels{float:left}.securityAnswersBox .formControl{width:310px}.languagesContainer{display:flex}.languagesContainer:before{font-family:app_icons;content:"\E601";color:#747474;font-size:20px}html[dir=ltr] .languagesContainer:before{margin-right:5px}html[dir=rtl] .languagesContainer:before{margin-left:5px}.loginDropdownMenu{position:absolute;display:none;z-index:10}.loginDropdownMenu ul.linkList{min-width:200px;background-color:#fff;border-radius:2px;box-shadow:0 4px 8px rgba(0,0,0,.3);position:absolute;padding:10px 0;list-style:none;margin:-30px 0 0}.loginDropdownMenu ul.linkList li{padding:0 10px}.loginDropdownMenu ul.linkList li:hover{background-color:#e9e9e9}.loginDropdownMenu ul.linkList li a{font-family:Noto Sans,Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:#747474;white-space:nowrap;margin:0;display:block}html[dir=ltr] .loginDropdownMenu ul.linkList li a{padding:10px 0 10px 10px}html[dir=rtl] .loginDropdownMenu ul.linkList li a{padding:10px 10px 10px 0}.loginDropdownMenu ul.linkList li a.highlighted,.loginDropdownMenu ul.linkList li a:hover{background-color:#e9e9e9;text-decoration:none}.loginDropdownMenu.languagesBox ul.linkList{min-width:410px}.loginDropdownMenu.languagesBox ul.linkList li{min-width:135px;height:39px;float:left}.ssoPage{background:#faf8f4;padding-top:10px}.ssoPage .errorContainer{background:#fff;margin:50px auto;width:600px;box-shadow:0 1px 4px rgba(0,0,0,.3)}.ssoPage .ssoLogo{background:#fff url(../images/warning.b84bbae4dddce819bec5785b8128b165.png) no-repeat 50%;padding:50px}.ssoPage .topError{color:#f44336;font-weight:600;font-size:18px;text-align:center;padding:5px}.ssoPage .errorContent{text-align:center;color:#747476;font-size:18px;padding-bottom:20px}.ssoPage .errorContent div{padding:5px}.ssoPage .errorContent a{color:#018fc4;text-decoration:underline}.ssoPage .errorContent a:hover{color:#018fc4;text-decoration:none}.cardLevel-1{box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#fff;padding:10px}.loginPageFooter{width:100%;margin-top:15px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.loginPageFooter .legalNoticeLinksContainer{width:100%;display:flex;margin-bottom:10px;justify-content:center}.loginPageFooter .legalNoticeLinksContainer .legalNoticeLinkWrapper{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1}html[dir=ltr] .loginPageFooter .legalNoticeLinksContainer .legalNoticeLinkWrapper:not(:first-child){margin-left:15px}html[dir=rtl] .loginPageFooter .legalNoticeLinksContainer .legalNoticeLinkWrapper:not(:first-child){margin-right:15px}.loginPageFooter .legalNoticeLinksContainer .legalNoticeLinkWrapper .legalNoticeLink{outline:none}.loginPageFooter .loginIconBox{margin-bottom:5px}.loginPageFooter .loginIconBox,.loginPageFooter .loginIconBox a{display:flex;align-items:center;justify-content:center}html[dir=ltr] .loginPageFooter .loginIconBox>div:not(:first-child){margin-left:15px}html[dir=rtl] .loginPageFooter .loginIconBox>div:not(:first-child){margin-right:15px}