@import "../css-less-variables/common-import.less"; .ui-dialog-sqc { //font-family: @font-family; box-shadow: 0px 1px 15px #A9A9A9; border-radius: 5px; .ui-dialog-titlebar { padding: 10px; } .ui-dialog-title { background: #FFFFFF; color: #333333; font-size: 16px; margin-top: 15px; margin-left: 10px; } a { color: #005a84; } .ui-widget-header { background: #FFFFFF; color: #333333; font-size: 13px; border-bottom: 0px !important; //margin: 20px 0px 0px 0px; } .ui-dialog-titlebar-close { border: 0px none; margin: -10px 0px 0px; right: 10px; width: 24px; height: 24px; span { margin: 0px; } .ui-icon { background-image: url('../../images/xicon.png'); width: 40px; height: 40px; } .ui-icon-closethick { background-position: 0px 0px; margin: -12px -13px; } } .ui-dialog-titlebar-close:lang(ar) { right: 460px; } .j-custom-select { padding-top: 4px; } } .cit-alert { // height:275px !important; } .sss-alert-response { height:510px !important; } .sss-alert-response-title { width: 400px; height: 26px; left: 0px; top: 26px; font-family: Source Sans Pro; font-style: normal; font-weight: normal; font-size: 21px; line-height: 26px; text-align: center; color: #424750; } #user_query_string { >b { font-weight: bold !important; } } #refinedBy { >b { font-weight: bold !important; } } .sssOverlaymain { b { font-weight: bold !important; } padding: 25px 25px 15px 25px; tr { line-height: 34px; } } .dialog-close-transparent { border: none; background: transparent; color: transparent; margin-left: 12px; height: 27px; width: 27px; cursor: pointer; position: absolute; top: 10px; right: 10px; &:hover { .dialog-close-transparent { &:focus { border: none; background: transparent; color: transparent; margin-left: 12px; height: 27px; width: 27px; cursor: pointer; position: absolute; top: 10px; right: 10px; } } } } .dialog-close-transparent.ui-state-focus { border: none; background: transparent; color: transparent; margin-left: 12px; height: 27px; width: 27px; cursor: pointer; position: absolute; top: 10px; right: 10px; } .dialog-close-adjust { position: absolute; right: 4px; top: 5px; font-size: 1.1em !important; padding: 0 0.2em; line-height: 1em; cursor: pointer; color: #000000; } .quickoutput-close-adjust { position: absolute; top: 6px; right: 3px; font-size: 2.4em !important; padding: 0 0.2em; line-height: 1em; cursor: pointer; color: #AAAAAA; } .ui-dialog-sqc-confirm { //font-family: @font-family; box-shadow: 4px 4px 4px #9b9b9b; width: 100%; .ui-dialog-titlebar { display: none; } } .sqcConfirmDialog { text-align: center; } .rss-icon { font-size: 19px; vertical-align: text-bottom; margin-right: 5px; } .rss-disabled { color: #6D6F78; } .rss-enabled { color: #6817FF; } .sqcConfirmDialogText { font-size: 13px; //font-family: @font-family; padding-top: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; text-align: center; } .sqcConfirmButtons { text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; width: 100%; } .sqcConfirmSecondButton { padding-left: 20px; } .sqcSummaryRefine { font-size: 12px; max-width: 300px; // width: expression(document.body.clientWidth > 300? "300": "auto" ); width: auto; line-height: 15px; } .sqc-frequency-input { input { vertical-align: text-top; } label { margin-right: 5px; } } .overlay-top { z-index: 99; position: absolute; top: 0; left: 0; background-color: #C2C2C2; opacity: 0.5; zoom: 1; } .overlay-right { z-index: 99; position: absolute; top: 0; left: 0; background-color: #C2C2C2; opacity: 0.5; zoom: 1; } .overlay-bottom { z-index: 99; position: absolute; top: 0; left: 0; background-color: #C2C2C2; opacity: 0.5; zoom: 1; } .overlay-left { z-index: 99; position: absolute; top: 0; left: 0; background-color: #C2C2C2; opacity: 0.5; zoom: 1; } .sqcTable { width: 100%; border-collapse: collapse; border-right: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; padding: 10px; [dir="rtl"] & { border-right: inherit; } } .sqcEmptyList { width: 100%; padding-top: 20px; padding-bottom: 20px; } .sqcLocalSaveSearch { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; } .sqcOuterContainer { background-color: #F8F8F8; margin: 0; padding-top: 0px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } .sqcTabsContainer { background-color: #F8F8F8; margin: 0; padding-top: 25px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; } .sqcTab { background-color: #F8F8F8; margin: 0; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0px; } .sqcImage { background-color: #F8F8F8; position: relative; z-index: 2; top: 4px; } ////@-moz-document { // url-prefix() { // // .sqcimage { // top: 5px; // } //} ////} { .sqcInnerContainer { margin: 0; padding-top: 5px 0px; font-size: 14px; //font-family: @font-family; background-color: #F8F8F8; color: #333333; } .sqcInnerContainer { .j-custom-select { width: 300px !important; } } .sqcDiv { z-index: 1; width: 99%; border: 1px solid #D3D3D3; padding: 10px; } .sqcDiv#sl-empty { font-weight: 600; text-align: center; vertical-align: middle; padding: 0px; div { background: #eee; border: 1px solid #D3D3D3; padding: 20px; margin: 10px; } } .sqcColumnHeadings { font-size: 14px; line-height: 15px; //font-family: @font-family; padding: 10px 5px; border: 1px solid #D3D3D3; color: #333333; background-color: #F3F3F3; vertical-align: middle; text-align: center; margin: 0px; font-weight: 600; } .sqcEmptyListHeading { font-size: 14px; //font-family: @font-family; text-align: center; border: 1px solid #D3D3D3; color: #333333; background-color: #F3F3F3; } .sqcTableOptions { font-size: 14px; //font-family: @font-family; background-color: #F8F8F8; color: #333333; padding-left: 5px; } .rowViewEven { background-color: #F8F8F8; } .rowViewOdd { background-color: #FFFFFF; } .sqcTableRow { font-size: 13px; //font-family: @font-family; padding: 7px 5px; border: 1px solid #D3D3D3; color: #333333; vertical-align: top; } .sqcTableRowDiv { max-width: 320px; } table#TableOuter { margin: 10px 0px; } .sqcTableEditInput { font-size: 13px; //font-family: @font-family; padding: 4px 5px; border: 1px solid #D3D3D3; color: #333333; vertical-align: top; max-width: 300px; // width: expression(document.body.clientWidth > 300? "300": "auto" ); width: auto; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .sqcTableSecondColumn { font-size: 13px; //font-family: @font-family; padding: 4px 5px; border: 1px solid #D3D3D3; color: #333333; vertical-align: top; max-width: 300px; // width: expression(document.body.clientWidth > 300? "300": "auto" ); width: auto; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .sqcTableEditRow { font-size: 13px; //font-family: @font-family; padding: 4px 5px; border: 2px solid #999999; border-collapse: separate; color: #333333; background-color: #DFEFF7; vertical-align: top; } .sqcTableEditSecondColumn { font-size: 13px; //font-family: @font-family; padding: 4px 5px; border: 2px solid #999999; border-collapse: separate; color: #333333; background-color: #DFEFF7; vertical-align: top; max-width: 300px; // width: expression(document.body.clientWidth > 300? "300": "auto" ); width: auto; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; .j-custom-select { padding-top: 4px; } .sqcTableRowDiv { input[name="emailAddress"] { height: 25px; width: 205px !important; text-indent: 8px; } select[name="alertType"]+span.select2-container--default { width: 225px !important; margin-top: 5px; } select[name="emailFormat"]+span.select2-container--default { width: 130px !important; margin-top: 5px; } select[name="emailFrequency"]+span.select2-container--default { width: 85px !important; margin-top: 5px; } } } .sqcAlertExpired { color: #999999; } .sqcRefinedBy { font-size: 12px; } .sqcErrorDiv { font-weight: 600; text-align: center; color: #DC0A0A; display: none; margin: 0; padding: 0; margin-left: 90px; } .sqcErrorMessage { display: none; max-width: 600px; color: #DC0A0A; font-weight: 600; //font-family: @font-family; } .sqcError { display: none; color: #DC0A0A; font-weight: 600; //font-family: @font-family; } .sqcOverlay { font-size: 13px; //font-family: @font-family; vertical-align: bottom; background-color: #FFFFFF; top: -12px; input { } .select2-selection__rendered { color: #666666 !important; font-size: 16px !important; line-height: 30px !important; font-weight: normal; } .select2-container .select2-selection--single { height: 30px !important; } } .sqcLabel { //font-family: @font-family; font-weight: normal; vertical-align: bottom; padding-right: 5px; color: #666666; } .nowrap-label { white-space: nowrap; } .spcItalic { //font-family: @font-family; font-style: italic; vertical-align: top; } .sqcInput { width: auto; input { width: 360px; } } .newsqcInput { position: relative; margin-left:15px; input { width: 305px; height: 40px } } .sqcInputLabel_right { width: 100px; text-align: left; margin-left: 10px; } .sqcInputLabel_left { width: 100px; text-align: right; margin-right: 10px; } .sqcInstructions { font-size: 14px; width: 300px; color: #666666; line-height: 20px; } .sqcInputText { //font-family: @font-family; vertical-align: bottom; font-size: 125%; } .sqcOptionsTable { display: inline-block; margin-left: 95px; margin-top: 20px; width: 360px; border: solid 0px #D3D3D3; //font-family: @font-family; tr { line-height: 34px; } } //.sqcResponseOptionsTable { // // padding: 4px; // // border: solid 1px #D3D3D3; // // font-family: @font-family; // // vertical-align: top; // // max-width: 4000px; // // width: expression(document.body.clientWidth > 400? "400": "auto" ); //} .sqcResponseOptionsTable { td { word-wrap: break-word; -ms-word-wrap: break-word; vertical-align: top; } } .sqcLinkText { &:Link { color: #005a84; padding-top: -5px; font-size: 14px; } } hr { color: #e4e5ec !important; } .pctOverlay { font-size: 13px; //font-family: @font-family; vertical-align: bottom; background-color: #FFFFFF; } div#pct_overlay { min-height: 20em !important; min-width: 40em !important; max-height: 20em !important; max-width: 40em !important; } div#pct_confirmation_overlay { //min-height: 20em !important; min-width: 40em !important; max-height: 20em !important; max-width: 40em !important; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-sqc.ui-resizable { min-height: 20em; min-width: 40em; max-height: 20em; max-width: 40em; } .pctLabel { //font-family: @font-family; font-weight: 600; vertical-align: bottom; margin-right: 25px; } .pctError { display: none; color: #DC0A0A; font-weight: 600; //font-family: @font-family; } .pctErrorMessage { display: none; max-width: 600px; color: #DC0A0A; font-weight: 600; //font-family: @font-family; } .pctLight { color: #333333; margin-right:25px; } .dialog-close-border-none { border:none; }