@import "./css-less-variables/common-import.less"; .ui-dialog-csi { //font-family: @font-family; -moz-box-shadow: 4px 4px 4px #9b9b9b; -webkit-box-shadow: 4px 4px 4px #9b9b9b; box-shadow: 4px 4px 4px #9b9b9b; display: none; z-index: 999999 ! important; .ui-dialog-titlebar { padding: 10px; } .ui-dialog-title { font-size: 18px; font-weight: 600; color: #000; } .ui-widget-header { background: #fff; color: #000; font-size: 12px; } .ui-dialog-titlebar-close { border: 0 none; margin: 0; right: 16px; top: 12px; width: 25px; height: 25px; [dir="rtl"] & { left: 16px; right: auto; } span { margin: 0; } .ui-icon { // background-image: url('../images/xicon.png'); font-family: 'Font Awesome 5 Pro'; font-size: 22px; font-weight: normal; text-indent: 0 !important; background: none; width: 24px; height: 24px; top: 22px; left: 22px; color: @wos-gray-6; &::before { content: @fa-close-button; position: relative; display: block; top: 0px; } } .ui-icon-closethick { background-position: 0 0; margin: -22px -22px; } } a { color: #005a84; } } .ui-dialog-csiovl { padding-left: 20px; padding-right: 20px; //font-family: @font-family; } .csi-sss-header { font-size: 14px; //font-family: @font-family; font-weight: 600; } .csi-localsss { padding-top: 10px; font-size: 14px; //font-family: @font-family; } .csi-localsss-header { font-size: 14px; //font-family: @font-family; font-weight: 600; } .csi-localsss-border { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding-bottom: 6px; } .csi-localsss-content { color: #3b3b3b; font-size: 12px; vertical-align: bottom; } .csi-localsss-error { padding-top: 6px; text-align: left; color: #dc0a0a; font-weight: 600; display: none; [dir="rtl"] & { text-align: right; } } .csi-left-column { vertical-align: top; padding-top: 5px; padding-left: 10px; } .csi-left-column:lang(ar) { padding-right: 10px; } .csi-code-column { vertical-align: top; text-align: center; } .csi-error-column { vertical-align: top; text-align: center; font-size: 12px; color: #dc0a0a; [dir="rtl"] & { text-align: right !important; } } [lang="ar"] .csi-error-column { #csi_error { text-align: right !important; } #csi_error_ic { padding-right: 22px !important; text-align: right !important; } } .csi-login-label { font-weight: 600; font-size: 15px; color: #3b3b3b; white-space: nowrap; vertical-align: baseline; } .csi-login-label:lang(ar) { text-align: left; } .csi-login-input { font-size: 11px; vertical-align: baseline; padding: 5px; direction: ltr; #email_ic { height: 27px; } #password_ic { height: 27px; } } .csi-button-bar { vertical-align: top; padding-top: 10px; font-size: 12px; } .csi-button { white-space: nowrap; padding: 5px; } .csi-options { white-space: nowrap; padding-top: 10px; padding: 5px; font-size: 12px; } .csi-option { padding-bottom: 10px; } .csi-text { vertical-align: top; text-align: left; div { //font-family: @font-family; font-size: 12px; color: #333; } ul { li { list-style-type: disc; list-style-position: outside; margin-left: 2.5em; } } } .csi-text:lang(ar) { text-align: right; div { P { padding-right: 25px; } } ul { padding-right: 60px; } } .csi-checkemail-table { padding-bottom: 10px; } .csi-checkemail-left-column { vertical-align: middle; //font-family: @font-family; padding-right: 10px; padding-top: 0; } .csi-checkemail-email-fields-table { vertical-align: top; color: #3b3b3b; padding-top: 6px; padding-bottom: 6px; width: 100%; //font-family: @font-family; } .csi-checkemail-error-message { display: none; font-size: 12px; color: #dc0a0a; margin-bottom: 10px; padding: 15px; white-space: nowrap; } .csi-checkemail-email-label { font-size: 12px; color: #3b3b3b; font-weight: 600; padding-top: 2px; padding-right: 5px; padding-left: 5px; text-align: right; //font-family: @font-family; vertical-align: middle; } .csi-checkemail-email-label:lang(ar) { text-align: left; } .csi-checkemail-email-text-input { font-size: 12px; color: #4b4b4b; padding: 2px; //font-family: @font-family; white-space: nowrap; vertical-align: bottom; direction: ltr; } .csi-checkemail-buttons-bar { font-size: 12px; color: #3b3b3b; padding-top: 20px; padding-bottom: 20px; vertical-align: top; text-align: right; [dir="rtl"] & table { float: left; margin-left: 8px; } } .csi-checkemail-text { //font-family: @font-family; font-size: 12px; vertical-align: middle; color: #4b4b4b; text-align: left; padding-left: 20px; div { padding-top: 10px; } ul { li { list-style-type: disc; list-style-position: inside; margin-left: 1.5em; } } } .csi-checkemail-text:lang(ar) { text-align: right; div { padding-right: 30px; } ul{ padding-right: 30px; } } .csi-checkemail-invalid-email { padding: 2px; //font-family: @font-family; font-size: 12px; color: #dc0a0a; font-weight: 600; } .csi-banner-background { background-color: #505050; height: 50px; padding: 10px; } .csi-center-background { background-color: #ebebeb; border-bottom: solid 1px #c9c9c9; } .csi-loginbox { padding-top: 5px; } .csi-login-description { padding-top: 0; padding-left: 40px; line-height: 2em; vertical-align: top; text-align: left; font-size: 11pt; } .csi-body-box { min-height: 88px; max-height: none; height: auto; background-color: #ebebeb; //border-bottom: solid 1px #c9c9c9; } .csi-white-footer { max-height: none; background-color: #FFF; padding-left: 80px; padding-top: 5px; padding-bottom: 50px; [dir="rtl"] & { float: right; padding-right: 80px; padding-left: inherit; padding-bottom: 5px; } } .csi-body-box-header { font-size: 14pt; //font-family: @font-family; padding-left: 25px; padding-top: 10px; [dir="rtl"] & { padding-right: 25px; } } .csi-login-label-add { font-size: 14px; } .csi-button-add { padding-top: 8px; padding-left: 60px; [dir="rtl"] & { padding-left: 5px; padding-right: 44px; } } //@-moz-document { // url-prefix() { // .csi-button-add { padding-left: 28px; // } //} .csi-option-add { padding-bottom: 20px; padding-left: 5px; [dir="rtl"] & { padding-right: 5px; padding-left: inherit; } } .sss-localfile-label { width: auto; margin-left: 10px; margin-right: 10px; } .sss-localfile-open { &:focus { outline: none ! important; } } .sss-signin-button { vertical-align: top; outline: none; } .assoc-text-div { font-size: 16px; font-weight: 500; } .assoc-step-text { margin-bottom: 6px; }