@import "./css-less-variables/common-import.less"; .label-spacing { margin: 0 10px; } .number-of-records { overflow: hidden; padding-top: 14px; padding-bottom: 0px; margin-left: 27px; margin-right: 27px; input.error { border: 2px solid #990000; } label.error, label.language-specific-error { display: block; padding: 8px 0 0 0; font-size: 16px; color: #DC0A0A; } } .ui-dialog-quickoutput-spinner { overflow: hidden; padding-top: 20px; padding-bottom: 0px; font-size: 14px; height: 20px; margin-left: 0px; margin-bottom: 18px; padding-top: 17px; padding-left: 25px; } .ui-dialog-quickoutput-confirmation { overflow: hidden; padding-top: 20px; padding-bottom: 0px; } .ui-dialog-quickoutput-error { overflow: hidden; padding-top: 20px; padding-bottom: 0px; display: block; color: #990000; font-weight: bold; } .number-of-records-msg { padding-bottom: 15px; } .quick-output-email-detail { .quick-output-section-label { margin-top: 0px; padding-top: 0px; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; } margin-top: 0px; padding-top: 5px; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; margin-left: 70px; margin-right: 50px; input.error { border: 2px solid #990000; } label.error { display: block; color: #990000; font-weight: bold; } } .quickoutput-content { margin-top: 0px; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; margin-left: 27px; margin-right: 27px; flex-direction: column; } .quick-output-detail { margin-top: 0px; padding-top: 5px; overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; margin-left: 27px; margin-right: 27px; flex-direction: column; padding-bottom: 20px; input.error { border: 2px solid #990000; } label.error { display: block; color: #990000; font-weight: bold; } } .number-of-records-range { display: flex; flex-direction: row; align-items: center; &.error { input, label { color: #DC0A0A !important; } input[type="text"]:focus { box-shadow: 0 0 4px 2px #DC0A0A; -webkit-box-shadow: 0 0 4px 2px #DC0A0A; -moz-box-shadow: 0 0 4px 2px #DC0A0A; } input[type="text"] { border: 1px solid #DC0A0A !important; } } } .ml-content { text-align: center; margin-top: 15px; } .ml-content-fields { margin-top: 15px; select { width: 350px; height: 25px; } } .ml-content-radios { margin-top: 15px; } .ml-content-label-indented { padding-left: 35px; font-weight: bold; &:lang(ar) { padding: 0; margin: 0; } } .ml-input-label:lang(ar) { padding: 0; margin: 0 !important; } #saveToMLErrorDialog #errorCloseBtn img { margin-bottom: -5px; } .ml-input-label:lang(ar){ margin-left: 0px !important; margin-right:-32px !important; } .errorMessageStyle { color: red; margin-right:170px; } .errorMessageStyle:lang(ar) { margin-right:0px; margin-left:210px; } .ml-content-label-indented:lang(ar) { padding-left: 0px; } .ml-content-label { font-weight: bold; } .ml-input { width: 350px; height: 25px; } .ml-buttons { margin-right: 145px; input { padding-top: 3px; } } #mlOpen { .ml-buttons { margin-right: 0px; } } input { &:disabled { opacity: 0.5; } } span.xmark { background: url('../images/xmark.gif') no-repeat left center; display: inline-block; padding-left: 3px; width: 14px; height: 12px; } .da-error { label { display: block; color: #990000; font-weight: bold; } } .quickoutput-overlay-buttonset { width: auto; margin: 10px auto 0; text-align: center; //margin-left: 104px; } //.quickoutput-overlay-buttonset:lang(ar) { // text-align: left; // margin-left: 24px; //} .quickoutput-action { display: inline-block; vertical-align: middle !important; padding: 0px 14px 0px 14px; margin: 0px; } .quickoutput-cancel-action { display: inline-block; vertical-align: middle !important; padding-left: 9px; font-size: 13px; } .ui-dialog-buttonset { .ui-dialog-cancel { background: #ffffff; border: 0px; } .ui-button-text { display: block; } } .quick-output-form { font-size: 16px; } .quick-output-section { float: left; width: auto; //max-width: 355px; margin-right: 5px; margin-left: 5px; select { width: auto; } .quick-output-records-upperlimit { padding: 8px 0 0 16px; display: block; } } .quick-output-section:lang(ar){ float: right; } .quick-output-section-content { padding-bottom: 24px; [dir="rtl"] & { max-width: 483px; } } .quick-output-section-label { float: left; clear: both; margin-right: 5px; margin-left: 5px; width: auto; vertical-align: middle; padding-bottom: 16px; } .quick-output-section-label:lang(ar) { float: right; } .quick-output-section-records-from-to { float: left; padding-bottom: 5px; select { width: 375px; } } .quick-output-section-records-from-to:lang(ar) { float: right; } .quick-output-email-details { border-top: 1px solid #828282; padding-top: 15px; overflow: hidden; margin: 10px 0px; .emailStyle label { margin-right: 10px; } .quick-output-section-label.email-floating-label { display: flex; flex-flow: column-reverse; padding-bottom: 10px; input, textarea, label { font-size: 16px; } label.floating-input-label { position: relative; top: 25px; left: 5px; padding: 0 5px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; pointer-events: none; background: white; width: fit-content; width: -moz-fit-content; display: table; .small { font-size: 14px; } } label.floating-input-label:lang(ar) { top: 32px; left: -5px; } label.error { padding: 8px 0 0 0; max-width: 350px; } input, textarea { transition: all 0.2s; touch-action: manipulation; border: 1px solid #b2b2b8; border-radius: 3px; padding: 5px 0; } input:focus ~ label, textarea:focus ~ label, input.non-empty ~ label, textarea.non-empty ~ label { top: 5px; -webkit-transition: all 0.125s ease; transition: all 0.125s ease; } input:focus ~ label, textarea:focus ~ label, input.non-empty ~ label, textarea.non-empty ~ label:lang(ar) { top: 12px !important; } &.error { input, textarea, label { color: #DC0A0A; } input[type="text"]:focus, textarea:focus { box-shadow: 0 0 4px 2px #DC0A0A; -webkit-box-shadow: 0 0 4px 2px #DC0A0A; -moz-box-shadow: 0 0 4px 2px #DC0A0A; } input[type="text"], textarea { border: 1px solid #DC0A0A; } } } } .quick-output-details { border-top: 1px solid #828282; padding-top: 15px; overflow: hidden; margin: 10px 0px; } .quick-output-section_records-from-to { width: auto; padding-right: 5px; } .quick-output-sent-template { padding-bottom: 32px; } .quickOutputSubnav.subnav { display: none; position: absolute; right: inherit; top: 31px; z-index: 10000; min-width: 300px; padding: 5px 0px; border: 1px solid #d9d9d9; background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); } .email-input { line-height: 26px; text-indent: 5px; height: 26px; width: 348px; } .email-textarea { line-height: 26px; text-indent: 5px; height: 52px; width: 349px; } textarea { text-indent: 5px; } .ui-button-text { font-size: 13px; } .ui-menu { font-size: 14px; position: absolute; text-align: left; width: 320px; text-indent: 11px; } .ui-dialog-quickoutput { //font-family: @font-family; box-shadow: 4px 4px 4px #9b9b9b; width: 550px !important; .ui-dialog-titlebar { padding: 10px; } .ui-dialog-title { font-size: 16px; font-weight: bold; color: #000000; margin-top: 14px; margin-left: 22px; } .ui-dialog-msg{ margin-top:20px; [dir="rtl"] & { margin-right: 10px; } } .ui-dialog-title:lang(ar) { margin-left: 16px; } .ui-widget-header { background: #FFFFFF; } .ui-dialog-titlebar-close { border: 0px; margin: 0 7px 0 0; right: 10px; top: 15px; width: 27px; height: 27px; span { margin: 0px; } .ui-icon { background-image: url('../images/xicon.png'); width: 40px; height: 40px; } .ui-icon-closethick { background-position: 0px 0px; margin: -13px -12px; } } .ui-dialog-titlebar-close:lang(ar) { right: 500px; } .ui-dialog-content { margin-top: 0px; padding-top: 0px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; } .confirmation-email-address { font-weight: bold; } } .ui-dialog-quickoutput-spinner-text { display: block; padding-top: 3px; } .ui-dialog-quickoutput-spinner-text:lang(ar) { padding-top: 0px; padding-right: 33px; } .saveToMenu { .ui-menu-item { a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.0; zoom: 1; padding-left: .1em; border-bottom-style: solid; border-bottom-color: #D3D3D3; border-bottom-width: 0.1em; border-right-style: hidden; border-left-style: hidden; border-top-style: hidden; } } } .quickOutputBottom { padding-bottom: 10px; } .proxyClaimButton { display: none; } td.outputHead { img.NEWpipe { margin-left: 10px; vertical-align: -2px; } } #records-range-radio-button { float: left; margin-right: 5px; } #records-range-radio-button:lang(ar) { float: none; margin-right: 0px; } #records-range-from { float: left; } #records-range-to { float: left; } #fast-save-upper-limit-msg { margin-left: 5px; } .fastsave-wider { #numberOfRecordsRange { display: none; } } #markFrom { margin-right: 4px; }