@charset "UTF-8";
@import "fi_theme.css"; /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS.. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } ul,li{ list-style: none; } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** Defect ID: 20938 **/ /* hr { */ /* box-sizing: content-box; */ /* height: 0; */ /* overflow: visible; */ /* } */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ /**Defect ID: 20263 Radio buttons are misaligned **/ /* button, */ /* input, */ /* optgroup, */ /* select, */ /* textarea { */ /* margin: 0; */ /* } */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; -webkit-overflow-scrolling: touch; } /*** IPAD SCROLL ***/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; border: 2px solid #eee; } } /*** IPAD - Defect ID: 25431 ***/ /* @media only screen and (min-width: 769px) and (max-width: 1281px) { */ /* .ag-header-icon.ag-header-cell-menu-button, .customHeaderMenuButton { */ /* opacity: 1 !important; */ /* transition: none; */ /* } */ /* .ag-header-cell .customHeaderMenuButton, .ag-header-cell:hover .customHeaderMenuButton { */ /* animation: none; */ /* } */ /* } */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** Defect ID: 20938 **/ /* [type=checkbox], */ /* [type=radio] { */ /* box-sizing: border-box; */ /* padding: 0; */ /* } */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* Theme for the ripple elements.*/ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 6px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 56px; letter-spacing: -0.05em; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; letter-spacing: -0.02em; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; letter-spacing: -0.005em; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; } .mat-bottom-sheet-container { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: 400; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 400; } .mat-card-subtitle, .mat-card-content, .mat-card-header .mat-card-title { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 13px; line-height: 18px; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 400; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; padding: 0 0 8px 0; text-align: center; } .mat-dialog-title { font: 500 20px/32px Arial; } .mat-expansion-panel-header { font-family: Arial; font-size: 15px; font-weight: 400; padding: 0 !important; } .mat-expansion-panel-content { font: 400 14px/20px Arial; margin-top: 10px; /*28199*/ } .mat-mdc-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Arial; height: 32px; /* WRI Access Fix */ display: block; } .mat-mdc-form-field-wrapper { padding-bottom: 1.34375em; margin-bottom: -1.34375em !important; } .mat-mdc-form-field-prefix .mat-icon, .mat-mdc-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-mdc-form-field-prefix .mat-icon-button, .mat-mdc-form-field-suffix .mat-icon-button { height: 1em; width: 1em; padding: 3px 0 !important; background: none !important; margin-right: 6px; border: none !important; /* margin-top: 6px; */ font-size: 14px !important; } .mat-mdc-form-field-prefix .mat-icon-button .mat-icon, .mat-mdc-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-mdc-form-field-infix { /* padding: 0.5em 0; */ /* border-top: 0.84375em solid transparent; */ } .mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-mdc-form-field-label { top: 1.34375em; } .mat-mdc-form-field-underline { bottom: 1.34375em; } .mat-mdc-form-field-subscript-wrapper { font-size: 12px; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper { padding-bottom: 1.25em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix { /*padding: 0.4375em 0;*/ padding: 0.6em 0; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-form-field-autofill-control:-webkit-autofill + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { top: 1.28125em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-underline { bottom: 1.25em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-subscript-wrapper { /* margin-top: 0.5416666667em; */ top: calc(100% - 1.6666666667em); } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix { padding: 0.6em 0 0.66em 0; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label { top: 0.6em; margin-top: -0.5em; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.1em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.09999em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix { padding: 0.7em 0 0.7em 0; border-top: 0; } /***** dropdown style *****/ /* .mat-form-field-appearance-outline .mat-form-field-outline { */ /* bottom: 1.34375em; */ /* } */ .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-label { top: 0.7em; margin-top: -0.25em; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.45em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.44999em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-mdc-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Arial; font-size: 14px; font-weight: 400; } .mat-mdc-paginator, .mat-mdc-paginator-page-size .mat-mdc-select-trigger { font-family: Arial; font-size: 12px; } .mat-radio-button { font-family: Arial; } .mat-mdc-select { font-family: Arial; } .mat-mdc-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font: 400 14px/20px Arial; } .mat-slider-thumb-label-text { font-family: Arial; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Arial; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-mdc-tab-group { font-family: Arial !important; margin: 10px 0 0; } .mat-mdc-tab-label, .mat-mdc-tab-link { font-family: Arial; font-size: 14px; font-weight: 400; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Arial; margin: 0; } .mat-tooltip { font-family: Arial; font-size: 12px; padding: 8px 12px !important; } .mat-tooltip-handset { font-size: 14px; padding-top: 9px; padding-bottom: 9px; } .mat-list-item { font-family: Arial; } .mat-list-option { font-family: Arial; } .mat-mdc-list .mat-mdc-list-item, .mat-mdc-nav-list .mat-mdc-list-item, .mat-mdc-selection-list .mat-mdc-list-item { font-size: 16px; } .mat-mdc-list .mat-mdc-list-item .mat-mdc-line, .mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-line, .mat-mdc-selection-list .mat-mdc-list-item .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2) { font-size: 14px; } .mat-mdc-list .mat-mdc-list-option, .mat-mdc-nav-list .mat-mdc-list-option, .mat-mdc-selection-list .mat-list-option { font-size: 16px; } .mat-mdc-list .mat-mdc-list-option .mat-mdc-line, .mat-mdc-nav-list .mat-mdc-list-option .mat-mdc-line, .mat-mdc-selection-list .mat-mdc-list-option .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2) { font-size: 14px; } .mat-mdc-list .mat-subheader, .mat-mdc-nav-list .mat-mdc-subheader, .mat-mdc-selection-list .mat-subheader { font-family: Arial; font-size: 14px; font-weight: 500; } .mat-mdc-list[dense] .mat-mdc-list-item, .mat-mdc-nav-list[dense] .mat-mdc-list-item, .mat-mdc-selection-list[dense] .mat-list-item { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-item .mat-mdc-line, .mat-mdc-nav-list[dense] .mat-mdc-list-item .mat-mdc-line, .mat-mdc-selection-list[dense] .mat-mdc-list-item .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2) { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-option, .mat-mdc-nav-list[dense] .mat-mdc-list-option, .mat-mdc-selection-list[dense] .mat-mdc-list-option { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-option .mat-mdc-line, .mat-mdc-nav-list[dense] .mat-mdc-list-option .mat-mdc-line, .mat-mdc-selection-list[dense] .mat-mdc-list-option .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2) { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-subheader, .mat-mdc-nav-list[dense] .mat-mdc-subheader, .mat-mdc-selection-list[dense] .mat-mdc-subheader { font-family: Arial; font-size: 12px; font-weight: 500; } .mat-option { font-family: Arial; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Arial; } .mat-simple-snackbar { font-family: Arial; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 400; } .mat-tree { font-family: Arial; } .mat-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; } @media screen and (-ms-high-contrast: active) { .mat-ripple { display: none; } } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.288); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @keyframes cdk-text-field-autofill-start {} @keyframes cdk-text-field-autofill-end {} .cdk-text-field-autofill-monitored:-webkit-autofill { animation-name: cdk-text-field-autofill-start; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation-name: cdk-text-field-autofill-end; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { height: auto !important; overflow: hidden !important; padding: 2px 0 !important; box-sizing: content-box !important; } /* For use in src/lib/core/theming/_palette.scss */ /* html { font-size: 73% !important; } */ /* .mat-button { &.mat-primary:not([disabled]):not(mat-raised-button):not(mat-flat-button) { &, .mat-button-wrapper { } } &:not([disabled]) .mat-button-wrapper { color: inherit !important; } &:hover:not([disabled]) .mat-button-wrapper { color: inherit !important; } } */ .fa-plus-square-o { background: transparent url("../images/icon_open_close.png") no-repeat left top; height: 21px; width: 21px; } .fa-plus-square-o:before { display: none; } .fa-minus-square-o { background: transparent url("../images/icon_open_close.png") no-repeat left -21px; height: 21px; width: 21px; } .fa-minus-square-o:before { display: none; } /*! * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("fonts/fa-solid-900.ttf") format("truetype"); } /*** Defect Id: 26327 ***/ .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /**** Font Awesome Ends ****/ .alert-inpage { width: auto; padding: 0 1.5rem 0 1rem; border: 1px solid black; border-left-width: 10px; background-color: white; color: black; font-size: 1.6rem; margin-top: 1rem; margin-bottom: 1rem; } .alert-inpage.error { border-color: #b94a48; } .alert-inpage.error p { line-height: 2rem; padding-left: 3rem; position: relative; } .alert-inpage.error p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #b94a48; font-size: 2.4rem; } .alert-inpage.confirm { border-color: #fe9c44; } .alert-inpage.confirm p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.confirm p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #fe9c44; font-size: 2.4rem; } .alert-inpage.warn { border-color: #ffd2a5; } .alert-inpage.warn p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.warn p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #ffd2a5; font-size: 2.4rem; } .alert-inpage.info { border-color: #83744c; } .alert-inpage.info p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.info p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #83744c; font-size: 2.4rem; } .badge { display: inline-block; padding: 0.4rem 0.6rem; font-size: 1.2rem; font-weight: 700; line-height: 1rem; min-width: 1rem; text-align: center; white-space: nowrap; color: white; vertical-align: baseline; border-radius: 1.2rem; background-color: lightgray; } .badge:empty { display: none; } .badge.square-badge { padding: 0.4rem 0.8rem; border-radius: 3px; min-width: 1.2rem; font-size: 1rem; } .mat-flat-button, .mat-icon-button, .mat-stroked-button { border-radius: 4px !important; } .mat-button .mat-button-focus-overlay { background-color: transparent; } .mat-stroked-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.14); background-color: rgba(0, 0, 0, 0.12); } .mat-button .mat-button-wrapper > *, .mat-fab .mat-button-wrapper > *, .mat-flat-button .mat-button-wrapper > *, .mat-icon-button .mat-button-wrapper > *, .mat-mini-fab .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > *, .mat-stroked-button .mat-button-wrapper > * { vertical-align: initial !important; } .mat-raised-button, .mat-stroked-button { border-radius: 4px !important; min-width: 60px !important; padding: 0 20px !important; text-transform: capitalize; } .mat-button.small-button, .mat-raised-button.small-button, .mat-stroked-button.small-button { font-size: 1.2rem; padding: 0 14px !important; line-height: 32px !important; } .mat-button.small-button.secondary-button, .mat-raised-button.small-button.secondary-button, .mat-stroked-button.small-button.secondary-button { line-height: 30px !important; } .mat-button.large-button, .mat-raised-button.large-button, .mat-stroked-button.large-button { font-size: 1.6rem; padding: 0 18px !important; line-height: 32px; } .mat-button .mat-icon, .mat-raised-button .mat-icon, .mat-stroked-button .mat-icon { line-height: inherit; font-size: 1.5rem; width: auto; } .mat-stroked-button { line-height: 32px !important; } .mat-stroked-button.small-button { line-height: 30px !important; } .mat-button.small-button.action-button { line-height: 20px !important; } .mat-raised-button.mat-primary:hover:not([disabled]) { background-color: #83744c; } .mat-icon-button.dropdown-menu { width: 20px !important; height: 20px !important; line-height: 18px !important; } .mat-icon-button.dropdown-menu .mat-icon { border: 1px #83744c solid; border-radius: 2px; color: #83744c; height: 17px; width: 18px; font-weight: 600; line-height: 18px; margin: 0; } .mat-icon-button.dropdown-menu:hover .mat-icon, .mat-icon-button.dropdown-menu:focus .mat-icon { border-color: #83744c; color: #83744c; } .mat-button:hover .mat-button-focus-overlay { background-color: transparent; } /* .mat-button:not([disabled]) .mat-button-wrapper { color: #0088cc; } */ /* .mat-button:hover:not([disabled]) .mat-button-wrapper { color: #83744c; text-decoration: underline; } */ .mat-button .mat-ripple-element { opacity: 0; } .mat-toolbar .mat-button:not([disabled]) .mat-button-wrapper, .mat-toolbar .mat-button:hover:not([disabled]) .mat-button-wrapper { color: inherit; } .mat-button .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > * { margin: 0 0 0 8px; } .next-action .mat-button .mat-button-wrapper > *, .previous-action .mat-button .mat-button-wrapper > *, .next-action .mat-raised-button .mat-button-wrapper > *, .previous-action .mat-raised-button .mat-button-wrapper > * { margin-left: 0; } .mat-fab, .mat-mini-fab, .mat-raised-button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important; line-height: 34px !important; } .btn { border-radius: 4px !important; background: transparent; } .btn:hover, .btn:focus { background-color: rgba(0, 0, 0, 0.12); opacity: 1; /* text-decoration: underline; */ } .btn-raised { color: black; background-color: white; transform: translate3d(0, 0, 0); transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none !important; line-height: 34px !important; } .btn-raised:not([disabled]):active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .btn-raised[disabled] { box-shadow: none; } .btn-raised.mat-primary { background-color: #83744c; color: #ffffff; } .btn.secondary-button, .btn-raised.secondary-button { border: 1px solid #83744c; line-height: 32px !important; border-radius: 4px !important; background-color: #d9e9ff; color: #83744c; } .btn.small-button, .btn-raised.small-button { font-size: 1.2rem; padding: 0 14px; line-height: 32px !important; } button.close { padding: 0; background: transparent; border: 0; appearance: none; } /* .mat-datepicker-toggle .mat-icon-button { margin-right: -1rem; } */ .mat-datepicker-toggle .mat-icon-button:hover { color: #686666; } .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper { display: none; } .mat-mdc-datepicker-toggle .mat-mdc-icon-button::before { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; /* margin-top: -2rem; */ text-rendering: auto; -webkit-font-smoothing: antialiased; } .mat-calendar-body-label { padding: 5.7142857143% 0 5.7142857143% 5.7142857143% !important; } .mat-calendar-body-selected { border-radius: 0; background-color: #ebebeb; color: black; } button .mat-calendar-body-selected { border-radius: 0 !important; background-color: #ebebeb !important; color: black !important; } button .mat-calendar-body-cell-content::before { margin: unset !important; } .mat-datepicker-toggle .mat-icon-button { padding: 0 8px !important; } .mat-calendar-body-cell-content { border-radius: 0 !important; } .mat-calendar-next-button.mat-icon-button, .mat-calendar-previous-button.mat-mdc-icon-button { color: #83744c; position: absolute; left:0; } .mat-calendar-next-button.mat-icon-button, .mat-calendar-next-button.mat-mdc-icon-button { color: #83744c; position: absolute; right: 0; } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border: none; background-color: #e0e0e0; } .mat-calendar-period-button { min-width: 0; position: relative; text-align: center; flex: 1; height: 52px; line-height: 36px; top: 5px; } .mat-calendar-period-button .mat-button-wrapper { color: black; font-size: 2rem; margin-left: 20px; } .mat-calendar-period-button .mat-button-wrapper .mat-calendar-arrow { margin: 0.5rem 1rem; } .mat-calendar-spacer { display: none; } .mat-calendar-controls { padding: 0 calc(100% / 14 - 22px) 2% calc(100% / 14 - 22px) !important; } .mat-calendar-body-cell { padding: 5.7142857143% 0 !important; /*Tighten padding between date numbers*/ } button.mat-calendar-body-cell { border: none !important; background: none !important; } .mat-calendar-next-button.mat-icon-button { right: 0; } .mat-calendar-previous-button.mat-icon-button { left: 0; } .mat-card { box-shadow: none !important; padding: 1.5rem 1rem !important; border-radius: 0 !important; } .mat-checkbox-frame, .mat-pseudo-checkbox { border-width: 1px !important; background-color: white !important; } .mat-checkbox-background, .mat-checkbox-frame, .mat-pseudo-checkbox { border-radius: 0 !important; } .mat-checkbox-inner-container, .mat-pseudo-checkbox { height: 1.4rem !important; width: 1.4rem !important; } .mat-pseudo-checkbox { margin-top: -0.3rem !important; } .mat-checkbox-label { white-space: normal !important; font-weight: 400 !important; } .mat-checkbox-layout .mat-checkbox-label { line-height: 17px; white-space: normal !important; } .mat-pseudo-checkbox-checked::after { top: 2px !important; left: 1px !important; width: 8px !important; height: 4px !important; } .modal .mat-dialog-container { padding: 0 !important; background-color: white; border: 2px solid #878787; border-radius: 6px; } @media (max-width: 575.99px) { .modal .mat-dialog-container { width: 100%; max-width: 100vw; box-shadow: none; position: absolute; top: 0; left: 0; } } .modal .mat-dialog-container .mat-dialog-content { padding: 0; margin: 0; background-color: white; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-content { flex: 1; max-height: initial; } } .modal .mat-dialog-container .mat-dialog-title { display: flex; background-color: #ededed; padding: 0.5rem 2rem; margin-bottom: 0; justify-content: space-between; color: black; } .modal .mat-dialog-container .mat-dialog-title h1 { font-size: 2.2rem; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-title h1 { font-size: 1.8rem; } } .modal .mat-dialog-container .mat-dialog-title .close { float: right; font-size: 3rem; font-weight: 700; line-height: 1; margin-right: -0.4rem; margin-top: -1rem; color: black; font-size: 2.5rem; font-weight: 400; opacity: 0.2; } .modal .mat-dialog-container .mat-dialog-title .close:hover { opacity: 0.4; } .modal .mat-dialog-container .mat-dialog-title .close span:after { color: #000; content: ""; cursor: pointer; font-family: FontAwesome; display: inline-block; margin-left: -19px; padding: 1px; } .modal .mat-dialog-container .mat-dialog-content-padded { padding: 1rem 2rem; background-color: white; } .modal .mat-dialog-container .mat-dialog-actions { background-color: white; border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 1.4rem 1.6rem; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-actions { padding: 1.4rem 0.8rem; } } .modal .mat-dialog-container .mat-dialog-actions:last-child { margin-bottom: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional { justify-content: space-between; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons { margin-left: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button { font-size: 1.2rem; padding: 0 14px; line-height: 29px !important; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-stroked-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-stroked-button { margin-left: 1rem; } .modal .mat-dialog-container .mat-dialog-actions.directional .previous-action, .modal .mat-dialog-container .mat-dialog-actions.directional .next-action { min-width: 80px; } .modal .mat-dialog-container .mat-dialog-actions.directional .previous-action .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .next-action .mat-button { min-width: 40px !important; padding: 0 !important; margin-left: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional .next-action { text-align: right; } .mat-dialog-container { padding: 20px 20px 27px !important; height: auto; } .mat-dialog-container .mat-dialog-title { display: flex; margin-bottom: 0; justify-content: space-between; } .mat-dialog-container .mat-dialog-content { margin: 0 -10px; padding: 0 12px; } .mat-dialog-container .mat-dialog-actions .action-buttons { margin-left: auto; margin-right: auto; display: flex; flex-direction: row-reverse; } .mat-dialog-container .mat-dialog-actions .action-buttons .mat-raised-button, .mat-dialog-container .mat-dialog-actions .action-buttons .mat-button, .mat-dialog-container .mat-dialog-actions .action-buttons .mat-stroked-button { margin-left: 1rem; font-size: 1.2rem; padding: 0 14px; } .mat-dialog-container .messaging-icon { min-width: 3rem; max-width: 4rem; } .mat-dialog-container .close { float: right; margin-left: auto; font-size: 2.6rem; font-weight: bold; line-height: 2.6rem; color: black; font-size: 2.5rem; font-weight: 400; opacity: 0.2; } .mat-dialog-container .close:hover, .mat-dialog-container .close:focus { text-decoration: none; opacity: 0.75; cursor: pointer; outline: none; } .mat-dialog-container .close:hover { opacity: 0.4; } .mat-dialog-container .close span:after { color: #000; content: ""; cursor: pointer; font-family: FontAwesome; display: inline-block; margin-left: -19px; padding: 1px; } .form-inline > * { margin: 0 0.8rem 0 0; } /* :not(.form-inline) label + div .mat-form-field { padding-top: 0.5rem; } */ /* body { */ /* box-sizing: border-box; */ /* margin: 0; */ /* padding: 0; */ /* } */ .wrapper { box-sizing: border-box; max-width: 1550px; min-width: 1012px; margin: 0 auto; } .container-fluid, .container { margin-right: auto; margin-left: auto; } .container-fluid { /*height: 90vh;*/ width: 100vw; display: flex; position: inherit; padding-right: 1.5rem; padding-left: 1.5rem; } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 2rem; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > .col, .row.no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .row.shrink { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .row.shrink [class*=col-] { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; margin-right: 1rem; flex-basis: auto; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-xs-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-xs-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-xs-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-xs-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-xs-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-xs-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-xs-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-xs-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-sm-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-sm-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-sm-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-sm-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-sm-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-sm-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-sm-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-sm-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-md-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-md-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-md-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-md-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-md-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-md-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-md-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-md-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-lg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-lg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-lg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-lg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-lg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-lg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-lg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-lg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } /** Defect ID: 20938 **/ /* hr { */ /* display: block; */ /* height: 1px; */ /* border: 0; */ /* border-top: 1px solid rgba(0, 0, 0, 0.6); */ /* margin: 0.5rem 0 0; */ /* padding: 0; */ /* } */ hr.light { border-color: rgba(0, 0, 0, 0.12); } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start { border-width: 1px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { border-bottom-right-radius: 3px !important; border-top-right-radius: 3px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix { top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix .mat-icon-button, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix .mat-icon-button { line-height: 34px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix { padding-right: 1rem; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper { padding-left: 1px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper { margin-top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { background-color: white; } .mat-mdc-form-field-underline { height: 0 !important; visibility: hidden; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex, .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { padding: 0 1em !important; margin-top: 0 !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-select-arrow-wrapper { transform: translateY(0) !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { border: 1px solid transparent; border-radius: 0 !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix { border-top: 0; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-wrapper { margin: 0 !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: white !important; -webkit-box-shadow: 0 0 0 30px white inset; background-image: none !important; color: black !important; } .mat-mdc-form-field-required-marker { display: none; } .mat-mdc-input-container.mat-mdc-focused .mat-mdc-form-field-infix { transition: all 0.3s; border: 1px solid #e1751c; } .mat-mdc-input-wrapper .mat-mdc-input-underline { border-color: transparent; background-color: transparent; } .mat-mdc-input-wrapper .mat-mdc-input-underline .mat-mdc-input-ripple { background-color: transparent; } .mat-form-field-disabled .mat-mdc-form-field-flex { /* background-color: rgba(0, 0, 0, 0.12); */ } .mat-form-field-disabled .mat-mdc-text-field-wrapper { background-color: rgba(0, 0, 0, 0.12); } .input-warning.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline { color: #ffb005 !important; } .input-warning .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-invalid.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { color: #ffb005 !important; } .input-warning .input-warning .mat-mdc-error { color: #ffb005 !important; } .input-warning .mat-mdc-input-element { caret-color: #ffb005 !important; } .input-warning .mat-mdc-form-field-invalid .mat-mdc-input-element { caret-color: #ffb005 !important; } textarea:disabled.mat-mdc-input-element { opacity: 0.5; } /*Text Inputs + Textarea ==========================================================================*/ /*Style Placeholders*/ ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } :-moz-placeholder { /*Firefox 18-*/ color: rgba(0, 0, 0, 0.38); } ::-moz-placeholder { /*Firefox 19+*/ color: rgba(0, 0, 0, 0.38); } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } input::-ms-clear { width: 0; height: 0; } .key-value-list { display: inline-flex; flex-flow: row; margin: 0; padding-bottom: 1.4rem; line-height: 1.6rem; flex-wrap: nowrap; width: 100%; /*set the container width*/ overflow: visible; } .key-value-list dt { flex: 0 0 40%; color: black; font-weight: 500; } .key-value-list dd { flex: 0 0 59%; margin-left: 1rem; text-align: left; } .key-value-list.inline-list { display: inline-flex; margin-right: 1.4rem; width: auto; } .key-value-list.inline-list dt { flex: 0 0 auto; } .key-value-list.inline-list dd { flex: 0 0 auto; margin-left: 0.8rem; } .mat-mdc-progress-spinner { background: #c8c8c8; border-radius: 50%; position: relative; margin: 5% auto; } .mat-mdc-progress-spinner::after { content: " "; display: block; background: white; top: 50%; left: 50%; margin: -42% 0 0 -42%; width: 84%; height: 84%; border-radius: 100%; position: absolute; } .progress-spinner { width: 80px; height: 80px; border-radius: 50%; border: 6px solid #0088cc; border-top-color: #83744c; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; animation: loading 1.2s ease-in-out infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mat-menu-item { line-height: 34px !important; height: 34px !important; } .mat-menu-item .mat-menu-ripple .mat-ripple-element { background-color: rgba(255, 255, 255, 0.2); } .mat-menu-panel { border-radius: 0 !important; } .mat-menu-panel button { border-radius: 0; } .mat-autocomplete-panel .mat-option { line-height: 3rem !important; height: 3rem !important; } .nav-horizontal { list-style: none; display: flex; flex-wrap: wrap; margin: 0; padding-left: 0; } .nav-horizontal .nav-item { display: block; float: left; } .nav-horizontal .nav-item .nav-link { padding: 0 1.2rem; color: #757575; } .nav-horizontal .nav-item .nav-link:hover, .nav-horizontal .nav-item .nav-link:focus { color: #000000; text-decoration: underline; font-weight: 500; outline: 0; } .nav-horizontal .nav-item .nav-link.disabled { color: grey; } .nav-horizontal .nav-item .nav-link.active, .nav-item.show .nav-horizontal .nav-item .nav-link { color: #000000; font-weight: 500; } .nav-horizontal .nav-item:not(:last-child)::after { content: "|"; color: #757575; } .nav-leftpanel { margin-left: -1.5rem !important; } .nav-leftpanel-item { border-top: 1px solid #0088cc; border-bottom: 1px solid #0088cc; padding: 1.5rem 2rem; } .nav-leftpanel-item a { color: black; } .nav-leftpanel-item.active { background-color: #476f9c; border-top: 1px solid #83744c; border-bottom: 1px solid #83744c; font-weight: 700; } .nav-leftpanel-item:hover, .nav-leftpanel-item:focus { background-color: #83744c; cursor: pointer; border-top-color: #83744c; border-bottom-color: #83744c; } .nav-leftpanel-item:hover a, .nav-leftpanel-item:focus a { color: #ffffff; } .mat-radio-group { display: flex; flex-direction: row; justify-content: flex-start; /* margin: 0 0 1em; */ border: none !important; box-shadow: none !important; padding: 0; height: auto; } .mat-radio-group .mat-radio-button { margin: 0 1.81em 0 0; } .mat-radio-outer-circle { width: 1.6rem !important; height: 1.6rem !important; top: 1px !important; border-width: 1px !important; } .mat-radio-inner-circle { height: 1.4rem !important; left: 1px !important; top: 2px !important; width: 1.4rem !important; } .mat-radio-label-content { padding-left: 0 !important; } .mat-radio-label { font-weight: 400 !important; margin-left: 0 !important; padding-top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-select-arrow-wrapper { transform: none !important; } .mat-mdc-select-panel .mat-optgroup-label, .mat-mdc-select-panel .mat-option { line-height: 3rem !important; height: 3rem !important; } .mat-mdc-select-arrow { margin: 0 !important; } .mat-option-ripple .mat-ripple-element { background-color: rgba(255, 255, 255, 0.25); } .multi-select .mat-mdc-select .mat-mdc-select-value { max-width: 0; } .multi-select .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: black; background-color: #ebebeb; } .multi-select .mat-mdc-primary .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: black; } /* select { background-color: white; color: black; width: 100%; padding: 0 10px; border: 1px solid #5b84ad; height: 1.8rem; } select:focus { border: 1px solid rgba(80, 168, 235, 0.8); outline: none; } select:focus::-ms-value { color: black; background-color: white; } .select-label { position: absolute; } */ .mat-sidenav .close { float: right; font-size: 2.4em; font-weight: 700; line-height: 1; margin-top: 0.5rem; color: black; } .mat-step-header:hover .mat-step-icon, .mat-step-header:hover .mat-step-icon-not-touched { border-color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-icon:after, .mat-step-header:hover .mat-step-icon-not-touched:after { border-color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-label { text-decoration: underline; color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-label .mat-step-optional { text-decoration: none; } .mat-step-header .mat-ripple-element { opacity: 0.05; } .mat-stepper-horizontal { padding-left: 8px; padding-right: 8px; } .mat-stepper-horizontal .mat-horizontal-stepper-header { flex-flow: column-reverse; justify-content: space-between; height: 94px !important; } .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon, .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon-not-touched { margin-bottom: 34px; margin-right: 0 !important; } .mat-stepper-horizontal .mat-step-label { margin-top: 2px; margin-bottom: -6px; } .mat-stepper-horizontal .mat-step-text-label { text-align: center; } .mat-stepper-horizontal .mat-step-icon .mat-icon { height: 22px !important; } .mat-stepper-horizontal .mat-stepper-horizontal-line { margin: 0 -40px !important; } .mat-mdc-tab-list .mat-mdc-tab-labels { border-bottom: 1px solid #cfcfcf; } .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label:first-child, .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-link:first-child { margin-left: 0; } .mat-mdc-tab-list .mat-mdc-tab-label { color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important; } .mat-mdc-tab-list .mat-mdc-tab-label.mat-mdc-tab-label-active { margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black; background-color: white; } .mat-mdc-tab-list .mat-ink-bar { display: none; height: 0; } .mat-mdc-tab-body{ border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 20px; } .nav-tabs { border-bottom: 1px solid white; list-style: none; display: flex; padding-left: 1rem; margin-top: 0; margin-bottom: 0; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; display: block; color: black; padding: 0 1rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; outline: 0; background-color: white; border-color: white; } .nav-tabs .nav-link.active, .nav-item.show .nav-tabs .nav-link { color: black; font-weight: 700; background-color: white; border-color: white; } .nav-tabs .nav-link.disabled { color: grey; background-color: transparent; border-color: transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-radius: 0; } .table { border: none; width: 100%; display: table; border-spacing: 0; border-collapse: collapse; } .table > tbody > tr.indented-row-1 > td:first-child { padding-left: 1.4em; } .table > tbody > tr.indented-row-2 > td:first-child { padding-left: 2.8em; } .table > tbody > tr.indented-row-3 > td:first-child { padding-left: 4.2em; } .table > tbody > tr.indented-row-4 > td:first-child { padding-left: 5.6em; } .table ~ .table { margin-top: -1; } .table > tbody > tr.no-border-row > td { border-bottom: none; padding: 2px 8px 8px; } .table.striped > tbody > tr:nth-child(odd) { background-color: #92afcb; } .table.striped > tbody > tr > td { border-radius: 0; } .table.highlight > tbody > tr { transition: background-color 0.25s ease; } .table.highlight > tbody > tr:hover { background-color: #ebebeb; } .table > thead th, .table > thead td { text-align: left; padding: 0.2rem 0.8rem; line-height: 4rem; border-top: 0.2rem solid rgba(0, 0, 0, 0.35); border-bottom: 1px solid #cccccc; } .table > thead.summary-header th, .table > thead.summary-header td { border-top: none; background-color: #ebebeb; } .table > tbody { font-weight: 400; font-weight: 400; font-weight: 400; font-weight: 400; } .table > tbody > tr > td { padding: 1.4rem 0.5rem; display: table-cell; color: black; text-align: left; line-height: 1.6rem; border-bottom: 1px solid #cccccc; vertical-align: middle; } .table > tbody > tr > td:nth-of-type(1) { padding-right: 10px; } .table > tbody > tr > td:last-child { border-right: transparent; padding-right: 10px; } .table > tbody > tr > td.data-value { font-weight: 500; color: black; } .table > tbody > tr.parent-row > td { color: black; } .table > tbody > tr.parent-row > td.data-value { font-weight: 500; color: black; } .table > tbody > tr.indented-row-1 > td { font-weight: 400; } .table > tbody > tr.indented-row-2 > td { font-weight: 400; } .table > tbody > tr.indented-row-3 > td { font-weight: 400; } .table > tbody > tr.indented-row-4 > td { font-weight: 400; } .table > tbody.borderless td { border: 0; } .table > tbody.borderless tr { border: 0; } .table.data-table.compact > tbody > tr:not(:first-child) > td { padding: 0 0.5rem 1rem; } .table.data-table tbody [rowspan], .table.data-table thead [rowspan] ~ th, .table.data-table tbody [rowspan] ~ td { border-bottom: none; padding-bottom: 0.1rem !important; } .table.data-table > thead > tr > th.data-table-chevron { width: 1em; padding-right: 0.4rem; padding-left: 0.8rem; } .table.data-table > thead > tr > th.data-table-chevron .fa { color: #83744c; } .table.data-table > tbody > tr > td.data-table-date { width: 2em; padding-right: 1.2rem; padding-top: 0; text-align: center; padding-bottom: 0 !important; vertical-align: middle; border-bottom: 1px solid #cccccc; } .table.data-table > tbody > tr > td.data-table-chevron { width: 1em; padding-right: 0.8rem; padding-left: 0.4rem; border-bottom: 1px solid #cccccc; } .table.data-table .fa-chevron-left, .table.data-table .fa-chevron-right { color: rgba(0, 0, 0, 0.3); } /*Button Toggle*/ .mat-button-toggle-standalone { position: relative; display: inline-flex; flex-direction: row; border-radius: 0 !important; cursor: pointer; overflow: inherit !important; justify-content: center; box-shadow: none !important; white-space: nowrap; } .mat-button-toggle-group { overflow: inherit !important; box-shadow: none !important; border-radius: none !important; } .mat-button-toggle .mat-ripple-element { background-color: rgba(254, 178, 102, 0.1); } .mat-button-toggle .mat-button-toggle-label-content { padding: 0 14px 0 12px; line-height: 31px !important; } .mat-button-toggle .mat-button-toggle-label-content::before { font-family: FontAwesome; content: ""; padding: 0.1rem; font-size: 1.1rem; color: transparent; border: 1px solid rgba(0, 0, 0, 0.3); margin-right: 0.6rem; position: relative; top: -1px; } .mat-button-toggle-disabled .mat-button-toggle-label-content::before { opacity: 0.58; } .mat-button-toggle-checked .mat-button-toggle-label-content { padding: 0 14px 0 12px; } .mat-button-toggle-checked .mat-button-toggle-label-content::before { font-family: FontAwesome; content: ""; padding: 0.1rem; font-size: 1.1rem; color: white; background-color: #fe9c44; border-color: #fe9c44; position: relative; top: -1px; } /*Slide Toggle*/ .mat-slide-toggle { margin: 0 6px; } .tooltip-container { position: relative; display: block; width: auto; } .tooltip-container .arrow { position: absolute; display: block; width: 10px; height: 10px; } .tooltip-container .arrow::before { position: absolute; border-color: transparent; border-style: solid; } .tooltip-container.bs-tooltip-top .arrow { bottom: 0; } .tooltip-container.bs-tooltip-top .arrow::before { margin-left: -10px; content: ""; border-width: 10px 10px 0; border-top-color: red; } .tooltip-container.bs-tooltip-right .arrow { left: 0; } .tooltip-container.bs-tooltip-right .arrow::before { margin-top: -10px; content: ""; border-width: 10px 10px 10px 0; border-right-color: black; } .tooltip-container.bs-tooltip-bottom .arrow { top: 0; } .tooltip-container.bs-tooltip-bottom .arrow::before { margin-left: -10px; content: ""; border-width: 0 10px 10px; border-bottom-color: black; } .tooltip-container.bs-tooltip-left .arrow { right: 0; top: 5px; } .tooltip-container.bs-tooltip-left .arrow::before { right: 0; margin-right: -10px; content: ""; border-width: 6px 0 6px 10px; border-left-color: black; } .tooltip { position: absolute; z-index: 999; word-wrap: break-word; visibility: hidden; opacity: 0; max-width: 250px; padding: 1rem; color: white; background-color: black; border-radius: 0; } .tooltip-container:hover .tooltip { visibility: visible; opacity: 1; } .mat-tooltip { border-radius: 0 !important; } .mat-tooltip:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-tooltip.error-state { background-color: white; border: 1px solid #fd0900; border-left-width: 1rem; color: black; padding-left: 10px; border-radius: 2px; } .mat-tooltip.warning-state { background-color: white; border: 1px solid #ffb005; border-left-width: 1rem; color: black; padding-left: 10px; border-radius: 2px; } html { line-height: 1.5; font-family: Arial; font-weight: normal; color: black; font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { text-decoration: none; /* color: #0088cc; */ } /* body { */ /* font-size: 1.4rem; */ /* } */ sup { text-decoration: none; display: inline-block; line-height: 1.1em; margin-left: 0.2rem; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 2.2rem; line-height: 110%; margin: 1.1rem 0 0.88rem 0; } h2 { font-size: 1.8rem; line-height: 110%; margin: 0.9rem 0 0.72rem 0; } h3 { font-size: 1.6rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; } h4 { font-size: 1.4rem; line-height: 110%; margin: 0.7rem 0 0.56rem 0; } h5 { font-size: 1.2rem; line-height: 110%; margin: 0.6rem 0 0.48rem 0; } h6 { font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; } em { font-style: italic; } strong { font-weight: 600; } small, .small { font-size: 1.2rem; } .large { font-size: 1.6rem; } .xlarge { font-size: 1.8rem; } .xsmall { font-size: 1rem; } .xxsmall { font-size: 0.8rem; } .thin-weight { font-weight: 100; } .light-weight { font-weight: 300; } .regular-weight { font-weight: 400; } .medium-weight { font-weight: 500; } /* --------- COMPONENTS ------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px !important; color: #333; /* overflow-x: hidden; */ } a { cursor: pointer; color: #0057b8; font-weight: normal; /* WRI Access Code Fix */ } .mat-option.mat-active { background: #e4f0fb; color: #000000; font-weight: normal; /* WRI Access Fix */ } .mat-mdc-select-panel .mat-option.mat-mdc-selected:not(.mat-option-multiple) { background: #1e90ff; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: #2faeff; color: #ffffff; } .mat-primary .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: #fff; } /* .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } */ .mat-option { color: black; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: #2faeff; color: #ffffff; } .mat-option.mat-mdc-selected:not(.mat-mdc-option-multiple):not(.mat-mdc-option-disabled) { background: #e4f0fb; color: #000000; } .mat-option.mat-active { background: #e4f0fb; color: #000000; } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: #000000; font-weight: 400; } .mat-accent .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: #c841c5; } .mat-warn .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: red; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.6); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.6); } .mat-pseudo-checkbox::after { color: #333; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #c841c5; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #0572d6; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: red; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: white; color: black; } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: black; } .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-active):not(:hover) { background: white; } .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-active):not(:hover):not(.mat-mdc-option-disabled) { color: black; } .mat-badge-content { color: white; background: #0572d6; } .mat-badge-accent .mat-badge-content { background: #c841c5; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: red; } .mat-badge { position: relative; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } @media screen and (-ms-high-contrast: active) { .mat-badge-small .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } @media screen and (-ms-high-contrast: active) { .mat-badge-medium .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } @media screen and (-ms-high-contrast: active) { .mat-badge-large .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-bottom-sheet-container { background: white; color: black; } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #A29060; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #c841c5; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: red; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled], .mdc-icon-button[disabled] { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: rgba(5, 114, 214, 0.12); } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: rgba(200, 65, 197, 0.12); } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: rgba(255, 0, 0, 0.12); } .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.1); } .mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.1); } .mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.1); } .mat-button.mat-primary.negative-action, .mat-icon-button.mat-primary.negative-action, .mat-stroked-button.mat-primary.negative-action { border: 1px solid #c8c8c8; color: #0572d6; background-color: white; } .mat-button.mat-primary.negative-action:hover:not([disabled]), .mat-icon-button.mat-primary.negative-action:hover:not([disabled]), .mat-stroked-button.mat-primary.negative-action:hover:not([disabled]) { border-color: #2faeff; color: #2faeff; } .mat-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper, .mat-icon-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper, .mat-stroked-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper { color: #2faeff; } .mat-button.mat-primary.negative-action .mat-button-focus-overlay, .mat-icon-button.mat-primary.negative-action .mat-button-focus-overlay, .mat-stroked-button.mat-primary.negative-action .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.1); } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.1); } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.1); } .mat-button.mat-primary.negative-action:focus:not([disabled]), .mat-icon-button.mat-primary.negative-action:focus:not([disabled]), .mat-stroked-button.mat-primary.negative-action:focus:not([disabled]) { border-color: #2fdaff; } .mat-button.mat-primary.secondary-action, .mat-icon-button.mat-primary.secondary-action, .mat-stroked-button.mat-primary.secondary-action { border: 1px solid #0572d6; background-color: #e4f0fb; color: #0572d6; } .mat-button.mat-primary.secondary-action:hover:not([disabled]), .mat-icon-button.mat-primary.secondary-action:hover:not([disabled]), .mat-stroked-button.mat-primary.secondary-action:hover:not([disabled]) { border-color: #2faeff; color: #2faeff; } .mat-button.mat-primary.secondary-action .mat-button-focus-overlay, .mat-icon-button.mat-primary.secondary-action .mat-button-focus-overlay, .mat-stroked-button.mat-primary.secondary-action .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action:focus:not([disabled]), .mat-icon-button.mat-primary.secondary-action:focus:not([disabled]), .mat-stroked-button.mat-primary.secondary-action:focus:not([disabled]) { border-color: #2fdaff; } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: black; background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { /* color: rgba(0, 0, 0, 0.26);*/ background-color: #e5e5e5 !important; color: #aaa !important; border: 1px solid #e5e5e5 !important; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #83744C; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #c841c5; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: red; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { /*background-color: rgba(0, 0, 0, 0.12);*/ background-color: #e5e5e5 !important; color: #aaa !important; border: 1px solid #e5e5e5 !important; } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-icon-button.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.2); } .mat-icon-button.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.2); } .mat-icon-button.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.2); } .mat-button-toggle { color: black; border: 1px solid rgba(0, 0, 0, 0.3); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(232, 245, 233, 0.5); } .mat-button-toggle-checked { border: 1px solid #48b748; background-color: #e8f5e9; } .mat-button-toggle-disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-card { background: white; color: black; border: 1px solid rgba(0, 0, 0, 0.15); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.6); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.6); } .mat-checkbox-checkmark { fill: white; } .mat-checkbox-checkmark-path { stroke: #333 !important; } @media screen and (-ms-high-contrast: black-on-white) { .mat-checkbox-checkmark-path { stroke: #000 !important; } } .mat-checkbox-mixedmark { background-color: white; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #0572d6; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #e2e2e2; border: 1px solid #adadad; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: red; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: #b0b0b0; } @media screen and (-ms-high-contrast: active) { .mat-checkbox-disabled { opacity: 0.5; } } @media screen and (-ms-high-contrast: active) { .mat-checkbox-background { background: none; } } .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(5, 114, 214, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(72, 183, 72, 0.16); } .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(255, 0, 0, 0.26); } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: black; } .mat-chip.mat-standard-chip .mat-chip-remove { color: black; opacity: 0.4; } .mat-chip.mat-standard-chip .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #0572d6; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: red; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #c841c5; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover { opacity: 0.54; } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.3); } .mat-header-cell { color: rgba(0, 0, 0, 0.6); } .mat-cell, .mat-footer-cell { color: black; } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: #686666; float: right; } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.3); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.6); } .mat-calendar-body-cell-content { color: black; border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { color: rgba(0, 0, 0, 0.26) !important; } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-selected { background-color: #0572d6; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(5, 114, 214, 0.4); } .mat-datepicker-content { background-color: white; color: black; box-shadow: unset !important; border-radius: 0px !important; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #c841c5; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(200, 65, 197, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: red; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 0, 0, 0.4); } .mat-datepicker-toggle-active { color: #000; } .mat-datepicker-toggle-active.mat-accent { color: #c841c5; } .mat-datepicker-toggle-active.mat-warn { color: red; } .mat-dialog-container { background: white; color: black; } .mat-divider { border-top-color: rgba(0, 0, 0, 0.3); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.3); } .mat-expansion-panel { background: white; color: black; box-shadow: none !important; } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.3); } .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: transparent; } .mat-expansion-panel-header-title { color: black; } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: #333; } .mat-expansion-indicator::after { border-style: solid; border-width: 0 2px 2px 0; content: ''; display: inline-block; padding: 4px; transform: rotate(45deg); vertical-align: middle; } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } /*.mat-form-field.mat-focused .mat-form-field-label { color: #333; }*/ .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label.mat-accent { color: #c841c5; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label.mat-warn { color: red; } .mat-focused .mat-mdc-form-field-required-marker { color: #c841c5; } .mat-mdc-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple { background-color: #0572d6; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple.mat-accent { background-color: #c841c5; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple.mat-warn { background-color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label { color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label.mat-accent, .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker { color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple, .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple.mat-accent { background-color: red; } .mat-mdc-error { color: #333; font-size: 12px; font-weight: normal; /* WRI Access Fix */ } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { color: #999; } .mat-mdc-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-disabled .mat-mdc-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-standard.mat-mdc-form-field-disabled .mat-mdc-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { background-color: white; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.26); } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-underline::before { background-color: transparent; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline { color: rgba(0, 0, 0, 0.3); box-shadow: none; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick { color: #e1751c; } .mat-mdc-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick { color: #e1751c; box-shadow: none; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-accent .mat-mdc-form-field-outline-thick { color: #e1751c; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-warn .mat-mdc-form-field-outline-thick { color: red; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { box-shadow: none; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-invalid.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { color: red; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-disabled .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.26); } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-disabled .mat-mdc-form-field-outline { color: rgba(0, 0, 0, 0.14); } .mat-icon.mat-primary { color: #0572d6; } .mat-icon.mat-accent { color: #c841c5; } .mat-icon.mat-warn { color: red; } .mat-mdc-input-element:disabled { color: rgba(0, 0, 0, 0.26) !important; } .mat-mdc-input-element { caret-color: #0572d6; } .mat-mdc-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-accent .mat-mdc-input-element { caret-color: #c841c5; } .mat-warn .mat-mdc-input-element, .mat-mdc-form-field-invalid .mat-mdc-input-element { caret-color: red; } .mat-mdc-list .mat-mdc-list-item, .mat-mdc-nav-list .mat-mdc-list-item, .mat-mdc-selection-list .mat-mdc-list-item { color: black; } .mat-mdc-list .mat-mdc-list-option, .mat-mdc-nav-list .mat-mdc-list-option, .mat-mdc-selection-list .mat-mdc-list-option { color: black; } .mat-mdc-list .mat-mdc-subheader, .mat-mdc-nav-list .mat-mdc-subheader, .mat-mdc-selection-list .mat-mdc-subheader { color: rgba(0, 0, 0, 0.6); } .mat-list-item-disabled { background-color: #eeeeee; } .mat-list-option:hover, .mat-list-option.mat-list-item-focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus, .mat-mdc-list-option:hover { background: rgba(0, 0, 0, 0.04); } .mat-menu-panel { background: white; } .mat-menu-item { background: transparent; color: black; } .mat-menu-item[disabled], .mat-menu-item[disabled]::after { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon:not([color]), .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: #2faeff; color: #ffffff; } .mat-paginator { background: white; } .mat-mdc-paginator, .mat-mdc-paginator-page-size .mat-mdc-select-trigger { color: rgba(0, 0, 0, 0.6); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-progress-bar-background { fill: #c8c8c8; } .mat-progress-bar-buffer { background-color: #c8c8c8; } .mat-progress-bar-fill::after { background-color: #0572d6; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f3d291; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f3d291; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #c841c5; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fc7802; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fc7802; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: red; } .mat-mdc-progress-spinner circle, .mat-mdc-spinner circle { stroke: #2faeff; } .mat-mdc-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #c841c5; } .mat-mdc-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: red; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.6); } .mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-checked .mat-radio-outer-circle { border-color: #a6a6a6; } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #0572d6; } .mat-radio-button.mat-primary .mat-radio-inner-circle { background-color: #0572d6; } .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element { background-color: rgba(5, 114, 214, 0.26); } .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #666; } .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { background-color: transparent; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: red; } .mat-radio-button.mat-warn .mat-radio-inner-circle { background-color: red; } .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element { background-color: rgba(255, 0, 0, 0.26); } .mat-mdc-select-content, .mat-mdc-select-panel-done-animating { background: white; padding-top: 1rem; padding-bottom: 1rem; } .mat-mdc-select-value { color: #333; } .mat-mdc-select-placeholder { color: #333; } .mat-mdc-select-disabled .mat-mdc-select-value { color: rgba(0, 0, 0, 0.26); } .mat-mdc-select-arrow { color: #686666; } .mat-mdc-select-panel { border: none; border-radius: 0; } _:-ms-lang(x), .mat-mdc-select-panel { /***Defect Id: 23952 ***/ min-width: 225px !important; } .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-multiple) { background: #e4f0fb; } .mat-mdc-form-field.mat-mdc-focused.mat-mdc-primary .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow { color: #c841c5; } .mat-mdc-form-field.mat-mdc-focused.mat-mdc-warn .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.26); } .mat-drawer-container { background-color: white; color: black; } .mat-drawer { background-color: white; color: black; } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c841c5; } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 65, 197, 0.5); } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle .mat-ripple-element { background-color: rgba(200, 65, 197, 0.12); } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c8c8c8; } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 200, 200, 0.5); } .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-primary .mat-ripple-element { background-color: rgba(200, 200, 200, 0.12); } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c841c5; } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 65, 197, 0.5); } .mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-warn .mat-ripple-element { background-color: rgba(200, 65, 197, 0.12); } .mat-disabled .mat-slide-toggle-thumb { background-color: #bdbdbd; } .mat-disabled .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.1); } .mat-slide-toggle-thumb { background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #0572d6; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #c841c5; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: red; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider-focus-ring { background-color: rgba(200, 65, 197, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: #0572d6; } .mat-step-header .mat-step-icon { background-color: #0572d6; color: white; } .mat-step-header .mat-step-icon:after { border: 1px solid #0572d6; content: " "; border-radius: 50%; width: 30px; height: 30px; display: inline-block; position: absolute; } .mat-step-header .mat-step-icon-not-touched { border: 1px solid rgba(0, 0, 0, 0.26); background-color: white; color: rgba(0, 0, 0, 0.26); } .mat-step-header .mat-step-label.mat-step-label-active { color: black; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.3); } .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.3); } .mat-mdc-tab-nav-bar, .mat-mdc-tab-header { border-bottom: none; } .mat-mdc-tab-group-inverted-header .mat-mdc-tab-nav-bar, .mat-mdc-tab-group-inverted-header .mat-mdc-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: none; } .mat-mdc-tab-label, .mat-mdc-tab-link { color: black; } .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(0, 0, 0, 0.26); } .mat-mdc-tab-header-pagination-chevron { border-color: black; } .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.26); } .mat-mdc-tab-group[class*=mat-background-] .mat-mdc-tab-header, .mat-mdc-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-mdc-tab-group.mat-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #0572d6; } .mat-mdc-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-accent .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #c841c5; } .mat-mdc-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-warn .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-warn .mat-ink-bar { background-color: red; } .mat-mdc-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-links { background-color: #0572d6; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-primary .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-links { background-color: #c841c5; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-accent .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-links { background-color: red; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-warn .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-toolbar { /* background: whitesmoke; */ color: black; } /**** Mat Tab Toolbar ****/ .mat-toolbar-single-row{ height: auto !important; padding: 0 !important; border-bottom: 1px solid #cfcfcf; } .mat-toolbar-single-row a{ color: #0057b8; padding: 0 15px; font-size: 13px; } .mat-button.mat-tool-active{ border-top: 4px solid #979797; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; color: #000; background-color: #fff; margin-bottom: -1px; border-bottom-color: #fff; border-radius: 0 !important; } .mat-toolbar.mat-primary { background: #0572d6; color: white; } .mat-toolbar.mat-accent { background: #c841c5; color: white; } .mat-toolbar.mat-warn { background: red; color: white; } .mat-toolbar .mat-mdc-form-field-underline, .mat-toolbar .mat-mdc-form-field-ripple, .mat-toolbar .mat-focused .mat-mdc-form-field-ripple { background-color: currentColor; } .mat-mdc-toolbar .mat-mdc-form-field-label, .mat-mdc-toolbar .mat-mdc-focused .mat-mdc-form-field-label, .mat-mdc-toolbar .mat-mdc-select-value, .mat-mdc-toolbar .mat-mdc-select-arrow, .mat-mdc-toolbar .mat-mdc-form-field.mat-mdc-focused .mat-mdc-select-arrow { color: inherit; } .mat-mdc-toolbar .mat-mdc-input-element { caret-color: currentColor; } /* .mat-tooltip { */ /* background: #3f3f49; */ /* } */ .mat-mdc-tooltip { background: #fff; color: #333 !important; margin: 0 !important; position: relative; top: -6px; left: -99px; } .mat-tree { background: white; } .mat-tree-node { color: black; } .mat-snack-bar-container { background: #323232; color: white; } .mat-simple-snackbar-action { color: #c841c5; } /* ------- AG- GRID STYLES ------- */ ag-grid-angular { display: block; } ag-grid-ng2 { display: block; } ag-grid { display: block; } ag-grid-polymer { display: block; } ag-grid-aurelia { display: block; } /* ------- Customize AG- GRID STYLES ------- */ #avnGrid .ag-bl-normal-center-row, #avnGrid .ag-body, #avnGrid .ag-body-viewport-wrapper{ height: 600px !important; } #avnGrid .ag-body-viewport{ /*** Defect Id: 28211 ***/ max-height: inherit; } .role-container .ag-cell{ padding: 9px 12px; white-space: nowrap; } .role-container .ag-header-cell{ /*** Defect Id: 19020 ***/ text-align: center; padding-top: 10px; } .role-container .ag-group-child-count, .display-all .ag-pinned-left-header .ag-header-group-text { /*** For Remove Count and FI role heading ***/ display: none; } .role-container .ag-pinned-left-header .ag-header-cell, #role-single .ag-header-cell { text-align: left; } .role-container .ag-row-group-expanded { /*** Defect Id: 19027 ***/ background-color: #e9e9e9; } .role-container .ag-row-group-expanded .ag-group-value { font-weight: bold; } .role-container .ag-ltr .ag-row-group-indent-1 { padding-left: 28px; } .role-container .ag-body-viewport-wrapper, .role-container .ag-header-viewport, #avnGrid .ag-body-viewport-wrapper, #avnGrid .ag-header-viewport { margin-left: auto !important; } .role-container .ag-pinned-left-header, #avnGrid .ag-pinned-left-header { border-right: 1px solid #e1e1e1; border-top: 1px solid #acacac; } .role-container .ag-pinned-left-cols-viewport{ max-height: 300px; } #avnGrid .ag-pinned-left-cols-viewport{ /*** Defect Id: 28211 ***/ max-height: inherit; } .disclosadmin-grid .ag-body, .system-feature .ag-body, .display-all .ag-body, .fi-role-grid .ag-body{ height: auto !important; } /* #disclosure-grid .ag-cell:last-child { */ /* border-right: 0; */ /* } */ /* .disclosadmin-grid{ */ /* max-width: 100%; */ /* width: 100%; */ /* } */ #enterprise-portfolio-grid .ag-bl-center-row.ag-bl-normal-center-row { height: auto !important; } #disclosure-grid .ag-body-viewport { /*** Defect ID: 21395 ***/ max-height: inherit !important; overflow-y: hidden !important; } .system-feature .ag-body-container, .disclosadmin-grid .ag-body-container{ width: 100% !important; } .display-all .ag-header-group-cell:last-child { border-right: 0; width: 100% !important; } .display-all .ag-header-viewport { border-top: 0 !important; } .display-all .ag-header-row{ border-top: 1px solid #acacac; } .display-all .ag-header-group-cell { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .ag-header-group-cell:last-child { border-right: 0; width: 100% !important; } .ag-header-group-cell { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding-left: 8px; padding-top: 10px; } .dislosure-container .ag-cell .ng-star-inserted a { border-right: 1px solid #999; padding-right: 5px; padding-left: 7px; } .dislosure-container .ag-cell .ng-star-inserted a:first-child { padding-left: 0; } .dislosure-container .ag-cell .ng-star-inserted a:last-child { border-right: 0; padding-right: 0; } .dislosure-container .ag-cell { white-space: normal !important; } /**** Defect ID: 23300****/ .ag-cell:focus{ outline: none; } /* .ag-cell-no-focus{ */ /* border-right: 1px solid #e1e1e1; */ /* } */ .ag-cell-focus { border: none; } .ag-row-hover { background-color: #ebebeb; } /***Defect Id:19022 & 28940 ***/ /* .disclosadmin-grid .ag-header-cell:last-child{ */ /* border-right: 0; */ /* } */ .ag-group-expanded .ag-icon-contracted:before { font-family: "FontAwesome"; content: "\f056"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } .ag-icon-expanded:before { font-family: "FontAwesome"; content: "\f055"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } .ag-rtl { direction: rtl; } .ag-ltr { direction: ltr; } .ag-select-agg-func-popup { position: absolute; } .ag-body-no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-root-wrapper { position: relative; } .ag-root-wrapper.ag-layout-normal { /* AWR Angular Upgrade Changes start */ /* height: 100%; */ /* AWR Angular Upgrade Changes end */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-root-wrapper-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-layout-normal.ag-root-wrapper-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /* AWR Angular Upgrade Changes start */ /* height: 0px; */ /* AWR Angular Upgrade Changes end */ min-height: 0px; } /* .ag-root { */ /* -webkit-box-sizing: border-box; */ /* box-sizing: border-box; */ /* overflow: hidden; */ /* position: relative; */ /* display: inline-block; */ /* width: 0px; */ /* min-width: 0px; */ /* -webkit-box-flex: 1; */ /* -ms-flex: 1; */ /* flex: 1; */ /* border-top: 1px solid #acacac; */ /* } */ .ag-layout-normal.ag-root { /* AWR Angular Upgrade Changes start */ width:100%; /* AWR Angular Upgrade Changes end */ height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-font-style { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-popup-backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ag-header { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #acacac; position: relative; /* z-index: 3; */ background: #fff; font-weight: bold; } .ag-pinned-left-header { /***Defect Id: 28940 ***/ -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; border-top: 1px solid #acacac; } .ag-pinned-right-header { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; border-top: 1px solid #acacac; } .ag-header-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid #acacac; margin-left: 0 !important; margin-right: 0 !important; } .ag-header-row { position: absolute; } .ag-header-container { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; position: relative; white-space: nowrap; } .ag-header-overlay { display: block; position: absolute; } .ag-header-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; position: absolute; vertical-align: bottom; border-right: 1px solid #e1e1e1; padding: 8px; padding-bottom: 0; } .ag-floating-filter { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: absolute; } .ag-floating-filter-body { height: 20px; margin-right: 25px; } .ag-floating-filter-full-body { height: 20px; width: 100%; } .ag-floating-filter-input { width: 100%; } .ag-floating-filter-input:-moz-read-only { background-color: #eee; } .ag-floating-filter-input:read-only { background-color: #eee; } .ag-floating-filter-menu { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-dnd-ghost { background: #e5e5e5; border: 1px solid black; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: move; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; overflow: hidden; padding: 3px; position: absolute; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-dnd-ghost-icon { display: inline-block; float: left; padding: 2px; } .ag-dnd-ghost-label { display: inline-block; } .ag-header-group-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; position: absolute; text-overflow: ellipsis; } .ag-header-group-cell-label { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; /*** Heading height cuts in IE browser ****/ } .ag-header-cell-resize { cursor: col-resize; height: 100%; width: 4px; } .ag-ltr .ag-header-cell-resize { float: right; } .ag-ltr .ag-pinned-right-header .ag-header-cell-resize { float: left; } .ag-rtl .ag-header-cell-resize { float: left; } .ag-rtl .ag-pinned-left-header .ag-header-cell-resize { float: right; } .ag-ltr .ag-header-select-all { float: left; } .ag-rtl .ag-header-select-all { float: right; } .ag-header-expand-icon { padding-left: 4px; } .ag-header-cell-menu-button { float: right; } .ag-overlay { height: 100%; left: 0; pointer-events: none; /* AWR Angular Upgrade Changes start */ position: relative; /* AWR Angular Upgrade Changes end */ top: 0; width: 100%; } .ag-overlay-panel { display: table; height: 100%; pointer-events: none; width: 100%; } .ag-overlay-wrapper { display: table-cell; text-align: center; vertical-align: middle; } .ag-column-panel { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; } .ag-column-panel-center { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-x: hidden; max-height: 100vh; } .ag-layout-auto-height.ag-body-container { min-height: 50px; } .ag-layout-auto-height.ag-overlay-no-rows-wrapper { padding-top: 30px; } .ag-body { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: auto !important; } .ag-layout-normal.ag-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0px; min-height: 0px; } .ag-rtl .ag-body { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-ltr .ag-body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-rtl .ag-floating-top { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-ltr .ag-floating-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-ltr .ag-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-rtl .ag-header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-pinned-right-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-floating-top-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ag-layout-normal.ag-floating-top-viewport { height: 100%; } .ag-floating-top-container { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; } .ag-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-pinned-right-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-floating-bottom-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0px; min-width: 0px; } .ag-floating-bottom-container { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; } .ag-pinned-left-cols-container { display: inline-block; position: relative; } .ag-pinned-right-cols-viewport { height: 100%; overflow-x: hidden; overflow-y: auto; float: right; } .ag-pinned-left-cols-viewport { /* height: 100%; */ overflow: hidden; /* overflow-y: auto; */ float: left; } .ag-pinned-right-cols-container { display: inline-block; position: relative; } .ag-pinned-left-cols-viewport-wrapper { height: 100%; overflow: hidden; } .ag-body-viewport-wrapper { height: 100%; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; } .ag-body-viewport { overflow-x: auto; overflow-y: auto; /* max-height: 300px; */ -webkit-overflow-scrolling: touch; /* AWR Angular Upgrade Changes start */ display: flex; /* AWR Angular Upgrade Changes end */ } /* AWR Angular Upgrade Changes - Role Lookup v6 start */ #roleLookupGridv6 .ag-body-viewport { overflow-x: auto; overflow-y: auto; max-height: 300px; display: block !important; -webkit-overflow-scrolling: touch; } /* AWR Angular Upgrade Changes - Role Lookup v6 end */ .ag-layout-normal.ag-body-viewport { height: 100%; } .ag-full-width-viewport-wrapper { height: 100%; width: 100%; display: inline-block; pointer-events: none; overflow: hidden; position: absolute; top: 0px; left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ag-full-width-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; pointer-events: none; overflow-x: hidden; overflow-y: auto; } .ag-full-width-container { /* AWR Angular Upgrade Changes start */ height:100% !important; /* AWR Angular Upgrade Changes end */ overflow: hidden; position: relative; width: 100%; } .ag-floating-bottom-full-width-container { display: inline; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-floating-top-full-width-container { display: inline; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-body-container { display: inline-block; /* margin-bottom: -2px; */ position: relative; /* width: 100% !important; */ } .ag-row-animation .ag-row { -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; } .ag-row-no-animation .ag-row { -webkit-transition: background-color 0.1s; transition: background-color 0.1s; } .ag-row { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; white-space: normal; width: 100%; border-bottom: 1px solid #e1e1e1; } .ag-column-moving .ag-cell { -webkit-transition: left 0.2s; transition: left 0.2s; } .ag-column-moving .ag-header-cell { -webkit-transition: left 0.2s; transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { -webkit-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; } .ag-column-drop { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ag-column-drop-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 50px; overflow: hidden; } .ag-column-drop-vertical .ag-column-drop-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 20px; overflow-x: auto; } .ag-column-drop-vertical .ag-column-drop-cell { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical .ag-column-drop-empty-message { display: block; } .ag-column-drop-vertical .ag-column-drop-cell-button { line-height: 16px; } .ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button { float: right; } .ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button { float: left; } .ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-horizontal .ag-column-drop-cell { display: inline-block; } .ag-column-drop-horizontal .ag-column-drop-empty-message { display: inline-block; } .ag-column-drop-horizontal .ag-column-drop-list { height: 100%; } .ag-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; padding: 10px 8px; border-right: 1px solid #e1e1e1; } .ag-cell-with-height { height: 100%; } .ag-value-slide-out { margin-right: 5px; opacity: 1; -webkit-transition: opacity 3s, margin-right 3s; transition: opacity 3s, margin-right 3s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0; } .ag-cell-edit-input { height: 100%; width: 100%; } .ag-group-cell-entire-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-footer-cell-entire-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-popup-editor { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu { max-height: 100%; /* overflow-y: auto; */ position: absolute; z-index: 10; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 300px; overflow: auto; width: 200px; } .ag-menu-list { border-collapse: collapse; display: table; } .ag-menu-option { display: table-row; } .ag-menu-option-text { display: table-cell; } .ag-menu-option-shortcut { display: table-cell; } .ag-menu-option-icon { display: table-cell; } .ag-menu-option-popup-pointer { display: table-cell; } .ag-menu-separator { display: table-row; } .ag-menu-separator-cell { display: table-cell; } .ag-virtual-list-viewport { height: 100%; overflow-x: auto; width: 100%; } .ag-virtual-list-container { overflow: hidden; position: relative; } .ag-rich-select { cursor: default; outline: none; } .ag-rich-select-row { white-space: nowrap; } .ag-rich-select-list { height: 200px; width: 200px; } .ag-set-filter-list { height: 200px; width: 200px; } .ag-set-filter-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-virtual-list-item span:empty:not(.ag-icon) { border-left: 1px solid transparent; } .ag-filter-filter { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ag-floating-filter-body input { height: 19px; margin: 0; width: 100%; } .ag-floating-filter-full-body input { height: 19px; margin: 0; width: 100%; } .ag-filter-select { margin: 4px 4px 0 4px; width: 110px; } .ag-list-selection { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-column-panel { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 200px; } .ag-column-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 50px; overflow: auto; } .ag-column-select-indent { display: inline-block; } .ag-ltr .ag-column-select-column { margin-left: 16px; } .ag-rtl .ag-column-select-column { margin-right: 16px; } .ag-column-select-column, .ag-column-select-column-group { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-column .ag-column-select-label, .ag-column-select-column .ag-column-select-column-group-label, .ag-column-select-column-group .ag-column-select-label, .ag-column-select-column-group .ag-column-select-column-group-label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; } .ag-column-select-column .ag-column-drag, .ag-column-select-column-group .ag-column-drag { min-width: 16px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .ag-column-select-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .ag-tool-panel .ag-column-select-panel { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; } .ag-tool-panel-horizontal-resize { cursor: col-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-rtl .ag-tool-panel-horizontal-resize { float: right; -webkit-transform: translateX(3px); transform: translateX(3px); } .ag-ltr .ag-tool-panel-horizontal-resize { float: left; -webkit-transform: translateX(-3px); transform: translateX(-3px); } .ag-menu-column-select-wrapper .ag-column-select-panel { height: 100%; } .ag-hidden { display: none !important; } .ag-visibility-hidden { visibility: hidden !important; } .ag-faded { opacity: 0.3; } .ag-width-half { display: inline-block; width: 50%; } .ag-shake-left-to-right { -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ag-shake-left-to-right; animation-name: ag-shake-left-to-right; } @-webkit-keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } /* icons are used outside of the grid root (in the ghost) */ .ag-icon-aggregation { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS41IDIuNWgtNmwyIDMuNS0yIDMuNWg2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-arrows { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNmwtMS40MSAxLjQxTDE2LjE3IDlINHYyaDEyLjE3bC0xLjU4IDEuNTlMMTYgMTRsNC00eiIvPjxwYXRoIGQ9Ik00IDZsMS40MSAxLjQxTDMuODMgOUgxNnYySDMuODNsMS41OCAxLjU5TDQgMTRsLTQtNHoiLz48cGF0aCBkPSJNNiAxNmwxLjQxLTEuNDFMOSAxNi4xN1Y0aDJ2MTIuMTdsMS41OS0xLjU4TDE0IDE2bC00IDR6Ii8+PHBhdGggZD0iTTE0IDRsLTEuNDEgMS40MUwxMSAzLjgzVjE2SDlWMy44M0w3LjQxIDUuNDEgNiA0bDQtNHoiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-asc { */ /* display: inline-block; */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDUuMlYzLjQ5M2gtNnY2SDQuN1Y1LjJoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1Ljk5MyA2LjQ5MykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04LjQ5MyA0Ljd2LS43MDdoLTV2NUg0LjJWNC43aDQuMjkzeiIvPjwvZz48L2c+PC9zdmc+) center no-repeat; */ /* background-size: 12px 12px; */ /* -webkit-filter: "initial"; */ /* filter: "initial"; */ /* height: 12px; */ /* width: 12px; } */ .ag-icon-asc { background: url('images/ag-icon-asc.png') no-repeat 0 0; width: 12px; height: 12px; display: inline-block; } .ag-icon-checkbox-checked-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-checked { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-indeterminate-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-unchecked-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-unchecked { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-column { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem0wIDNoNHY3SDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-columns { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem02IDBoNHYySDd6TTEgNWg0djJIMXptNiAwaDR2Mkg3ek0xIDloNHYySDF6bTYgMGg0djJIN3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-contracted { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } */ .ag-icon-copy { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTQuNSA0LjVoNXY1aC01eiIvPjxwYXRoIGQ9Ik03LjUgMi41aC01djVoMnYyaDV2LTVoLTJ2LTJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-cut { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTMgMy4xMmMuNjY3LjA3OCAzIDEuNzQ1IDcgNS0uMzI2LjIwNC0uNjU5LjIwNC0xIDAtLjM0MS0uMjA2LTEuNjc0LTEuMjA2LTQtMyAwIC42NjYtLjY2Ny42NjYtMiAwLTItMS0xLTIuMTIgMC0yeiIvPjxwYXRoIGQ9Ik0zIDguMjY0Yy42NjctLjA4IDMtMS43NDYgNy01LS4zMjYtLjIwNS0uNjU5LS4yMDUtMSAwLS4zNDEuMjA0LTEuNjc0IDEuMjA0LTQgMyAwLS42NjctLjY2Ny0uNjY3LTIgMC0yIDEtMSAyLjExOSAwIDJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-desc { */ /* display: inline-block; */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDJoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDYuMVY0LjM5M2gtNnY2SDQuN1Y2LjFoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMi41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuOTkzIDcuMzkzKSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTguNDkzIDUuNnYtLjcwN2gtNXY1SDQuMlY1LjZoNC4yOTN6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat; */ /* background-size: 12px 12px; */ /* -webkit-filter: "initial"; */ /* filter: "initial"; */ /* height: 12px; */ /* width: 12px; } */ .ag-icon-desc { background: url('images/ag-icon-desc.png') no-repeat 0 0; width: 12px; height: 12px; display: inline-block; } /* .ag-icon-expanded { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } */ .ag-icon-eye-slash { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik00LjAwNCAyLjgzNWw0Ljk5MiA2LjMzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMy4wMDQgMi44MzVsNC45OTIgNi4zMyIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-eye { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-filter { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAyaDEwTDcgNnY1TDUgOVY2TDEgMnptNCA0djFoMlY2SDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-group { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNSAxLjVoM3YyaC0zem0wIDRoM3YyaC0zem0wIDRoM3YyaC0zeiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDNoMXY4SDJ6bTEgM2g0djFIM3ptMi00aDN2MUg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDEwaDV2MUgyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTEuNSAxLjVoM3YyaC0zeiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjA1NiA0LjU4MWEzLjAwMSAzLjAwMSAwIDAgMCA1Ljg4OCAwQzguMDU5IDQuMTk0IDcuMDc4IDQgNiA0Yy0xLjA3OCAwLTIuMDYuMTk0LTIuOTQ0LjU4MXoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA1LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMS4zMzMgMy0yIDUtMnMzLjY2Ny42NjcgNSAyQzkuNjY3IDcuMzMzIDggOCA2IDhzLTMuNjY3LS42NjctNS0yeiIgc3Ryb2tlPSIjMDAwIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-left { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNNy45OTMgNC43VjIuOTkzaC02djZIMy43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNi41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNiAyaDF2OEg2eiIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgNC45OTMgNS45OTMpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNy40OTMgNC4ydi0uNzA3aC01djVIMy4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-loading { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDFoMnYzSDV6Ii8+PHBhdGggaWQ9ImIiIGQ9Ik01IDhoMnYzSDV6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0xIDVoM3YySDF6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik04IDVoM3YySDh6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik00IDBoMnYzSDR6Ii8+PHBhdGggaWQ9ImYiIGQ9Ik00IDdoMnYzSDR6Ii8+PHBhdGggaWQ9ImciIGQ9Ik0wIDRoM3YySDB6Ii8+PHBhdGggaWQ9ImgiIGQ9Ik03IDRoM3YySDd6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTUuNSAxLjVoMXYyaC0xeiIvPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik01LjUgOC41aDF2MmgtMXoiLz48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNMS41IDUuNWgydjFoLTJ6Ii8+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTguNSA1LjVoMnYxaC0yeiIvPjxnIG9wYWNpdHk9Ii43MTQiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTQuNS41aDF2MmgtMXoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNC4yOTMgNi43MDcpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNmIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNC41IDcuNWgxdjJoLTF6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZyIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNWgydjFoLTJ6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjaCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTcuNSA0LjVoMnYxaC0yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-menu { display: inline-block; /* AWR Angular Upgrade Changes start */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; */ /* AWR Angular Upgrade Changes end */ background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* AWR Angular Upgrade Changes start - To make filter icon in ag grid appear only on hover */ .ag-icon-menu:hover{ background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; } /* AWR Angular Upgrade Changes end */ .ag-icon-minus { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-none { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY2SDV6Ii8+PHBhdGggZD0iTTguMTQ2IDguMTgyVjYuNDc1aC01djVoMS43MDhWOC4xODJoMy4yOTJ6IiBpZD0iYiIvPjxwYXRoIGQ9Ik04LjUgMi45MTRWMS4yMDdoLTV2NWgxLjcwN1YyLjkxNEg4LjV6IiBpZD0iYyIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2NWgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuNjQ2IDguNDc1KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNjQ2IDcuNjgydi0uNzA3aC00djRoLjcwOFY3LjY4MmgzLjI5MnoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNiAzLjcwNykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDIuNDE0di0uNzA3SDR2NGguNzA3VjIuNDE0SDh6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-not-allowed { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjQiLz48cGF0aCBkPSJNOC41IDMuNUwzLjQwMSA4LjU5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-paste { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIuNSAyLjVoN3Y3aC03eiIvPjxwYXRoIGQ9Ik02LjUgMS41aC0xdjJoLTF2MWgzdi0xaC0xdi0yeiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-pin { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0zIDJoNnYxSDh2NGwyIDFIN2wtMSAzLTEtM0gybDItMVYzSDN6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iI0ZGRiIgZD0iTTUgM2gxdjRINXoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yOCIgZmlsbD0iI0ZGRiIgZD0iTTQgM2gxdjNINHoiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-pivot { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSIxIi8+PHBhdGggZD0iTTEwLjUgMy41aC05bTItMnY5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHBhdGggZD0iTTcuNSA2LjVsMS0xIDEgMW0tMyAxbC0xIDEgMSAxIi8+PHBhdGggZD0iTTguNSA1LjV2M2gtMyIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-plus { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01IDJoMnY4SDV6Ii8+PHBhdGggZD0iTTIgNWg4djJIMnoiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-right { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik00LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNOS45OTMgNC43VjIuOTkzaC02djZINS43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNSAyaDF2OEg1eiIvPjwvZz48ZyB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIHJvdGF0ZSgtNDUgMCAyMi44NzQpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNOS40OTMgNC4ydi0uNzA3aC01djVINS4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-left { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA2bDQtNHY4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-right { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-up { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA3bDQtNCA0IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-down { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tick { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS41IDUuNWwzIDMgNi02IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-cross { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxMGw4LThtMCA4TDIgMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-open { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-closed { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .loading-filter { background-color: #e6e6e6; height: 100%; padding: 5px; position: absolute; top: 34px; width: 100%; z-index: 1; } .ag-details-row { height: 100%; width: 100%; } .ag-details-grid { height: 100%; width: 100%; } .ag-column-select-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-ltr .ag-toolpanel-indent-1 { padding-left: 10px; } .ag-rtl .ag-toolpanel-indent-1 { padding-right: 10px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 10px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 10px; } .ag-ltr .ag-toolpanel-indent-2 { padding-left: 20px; } .ag-rtl .ag-toolpanel-indent-2 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 20px; } .ag-ltr .ag-toolpanel-indent-3 { padding-left: 30px; } .ag-rtl .ag-toolpanel-indent-3 { padding-right: 30px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 30px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 30px; } .ag-ltr .ag-toolpanel-indent-4 { padding-left: 40px; } .ag-rtl .ag-toolpanel-indent-4 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 40px; } .ag-ltr .ag-toolpanel-indent-5 { padding-left: 50px; } .ag-rtl .ag-toolpanel-indent-5 { padding-right: 50px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 50px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 50px; } .ag-ltr .ag-toolpanel-indent-6 { padding-left: 60px; } .ag-rtl .ag-toolpanel-indent-6 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 60px; } .ag-ltr .ag-toolpanel-indent-7 { padding-left: 70px; } .ag-rtl .ag-toolpanel-indent-7 { padding-right: 70px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 70px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 70px; } .ag-ltr .ag-toolpanel-indent-8 { padding-left: 80px; } .ag-rtl .ag-toolpanel-indent-8 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 80px; } .ag-ltr .ag-toolpanel-indent-9 { padding-left: 90px; } .ag-rtl .ag-toolpanel-indent-9 { padding-right: 90px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 90px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 90px; } .ag-ltr .ag-toolpanel-indent-10 { padding-left: 100px; } .ag-rtl .ag-toolpanel-indent-10 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-10 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-10 { padding-right: 100px; } .ag-ltr .ag-toolpanel-indent-11 { padding-left: 110px; } .ag-rtl .ag-toolpanel-indent-11 { padding-right: 110px; } .ag-ltr .ag-row-group-indent-11 { padding-left: 110px; } .ag-rtl .ag-row-group-indent-11 { padding-right: 110px; } .ag-ltr .ag-toolpanel-indent-12 { padding-left: 120px; } .ag-rtl .ag-toolpanel-indent-12 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-12 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-12 { padding-right: 120px; } .ag-ltr .ag-toolpanel-indent-13 { padding-left: 130px; } .ag-rtl .ag-toolpanel-indent-13 { padding-right: 130px; } .ag-ltr .ag-row-group-indent-13 { padding-left: 130px; } .ag-rtl .ag-row-group-indent-13 { padding-right: 130px; } .ag-ltr .ag-toolpanel-indent-14 { padding-left: 140px; } .ag-rtl .ag-toolpanel-indent-14 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-14 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-14 { padding-right: 140px; } .ag-ltr .ag-toolpanel-indent-15 { padding-left: 150px; } .ag-rtl .ag-toolpanel-indent-15 { padding-right: 150px; } .ag-ltr .ag-row-group-indent-15 { padding-left: 150px; } .ag-rtl .ag-row-group-indent-15 { padding-right: 150px; } .ag-ltr .ag-toolpanel-indent-16 { padding-left: 160px; } .ag-rtl .ag-toolpanel-indent-16 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-16 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-16 { padding-right: 160px; } .ag-ltr .ag-toolpanel-indent-17 { padding-left: 170px; } .ag-rtl .ag-toolpanel-indent-17 { padding-right: 170px; } .ag-ltr .ag-row-group-indent-17 { padding-left: 170px; } .ag-rtl .ag-row-group-indent-17 { padding-right: 170px; } .ag-ltr .ag-toolpanel-indent-18 { padding-left: 180px; } .ag-rtl .ag-toolpanel-indent-18 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-18 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-18 { padding-right: 180px; } .ag-ltr .ag-toolpanel-indent-19 { padding-left: 190px; } .ag-rtl .ag-toolpanel-indent-19 { padding-right: 190px; } .ag-ltr .ag-row-group-indent-19 { padding-left: 190px; } .ag-rtl .ag-row-group-indent-19 { padding-right: 190px; } .ag-ltr .ag-toolpanel-indent-20 { padding-left: 200px; } .ag-rtl .ag-toolpanel-indent-20 { padding-right: 200px; } .ag-ltr .ag-row-group-indent-20 { padding-left: 200px; } .ag-rtl .ag-row-group-indent-20 { padding-right: 200px; } .ag-ltr .ag-toolpanel-indent-21 { padding-left: 210px; } .ag-rtl .ag-toolpanel-indent-21 { padding-right: 210px; } .ag-ltr .ag-row-group-indent-21 { padding-left: 210px; } .ag-rtl .ag-row-group-indent-21 { padding-right: 210px; } .ag-ltr .ag-toolpanel-indent-22 { padding-left: 220px; } .ag-rtl .ag-toolpanel-indent-22 { padding-right: 220px; } .ag-ltr .ag-row-group-indent-22 { padding-left: 220px; } .ag-rtl .ag-row-group-indent-22 { padding-right: 220px; } .ag-ltr .ag-toolpanel-indent-23 { padding-left: 230px; } .ag-rtl .ag-toolpanel-indent-23 { padding-right: 230px; } .ag-ltr .ag-row-group-indent-23 { padding-left: 230px; } .ag-rtl .ag-row-group-indent-23 { padding-right: 230px; } .ag-ltr .ag-toolpanel-indent-24 { padding-left: 240px; } .ag-rtl .ag-toolpanel-indent-24 { padding-right: 240px; } .ag-ltr .ag-row-group-indent-24 { padding-left: 240px; } .ag-rtl .ag-row-group-indent-24 { padding-right: 240px; } .ag-ltr .ag-toolpanel-indent-25 { padding-left: 250px; } .ag-rtl .ag-toolpanel-indent-25 { padding-right: 250px; } .ag-ltr .ag-row-group-indent-25 { padding-left: 250px; } .ag-rtl .ag-row-group-indent-25 { padding-right: 250px; } .ag-ltr .ag-toolpanel-indent-26 { padding-left: 260px; } .ag-rtl .ag-toolpanel-indent-26 { padding-right: 260px; } .ag-ltr .ag-row-group-indent-26 { padding-left: 260px; } .ag-rtl .ag-row-group-indent-26 { padding-right: 260px; } .ag-ltr .ag-toolpanel-indent-27 { padding-left: 270px; } .ag-rtl .ag-toolpanel-indent-27 { padding-right: 270px; } .ag-ltr .ag-row-group-indent-27 { padding-left: 270px; } .ag-rtl .ag-row-group-indent-27 { padding-right: 270px; } .ag-ltr .ag-toolpanel-indent-28 { padding-left: 280px; } .ag-rtl .ag-toolpanel-indent-28 { padding-right: 280px; } .ag-ltr .ag-row-group-indent-28 { padding-left: 280px; } .ag-rtl .ag-row-group-indent-28 { padding-right: 280px; } .ag-ltr .ag-toolpanel-indent-29 { padding-left: 290px; } .ag-rtl .ag-toolpanel-indent-29 { padding-right: 290px; } .ag-ltr .ag-row-group-indent-29 { padding-left: 290px; } .ag-rtl .ag-row-group-indent-29 { padding-right: 290px; } .ag-ltr .ag-toolpanel-indent-30 { padding-left: 300px; } .ag-rtl .ag-toolpanel-indent-30 { padding-right: 300px; } .ag-ltr .ag-row-group-indent-30 { padding-left: 300px; } .ag-rtl .ag-row-group-indent-30 { padding-right: 300px; } .ag-ltr .ag-toolpanel-indent-31 { padding-left: 310px; } .ag-rtl .ag-toolpanel-indent-31 { padding-right: 310px; } .ag-ltr .ag-row-group-indent-31 { padding-left: 310px; } .ag-rtl .ag-row-group-indent-31 { padding-right: 310px; } .ag-ltr .ag-toolpanel-indent-32 { padding-left: 320px; } .ag-rtl .ag-toolpanel-indent-32 { padding-right: 320px; } .ag-ltr .ag-row-group-indent-32 { padding-left: 320px; } .ag-rtl .ag-row-group-indent-32 { padding-right: 320px; } .ag-ltr .ag-toolpanel-indent-33 { padding-left: 330px; } .ag-rtl .ag-toolpanel-indent-33 { padding-right: 330px; } .ag-ltr .ag-row-group-indent-33 { padding-left: 330px; } .ag-rtl .ag-row-group-indent-33 { padding-right: 330px; } .ag-ltr .ag-toolpanel-indent-34 { padding-left: 340px; } .ag-rtl .ag-toolpanel-indent-34 { padding-right: 340px; } .ag-ltr .ag-row-group-indent-34 { padding-left: 340px; } .ag-rtl .ag-row-group-indent-34 { padding-right: 340px; } .ag-ltr .ag-toolpanel-indent-35 { padding-left: 350px; } .ag-rtl .ag-toolpanel-indent-35 { padding-right: 350px; } .ag-ltr .ag-row-group-indent-35 { padding-left: 350px; } .ag-rtl .ag-row-group-indent-35 { padding-right: 350px; } .ag-ltr .ag-toolpanel-indent-36 { padding-left: 360px; } .ag-rtl .ag-toolpanel-indent-36 { padding-right: 360px; } .ag-ltr .ag-row-group-indent-36 { padding-left: 360px; } .ag-rtl .ag-row-group-indent-36 { padding-right: 360px; } .ag-ltr .ag-toolpanel-indent-37 { padding-left: 370px; } .ag-rtl .ag-toolpanel-indent-37 { padding-right: 370px; } .ag-ltr .ag-row-group-indent-37 { padding-left: 370px; } .ag-rtl .ag-row-group-indent-37 { padding-right: 370px; } .ag-ltr .ag-toolpanel-indent-38 { padding-left: 380px; } .ag-rtl .ag-toolpanel-indent-38 { padding-right: 380px; } .ag-ltr .ag-row-group-indent-38 { padding-left: 380px; } .ag-rtl .ag-row-group-indent-38 { padding-right: 380px; } .ag-ltr .ag-toolpanel-indent-39 { padding-left: 390px; } .ag-rtl .ag-toolpanel-indent-39 { padding-right: 390px; } .ag-ltr .ag-row-group-indent-39 { padding-left: 390px; } .ag-rtl .ag-row-group-indent-39 { padding-right: 390px; } .ag-ltr .ag-toolpanel-indent-40 { padding-left: 400px; } .ag-rtl .ag-toolpanel-indent-40 { padding-right: 400px; } .ag-ltr .ag-row-group-indent-40 { padding-left: 400px; } .ag-rtl .ag-row-group-indent-40 { padding-right: 400px; } .ag-ltr .ag-toolpanel-indent-41 { padding-left: 410px; } .ag-rtl .ag-toolpanel-indent-41 { padding-right: 410px; } .ag-ltr .ag-row-group-indent-41 { padding-left: 410px; } .ag-rtl .ag-row-group-indent-41 { padding-right: 410px; } .ag-ltr .ag-toolpanel-indent-42 { padding-left: 420px; } .ag-rtl .ag-toolpanel-indent-42 { padding-right: 420px; } .ag-ltr .ag-row-group-indent-42 { padding-left: 420px; } .ag-rtl .ag-row-group-indent-42 { padding-right: 420px; } .ag-ltr .ag-toolpanel-indent-43 { padding-left: 430px; } .ag-rtl .ag-toolpanel-indent-43 { padding-right: 430px; } .ag-ltr .ag-row-group-indent-43 { padding-left: 430px; } .ag-rtl .ag-row-group-indent-43 { padding-right: 430px; } .ag-ltr .ag-toolpanel-indent-44 { padding-left: 440px; } .ag-rtl .ag-toolpanel-indent-44 { padding-right: 440px; } .ag-ltr .ag-row-group-indent-44 { padding-left: 440px; } .ag-rtl .ag-row-group-indent-44 { padding-right: 440px; } .ag-ltr .ag-toolpanel-indent-45 { padding-left: 450px; } .ag-rtl .ag-toolpanel-indent-45 { padding-right: 450px; } .ag-ltr .ag-row-group-indent-45 { padding-left: 450px; } .ag-rtl .ag-row-group-indent-45 { padding-right: 450px; } .ag-ltr .ag-toolpanel-indent-46 { padding-left: 460px; } .ag-rtl .ag-toolpanel-indent-46 { padding-right: 460px; } .ag-ltr .ag-row-group-indent-46 { padding-left: 460px; } .ag-rtl .ag-row-group-indent-46 { padding-right: 460px; } .ag-ltr .ag-toolpanel-indent-47 { padding-left: 470px; } .ag-rtl .ag-toolpanel-indent-47 { padding-right: 470px; } .ag-ltr .ag-row-group-indent-47 { padding-left: 470px; } .ag-rtl .ag-row-group-indent-47 { padding-right: 470px; } .ag-ltr .ag-toolpanel-indent-48 { padding-left: 480px; } .ag-rtl .ag-toolpanel-indent-48 { padding-right: 480px; } .ag-ltr .ag-row-group-indent-48 { padding-left: 480px; } .ag-rtl .ag-row-group-indent-48 { padding-right: 480px; } .ag-ltr .ag-toolpanel-indent-49 { padding-left: 490px; } .ag-rtl .ag-toolpanel-indent-49 { padding-right: 490px; } .ag-ltr .ag-row-group-indent-49 { padding-left: 490px; } .ag-rtl .ag-row-group-indent-49 { padding-right: 490px; } .ag-tool-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-sizing: border-box; box-sizing: border-box; } .ag-tool-panel .ag-side-buttons { width: 20px; } .ag-tool-panel .ag-side-buttons button { display: block; -webkit-transform: rotate(90deg) translateY(-20px); transform: rotate(90deg) translateY(-20px); -webkit-transform-origin: left top 0; transform-origin: left top 0; white-space: nowrap; outline: none; } .ag-tool-panel .panel-container { width: 180px; } .ag-tool-panel.full-width .panel-container { width: 200px; } .ag-rtl .ag-tool-panel .ag-side-buttons button { -webkit-transform: rotate(-90deg) translatex(20px); transform: rotate(-90deg) translatex(20px); -webkit-transform-origin: right bottom 0; transform-origin: right bottom 0; } .ag-row-inline-editing { z-index: 1; } /* --------- AWR COMMON STYLES ------- */ /* --------- ROLE LOOKUP STYLES ------- */ .role-container { padding: 15px; } .role-container .form-inline > * { overflow: hidden; margin: 0 0 15px; } .role-container .role-label { width: 125px; /* AWR Angular Upgrade Changes starts */ font-weight: bold !important; margin: 7px 20px 0 0 !important; /* AWR Angular Upgrade Changes end */ } .role-container .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix { padding: 10px 0; } .role-container .mat-mdc-form-field-flex { padding: 0 10px !important; border: 1px solid transparent; border-radius: 0 !important; } .role-container .mat-mdc-form-field-flex:hover { border: 1px solid #cbcbcb; } .role-container .mat-mdc-form-field-flex:focus { border: 1px solid #e1751c; } .role-container .mat-mdc-select-arrow { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid; } .fi-role { overflow: hidden; } .fi-role h3 { font-size: 18px; margin: 5px 0 7px 0; padding: 0; color: #333; } .fi-role .fa { color: #333; font-size: 22px; /* Defect ID: 17905 Export Icon */ } .fi-role .fas { /* Defect ID: 28204 */ font-size: 18px; color: #686666; } .role-check { text-align: center; display: block; color: #444; } .role-check .fa { font-size: 18px; } .role-container .ag-header-cell-resize, #avnGrid .ag-header-cell-resize{ position: relative; right: -10px; } .role-container .mat-mdc-select-dropdown .mat-mdc-form-field-wrapper { padding-bottom: 20px; } /* --------- DISCLOSURE ADMIN STYLES ------- */ /* .dislosure-container { margin: 15px; } */ .disclosure-head { overflow: hidden; margin: 10px 0 15px; } .disclosure-head h2 { font-size: 18px; margin: 0; padding: 0; color: #333; } /* .disclosure-expand .mat-content { */ /* flex: inherit; */ /* } */ /* .disclosure-expand .mat-expansion-panel-header { */ /* padding: 0; */ /* } */ .disclosure-expand .mat-expansion-panel .fa { font-size: 14px; color: #686666; margin-top: 3px; } .disclosure-expand .mat-expansion-panel-header-title { margin-left: 18px; margin-top: 3px; font-size: 13px; font-weight: bold; color: #333; } /* .disclosure-expand span.mat-expansion-indicator { */ /* position: absolute; */ /* color: #000; */ /* left: 42px; */ /* margin-top: -5px; */ /* } */ .disclosure-expand .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none; } .disclosure-expand .mat-expansion-panel-body { padding: 0 24px 0 0; } .disclosure-expand .mat-expansion-panel { margin-top: -15px; margin-bottom: 25px; } .disclosure-expand > .mat-expansion-panel-spacing:last-child { margin-bottom: 20px !important; } .disclosure-expand > .mat-expansion-panel-spacing:first-child { margin-top: -15px !important; } /* .disclosure-expand .mat-expanded span.mat-expansion-indicator::after { */ /* margin: -10px 0 0; */ /* } */ .disclosure-expand .mat-mdc-radio-group { margin: -5px 0 19px; /* Defect #18739 - Fix */ height: 25px !important; } .disclosure-expand .mat-radio-outer-circle { width: 16px !important; height: 16px !important; border-color: #999; } .disclosure-expand .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #999; } .disclosure-expand .mat-radio-inner-circle { background: #999; } .disclosure-expand .mat-radio-label-content { font-size: 13px; } .disclosure-search { margin: 15px 0; } .disclosure-search button{ padding: 0 !important; } #create-disclosure .disclosure-search { margin: 0 0 15px; } .disclosure-search .form-group { overflow: hidden; margin: 0 0 20px; } .disclosure-input .mat-mdc-form-field-infix { padding: 0; width: inherit; flex: inherit; border-top: 0; } .disclosure-input input.mat-mdc-input-element { margin-top: 0; border: 1px solid #cfcfcf !important; padding: 7px 8px; width: 300px; font-size: 13px; margin-bottom: 3px; border-radius: 0 !important; } .disclosure-input input.mat-mdc-input-element:focus, .disclosure-input textarea.mat-mdc-input-element:focus { border: 1px solid #e1751c !important; } .disclosure-input textarea.mat-mdc-input-element { border: 1px solid #cfcfcf !important; margin-top: 0; padding: 5px 8px; width: 500px; height: 50px !important; margin-bottom: 2px; line-height: 18px; font-size: 14px; color: #555 !important; } .col-width1 { width: 15%; float: left; } .col-width2 { float: left; width: 85%; } .col-width1 label { font-weight: bold !important; font-size: 13px; color: #333; margin-left: 0 !important; padding-top: 0; } .mat-raised-button { background: #A29060 !important; color: #fff; border-radius: 0 !important; margin: 0 10px 0 0 !important; padding: 0 15px !important; line-height: 28px !important; border: 0; font-size: 13px; box-shadow: none !important; } .mat-stroked-button { background: #fff !important; color: #A29060 !important; border-radius: 0 !important; padding: 0 15px !important; line-height: 28px !important; font-size: 13px; border: 1px solid #A29060 !important; } /* .disclosure-search .form-group .mat-stroked-button .mat-button-wrapper { color: #A29060; } */ .disclosure-search .form-group .mat-button:hover:not([disabled]) .mat-button-wrapper { text-decoration: none; } .preview-message { width: 100%; } .preview-message label { font-weight: bold; margin: 0 0 7px; display: block; } .preview-message div { border: 1px solid #e0e0e0; padding: 5px 0; min-height: 50px; background: #f1f1f1; } .inform { background-color: #f0f0f0; border: 1px solid #0066ff; border-radius: 3px; padding: 9px; margin: 0 0 15px; } .inform .fa-info-circle { color: #0066ff; font-size: 26px; } /*** Defect Id: 26334 ***/ .error div, .success div, .inform div, .warning div { padding-right: 10px; display: table-cell; vertical-align: middle; text-align: left; } .inform div:nth-child(2) { width: 97%; } .infoClose a { font-size: 18px; color: #777; } .success { background-color: #f0f0f0; border: 1px solid #08ab05; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .success .fa-check-circle { color: #08ab05; font-size: 26px; } .error { background-color: #f0f0f0; border: 1px solid #e35205; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .error .fa-times-circle { color: #e35205; font-size: 26px; } .warning { background-color: #f0f0f0; border: 1px solid #febf00; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .warning .fa-exclamation-triangle { color: #febf00; font-size: 26px; } /* .disclosure-popup, .addprogram-overlay { */ /* background-color: #fff; */ /* top: 200px; */ /* } */ /* .disclosure-popup .mat-dialog-container { */ /* padding-bottom: 0 !important; */ /* } */ .disclosure-popup .mat-mdc-dialog-content { margin: 0; padding: 0 12px 0 0; border-bottom: 1px solid #ccc; } #popup-admin, #popup-admin .form-group { margin: 0; } #popup-admin .mat-mdc-dialog-actions { float: right; margin-bottom: 0; padding-bottom: 0; } #popup-admin .form-group .mat-dialog-actions .mat-raised-button + .mat-button { margin-left: 0; } #popup-admin button:first-child { padding: 0 !important; } #popup-admin .mat-dialog-actions button:first-child{ margin-right: 7px !important; } /*28127*/ .deleteEvent .warning { padding: 8px !important; margin: 8px 0 20px 0 !important; font-size: 13px !important; line-height: 18.57px; } .deleteEvent .searchDiv{ padding: 0px !important; } .deleteEvent .disclosure-search .form-group{ border-top: 1px solid #ccc !important; }/*28127*/ /* .mat-dailog-container { */ /* padding: 8px 16px 1px !important; */ /* } */ /*# sourceMappingURL=site-alb.css.map */ /**** Edit Manual Account ****/ .form-group{ margin: 0 0 15px; } .form-group:after{ content: ""; visibility: hidden; height: 0; clear: both; display: block; } .label-column{ width: 15%; font-weight: bold; } .edit-manual .mat-radio-group { margin-top: 7px; } .edit-manual .label-column, .edit-no { margin-top: 10px; } .edit-manual .form-group { margin: 0 0 20px; } .edit-manual .mat-mdc-form-field-flex { padding: 4px 8px; /*border-radius: 3px; 28196*/ width: 205px; } .edit-form-input .mat-mdc-form-field-flex { border: 1px solid #b2b2b2; padding: 3px 8px; color: #333; } .edit-form-input .mat-mdc-form-field-flex:hover { border: 1px solid #e1751c; } .edit-manual input:focus, .custom-elements input:focus { border: 0; } /*** 28196 */ .edit-manual .edit-form-input .mat-mdc-error { margin-top: 6px; } .edit-manual .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline-start, .edit-manual .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline-end{ border-radius: 0px !important; } .performance-cal .form-group { margin: 20px 0; } .performance-cal .col-width1{ width: 215px; padding-right: 40px; } .performance-cal label{ font-weight: bold; } .performance-cal .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .performance-cal .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .per-val{ font-weight: normal; } .per-val div { margin-top: 0 !important; margin-right: 0 !important; } .performance-cal .mat-radio-group{ display: inline-flex; flex-direction: column; } .performance-cal .mat-radio-group .mat-radio-button { margin: 0 25px 5px 0; } .performance-cal small { font-weight: bold; } .button-mat { /* border-top: 1px solid #acacac; */ padding-top: 15px; } #Advisorform .form-group{ margin-bottom: 30px; } #Advisorform .disclosure-input input.mat-mdc-input-element{ width: 175px !important; margin-bottom: 2px; caret-color: red; height: 33.8958px !important; } .enter-text{ font-size: 18px; color: #000; margin: 0 0 15px; display: block; } .fields{ font-size: 12px; display: block; margin: 0 0 10px; } .indicates{ float: left; margin: 10px 0 0 5px; font-size: 12px; /* AWR Angular Upgrade Changes start */ padding-left:10px; /* AWR Angular Upgrade Changes end */ } /***Defect ID: 17902 Scroll Issue ***/ /* #myGrid{ */ /* width: 100%; */ /* height: 300px !important; */ /* overflow-y: scroll; */ /* overflow-x: hidden; */ /* } */ .mat-mdc-error .fa { color: #ff0000; font-size: 14px; margin-right: 3px; /*vertical-align: bottom; WRI Access Fix */ } .custom-elements button{ padding: 0 8px !important; } /* .custom-elements{ */ /* margin: 0 !important; */ /* } */ /* .custom-elements button{ */ /* padding: 0 !important; */ /* min-width: 70px !important; */ /* } */ /* .custom-elements button.secondary { */ /* background: none !important; */ /* border: 1px solid #A29060 !important; */ /* } */ /* .custom-elements button:first-child { */ /* border: 1px solid #A29060 !important; */ /* box-shadow: none; */ /* } */ /* .custom-elements button:hover{ */ /* background-color: #A29060 !important; */ /* } */ /* .custom-elements button.secondary:hover { */ /* background: none !important; */ /* } */ /* .custom-elements button.secondary:hover{ */ /* background: none !important; */ /* } */ .custom-elements button.disable { background: #d9d9d9 !important; border: 1px solid #d9d9d9 !important; color: #fff !important; margin: 0 10px 0 0; line-height: 30px !important; } .custom-elements button.disable:hover { cursor: default; background: #ccc !important; } /***** Program Admin ******/ .program-admin .disclosure-head{ margin: 10px 0; } .addprogram-popup .mat-dialog-content label{ font-weight: bold; margin: 5px 0 0; width: 215px; } .addprogram-popup .mat-dialog-content { overflow: inherit; } .addprogram-popup .mat-mdc-form-field { width: 349px; } .addprogram-popup .mat-mdc-form-field-flex { border: 1px solid #c1c1c1; height: auto !important; } .addprogram-popup .mat-form-field-appearance-fill .mat-mdc-form-field-infix { padding: 5px 0; } .addprogram-popup .mat-mdc-input-element { padding: 0 7px; margin-left: -8px !important; } .addprogram-popup input:focus{ border: 0; } .addprogram-popup .form-group { margin: 20px 0; } .addprogram-popup .header-group { border-bottom: 1px solid #e1e1e1; padding: 0 0 10px; margin: 0 0 20px; overflow: hidden; } .addprogram-popup .fa { font-size: 18px; color: #ff0000; margin: 5px 0 0 215px; } .addprogram-popup .mat-dialog-actions { float: right; padding-top: 0; } .addprogram-popup .button-mat{ border-top: 1px solid #acacac; margin-top: -2px !important; } .program-btn{ margin: 15px 0 0; } .edit-pipe { border-right: 1px solid #999; padding: 0 5px 0 0; margin: 0 7px 0 0; } /****** Registration *****/ .registration-new .col-width1 label{ display: block; font-weight: normal; } .registration-new .col-width1, .registration-new .col-width2{ width: 45%; } .register-text textarea { margin: 20px 0; } .must{ font-size: 11px; } .required, .registration-new .col-width1 label sup{ color: #000; } .registration-new .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .registration-new input:focus { border: 0; } .registration-new .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .registration-new #instruction1 p{ margin: 0; font-size: 13px; } .registration-new #instruction2{ margin: 0 0 10px; } .registration-new .mat-mdc-error { margin: 5px 0 0; } .custom-elements .registration-new button:first-child { padding: 0 !important; border: 1px solid transparent !important; } .steps { /* Defect #19511 - Fix */ /* border-bottom: 1px solid #bbb; */ font-size: 13px; } .registration-new .button-mat { /* Defect #19511 - Fix */ border: 0; padding: 0; } .registration-new .mat-icon-button{ min-width: auto !important; background: none !important; right: 5px; top: 2px; } .mat-calendar-controls{ margin: 0 !important; } .mat-calendar-controls button { background: none !important; border: 0 !important; min-width: auto !important; } .mat-calendar-controls button:hover { background: none !important; color: #000; } .mat-calendar-controls button:first-child, .mat-calendar-controls button:last-of-type { border: 0 !important; } .mat-calendar-controls .mat-button:hover:not([disabled]) .mat-button-wrapper { color: #333; } .mat-icon-button .mat-button-focus-overlay { background-color: transparent; } .delete-text p { font-size: 13px; } #registration-new .mat-icon-button:hover { background: none !important; color: #333; } #register-date .mat-mdc-form-field-flex { padding: 0 4px; } .registration-new .mat-mdc-error .fa { vertical-align: inherit; } .registration-new .mat-mdc-form-field { /*** Defect ID: 28128 ***/ background: #fff; } /***** Manager History *****/ .manager-history h1 { font-size: 18px; margin: 0 0 15px; } .manager-history h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; } .manager-history .form-group { margin: 0 0 7px; } .manager-history .form-group label{ font-weight: bold !important; margin: 0 10px 0 0 !important; padding-top: 0 !important; } .manager-history .mat-mdc-form-field { margin: 7px 0 0; } .manager-history .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px !important; width: 201.333px; } .manager-history .mat-mdc-form-field-infix{ padding: 7px 0; } .manager-history .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .manager-header{ padding: 5px 0; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; font-weight: bold; overflow: hidden; } .manager-row{ border-bottom: 1px solid #ccc; overflow: hidden; padding: 5px 0 10px; } .manager-history h2:nth-child(1) { margin-top: 10px; } .startDateDiv .mat-mdc-form-field-infix, .endDateDiv .mat-mdc-form-field-infix{ width: 100%; } .startDateDiv .mat-mdc-form-field-flex, .endDateDiv .mat-mdc-form-field-flex { width: 202px; padding: 0 9px; align-items: center; height: 32px; } .manager-row:hover{ background-color: #ebebeb; } .startDateDiv .mat-calendar-controls, .endDateDiv .mat-calendar-controls { padding: 0 !important; } .mat-datepicker-content .mat-calendar { height: auto !important; } /*** Defect ID: 22722***/ .manage-row{ margin: 0 0 10px; } .manage-row:last-child{ margin-bottom: 0; } .manage-label{ display: block; font-weight: bold; margin: 0 0 10px; } .pro-name{ display: block; margin: 7px 0 0; font-weight: bold; /*** Defect ID: 22722 ***/ overflow: hidden; } .col-man1{ width: 40%; float: left; } .col-man2{ width: 20%; float: left; } .col-man3{ width: 20%; float: left; } .col-man4{ width: 20%; float: left; } .manage-btn{ padding-top: 10px; } .text-center{ text-align: center; } .add-mgr-done-btn, .add-mgr-done-btn:hover { background: #a29060; color: #fff !important; padding: 6px 12px; font-size: 13px; text-decoration: none; display: inline-block; } #sd1 button, #ed1 button { border: 0 !important; background: none !important; min-width: auto !important; display: inline-block; width: 15px; height: 15px; } /* _:-ms-lang(x), .startDateDiv .mat-icon-button { */ /* height: 25px; */ /* } */ /* .manager-history button.mat-icon-button:focus span, .manager-history button.mat-icon-button:active span { */ /* position: relative; */ /* left: -15px; */ /* top: -15px; */ /* } */ .manager-history button.mat-icon-button:focus, .manager-history button.mat-icon-button:active { position: relative; } /**** ERP ****/ #add-report .form-group{ border-bottom: 1px solid #ccc; padding: 7px 0; margin: 0; } #add-report .form-group-child{ padding-left: 15px; } #add-report .form-group:nth-child(5n) { padding: 0; border-bottom: 0; } #add-report .form-group label{ margin-right: 25px; } /* #add-report .form-group input{ */ /* padding: 5px; */ /* vertical-align: sub; */ /* } */ #add-report .form-group h3{ margin: 0; font-size: 13px; } #add-report .form-group p{ margin: 0; padding-top: 7px; } #enterprise-grid .add-report { border-bottom: 0; } .add-report{ overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .add-report h2{ margin: 0; padding: 0; font-size: 18px; } .erpreport-wrapper{ /* height: calc(100vh - 140px); */ /* overflow-y: scroll; */ margin: 0 0 20px; } .erp-row{ border-bottom: 1px solid #ccc; padding: 7px 0 7px 15px; } .erp-input { margin-right: 23px; vertical-align: middle; } .erp-list{ border-bottom: 1px solid #ccc; padding: 0; margin: 0; list-style: none; } .erp-list select{ margin: 7px 0 7px 35px; } .erp-list li{ border-bottom: 1px solid #ccc; padding: 7px 0 7px 35px; } .erp-list li:last-child { border-bottom: 0; } #divtooltip { position: absolute; display: none; width: 300px; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.300754); } /* #divtooltip:before{ content:''; display:block; width:0; height:0; position:absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #ccc; right:-9px; top:14px; } */ #divtooltip ul{ margin: 0; padding: 15px; list-style: none; /*max-height: 300px;*/ overflow: auto; } #divtooltip ul li:not(:last-child){ margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .enter-plus{ display: inline-block; text-align: center; } .enter-plus .fa { color: #333; font-size: 21px; } .erpreport-wrapper .invalid-feedback div{ margin: 20px 0 0; } .erpreport-wrapper .invalid-feedback .fa{ vertical-align: inherit; } #report-input { min-height: 32px; } /* AWR Angular Upgrade Changes start */ /*.ag-ltr { position: relative; }*/ /* AWR Angular Upgrade Changes end */ /* .ag-fresh .ag-menu { margin-top: 10px; margin-left: -180px; } */ /*** Defect Id: 23486 ***/ #erp-disable > .erp-disable::before { /* color: #d9d8d8; */ content: none !important; } #erp-disable .erp-disable { cursor: default !important; border-color: #e6e6e6; background: #fafafa; } #erp-disable .erp-disable:hover { box-shadow: none !important; } .example-list { width: 450px; border: 1px solid #ccc; background: #f4f4f4; overflow: hidden; padding: 12px; } .example-box { padding: 9px 0 9px 30px; border: 1px solid #ccc; color: #333; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; cursor: move !important; font-size: 14px; background-color: #fff; position: relative; margin-bottom: 5px; border-radius: 5px; } .example-box:last-child{ margin-bottom: 0; } .example-box::before{ content: "\f58e"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 10px; top: 10px; color: #686666; font-size: 12px; } .example-box:hover{ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background: #e5e5e5; } .dnd-sortable-drag { transform: scale(1); opacity: 0.7; border: 1px dashed #444; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .example-box.cdk-drag-disabled { background: #dedede; cursor: default; } /**** AVN Screen ****/ .avn-admin{ padding: 15px 0 0; overflow: hidden; } #avnGrid .ag-cell{ text-overflow: ellipsis; white-space: nowrap; height: 100%; } #avnAdminOptions .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px; } /* #avnAdminOptions .mat-form-field-infix{ padding: 7px 0; } */ #avnAdminOptions .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } /* #avnAdminOptions .mat-form-field-label-wrapper{ top: -7px; } */ /* .customHeaderMenuButton .fa{ position: absolute; top: 10px; right: 7px; font-size: 14px; cursor: pointer; } */ .customHeaderMenuButton .fa{ font-size: 14px; cursor: pointer; } .mat-content{ position: relative; } .mat-icon{ position: absolute; left: 0; overflow: inherit; } #avnAdminOptions .mat-mdc-form-field{ margin-bottom: 0; } #avnAdminOptions .col-width1 label{ margin-top: 5px; display: block; } #parent-filter { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #parent-filter form{ margin-bottom: 0; } #parent-filter .mat-expansion-panel-header-title{ margin-left: 25px; margin-right: 0; font-size: 13px; font-weight: bold; color: #333; } #parent-filter .mat-expansion-panel-header-description{ display: none; } #parent-filter .mat-expansion-panel-body{ padding: 0 0 0 24px; } #parent-filter .mat-expansion-panel-header .mat-expanded{ border-bottom: 1px solid #ccc; margin-bottom: 10px; } #parent-filter .fa{ font-size: 21px; color: #666; margin-top: -3px; font-family: "FontAwesome"; } .agSelectionFilter { overflow-y: auto; max-height: 350px; } #parent-filter .mat-content{ overflow: inherit; } .avn-checkbox{ margin: 8px 0 0 20px; } #agGridHeaderDetail .form-group{ margin-bottom: 5px; } #agGridHeaderDetail h3{ font-size: 13px; font-weight: bold; margin: 7px 0 4px; padding: 0; color: #333; } #avn-edit .mat-button { padding: 0 !important; min-width: auto !important; color: #0057B8; line-height: 20px; font-size: 13px; } #excelExportIcon{ /* margin: 0 0 0 15px; */ width: 20px; } #excelExportIcon .fa{ font-size: 21px; cursor: pointer; } #excelExportIcon .fas { font-size: 18px; cursor: pointer; } /* .avn-admin .ag-reset a { */ /* margin-top: 3px; */ /* } */ #avnPaginationPanel{ text-align: right; margin: 15px 0 0; } .ag-paging-panel button{ background: none; border: 0; font-size: 0; cursor: pointer; } .ag-paging-panel button:before { font-size: 14px; color: #777; opacity: 1; } .ag-paging-panel button[disabled] { opacity: 0.5; } .ag-paging-panel button[ref=btFirst], .ag-paging-panel button[ref=btPrevious], .ag-paging-panel button[ref=btNext], .ag-paging-panel button[ref=btLast] { width: 16px; height: 16px; vertical-align: text-top; border: 0 !important; min-width: auto !important; float: inherit; } .ag-paging-panel button[ref=btFirst]{ background: url('images/btn-first.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btPrevious]{ background: url('images/btn-previous.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btNext]{ background: url('images/btn-next.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btLast]{ background: url('images/btn-last.svg') no-repeat 0 0 !important; } /* AWR Angular Upgrade Changes start */ .ag-paging-panel { display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-panel div[ref=btFirst], .ag-paging-panel div[ref=btPrevious], .ag-paging-panel div[ref=btNext], .ag-paging-panel div[ref=btLast] { width: 16px; height: 16px; vertical-align: text-top; border: 0 !important; min-width: auto !important; float: inherit; margin: 0 3px; } .ag-paging-panel div[ref=btFirst]{ background: url('images/btn-first.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btPrevious]{ background: url('images/btn-previous.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btNext]{ background: url('images/btn-next.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btLast]{ background: url('images/btn-last.svg') no-repeat 0 0 !important; } /* AWR Angular Upgrade Changes end */ #avnSort{ width: calc(380px - 200px); white-space: normal; } #avnDataColumn, #avnAnchorColumns, #dataHeader, #anchorHeader{ display: block; text-align: center; } .mat-checkbox-ripple{ display: none; } #exportSpinner{ width: 35px; } #exportSpinner .progress-spinner{ width: 25px !important; height: 25px !important; border: 1px solid #0088cc; margin: 0 0 0 10px !important; left: auto; top: auto; } #exportSpinner .progress-spinner svg{ width: 25px !important; height: 25px !important; } #exportSpinner .mat-mdc-progress-spinner circle{ stroke-width: 1% !important; } .agCustomFilter{ background: #fff; border: 1px solid #ccc; z-index: 10; position: relative; /* AWR Angular Upgrade Changes start */ width: fit-content /* AWR Angular Upgrade Changes end */ } .mat-list-option{ height: 35px !important; } .mat-list-option:not(:last-child){ border-bottom: 1px solid #ccc; } .avn-status .mat-list-option:not(:last-child) { border-bottom: 0; } .mat-list-text { font-size: 13px; } .mat-pseudo-checkbox.mat-pseudo-checkbox-checked{ border: 1px solid #666 !important; } .avn-date{ padding: 10px; display: flex; align-items: center; gap: 10px; } #avn-date .mat-mdc-form-field { border: 1px solid #ccc; width: 90%; } #avn-date a{ font-size: 18px; vertical-align: middle; } #avn-date button { min-width: auto !important; background: none !important; border: 0 !important; } #avn-date .mat-datepicker-toggle .mat-icon-button::before{ margin-top: auto; } #avn-timeperiod .mat-mdc-form-field { margin-top: 7px; display: flex; } #avn-timeperiod .mat-mdc-error, #avnUserName .mat-mdc-error, #avnSearch .mat-mdc-error { margin-top: 4px; font-size: 13px; } #avn-timeperiod .fa-times-circle, #avnUserName .fa-times-circle, #avnSearch .fa-times-circle { font-size: 14px; color: #ff0000; vertical-align: text-bottom; } .customHeaderMenuButton { float: right; opacity: 0; } .ag-header-cell:hover .customHeaderMenuButton { animation: animBtn 1s forwards; } @keyframes animBtn { 0% { opacity: 0; } 100% { opacity: 1; } } #parent-filter .mat-expanded .mat-expanded > .mat-expansion-panel-header { position: relative; margin-bottom: 10px; } #parent-filter .mat-expansion-panel { border-bottom: 1px solid #ccc; } #parent-filter .mat-expansion-panel:last-child { border-bottom: 0; } /* #parent-filter .mat-expanded .mat-expanded > .mat-expansion-panel-header:after{ */ /* border-bottom: 1px solid #ccc; */ /* content: ""; */ /* width: 100%; */ /* position: absolute; */ /* bottom: 0; */ /* } */ .mat-expansion-panel-spacing { margin: 0 !important; } .partner-by{ display: block; } .partner-id{ margin-right: 10px; } .fa-long-arrow-alt-down:before { content: "\f175"; } .fa-long-arrow-alt-up:before { content: "\f176"; } #avnGrid .ag-bl-full-height { /*** Defect Id: 23959 ****/ min-height: 300px; } /*** Defect Id: 23958 ****/ /* #avnGrid .ag-bl-full-height .ag-bl-overlay { */ /* position: absolute; */ /* top: 0; */ /* height: 100%; */ /* width: 100%; */ /* } */ /* #avnGrid .ag-body-container:empty { */ /* display: none; */ /* } */ #editableText .mat-mdc-form-field-infix { border: 1px solid #ccc; padding: 2px 0; font-size: 12px; width: 170px; } #avn-timeperiod .startDateDiv .mat-mdc-form-field-infix{ width: 167px; } .avn-status .mat-mdc-selection-list, .avn-status .mat-list-item-content{ padding: 0 !important; } .avn-status .mat-list-item.mat-list-option{ border-bottom: 0; } .date-header-align{ text-align: right; /* padding-right: 12px; */ } /***** Enterprise Portfolio *****/ .enterprise-portfolio { padding-bottom: 20px; } .enterprise-portfolio h2{ font-size: 18px; margin: 0 0 15px; } .enterprise-portfolio .form-group{ position: relative; } .enterprise-portfolio .mat-mdc-form-field-wrapper{ margin-right: 20px; } .mat-select-dropdown .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px; } .mat-mdc-select-dropdown .mat-mdc-form-field-infix{ padding: 7px 0; } /*.mat-select-dropdown .mat-form-field-flex:focus, .mat-select-dropdown .mat-form-field-flex:active{ border-color: #e1751c; outline: none; }*/ .mat-focused .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex { border-color: #e1751c; outline: none; } .criteria{ width: 200px; } .criteria h3{ font-size: 13px; font-weight: bold; margin: 5px 0 0; padding: 0; color: #333; } .port-by label{ font-weight: bold; margin: 5px 10px 0 0; display: block; } /* .port-input input { */ /* border: 1px solid #ccc; */ /* padding: 7px 10px; */ /* margin-right: 20px; */ /* } */ .port-input .mat-mdc-error{ position: absolute; bottom: -40px; width: 500px; } .port-input .mat-mdc-error .fa{ margin-right: 5px; vertical-align: inherit; } .search-check{ margin-left: 200px; padding-top: 1px; } .check-row{ margin-bottom: 10px; } .check-row input[type="checkbox"]{ vertical-align: middle; margin-right: 10px; } .enterprise-view .edit-pipe{ margin: 0 3px 0 0; } .enterprise-view .form-group label{ width: 350px; display: block; font-weight: bold; } .enterprise-view .fa{ font-size: 21px; color: #666; vertical-align: middle; margin-right: 7px; cursor: pointer; font-family: "FontAwesome"; } #GridData label { margin-top: 3px; } .specific-investor{ margin-left: 20px; } .common-table{ width: 100%; border-collapse: collapse; margin-bottom: 15px; } .common-table th{ text-align: left; padding: 6px 8px; font-size: 13px; } .common-table td{ padding: 6px 8px; } .common-table th, .common-table td{ border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .common-table th:first-child, .common-table td:first-child { padding-left: 45px; } .common-table th:last-child, .common-table td:last-child { border-right: 0; } .core-head{ border-bottom: 1px solid #ccc; padding: 0 0 7px; margin: 0 0 7px; } .core-accts{ padding: 0 0 7px; margin-left: 20px; overflow: hidden; } #enterprise-portfolio-grid .ag-body-viewport{ max-height: inherit !important; overflow-y: hidden !important; } #enterprise-portfolio-grid .ag-cell { white-space: nowrap; height: inherit; } #enterprise-portfolio-grid .ag-cell .am-additional-info a { margin-right: 7px; } /* #enterprise-portfolio-grid .ag-cell:last-child, #avnGrid .ag-cell:last-child{ */ /* border-right: 0; */ /* } */ #enterprise-portfolio-grid .ag-paging-panel, #avnGrid .ag-paging-panel{ position: absolute; right: 0; /* AWR Angular Upgrade Changes start */ position: relative; /* AWR Angular Upgrade Changes end */ } #enterprise-portfolio-grid .ag-paging-panel { padding-top: 10px; } /***** FI Criteria *****/ .common-head{ overflow: hidden; } .common-head h2{ font-size: 18px; margin: 0 0 5px; padding: 0; color: #333; } .common-head h3{ font-size: 18px; margin: 0 0 15px; padding: 0; color: #333; } .select-criteria{ font-weight: bold; display: block; margin: 0 0 15px; } #dropdown-criteria { margin-top: 12px; } .fi-criteria { padding-bottom: 20px; } .fi-criteria .form-group{ margin: 0 0 25px; } .fi-criteria .form-group label{ width: 225px; display: block; margin: 7px 0 0; font-weight: bold; } .fi-criteria .mat-input-box .mat-mdc-form-field-wrapper{ padding-bottom: 0; } .fi-criteria .mat-mdc-input-box .mat-mdc-form-field-infix { padding: 7px 10px; } .fi-criteria .mat-select-dropdown:nth-child(2) { margin-right: 10px; } #fi-lookup input[type="text"], #fi-lookup .fa{ float: left; } #fi-lookup .fa-search{ font-size: 16px !important; color: #666; position: absolute; right: 4px; top: 2px; } #fi-lookup .pull-left:nth-child(2) { position: relative; } .no-match{ color: red; top: 20px; position: relative; } .fi-indent{ margin-left: 20px; } .date-align{ text-align: right; } .fi-date .mat-mdc-form-field-wrapper{ padding-bottom: 0; } .fi-date .mat-mdc-form-field-flex{ border: 1px solid #ccc } .fi-date .mat-mdc-form-field-infix{ padding: 4px 0; } _:-ms-lang(x), .fi-date .mat-mdc-form-field-infix{ padding: 1px 0 0 5px; width: 175px; } .fi-date .mat-datepicker-toggle .mat-icon-button{ margin-right: 5px; position: relative; top: -2px; } _:-ms-lang(x), .fi-date .mat-datepicker-toggle .mat-icon-button{ top: -7px; } .fi-date label { margin-top: 0 !important; padding: 0 5px; font-size: 12px; font-weight: normal !important; } .fi-activate-deactivate .common-head{ min-height: 27px; } .fi-activate-deactivate .mat-mdc-error{ margin-left: 75px; } .fi-list-name{ width: 50px; display: inline-block; vertical-align: middle; } #toggleCheckBox label{ width: 25px; margin: 0; } #updateLink { min-width: auto; margin-left: 5px; line-height: 24px; font-size: 12px; padding: 0; color: #0057b8; } .adv-lookup-table{ width: 400px; position: absolute; top: 47px; background: #fff; left: 0; z-index: 10; } .adv-lookup-table table th{ font-size: 13px; font-weight: bold; color: #333; } .adv-lookup-table table tr, .adv-lookup-table table tbody, .adv-lookup-table table thead { display: block; width: 100%; } .adv-lookup-table table tr { height: auto; border-bottom: 1px solid #ccc; } .adv-lookup-table table th { padding: 13px 10px !important; border: none; } .adv-lookup-table table tbody { max-height: 200px; overflow-y: auto; } .adv-lookup-table table label.mat-radio-label { width: auto; margin: 0; } .adv-lookup-table table td { padding: 10px !important; border: none; } .adv-lookup-table table td.col-1, .adv-lookup-table table th.col-1 { width: 30px; } .adv-lookup-table table th.col-2 { width: 155px; } .adv-lookup-table table td.col-2 { width: 150px; } .adv-lookup-table table td.col-3, .adv-lookup-table table th.col-3 { width: 100px; } .fi-mat-error{ position: relative; top: 22px; } .mat-sort-header-button, .mat-sort-header-button:first-child, .mat-sort-header-button:last-of-type { background: none !important; border: 0 !important; } .mat-sort-header-button:hover{ color: #333 !important; background: none !important; } .fi-criteria .ag-bl-overlay { min-height: 250px; } .fi-criteria .ag-overlay-wrapper { position: relative; top: 35%; } /* AWR Angular Upgrade Changes start */ .fi-criteria .ag-overlay-no-rows-center{ min-height: 250px; } /* AWR Angular Upgrade Changes end */ .fi-activate-deactivate form { margin: 0; } /***** Investor View *****/ .investor-paging { overflow: hidden; border-top: 1px solid #ccc; padding: 7px 0; } .investor-paging ul{ margin: 7px 0 0; padding: 0; } .investor-paging ul li{ float: left; margin: 0 5px 0 0; border-right: 1px solid #686666; } .investor-paging ul li:last-child{ margin-right: 0; border-right: 0; } .investor-paging ul li a{ padding: 0 5px 0 0; font-size: 13px; } .investor-paging ul li a:hover{ color: #0057B8; } .investor-paging .reset-pipe { margin: 2px 5px 0 0; font-size: 18px; color: #686666; } .investor-paging .ag-reset a{ margin-top: 7px; } .investor-search .form-group label { width: 225px; display: block; font-weight: bold; margin: 5px 0 0 } .investor-search .mat-input-box, .investor-content .mat-input-box{ margin-right: 10px; width: 180px !important; } .mat-input-box .mat-mdc-form-field-wrapper{ border: 1px solid #ccc; padding-bottom: 0; } /*.mat-input-box .mat-form-field-wrapper:focus, .mat-input-box .mat-form-field-wrapper:active{ border-color: #e1751c; outline: none; }*/ .mat-focused .mat-mdc-form-field-wrapper { border-color: #e1751c; outline: none; } .mat-mdc-input-box .mat-mdc-form-field-infix{ padding: 7px 0; } .mat-mdc-input-box .mat-mdc-input-element{ padding: 0 7px; width: calc(100% - 14px); /* WRI Access Fix */ } .mat-mdc-input-box .mat-mdc-form-field-infix input:focus { border: 0; } .custom-select-view { border: 1px solid #ccc; padding: 0 7px; font-size: 13px; width: 200px; height: 25px; margin-top: -3px; } .investor-content{ padding: 15px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; overflow: hidden; } .investor-content .common-head { margin: 0 0 5px; } #client-grid-wrapper{ padding-bottom: 50px; } /* #client-grid-wrapper .ag-cell:last-child{ */ /* border-right: 0; */ /* } */ .pagination { margin: 15px 0; padding: 0; float: right; } .pagination > li { display: inline; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: white; border-color: #ddd; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #0057B8; text-decoration: none; background-color: white; border: 1px solid #ddd; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); } .popup-dialog .mat-dialog-actions { float: right; /* padding-top: 0; */ } .mat-mdc-dialog-actions button:first-child { padding: 0 !important; margin: 0 !important; } _:-ms-lang(x), .custom-select-view{ padding: 0; } .investor-content .button-mat { margin-top: 20px; } .client-list-new-reports { position: relative; } .client-list-new-value { position: absolute; left: -40px; width: 500px; top: -15px; } .client-list-new-value input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .client-list-new-value .new-include { font-size: 13px; font-weight: bold; } #investor-view-tab .client-list-new-value { left: -28px; } #investor-view-tab .new-include{ margin-left: 15px; margin-top: 8px; display: inline-block; } /**** Enterprise Model ****/ .enterprise-model .col-width2 { width: 210px; } .enterprise-model .col-width1 label { margin: 7px 0 0; display: block; } .firm-asset-source{ font-size: 12px; float: left; margin: 7px 0 0; } .common-head h4 { font-size: 13px; font-weight: bold; margin: 0 0 5px; color: #333; } .model-select{ margin-top: -5px; } .enterprise-model .disclosure-head { margin: 10px 0 15px; } .model-input { margin-top: 15px; } /***** Model Allocation *****/ .model-allocation .form-group{ min-height: 30px; } .model-allocation .form-group label{ width: 275px; display: block; font-weight: bold; } .file-excel{ font-size: 21px; color: #333; margin-left: 10px; } .tooltip-table{ padding: 10px; border-collapse: collapse; } .tooltip-table:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: -15px; left: 45%; z-index: 10; } .tooltip-table:after { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ccc; position: absolute; top: -16px; left: 45%; z-index: 9; } .tooltip-table th, .tooltip-table td { padding: 6px 8px; text-align: left; } .tooltip-table th{ border-bottom: 1px solid #909090; border-top: 1px solid #909090; font-size: 13px; } .tooltip-table tr{ border-bottom: 1px solid #ccc; } #bottomGrid{ margin-bottom: 15px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } #bottomGrid .ag-header-viewport{ border-top: 0; } #bottomGrid .ag-header{ border-bottom: 0; } #model-allocate .mat-mdc-form-field-infix{ width: 168px; } #model-allocate .mat-mdc-form-field-label { font-weight: normal; padding-left: 7px; } #model-allocate .mat-icon-button { position: relative; right: 8px; } .program-admin #divtooltip { /***Defect Id: 29266 ***/ width: auto; } .account-model-info .ag-body { height: auto !important; } .model-info .fa{ font-size: 21px; margin-left: 7px; margin-top: 4px; cursor: pointer; } .modal-history-select{ width: 200px; } .enterprise-model .button-mat { margin-top: 15px; } .model-allocation .mat-checkbox-layout { /***Defect Id: 27118 ***/ width: auto !important; } .model-allocation .build-order { margin-left: 5px; } #addProgram .fas { cursor: pointer; font-size: 18px; color: #686666; } #addProgram .ag-reset a { margin-top: 2px; } /* .modal-input { */ /* text-align: right; */ /* } */ .modal-total-val { margin-top: -1px; } .modal-total-val .ag-row { border-bottom: 0 } #model-date { width: auto; margin-top: 3px; } /***Defect Id: 27131 ***/ #mah-tooltip { width: 380px; } .add-plus { font-size: 14px; } .reset-pipe { margin: 0 8px; color: #686666; font-size: 16px; } /***** Investor Create and Edit *****/ .investor-view-list .disclosure-head{ margin: 0 0 15px; } .view-links{ overflow: hidden; margin: 0; padding: 0; } .view-links li{ float: left; border-right: 1px solid #ccc; margin: 0 5px 0 0; } .invest-disable { padding-right: 5px; } .view-links li:last-child{ border-right: 0; margin-right: 0; } .view-links li a{ padding: 0 5px 0 0; } .check-container{ position: absolute; top: 5px; left: -12px } .check-container .fa{ font-size: 16px; color: #333; margin: 5px 0 0; } .mat-list-view .mat-subheader{ font-weight: bold; font-size: 13px; color: #333; height: 25px !important; padding: 15px 0; } .mat-list-view .mat-list-item{ height: 35px !important; margin-left: 25px; } .mat-list-view .noHeader { /* Added new class for Invester view */ margin-left: 0 !important; } .mat-list-view .mat-icon{ font-size: 22px !important; font-weight: bold; } #investor-view-tab .mat-line{ padding: 0 !important; } .mat-list-view .mat-line { padding-left: 10px !important; margin: 0; } .second-check { position: absolute; left: 0; } .invest-select { float: left; margin: 0 0 0 7px; font-weight: bold; } .select-check{ float: left; margin: 3px 0 0; } .investor-view-list input[type='radio'] { margin-left: 0; } .run-radio { margin-right: 20px; margin-left: 10px; } .investor-view-list .mat-mdc-tab-group { padding: 15px 0 0; } .investor-error { /**** Defect Id: 28050 ****/ margin-left: 225px; color: #333; } .investor-error .fa{ color: red; } /**** Defect Id: 28130 ****/ #investor-error-edit { margin-left: 215px; padding-top: 5px; } .investor-view-list .col-width1 { width: 215px; } .investor-view-list .col-width2 { width: 80% !important; } .investor-view-list .col-width1 label { margin-top: 5px !important; display: block; } /**** Fee Disclosure ****/ .fee-disclosure .form-group { margin: 0 0 25px; } .fee-disclosure .form-group .col-width1 { width: 200px; } .fee-disclosure .form-group .col-width2 { width: 510px; position: relative; } .fee-disclosure .fee-length { position: absolute; right: 10px; bottom: -20px; } .fee-disclosure .form-group label { display: block; margin: 0 0 7px; } .fee-disclosure .form-group .fa{ font-size: 21px; color: #333; vertical-align: middle; margin-left: 5px; } .fee-disclosure .form-group textarea{ border: 1px solid #ccc; height: 220px; width: 500px; padding: 5px 8px; resize: none; } .fee-disclosure .form-group textarea:focus{ border-color: #e1751c; outline: none; } .fee-tooltip { display: none; margin-top: 10px; width: 265px; padding: 10px; position: fixed; background: #fff; z-index: 10; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } .fee-tooltip:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: -15px; left: 5%; z-index: 10; } .fee-tooltip:after { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ccc; position: absolute; top: -16px; left: 5%; z-index: 9; } /* AWR Angular Upgrade Changes starts Grid Border*/ /*.ag-cell-last{ border-right: 0 !important; }*/ /* AWR Angular Upgrade Changes ends Grid Border*/ /**** Account Model ****/ .model-back { padding: 15px 0 0; } .am-pipe{ margin: 0 5px; color: #999; } .edit-model-info { font-size: 21px; position: relative; top: -2px; /*left: 7px;*/ vertical-align: middle; } .am-additional-info-tooltip { padding: 10px; border-bottom: 1px solid #ccc; overflow: hidden; display: flex; flex-direction: row; } .am-additional-container { /**** Defect Id: 29074 ****/ display: flex; flex-direction: column; } .am-additional-info-tooltip:last-child { border-bottom: 0; } .am-additional-info-tooltip-header { float: left; font-weight: bold; width: 140px; } .am-additional-info-tooltip-data { float: left; width: 170px; } #additional-info-tooltip .fee-tooltip { width: 340px; } #additional-info-tooltip .fee-tooltip:after, #additional-info-tooltip .fee-tooltip:before { /**** Defect Id: 29040 ****/ border: 0; content: inherit; } .allocation-model { padding: 12px; } #allocation-info-tooltip .tooltip-table:after, #allocation-info-tooltip .tooltip-table:before { /**** Defect Id: 29040 ****/ border: 0; content: inherit; } #account-model .ag-body-viewport-wrapper { /**** Defect Id: 28203 ****/ height: auto; } /**** Error Field Validation ****/ .mat-mdc-form-field-invalid .mat-mdc-form-field-wrapper, .mat-mdc-form-field-invalid .mat-mdc-form-field-flex { border-color: #e1751c; } /**** Spinner ****/ .grid-load-spinner .mat-mdc-progress-spinner, #avnSpinner .mat-mdc-progress-spinner{ width: 75px !important; height: 75px !important; } .grid-load-spinner .mat-mdc-progress-spinner svg, #avnSpinner .mat-mdc-progress-spinner svg{ width: 75px !important; height: 75px !important; } /**** Risk Admin ****/ .risk-admin .disclosure-head { margin-bottom: 20px; } .risk-admin .form-group { margin-bottom: 20px; } .risk-admin .form-group label { width: 300px; display: block; font-weight: bold; } /* .risk-admin .button-mat { */ /* margin-top: 15px; */ /* } */ .risk-input { text-align: right; padding: 2px 7px; height: 27px; } .risk-admin .mat-error { margin-top: 10px; } .risk-admin .mat-mdc-form-field { height: 35px; } .risk-admin .mat-mdc-form-field-flex { padding: 0 10px; } .risk-admin .mat-mdc-input-box .mat-mdc-input-element { padding: 0; } .risk-admin .ag-bl-center, .risk-admin .ag-bl-full-height-center { width: 100% !important; } .risk-admin .ag-body { height: auto !important; } .risk-admin .mat-mdc-input-box .mat-mdc-form-field-infix { /**** Defect Id: 26699 ****/ text-align: right; width: 50px; } .riskCustomFilter .mat-mdc-form-field { height: 27px; } .risk-admin input:focus { border: 1px solid #ccc; } #risk-head { /**** Defect Id: 27912 ****/ margin-bottom: 20px; } .restore { width: 120px; } /**** Cover Page ****/ /* .cover-page .button-mat { */ /* margin-top: 15px; */ /* } */ .cover-page .disclosure-head { margin: 10px 5px; } .cover-page .form-group { margin: 0 0 15px 20px; } .cover-page .form-group label { /**** Defect Id: 27979 & 28020 ****/ display: block; width: 215px; margin-top: 5px; margin-left: 30px; padding-right: 40px; } .cover-page .mat-mdc-form-field-flex { padding: 0 10px; } .cover-page .mat-mdc-input-box .mat-mdc-input-element { padding: 0; } .cover-page .mat-mdc-select-dropdown .mat-mdc-form-field-label { width: inherit; margin-top: 0; margin-left: 0; padding-right: 0; } .cover-edge { display: inline-block; margin: 5px 0 0 10px; } .cover-num .mat-mdc-form-field-infix, .cover-num .mat-mdc-form-field-infix .mat-mdc-input-element { padding: 0 !important; text-align: right !important; background-color: transparent !important; } .pull-left { float: left; } .pull-right { float: right; } .ag-overlay-no-rows-center { padding: 15px 0 0; display: inline-block; } .cover-page .form-group:after { height: 5px; } .horizon-line { /**** Defect Id: 26491 ****/ border-top: 1px solid #d2d2d2; padding-top: 7px; } .cover-page _:-ms-lang(x), .mat-mdc-select-panel { /***Defect Id: 27208 ***/ min-width: 100% !important; } .cover-page .mat-mdc-form-field-invalid + .mat-mdc-error, .cover-page .ng-invalid + .mat-mdc-error { position: absolute; top: 37px; left: 0; width: 400px; } .cover-page .mat-mdc-form-field.mat-mdc-form-field-invalid, .cover-page .mat-mdc-form-field.ng-invalid { margin-bottom: 30px; } .cover-page .mat-mdc-input-box { position: relative; } .cover-page .mat-mdc-input-element:disabled { /***Defect Id: 27979 ***/ color: #555; } /**** GR Price ****/ #grp-radio label { width: auto; margin-left: 0 !important; padding-top: 0 !important; padding-left: 0px !important; } #grp-radio .mat-radio-container { vertical-align: top; } .grp-modi-inp { margin-top: -5px; width: 100%; } #grpriceGrid .ag-body, #grpriceGrid .ag-bl-normal-center, #grpriceGrid .ag-bl-normal-center-row { height: auto !important; } #grpriceGrid .ag-body-viewport { max-height: inherit !important; overflow-y: hidden !important; } #grpriceGrid .ag-paging-panel { text-align: right; position: relative; padding-top: 10px; } .grprice .grp-modi-inp:focus { /***Defect Id: 27251 ***/ border: 1px solid #ccc } .grprice .disclosure-head { /***Defect Id: 27917 ***/ margin: 10px 0 15px; } /***Defect Id: 27130 ***/ #grprice-tooltip .fee-tooltip, #grprice-tooltip .am-additional-info-tooltip-data { width: auto; } #grprice-tooltip .fee-tooltip:before, #grprice-tooltip .fee-tooltip:after { left: 50%; } #grprice-tooltip .am-additional-info-tooltip-header { width: 175px; } /**** Money Managers ****/ .money-manager { margin-top: 10px; } .money-manager .col-width1 { width: 215px; } .money-manager .col-width2 { width: 80%; } .money-links { margin: 7px 0 0 15px; } .money-manager h3 { font-size: 13px; font-weight: bold; margin: 0 0 12px; padding: 0; color: #333; } /* #custom-assign .common-table th:first-child, #custom-assign .common-table td:first-child{ */ /* padding-left: 0; */ /* } */ .money-manager .col-width1 label { margin-left: 25px; } .money-manager .common-table th:first-child, .money-manager .common-table td:first-child { padding-left: 25px; } .blog-post .common-table td { border: 0; } .blog-post .common-table input[type="checkbox"], .money-check-row input[type="checkbox"] { vertical-align: bottom; } .money-primary { float: left; width: 120px; } .money-custom-link { float: left; margin: 4px 0 0 10px; } .parent-select-money { overflow: hidden; } .parent-select-money .mat-mdc-form-field { height: 37px; } .money-check-row { overflow: hidden; margin-bottom: 10px; } .money-manager .disabled1 { cursor: not-allowed; color: #cecece; } .money-manager .disabled1:hover { color: #cecece !important; } .loadWrapper { background: rgba(0,0,0,0.01); width: 100%; height: 100%; position: fixed; top:0px; left:0px; z-index: 99999; } .loader { border: 7px solid #e4e4e4; /* Light grey */ border-top: 7px solid #0088cc; /* gray */ position: absolute; left: 50%; top: 50%; border-radius: 50%; width: 75px; height: 75px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .money-manager .mat-mdc-input-box .mat-mdc-form-field { height: 30px; } .money-manager .mat-mdc-form-field-infix { /**** Defect Id: 27135 ****/ width: 350px; } .money-manager .mat-mdc-input-box .mat-mdc-form-field { height: 30px; } .money-desc { margin-left: 0 !important; } .blog-post .common-table td:first-child, .blog-post .common-table th:first-child { /**** Defect Id: 27918 ****/ padding-left: 0; } .blog-post .common-table { margin-bottom: 0; } /**** GR Account ****/ .globalrecon-account h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px; padding: 0; color: #333; } #dataHeader { margin-top: 7px; } #global-name-inp .mat-mdc-form-field-infix, .globalrecon-account .custom-select-view { width: 100%; } .gr-interface { border: 1px solid #ccc; width: 400px; padding: 0 0 0 15px; float: left; } .gr-interface-btn { float: left; margin: 0 15px; } .graccount-grid .ag-cell { white-space: normal !important; } .common-heading { overflow: hidden; } /**** Reset Link ****/ .ag-reset { overflow: hidden; position: relative; } .ag-reset a { cursor: pointer; margin-top: 2px; } #ag-reset-icon a { margin-top: 4px; display: inline-block; } /* New CSS for WRI Access Remediation Starts */ table { border-collapse: collapse; border-spacing: 0; } .angular_table tr td:first-child { width: 215px !important; font-size: 13px !important; font-weight: bold !important; padding-right: 20px !important; vertical-align: top !important; } .angular_table tr td:last-child { padding-right: 0px !important; } .angular_table td, .angular_table tr td { padding: 7px 20px 7px 0 !important; vertical-align: middle !important; font-size: 13px; font-weight: normal; background: none; } .wizard_login { padding: 20px; } .wizard-tab { padding: 0 15px 45px; } .practice-tab .nav { padding: 0 10px 10px; border-bottom: 0 !important; } .practice-tab .nav::before { top: 145px; bottom: 0; position: absolute; content: " "; width: calc(100% - 134px); height: 4px; border: 1px solid #a1a1a1; background: #fff; left: 65px; } #advisor_practiceTab .nav > li { width: 20%; } .practice-tab .nav > li { display: table-cell; text-align: center; position: relative; width: 25%; float: left; } .practice-tab .nav-tabs > li > p { margin: 0 0 10px; } .practice-tab .nav-tabs > li.active p + a { cursor: pointer; } .practice-tab .nav-tabs > li.active > a { background: #909090 !important; color: #fff; border: 1px solid #909090 !important; cursor: default; } .practice-tab .nav > li > a { padding: 3px; border-radius: 25px !important; width: 20px; height: 20px; background: #FFF; margin: 0 auto; color: #333; font-weight: bold; position: absolute; left: 50%; margin-left: -15px; line-height: 21px !important; border: 1px solid #909090 !important; } .practice-tab .nav-tabs > li.active > a > i { color: #fff; } .practice-tab .nav > li > a > .fa-check:before { line-height: 19px; } .chregContent { padding: 6px 0 0 0; } .chregContent .leftDiv { float: left; padding: 0 42px 0 0; margin-left: 45px; margin-bottom: 25px; border-right: 1px solid #ccc; } .stchregContent .leftDiv { margin-left: 0 !important; } /** New Login input fields css**/ .msgTooltip:before{ content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; top: -12px; left: 5%; z-index: 10; } .msgTooltip:after { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ccc; position: absolute; top: -13px; left: 5%; z-index: 9; } .msgTooltip { position:absolute; margin-top: 10px; width: 265px; padding: 10px; background: #fff; z-index: 10; cursor: pointer; /*left: 1530px; top: 262px;*/ border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } #userDiv .msgTooltip{ width: 350px; left: 140px; margin-top: -5px; } .infoDiv { margin: 5px 0 10px 40px; font-size: 15px; } .infoDiv font { font-weight: bold; } .subinfoDiv { margin: 0 0 0 40px; } .subinfoDiv input[type=checkbox] { margin-right: 5px !important; margin-top: -2px !important; } #challengeQnForm .qnCheckbox, #edit_challengeQn .qnCheckbox, #challengeQnSetup .qnCheckbox { padding-bottom: 0px !important; } .chregContent .leftDiv select { width: 550px; height: 30px; } #challengeQnForm .ansTextbox, #edit_challengeQn .ansTextbox, #challengeQnSetup .ansTextbox { padding-bottom: 10px !important; } .medium { width: 280px; } #challengeQnForm #tickMark, #edit_challengeQn #tickMark, #challengeQnLoginForm #tickMark, #advisorPersonalInfoForm #tickMark { /* WRI Access Fix */ position: relative; right: 245px; float: right; margin-left: 6px; margin-top: 4px; } #advisorPersonalInfoForm #tickMark { /* WRI Access Fix */ right: 3px !important; } #tickMark .fa, #tickMark1 .fa { color: #08ab05; font-size: 20px; } #errMsg { font-size: 12px; font-weight: normal !important; } .wizard_btn { width: 100%; border-top: 1px solid #ccc; } .wizard_btn .padT10 { padding-top: 15px !important; display: inline-block; /* WRI Access Fix */ } .wizard_btn input.btn:first-child, .wizard_btn input.btn_nm_highlight:first-child { margin-left: 0 !important; margin-right: 0 !important; float: inherit; } .chregContent .rightDiv { float: left; padding: 0px 15px 0px 15px; /* height: 440px; */ min-height: 485px; } .chregContent .rightDiv span { float: left; width: 100%; font-size: 16px !important; margin-bottom: 5px; } .chregContent ul, .regContent ol { clear: both; float: left; margin: 0px 0 10px 10px; padding: 0; text-align: left; width: 100%; } .chregContent ul li { margin: 7px 0 0 10px; list-style: disc; line-height: 20px; } .chregContent:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } .cQn_outerDiv { margin: 35px; } .qnCheckbox .mat-mdc-form-field-flex { border: 1px solid #ccc; width: 550px; height: 30px; padding: 0 10px; } .ansTextbox .mat-mdc-form-field { display: inline-block; position: relative; text-align: left; width: 280px; } .checkboxDiv { margin-top: -10px; margin-bottom: 15px; } .checkboxDiv input[type=checkbox] { float: left; margin-top: 2px !important; margin-right: 7px !important; } #challengeQnForm .mat-mdc-form-field-infix { padding: 0px !important; height: 28px; margin-top: 0px; } #challengeQnForm .mat-mdc-form-field-infix .mat-mdc-select-trigger { margin: 0px; } #challengeQnForm .mat-mdc-form-field-infix .mat-mdc-select { padding-left: 6px; } #challengeQnForm .qnCheckbox { padding-left: 0px !important; } #challengeQnForm .qnCheckbox .mat-mdc-form-field-flex { padding: 4px 5px !important; } #challengeQnForm .ansTextbox .mat-mdc-form-field-hide-placeholder { height: 32px; } .ansTextbox { padding-left: 0px !important; } #challengeQnForm .ansTextbox .mat-mdc-form-field-label-wrapper label { height: 28px; padding-top: 1px; /*padding-left: 6px; QC#39860 Fix*/ margin-left: 7px !important; } #challengeQnForm .fa-times-circle { vertical-align: unset; } #challengeQnForm .ansTextbox .errorMsg { font-weight: normal; } #challengeQnForm .mat-mdc-select-dropdown .mat-mdc-form-field-infix { padding: 3px 0; } #edit_challengeQn .leftDiv { margin-left: 0px; padding-left: 0px; } .fa-eye, .fa-eye-slash { position: absolute; /* javeedh*/ right: 10px; /* javeedh*/ font-size: 14px; top: 7px; /* javeedh*/ float: right; } .maskedIp { padding-right: 30px !important; /* javeedh*/ width: calc(100% - 37px) !important; /* javeedh*/ } .wizard_login .regContent { padding: 6px 36px 0 45px; /* 45 to 36 both*/ min-height: auto; background: #fff; } .regContent { float: left; } .regContent .leftDiv td { padding: 5px 10px 5px 0px; } #wizardReg .leftDiv { width: auto; padding-left: 0; } .regContent .leftDiv { width: 515px !important; float: left; padding: 0 16px 0 0; margin-bottom: 25px; border-right: 1px solid #ccc; } .noBorder td, td.noBorder, .r_table td.noBorder, .noBorder { border: none !important; } table { border-collapse: collapse; border-spacing: 0; } .mat-raised-button:last-child, .mat-stroked-button:last-child { margin-right: 0 !important; } .rightDiv { min-height: 31px; float: right; font-size: 13px; } .regContent .rightDiv { float: left; width: calc(100% - 620px); padding: 0px 15px 0px 15px; line-height: 25px; } #personalInfoTab .rightDiv { width: calc(100% - 620px); min-height: 850px; } .regContent .rightDiv span { float: left; width: 100%; font-size: 16px !important; margin-bottom: 5px; color: #333 !important; } .regContent ul, .regContent ol { clear: both; float: left; margin: 0px 0 10px 10px; padding: 0; text-align: left; width: 100%; } .rightDiv ul { margin-bottom: 20px; } .regContent ul li { margin: 7px 0 0 10px; list-style: disc; line-height: 20px; } .rightDiv .subHeader { margin: 15px 0 0 !important; padding-bottom: 0 !important; } .mat-checkbox-layout, .mat-checkbox-layout .mat-checkbox-label label { margin-left: 0 !important; } .topdiv { border-bottom: 1px solid #ccc; padding-bottom: 10px; } #reviewTab .ansRow { font-weight: 100 !important; padding-left: 10px !important; } .wizard_login .mat-mdc-select-dropdown .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px 0 7px; } .wizard_login .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { margin-left: 0 !important; top: 14px; } .wizard_login mat-datepicker + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { margin-left: 7px !important; } /* Access Form Style starts */ .outerDiv { float: left; width: 100%; margin: 0 0 20px; } .leftColumn { font-size: 13px; font-family: Arial; font-weight: bold; color: #333333; width: 215px; float: left; padding-right: 40px; position: relative; } .rightColumn { float: left; overflow: hidden; font-size: 13px; font-family: Arial; color: #333333; font-weight: normal; display: flex; align-items: center; min-height: 32px; gap: 5px; } .advAccessForm { margin-top: 20px; } .advAccessForm .textbox { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .textbox-invalid { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .advAccessForm .textbox-invalid .mat-mdc-form-field-flex { border: 1px solid #e1751c; } .advAccessForm .mat-mdc-form-field-invalid { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .mat-mdc-form-field-invalid .mat-mdc-form-field-flex { border:1px solid #e1751c; } /* Access Form Style ends */ /* New CSS for WRI Access Remediation Ends */ /* CSS for Advisor Search*/ ul, li { list-style: none; } .advSearch { display: none; margin-top: 10px; width: 265px; padding: 10px; position: fixed; background: #fff; z-index: 10; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } /* Header - Menu Overlay */ .top_box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #b7b7b7; border-radius: 0; margin-top: 10px; padding: 15px; position: absolute; right: 42px; width: 185px; z-index: 999; display: none; /*border-bottom: 4px solid #A29060;*/ } .top_box:after, .top_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .top_box:after { border-color: rgba(241, 241, 241, 0); border-bottom-color: #fff; border-width: 10px; right: 4px; } .top_box:before { border-color: rgba(162, 162, 162, 0); border-bottom-color: #a5a5a5; border-width: 11px; right: 3px; } .searchInvestor .float_right { margin-top: 20px; } .searchInvestor ul li:last-child { border-bottom: 1px solid #c4c4c4 !important; } .searchInvestor .float_right input:last-child { margin-right: 0px !important; } #invest_advisor #searchbox_small, #invest_investor1 #searchbox_small, #invest_investor2 #searchbox_small, #hierarch_advisor #searchbox_small { margin-right: 0px !important; margin-bottom: 3px; } .contentMenu_noPadding { padding: 1px 15px !important; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); } .contentMenu_noPadding ul li { font-size: 13px; border-bottom: 1px solid #c4c4c4; padding: 12px 0 12px 0 !important; line-height: normal !important; } #searchbox_small { float: right; background-color: #fff; margin: 15px 30px 0 0; border: 1px solid #cbcbcb; width: 351px; height: 32px; } #hierarch_advisor { top: 340px !important; } .hideMe { display: none; } .advisorSearch { /* background-color: #A29060 !important;*/ border: 1px solid #cbcbcb; float: right; height: 32px; margin: 15px 0 0 0; width: 110px; border-right: none; overflow: hidden; } .advisorSearch input, .advisorSearch select { /* background: #A29060;*/ border: 1px solid #fff; float: left; font-size: 13px; outline-style: none; padding: 5px 0 8px 0px; width: 110px; height: 32px; } .advisorSearch select option { padding: 7px 12px 7px 7px; background: #fff; color: #333; } .advisorSearch input::-webkit-input-placeholder { color: #fff; } .advisorSearch input:-moz-placeholder { color: #fff; } .advisorSearch input::-moz-placeholder { color: #fff; } .advisorSearch input:-ms-input-placeholder { color: #fff; } #invest_investor ul.top_menu { margin: 0 !important; padding: 0 !important; background-color: #fff !important; float: left !important; width: 100% !important; overflow: hidden !important; } #invest_investor ul.top_menu li { margin: 0; padding: 7px 12px !important; list-style: none; background-color: #fff; color: #0057B8; text-align: left; clear: both; float: left; width: 100%; cursor: pointer; font-size: 13px; font-weight: normal; text-transform: none !important; margin-top: 0 !important; } .resultHeader { border-bottom: 1px solid #acacac !important; border-top: 1px solid #acacac !important; padding: 7px 20px !important; font-weight: bold; margin-top: 10px; } input#advisorSearch { height: 18px; } /* CSS for Advisor Search Ends*/ .hierarchyHeader { font-size: 15px; font-weight: bold; } .hierarchy_header_padding{ padding : 5px } .common-head div:first-child a{ /* Create Client settings alignment fix*/ margin-top :2px; } /* AWR Angular Upgrade Changes start - To prevent overwrite in ag cell Disc Admin screen */ .ag-cell-auto-height { height: 100%; } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes start - Dropdown issue fix */ .mat-mdc-select-panel{ padding-top: 1rem; padding-bottom: 1rem; background: white; } .mat-mdc-select-panel:not([class*=mat-elevation-z]){ box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%); } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes starts - Disclosure Admin */ .disclosure-content .form-control { padding:0; border: none; box-shadow: none; border-radius: 0; } .disclosure-content .mat-mdc-form-field { height: unset; } .disclosure-content label { margin: 0 !important; padding-bottom: 5px; font-size: 13px; } .form-control.mat-mdc-input-element { /* Fix for report package */ box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%; } .disclosure-content form{ margin-top:15px !important; } /* AWR Angular Upgrade Changes end - Disclosure Admin */ /* AWR Angular Upgrade Changes starts */ .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-label { display: none !important; } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes starts Grid Border*/ .ag-row .ag-cell:first-child, .ag-header-row .ag-header-cell:first-child{ border-left:1px solid #e1e1e1; } /* AWR Angular Upgrade Changes end Grid Border */ /* New Login screen styles start */ .no-wri-body-background { background: none !important; } .lgc { background: url("images/bg-image.jpg") no-repeat center bottom; width: 100% !important; /*height: 100% !important;*/ min-height: 100vh !important; /*min-height: auto !important;*/ position: inherit !important; -ms-flex-item-align: center; align-self: center !important; display: flex; } .lgc-contianer { text-align: center; -ms-flex-item-align: center; align-self: center; border-radius: 4px; margin-left: auto; margin-right: auto; margin-top: 0rem; } .lgc-contianer div { margin: 0; } .lgc-contianer > div > div { /*height: 412px;*/ border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 16px 2px rgba(0,0,0,0.2); } .lgc-contianer .lgc-login-section { width: 330px; padding: 0 !important; overflow: hidden; } .lgc-contianer .bannerTable { height: auto; } .lgc-contianer .bannerTable .lgc-logo { margin-left: -18px; } .lgc-contianer .bannerTable > div:first-child { padding-top: 32px; padding-bottom: 32px; } .lgc-contianer .bannerTable > div.bannerLine { height: 1px; } .lgc-contianer .lgc-welcome-section { width: 545px; padding: 0 !important; margin-left: 12px; } .lgc-contianer .lgc-welcome-section .welcome-content { margin-top: 35px; margin-right: 20px; padding: 0 15px 0 35px; text-align: left; color: #000000; font-size: 13px; letter-spacing: 0; line-height: 24px; height: calc(100% - 64px); overflow-y: auto; } .lgc-contianer .lgc-welcome-section .welcome-content p { text-align: left; color: #000000; font-size: unset; font-style: unset; font-weight: unset; letter-spacing: 0; line-height: 24px; margin-bottom: 15px; } .lgc-footer { background: rgba(255,255,255,1); display: flex !important; margin-top: auto !important; position: inherit !important; padding: 26px 50px !important; /*position: fixed; bottom: 0; width: 100%; left: 0; z-index: 2; margin-top: -1px; margin-left: 0; margin-bottom: 0; padding: 26px 50px; margin-right: auto; text-align: center; display: inline-block;*/ /*height: 96px;*/ } .lgc-footer > div:first-child { padding-left: 0; } .lgc-footer > div:last-child { padding-right: 0; text-align: right; } .lgc-footer .login-footer { display: block; text-align: left; } .lgc-footer .login-footer:last-child { margin-top: 6px; } .lgc-footer .login-footer a, .lgc-footer .login-footer:last-child span { font-size: 13px; letter-spacing: 0; line-height: 18px; } .lgc-footer .login-footer a::after, .lgc-footer .login-footer:last-child span::after { content: "|"; padding-left: 10px; padding-right: 10px; color: #333; cursor: default; position: relative; top: -1px; } .lgc-footer .login-footer a:last-child::after, .lgc-footer .login-footer:last-child span:last-child::after { content: ""; } .lgc-login-section .group input[type="text"], .lgc-login-section .group input[type="password"] { border: 1px solid #cbcbcb; border-radius: 0; color: #333; font-size: 14px; font-weight: normal; outline-style: none; width: 100%; } .lgc-login-section .group span { width: 100%; float: left; margin-bottom: 5px; } .lgc-login-section .group span.bar { position: relative; display: block; width: 300px; } .lgc-login-section .group label { color: #999; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; margin: 0 !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .lgc-login-section .group { margin-top: 32px !important; padding: 0; border-bottom: none; } .lgc-login-section .group:last-child { margin-top: 25px !important; } .lgc-login-section #userDiv{ padding:0 36px; } .lgc-login-section .errMsgDiv .fa, .lgc-login-section .errMsgDiv .fas { font-size: 18px !important; margin: 0 !important; } .lgc-login-section .errMsgDiv div { font-size: 13px; } .loginBtn{ margin-top: 36px !important; } .loginBtn input{ width:100%; border-radius: 2px !important; height: 34px !important; } .errMsgDiv { padding: 0 36px; margin-top: 20px !important; } .resetDiv { padding: 0 36px; margin-top: 26px !important; margin-bottom: 36px !important; } .loginBtn .btn[disabled]{ pointer-events: none; } .lgc-login-section .failure_InPopup div{ text-align: left; } .loginBtn .btn:hover,.loginBtn .btn:focus{ border-radius: 2px !important; color:#fff; } .lgc-login-section #userDiv form{ width:100%; } .btn[disabled]{ background: rgba(0, 0, 0, 0.1) !important; color: rgba(0, 0, 0, 0.26) !important; border: none !important; opacity: 1 !important; cursor: default !important; } /** New Login input fields css**/ .group { position: relative; } #userDivInput, #passwordfield { /*padding: 10px 10px 5px 5px;*/ padding: 15px 0 7px 0; display: block; border: none; border-bottom: 1px solid #cbcbcb; } input:focus { outline: none; } /* LABEL ======================================= */ #userDiv label, #passwordDiv label { color: rgba(0, 0, 0, 0.28); font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 10px; margin: 0 !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } /* active state */ #userDiv input:focus ~ label, #passwordDiv input:focus ~ label, #userDiv input:valid ~ label { top: -10px; font-size: 12px; color: rgba(0, 0, 0, 0.40); } /* BOTTOM BARS ================================= */ #userDiv .bar { position: relative; display: block; width: 300px; } #userDiv .bar:before, #userDiv .bar:after { content: ''; height: 1px; width: 0; bottom: 1px; position: absolute; /* background:#cbcbcb; */ transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .bar:before { left: 50%; } .bar:after { right: 50%; } /* active state */ #userDiv input:focus ~ .bar:before, #passwordDiv input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; } /* HIGHLIGHTER ================================== */ .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } /* active state */ input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } /* ANIMATIONS ================ */ @-webkit-keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } @keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } /** New Login input fields css**/ .lgc-contianer .row { display: block; padding-top: 0; } @media only screen and (min-width: 48em) { .lgc-contianer .col-sm-12, .lgc-contianer .col-sm-4, .lgc-contianer .col-sm-8 { box-sizing: border-box; -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset; -webkit-flex-shrink: unset; -moz-flex-shrink: unset; -ms-flex-negative: unset; flex-shrink: unset; padding-right: 15px; padding-left: 15px; -webkit-flex-basis:unset; -moz-flex-basis: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width:unset; } } #disclaimerContent ul, #disclaimerContent li, #privacyContent ul, #privacyContent li, #cookiePolicy ul, #cookiePolicy li, #cookiePolicyContent ul, #cookiePolicyContent li, #emeaContent ul, #emeaContent li, #browser ul, #browser li{ list-style:disc; } #cookiePolicy #login-expand .collapse,#cookiePolicy #login-expand .expand{ display: block; } #cookiePolicy h3{ font-size: 13px; font-weight: 700; padding: 0; line-height: 18px; margin:0 0 5px 0; } #cookiePolicyContent h3{ font-size: 13px; font-weight: 700; padding: 0; line-height: 18px; margin:0 0 5px 0; color: inherit; } .lgc-contianer .error{ margin: 20px 36px 0px 36px; } .lgc-contianer .error div{ vertical-align: top; } .lgc-contianer .error .fa-times-circle{ font-size: 18px !important; } /* New Login screen styles End */ /* New Login screen styles End */ /* AWR Angular Upgrade Changes start - Role Lookup Horizontal scroll issue */ #roleLookupGrid .ag-center-cols-clipper{ min-width:0 } #roleLookupGrid .ag-center-cols-viewport { overflow: hidden; } #roleLookupGrid .ag-layout-normal.ag-body-viewport{ max-height: 300px !important; } #roleLookupGrid .ag-center-cols-container { position: relative; } #roleLookupGrid .ag-full-width-container { position: absolute; height: 0% !important; } .ag-tooltip { position: absolute; pointer-events: none; z-index: 99999; background-color: #ffffff; color: #181d1f; padding: 6px; border: solid 1px; border-color: #333; white-space: normal; } #roleLookupGrid .ag-icon-tree-closed:before { font-family: "FontAwesome"; content: "\f055"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } #roleLookupGrid .ag-icon-tree-open:before { font-family: "FontAwesome"; content: "\f056"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } #roleLookupGrid .ag-icon-tree-open{ background: none; top: 2px; position: relative; } #roleLookupGrid .ag-icon-tree-closed{ background: none; top: 2px; position: relative; } #roleLookupGrid .ag-group-value{ margin-left: 10px; margin-left: 10px; width: -webkit-fill-available; display: inline-block; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; top: 2px; position: relative; } /* AWR Angular Upgrade Changes end */ /*Client disclosure admin styles Start*/ .table-prop{ height : 100%; width : 100%; border : 0; } .subHeader { padding-top: 8px !important; padding-bottom: 15px !important; font-size: 20px !important; font-weight: 100 !important; } .tr-height{ height: auto !important; } .td1-prop { width: 215px !important; padding-right: 20px !important; vertical-align: top !important; box-sizing : unset !important; } .td2-prop{ vertical-align: top !important } .td2-padding{ padding: 0px 20px 0 20px !important; } .float_left{ float : left; margin-right: 24px; } .noteText { width: 840px; } .inform_InPopup div { padding-right: 8px !important; margin-top: -2px; margin-bottom: 10px; display: table-cell; vertical-align:middle; font-size: 12px; padding-top: 2px; } .inform_InPopup { background-color: #efefef; border-radius: 3px; padding: 7px 8px; font-weight:normal !important; color:#333 !important; position:relative; margin:10px 0; /*height: 18px;*/ } .inform_InPopup { border:1px solid #0066ff; } .inform_InPopup .fa-info-circle{ color: #0066ff; font-size: 14px; } .infoNote { border: none; padding: 0; background: none; margin-bottom: 0; float: left; width: 85%; } .noteText textarea { text-align: left; padding: 10px; line-height: 20px; } .noteText textarea, .noteText div { display: block; margin-right: 0 !important; } textarea { font: normal 13px/normal Arial, Verdana, Helvetica, sans-serif; vertical-align: top; border: thin solid #cbcbcb; padding: 5px; } .padT10 td, .padT10 { padding-top: 10px !important; } .noteText textarea[readonly]:focus { border-color: #cbcbcb; } textarea:focus { border: 1px solid #e1751c; outline: none; } .noteText .infoNote div { display: table-cell; } .font-style{ font-weight: bold; } .float_right{ float : right!important; } /*Client disclosure admin styles End*/ /* New Login Screen Reset Pwd and Forget Username Popup fix starts*/ .noPaddingContainer { padding: 0; margin:0; } .btn:hover, .btn:focus { color: #fff; } #advisor_rp .fa-eye, #advisor_rp .fa-eye-slash, #investor_rp .fa-eye, #investor_rp .fa-eye-slash, #advisor_fuid .fa-eye, #advisor_fuid .fa-eye-slash, #investor_fuid .fa-eye, #investor_fuid .fa-eye-slash { right: 122px; } #adv_forget_username .fa-eye, #adv_forget_username .fa-eye-slash, #adv_forget_pass .fa-eye, #adv_forget_pass .fa-eye-slash, #adv_forgotUsername_popup .fa-eye, #adv_forgotUsername_popup .fa-eye-slash{ position: relative; font-size: 14px; top: 6px !important; } #fi_user_inv_ssn .maskedIp, #fi_user_reset_phone .maskedIp{ width:210px !important; } #adv_forget_pass #investor_rp input,#adv_forget_pass #advisor_rp input, #adv_forget_pass #homeOfficeuser_rp input, #adv_forgotUsername_popup #advisor_fuid input,#adv_forgotUsername_popup #investor_fuid input, #adv_forgotUsername_popup #homeOfficeUser_fuid input, #forgotUsername_challengeQn_popup input, #resetpwd_challengeQn_popup input{ line-height:normal; margin-right: 3px; vertical-align: middle; } #homeOfficeUser_fuid .fa-eye, #homeOfficeUser_fuid .fa-eye-slash, #homeOfficeuser_rp .fa-eye, #homeOfficeuser_rp .fa-eye-slash { right: 23px; } #adv_forgotUsername_popup input:focus{ border:1px solid #cbcbcb; } #forgotUsername_challengeQn_popup .infoDiv, #resetpwd_challengeQn_popup .infoDiv { margin-left: 0px; } #forgotUsername_challengeQn_popup .infoDiv font, #resetpwd_challengeQn_popup .infoDiv font{ font-weight:normal; } .adv_checkbox input[type=checkbox]{ margin-right: 5px !important; margin-top: -4px !important; } /*#forgotUsername_challengeQn_popup table tr td:first-child, #resetpwd_challengeQn_popup table tr td:first-child{ padding: 15px 0 0 0; }*/ #forgotUsername_challengeQn_popup table tr td:first-child div, #resetpwd_challengeQn_popup table tr td:first-child div{ font-weight: bold !important; line-height: 15px; } #forgotUsername_challengeQn_popup input, #resetpwd_challengeQn_popup input{ width: auto; } /* New Login screen Resposive style starts */ @media (min-width: 375px), (min-width: 360px), (min-width: 320px) { .lgc { position: relative; height: unset; } } @media (min-width: 768px) { .lgc-contianer .lgc-login-section { float: none; display: inline-block; /*width: 424px;*/ } .lgc-contianer .lgc-welcome-section { float: none; display: flex; width: 424px; margin-left: 0; margin-top: 12px; } .lgc { position: relative; min-width: 84vh; } .lgc-footer { position: relative; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-left: 15px; padding-top: 0; text-align: right; } .lgc-contianer .lgc-welcome-section .welcome-content p:first-child{ margin-bottom: 15px; } #userDiv label { padding-top: 5px; } } @media (max-width: 768px) { .lgc-contianer .lgc-login-section { float: none; display: inline-block; /*width: 303px;*/ } .lgc-contianer .lgc-welcome-section { float: none; display: flex; width: 303px; margin-left: 0; margin-top: 12px; } .lgc { position: relative; min-height: calc(100vh - 96px); padding: 6.8rem 0 4.8rem 0; } .lgc-footer { position: relative; } .lgc-footer > div:first-child { padding-right: 0; } .lgc-footer > div:last-child { padding-left: 0; padding-top: 15px; text-align: left; } #userDivInput { padding: 6px 0 6px 0;/*6px 0 6px 0*/ line-height: 18px; } #passwordfield { padding: 6px 0 6px 0;/*9px 0 3px 0*/ line-height: 18px; } .resetDiv{ margin-bottom: 26px !important; } .lgc-contianer .lgc-welcome-section .welcome-content{ margin-top: 26px; } #userDiv label { padding-top: 0; } } @media (min-width: 992px) { .lgc-contianer .lgc-login-section { float: left; width: 330px; } .lgc-contianer .lgc-welcome-section { float: left; width: 545px; margin-left: 15px; margin-top: 0; } .lgc { position: fixed; /*height: calc(100vh - 96px);*/ min-height: 88vh; } .lgc-footer { position: fixed; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-top: 0; text-align: right; } #userDivInput{ padding: 6px 0 6px 0;/*6px 0 6px 0*/ line-height: 18px; } #passwordfield{ padding: 6px 0 6px 0;/*9px 0 3px 0*/ line-height: 18px; } #userDiv label { padding: 0; } } @media (min-width: 1200px) { .lgc-contianer .lgc-login-section { float: left; /*width: 330px;*/ } .lgc-contianer .lgc-welcome-section { float: left; width: 545px; margin-left: 15px; margin-top: 0; } .lgc { position: fixed; /*height: calc(100vh - 96px);*/ } .lgc-footer { position: fixed; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-top: 0; text-align: right; } #userDiv label { padding: 0; } } /* New Login screen Resposive style ends */ /* New Login Screen Reset Pwd and Forget Username Popup fix ends*/ /* Create Report Package style starts here */ .reportPackageList .fa-info-circle{ font-size:18px; cursor: pointer; } .rptooltip { position: absolute; display: none; width: 300px; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); top: -22px; right: 30px; } .rptooltip:before{ content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #fff; right:-10px; top:5px; z-index: 10; } .rptooltip:after{ content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #ccc; right:-11px; top:5px; z-index: 9; } #rptooltip ul { margin: 0; padding: 15px; list-style: none; max-height: 300px; overflow: auto; text-align: left; } #rptooltip ul li:not(:last-child) { margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #ccc; } .rpTitle{ font-size:13px; font-weight: bold !important; } .rpSortDiv{ margin-top: 10px; background-color: #f6f6f6; border-radius: 2px 2px 4px 4px; width: 430px; position: unset; box-shadow: none; padding: 10px 3px 10px 12px; } .rpSortDiv .dropdownRows label{ max-width:none; } .rpSortDiv .fa-file{ margin-right: 10px; } /*.rpSortDiv .landscapeMode, .landscapeMode{ transform: matrix(0, -1, -1, 0, 0, 0); }*/ .rpSortDiv .dropdownRows label.marL20, .marL20{ margin-left:20px !important; } /*.rptpkg_table input[type="checkbox"]{ margin-right: 5px !important; margin-top: -4px !important; }*/ .rptpkg_table tr.row1 td, .rptpkg_table tr.table_header th { /*padding-left:10px !important;*/ height: 40px !important; } .rptpkg_table tr.row1 td label, .rptpkg_table tr.table_header th label { } .rptpkg_table tr.row1 td { vertical-align: middle !important; } .rptpkg_table tr th:first-child, .rptpkg_table tr td:first-child { width: 438px; } .rptpkg_table tr td:last-child { padding-right: 0 !important; text-align: right; } .rptpkg_table tr.subRow input[type="checkbox"]{ margin-left:21px !important; } .rptorientDiv { /*overflow: hidden; height: 22px;*/ } .rptorientDiv a:first-child { background: url("../images/landscape_default.png") #ffffff no-repeat; border-radius: 4px 0 0 4px; border: 1px solid #cdcdcd; float: left; } .rptorientDiv a.selectedMode:first-child { background: url("../images/landscape_selected.png") #686666 no-repeat; border-radius: 4px 0 0 4px; border: 1px solid #cdcdcd; float: left; } .rptorientDiv a:last-child { background: url("../images/portrait_default.png") #ffffff no-repeat; border-radius: 0 4px 4px 0; border: 1px solid #cdcdcd; border-left: none; float: right; } .rptorientDiv a.selectedMode:last-child { background: url("../images/portrait_selected.png") #686666 no-repeat; border-radius: 0 4px 4px 0; border: 1px solid #cdcdcd; border-left: none; float: right; } .rptorientDiv a.disableOption { display: none; } /*.rptorientDiv a:first-child .fas{ color:#686666 !important; }*/ .rptorientDiv a { /* padding: 3px 14px; */ /*background: #fff;*/ height: 24px; width: 30px; background-position: center 50% !important; } .rptorientDiv .fas{ display: none; font-size:15px; padding: 0px 3px; color:#cdcdcd; } .erpreport-wrapper #report-input { padding: 0; border: none; } #report-input label strong { margin-left: -10px; margin-right: 15px; top: 3px; position: relative; } .accumDiv .infoIcon { position: relative; top: 5px; left: 3px; margin-right: 6px; display: inline-flex; z-index: 999 !important; } .accumDiv .port_grp_right .dropdownRows .infoIcon { top: 5px; } .accumDiv .infoIcon .fas { font-size: 15px; color: #686666; cursor: pointer; display: inline-flex; position: relative !important; z-index: 9999 !important; } .invisibleMe { visibility: hidden; } .accumDiv { margin-top: 17px; border-top: 1px solid #ccc !important; padding-top: 20px; } .accumDiv h2 { font-size: 16px; font-weight: normal; margin-bottom: 10px; margin-top: 0 !important; } .flexDisplay { display: flex; } .unass-port { border: 1px solid rgba(0, 0, 0, 0.3); overflow: hidden; padding: 15px 0; margin: 0 0 5px; } .unass-port ul li { height: 40px; } .unass-port .erp-row { padding: 7px 5px; display: flex; vertical-align: middle; min-height: 40px; } .add-group td{ vertical-align: middle; } .add-group .input-group{ width: 225px; } .add-group .fa{ font-size: 18px; color: #666; cursor: pointer; } .add-group .group-row{ /* background: #e9e9e9; */ border-bottom: 1px solid #cfcfcf; padding: 7px; display: block; } .port_container .button_row{ clear: both; text-align: inherit; width: auto !important; padding-top: 20px !important; } .port_grp_middle { width: 110px; text-align: center; position: relative; /*width: 60px; padding: 0 10px; float:left; transform: translateY(750%); display: flex;*/ } /*.port_grp_middle div { position: absolute; top: 20%; margin: 0 auto; }*/ .port_grp_middle .iconButton { position: relative; } .port_grp_middle > div { position: absolute; left: calc(50% - 18px); top: 27%; } .port_grp_middle .iconButton button { float: none; margin: 0 !important; } .iconButton button { min-width: 36px !important; width: 36px; height: 34px; padding: 0 !important; font-family: FontAwesome !important; font-size: 20px; } .port_grp_middle .iconButton button i { font-size: 20px !important; color: #fff !important; margin: 0; } .port_grp_left, .port_grp_right { width: 560px; /*width: calc(50% - 81px);*/ /*clear: none; display: block; float: left; margin: 0; width: calc(50% - 90px); margin: 0 0 0 10px; position: relative; display: flex;*/ } .port_grp_right .unass-port { background-color: #f6f6f6; } .unass-header { padding-bottom: 10px; margin: 0 15px; font-size: 12px; } .port_grp_left .unass-header { text-align: right; border-bottom: 1px solid #E5E5E5; margin-bottom: 3px; } .port_grp_right .unass-header { text-align: unset; border-bottom: none; display: flex; } .port_grp_right .unass-header span:first-child { width: 88%; text-align: left; } .port_grp_right .unass-header span:last-child { width: 30%; text-align: right; } .port_grp_right .dropdownRows { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; margin-bottom: 5px; padding: 8px 10px; height: 34px; box-sizing: border-box; vertical-align: middle; width: 100%; display: flex; } .port_grp_right .dropdownRows > span:first-child { width: 85%; } .port_grp_right .dropdownRows > span:last-child, .port_grp_right .dropdownRows span.pull-right, .port_grp_right .dropdownRows div.pull-right { height: fit-content; margin-top: -4px; right: -15px; position: relative; } #unassign-acct input[type="checkbox"] { height: 25px; } .port_grp_right .dropdownRows .fa-grip-vertical { display: inline-block; margin-top: 2px; } .port_grp_right .dropdownRows input[type="checkbox"] { margin-top: 1px !important; } .port_grp_right .dropdownRows label { margin-top: 1px !important; padding-top: 0; } .port_grp_right .dropdownRows input[type="checkbox"]:first-child { margin-left: 18px !important; margin-right: 0 !important; } .port_grp_right .dropdownRows input[type="checkbox"]:not(:first-child) { margin-left: 10px !important; margin-right: 0 !important; margin-top: -1px !important; } .clearfix::after { clear: both; visibility: hidden; height: 0; content: ""; } .port_grp_right .content, .port_grp_left .content { /*background-color: #fff;*/ float: left; position: relative; height: calc(100vh - 510px); min-height: 250px; overflow-y: auto; box-sizing: border-box; width: 100%; padding: 0 15px; } /* Fix for box height starts */ .port_grp_right .content { height: calc(100vh - 482px); min-height: 278px; } .port_grp_right .content:has(.dragReport) { height: calc(100vh - 506px); min-height: 254px; } /* Fix for box height Ends */ .port_grp_right .content .placeHolder { color: #ccc; font-size: 16px; margin-top: 35px; text-align: center; } .port_grp_right .group i{ font-size: 21px; color: #686666; position: relative; } .group_cont i { font-size: 18px; color: #686666; position: relative; } /* .port-right{ */ /* width: 96%; */ /* margin: 0 0 0 16px; */ /* } */ .port-right a{ font-size: 13px; } .port-right .header{ padding: 18px 0 10px; font-weight: normal; color: #333; font-size: 13px !important; border-bottom: 1px solid #cfcfcf; font-weight:bold !important; } .group{height:30px; padding:10px;border-bottom: 1px solid #cfcfcf;} .group.sel{ background:#e9e9e9; } .group .rad{ float:left; margin-right:10px; padding-top:5px; padding-left:5px } .group .colap{ float:left; margin-right:22px; cursor:pointer; padding-top:3px } .group .txt{ float:left; margin-right:15px; padding-top:5px } .group .txtbox{ float:left; margin-right: 185px; } .group .txtbox1{ float:left; margin-right: 105px; } .header-actions{ padding-left: 5px !important; } .txtbox1 input[type="text"], .txtbox input[type="text"] { width: 225px; margin-right: 0; } _:-ms-lang(x), .txtbox1 input[type="text"] { margin-right: 3px; } _:-ms-lang(x), .txtbox input[type="text"] { margin-right: 3px; } _:-ms-lang(x), .group .txtbox1 { margin-right: 110px; } _:-ms-lang(x), .group .txtbox { margin-right:188px; } _:-ms-lang(x), .header-actions { padding-left: 0 !important; } .group_cont td:last-child { padding-left: 3px; } .Unassign_Acct input[type="checkbox"]{ vertical-align: sub; } .Unassign_Acct li .tasklabel { padding: 10px 4px; font-size: 13px; text-align: left; color: #000; } ul.Unassign_Acct { clear: none; list-style-type: none; margin: 0; padding: 0; } .Unassign_Acct li { margin: 0; text-align: left; border-bottom: 1px solid #e1e1e1; } .button_row { border-top: 1px solid #acacac; padding-top: 15px !important; text-align: left; width: 100% !important; } .group_cont{ margin: 0; padding: 0px 0px 0px 80px; border-bottom: 1px solid #d7d7d7; border-right: none; border-left: none; border-top: none; background:#f6f6f6; } .group_cont td, .group_cont th { border-bottom: 1px solid #ccc; padding:8px; } .group_cont tr:last-child td{ border-bottom: none !important; } .port_grp_right .bor_top, .group_table .bor_top{ border-top: 1px solid #ccc; } .fa_gray{ color:#909090; font-size:20px !important; } .fa_head{ font-size:16px; margin-top:5px; margin-bottom:5px; } .disable{ color:#CCC !important; cursor: default; } .success { background-color: #f0f0f0; border: 1px solid #08ab05; border-radius: 3px; padding: 10px; font-weight: normal !important; color: #333 !important; position: relative; margin: 10px; min-height: 25px; } .success .fa-check-circle { color: #08ab05; font-size: 30px; } .warning div, .success div, .inform div, .failure div { padding-right: 10px !important; margin-top: -2px; margin-bottom: 10px; display: table-cell; vertical-align: middle; letter-spacing: normal; } .failure { background-color: #f0f0f0; border:1px solid #e35205; border-radius: 3px; padding:10px; font-weight:normal !important; color:#333 !important; position:relative; margin:10px 0; min-height:25px; } .failure .fa-times-circle{color: #e35205; font-size: 30px; } .port_grp_right .colap i{ font-size:18px; } .Unassign_Acct .closedAccount { background:url(../images/closed-account.png) right 10px center no-repeat; padding-right: 20px; } .Unassign_Acct .suppressedAccount { background:url(../images/suppressed-account.png) right 10px center no-repeat; padding-right: 20px; } .dropdownRows .labelOnly { margin-left: 40px !important; padding-top: 2px; } .infoIcon { width: 18px; } .infoIcon .msgTooltip.placeLeft { width: 144px; /*right: calc(50% - 100px); top: 31px;*/ position: absolute; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); top: -31px; right: 31px; } .infoIcon .msgTooltip.placeLeft::after, .infoIcon .msgTooltip.placeLeft::before { /*left: calc(50% - 14px) !important;*/ } .infoIcon .msgTooltip.placeLeft::before { content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #fff; left:142px; top: 12px; z-index: 10; } .infoIcon .msgTooltip.placeLeft::after { content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #ccc; left:143px; top: 12px; z-index: 9; } .unass-port input[type="checkbox"] { margin-right: 10px !important; } .unass-port select { width: 300px; } .unass-port input[type="checkbox"] { margin-right: 10px !important; } .unass-port .erp-row strong { position: relative; margin-right: 10px; top: 6px; } .unass-port ul li label { padding-top: 2px !important; } .unass-port ul li label input[type="checkbox"] { margin-top: -1px !important; } /* Create Report Package style ends here */ /* Drag and drop Fix PXEAWR-5204 */ .cdk-drag-preview { background: #ccc; padding-top: 10px; vertical-align: middle; transform: scale(1); opacity: 0.8; border: 1px dashed #444;
}
.cdk-drag-placeholder { transform: scale(1); opacity: 0.7; border: 1px dashed #444; min-height: 36px; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); margin-bottom: 5px; border-radius: 5px;
} .cdk-drag-preview .fa-grip-vertical { margin-top: 8px; margin-right: 10px; } .cdk-drag-preview input[type="checkbox"] { margin-top: -3px !important; } .cdk-drag-preview label { padding-top: 0px; } .cdk-drag-preview .fa-info-circle { color: #686666; font-size: 15px; } .disclosure-popup { /* PXEAWR-7124 - Fix */ width: auto !important; height: auto !important; } .px-display-option .mat-list-item { margin: 0 !important; height: auto !important; } div.mat-mdc-tab-body-content { overflow-x: hidden !important; } .px-display-option .mat-list-item .mat-divider { border-top-color: rgba(0, 0, 0, 0.20) !important; } .px-display-option .mat-list-item .mat-line { font-size: 12px !important; color: #333 !important; } .px-display-option .mat-list-item .mat-line:first-child { font-weight: 700 !important; } .px-display-option .mat-list-item .second-check { top: 12px; } .px-display-option > span { display: inline-block; margin-bottom: 14px !important; } .px-display-option .mat-list-item .mat-list-text { row-gap: 3px; padding: 12px 0 !important; } .aad_verification_message{ font-family: Arial !important; }
/**********************************************************************
* MDC Component CSS changes *
***********************************************************************/ .risk-admin .mat-mdc-form-field { height: 29.96px;
}
.mat-mdc-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Arial; height: 32px; margin-bottom: 0px;
}
.mat-mdc-text-field-wrapper { padding-bottom: 1.25em !important; margin-bottom: -1.14375em !important; /* padding-left: 10px !important; padding-right: 10px !important; */
}
.mat-mdc-select-dropdown .mat-mdc-form-field-infix{ padding: 7px 0;
}
.mat-mdc-select-value-text{ transition: none; display: block; height: 14.625px !important;
}
.mat-mdc-select-min-line:empty::before { content: " "; white-space: pre; width: 1px; display: inline-block; visibility: hidden;
}
.mat-mdc-select-arrow-wrapper{ height: 16px; flex-shrink: 0; display: inline-flex; align-items: center;
}
.mat-mdc-select-arrow{ color: #686666 !important;
}
.mat-mdc-select-panel { padding-top: 1rem; padding-bottom: 1rem; background: white;
}
.mat-mdc-select-panel .mat-mdc-option{ line-height: 3rem !important; height: 3rem !important;
}
.mdc-list-item__primary-tex { display: inline-block; flex-grow: 1; overflow: hidden; text-overflow: ellipsis;
}
.mat-mdc-option:hover:not(.mat-mdc-option-disabled), .mat-mdc-option:focus:not(.mat-mdc-option-disabled) { background: #2faeff !important; color: #ffffff !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){ background-color: #e4f0fb !important; color: #333 !important;
}
div.mat-mdc-select-panel{ background-color: #fff!important; position: absolute!important; top: -36px; width: 352px!important; left: 0px;
}
.mdc-list-item__primary-text{ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 100%;
}
.mat-mdc-option{ min-height: unset !important;
}
.mat-pseudo-checkbox.mat-pseudo-checkbox-checked{ display: none;
}
.mdc-text-field--filled{ --mdc-filled-text-field-active-indicator-height: 0px !important; --mdc-filled-text-field-focus-active-indicator-height: 0px !important;
}
.mat-mdc-select-trigger{ height: 1.125em !important;
}
.risk-admin .mat-mdc-input-element{ padding: 0 !important; text-align: right !important; line-height: 20px !important;
}
.form-control.mat-mdc-input-element{ box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%;
}
.risk_Calculation .mat-mdc-form-field-flex .mat-mdc-form-field-infix { text-align: right; width: 50px; padding: 0px 0 !important;
}
.risk_Calculation .mat-mdc-form-field-flex input[formcontrolname="frmriskCalculationMinimum"]{ height: 20px !important; font-size: 14px !important; color: #555;
}
.risk_Calculation .mat-mdc-form-field-flex{ height: 33.125px !important;
}
.mat-mdc-error .fa{ color: #ff0000 !important; font-size: 14px !important;
}
.mat-mdc-input-box .mat-mdc-text-field-wrapper{ border: 1px solid #ccc !important; --mdc-filled-text-field-container-shape:0px !important; padding-bottom: 0; margin-bottom: -1.34375em !important;
}
.mat-mdc-input-box .mat-mdc-input-element{ padding: 0px !important; margin-top: -0.0625em;
}
.mat-mdc-input-box .mat-mdc-form-field-infix{ padding: 7px 0; text-align: right;
}
.mat-mdc-form-field-label-wrapper{ top: -0.84375em; padding-top: 0.84375em;
}
.mat-mdc-form-field{ line-height: 14.625px !important;
}
mat-error .fa-times-circle:before{ color: #ff0000 !important;
}
mat-form-field .mat-mdc-text-field-wrapper {
padding: 0px;
}
.mdc-text-field--filled{ --mdc-filled-text-field-container-shape:0px !important;
}
.mdc-checkbox__background{ height: 1.4rem !important; width: 1.4rem !important; border: 1px solid #424040!important; border-radius: 0px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background, .mat-mdc-checkbox-background{ background-color: #e2e2e2 !important; border: 1px solid #adadad !important;
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{ width: 12px !important; height: 12px !important; padding: 1px;
}
.mdc-radio__outer-circle{ width: 16px !important; height: 16px !important; border-color: #999 !important; top: 1px !important; border-width: 1px !important;
}
.mdc-radio__inner-circle{ border-width:unset !important; border-style:unset !important; height: 1.4rem !important; left: 1px !important; top: 2px !important; width: 1.4rem !important; background: #999; background-color: #666; border-radius: 50%; box-sizing: border-box; display: block;
}
/* ***** css fixes code ************* */
.mat-mdc-dialog-container .mdc-dialog__title{ display: flex; margin-bottom: 0; justify-content: space-between; padding: 0px !important; letter-spacing: unset !important;
}
.mat-mdc-dialog-title { font: 500 20px/32px Arial !important;
}
.mat-mdc-dialog-title { margin: 0 0 20px; display: block;
}
.mat-mdc-dialog-container { /* padding: 20px 20px 27px !important; */ height: auto;
}
.mat-mdc-dialog-container { display: block; /* padding: 24px; */ border-radius: 4px; box-sizing: border-box; overflow: unset; outline: 0; width: 100%; height: 100%; min-height: inherit; max-height: inherit;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title { display: flex; margin-bottom: 0; justify-content: space-between; height: 32px !important;
}
.addprogram-popup .mat-mdc-dialog-content { overflow: inherit; padding: 0px !important;
}
/* .mat-mdc-dialog-container .mat-mdc-dialog-content { margin: 0 -10px; padding: 0 12px;
} */
.addprogram-popup .mat-mdc-dialog-content label { font-weight: bold; margin: 5px 0 0; width: 215px; font-size: 13px; font-weight: 400; color: #000;
}
.addprogram-popup .mat-mdc-form-field { width: 349px; height: 39.13px; margin-bottom: 10px;
}
.addprogram-popup .mat-mdc-dialog-actions { float: right; padding-top: 0;
}
.mat-mdc-dialog-actions { padding: 8px 0; display: flex; flex-wrap: wrap; min-height: 52px; align-items: center; box-sizing: content-box; margin-bottom: -24px; float: right;
}
.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper { padding-bottom: 1.25em;
}
.addprogram-popup .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix { padding: 10px 0;
}
.form-control.mat-mdc-input-element { box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%;
}
.addprogram-popup .mat-mdc-input-element { padding: 0 7px;
}
input[formcontrolname="programName"] { height: 30.13px !important; margin-left: -17px !important; font-size: 13px !important; color: #555 !important;
}
input[formcontrolname="accountName"] { font-size: 13px !important; color: #555 !important; height: 30.13px !important;
}
mat-form-field .mat-mdc-form-field .mat-focused{ border: 1px solid red !important;
}
.mat-mdc-dialog-container { /* padding: 20px 20px 27px !important; */ height: auto;
}
.addprogram-popup .form-group { margin: 5px 0 !important;
}
mat-form-field .mat-mdc-focused .mat-mdc-text-field-wrapper.mdc-text-filed--focused{ border: 1px solid red !important;
}
/* PXD-43079 */
.mat-mdc-radio-button .mdc-radio{ padding: 0px !important;
}
.mat-mdc-radio-button{ margin: 0 1.81em 0 0;
}
.mat-mdc-raised-button{ height: 29.3px !important;
}
.mat-mdc-outlined-button{ height: 29.3px !important; min-width: 60px !important; line-height: 28px;
}
.enterprise-model .mat-mdc-select-dropdown .mat-mdc-form-field{ margin-bottom: 0px !important;
}
.enterprise-model .mat-mdc-select-dropdown .mat-mdc-form-field .mat-mdc-text-field-wrapper{ padding-left: 10px !important; padding-right: 10px !important;
}
.mdc-form-field>label{ padding-top: 0px !important; margin: 0 0 0 0px !important; padding-left: 0px !important;
}
.mdc-text-field__input{ height: 33.8px !important;
}
.mdc-text-field{ display:inline-block !important;
}
.mat-mdc-form-field-subscript-wrapper{ display: none;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active.mdc-tab-indicator--active { margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black; background-color: white;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{
color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{ flex-grow: 0 !important;
}
.mat-mdc-tab-header{
--mdc-tab-indicator-active-indicator-height: 0px !important;
}
.startDateDiv mat-form-field.mat-mdc-form-field mat-datepicker-toggle .mat-mdc-icon-button svg, .mat-mdc-icon-button img{ width: 16px !important; height: 16px !important;
}
.endDateDiv mat-form-field.mat-mdc-form-field mat-datepicker-toggle .mat-mdc-icon-button svg, .mat-mdc-icon-button img{ width: 16px !important; height: 16px !important;
}
#userDiv .mat-mdc-form-field{ /* border: 1px solid #ccc !important; */
}
#userDiv input[formcontrolname="password"], #userDiv input[formcontrolname="confirmPassword"]{
border: 0px solid !important;
}
.mat-mdc-form-field-error { color: #333; font-size: 12px; font-weight: normal; margin-top: 3px;
}
.advAccessForm .mat-mdc-form-field-error { position: absolute; margin-top: 50px;
}
.advAccessForm > div.outerDiv { margin-top: 20px;
}
.mat-input-box .mat-mdc-text-field-wrapper{ border: 1px solid #ccc; margin-bottom: 0px !important; padding-bottom: 0px !important;
}
.mat-mdc-form-field-flex{ padding: 7px 10px !important; height: 32px; align-items: center;
}
.regContent .mat-mdc-form-field-flex { padding: 4px 10px 7px 10px !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control{ height: auto !important;
}
.fiPhnNum .mat-mdc-form-field-flex{
padding: 0 !important;
}
.mat-toolbar-single-row a.mat-tool-active { border-top: 4px solid #979797; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; color: #000 !important; background-color: #fff !important; margin-bottom: -2px; border-bottom-color: #fff !important;
border-radius: 0px !important;
}
.mat-toolbar-single-row a{ color: #0057b8 !important; padding: 0 15px; font-size: 13px;
}
.mat-mdc-tab-list .mdc-tab--active{ margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black !important; background-color: white;
}
.mat-mdc-tab-header{
--mdc-tab-indicator-active-indicator-height: 0px !important;
}
.mat-mdc-tab-body{ border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 20px;
}
.mat-mdc-tab-list .mat-mdc-tab{ color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important;
}
.mat-mdc-tab-labels { border-bottom: 1px solid #cfcfcf;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{
flex-grow: 0 !important;
}
#userDiv .mdc-icon-button { width: 22px; height: 22px; background-color: #fff !important; border: 0px solid !important; margin-top: -4px;
}
.mat-mdc-progress-spinner { margin: 5% auto !important; width: 75px !important; height: 75px !important;
}
.role-container .mat-mdc-select-arrow svg { display: none;
}
.role-container .mat-mdc-form-field-infix { padding: 7px 0;
}
.fi-role .ng-star-inserted { display: flex !important;
}
.role-container .ag-body-vertical-scroll-container { height: unset !important;
}
.role-container .ag-body-vertical-scroll{ width: 0px !important; max-width: 0px !important; min-width: 0px !important;
}
.mat-error .fa { color: #ff0000; font-size: 14px; margin-right: 3px;
}
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background, .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{ background-color: white !important;
}
#advisorPersonalInfoForm mat-datepicker-toggle .mdc-icon-button { width: 22px !important; height: 22px !important; background-color: #fff !important; border: 0px solid !important; margin: 0 !important; line-height: 0.1;
}
.disclosadmin-grid mat-checkbox .mdc-form-field .mdc-checkbox{ width: 32px !important; height: 10px !important;
} #userDiv .fa-eye, .fa-eye-slash{ top: 3px !important; right: 0 !important;
}
.mat-mdc-dialog-container .mdc-dialog__content{ color: black; letter-spacing: unset !important;
}
.mat-mdc-dialog-container{ background: white; color: black; /* padding: 20px 20px 27px !important; */ height: auto; display: block; border-radius: 4px; box-sizing: border-box; overflow: auto; outline: 0; width: 100%; height: 100%; min-height: inherit; max-height: inherit;
}
.mdc-dialog__content p{ margin: 0px 0 10px !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface{ box-shadow: unset !important; border-radius: unset !important; padding: 20px 20px 27px !important;
}
.mat-mdc-form-field-error .fa{ color: #ff0000; font-size: 14px; margin-right: 3px;
}
/* #popup-admin .mat-mdc-dialog-actions button:first-child{ margin-right: 7px !important;
} */
/* .mat-mdc-dialog-actions .mat-button-base+.mat-button-base, .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{ margin-left: 0px !important;
} */
.r_table td{ padding: 7px 5px !important;
}
.mat-mdc-list-base .mat-mdc-subheader:first-child{ margin-top: -15px; margin-left: 0px !important;
}
.mat-list-view .mat-mdc-subheader { font-weight: bold; font-size: 13px; color: #333; height: 25px !important; padding: 15px 0;
}
.mat-list-view .mat-mdc-list-item{ height: 35px !important; margin-left: 25px !important;
color: black;
}
.mat-list-view .mat-line{ font-size: 14px;
}
.mat-input-box .mdc-text-field--focused, .mdc-text-field--invalid{ border-color: #e1751c !important; } .advisor-search .mat-mdc-form-field-flex{ padding:0px !important; } #FIform .mat-mdc-form-field-error{ color: #333; font-size: 12px; font-weight: normal; margin-top: -6px;
}
.mat-mdc-list-base, .investor-content .mat-mdc-list-base{ padding-top: 8px !important; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mat-mdc-list .invest-select{ float: unset !important;
}
#addProgram{ display: flex;
}
.addprogram-popup .mdc-text-field--focused .mat-mdc-form-field-flex{ border-color: #e1751c !important;
}
#idlblProgramName{ margin-bottom: 2px !important;
}
/* .addprogram-popup #idSubmit{ margin-right: 8px !important;
} */
.mat-datepicker-toggle .mat-mdc-icon-button::before{ content: ""; display: inline-block; font-family: FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased;
}
#addManagerDiv .mat-datepicker-input{ color: #a5a3a3 !important; caret-color: rgb(5, 114, 214) !important;
}
.mat-mdc-icon-button svg{ display: none;
}
#advisorPersonalInfoForm mat-datepicker-toggle .mdc-icon-button:hover{ color:unset !important;
}
.ag-sticky-top-container{ width: unset !important; overflow: hidden;
}
.ag-pinned-left-sticky-top{ position: fixed;
}
.mdc-tab__content{ height: unset !important;
}
.disclosure-expand mat-radio-group mat-radio-button .mdc-form-field{ align-items: unset !important;
}
.disclosure-expand .mat-mdc-radio-button .mdc-radio{ margin-top: -0.5px !important;
}
.disclosure-expand .mat-mdc-form-field-flex, .disclosure-content .mat-mdc-form-field-flex{ padding: 0px !important;
}
#messageId, #msgId{ height: 33.895px !important;
}
#messageValue, #msgValue{ height: 50px !important;
}
.disclosure-expand .mdc-label{ margin-top: 1px !important; cursor: pointer;
}
#lblmessagePreview{ padding-bottom: 4.5px !important;
}
.mat-mdc-icon-button{ width: 40px !important; height: 40px !important;
}
.mat-calendar-period-button .mdc-button__label{ color: black !important; font-size: 2rem !important; margin-left: 20px !important;
}
mat-datepicker-toggle .mdc-icon-button{ width: 2rem !important; height: 1rem;
}
div[col-id="invName"]{ border-left: 1px solid #e1e1e1 !important;
}
#userDiv mat-form-field .mat-mdc-text-field-wrapper{ height: 32px !important;
}
.enterprise-portfolio .mat-input-box .mat-mdc-text-field-wrapper{ width: 180px !important;
}
.search-check .check-row .mdc-form-field .mdc-label{ margin-left: 4px !important; margin-top: -3px !important;
}
.search-check .mat-mdc-checkbox{ padding-bottom: 4px !important;
}
.search-check p{
margin-bottom: 17px !important;
}
.enterprise-model .mat-select-dropdown .mat-mdc-form-field{ width: 200px !important;
} .poweredByClass { padding-bottom:22px; padding-left: 30px; padding-right: 30px; display: flex; justify-content: center; } #FIform .mat-mdc-form-field-flex{ padding: 0 !important; } .mat-mdc-dialog-surface .button_row, .button_row_popup{ width:100% !important; margin-left: unset !important; margin-top: 5px !important; } #idlblEditProgramName{ line-height: 18.5714px !important; } #accountName{ font-size: 14px !important; } .mdc-list{ padding: 0px !important; } .mdc-list-item--with-leading-checkbox .mdc-list-item__start { padding: 0; margin: 0; } .mdc-list-item__primary-text { font-size: 13px; top: -1px; position: relative; } .investor-content .mdc-list-item__primary-text { position: inherit !important; } .avn-status { margin-left: -10px; } .col-width2 .mat-mdc-form-field { display: inline-flex; } .enterprise-model .button-mat div + button { margin-left: 10px; } #passMaxLenField { margin-left: -5px; } .avn-admin .common-heading .pull-right, .avn-admin .common-heading .pull-right .pull-left { display: flex !important; align-items: center !important; } .avn-admin a.mat-mdc-button { display: flex !important; padding: 0; margin: 0; height: auto; min-width: auto; align-items: center; color: #0057b8; } .avn-date .mdc-icon-button { width: fit-content !important; height: fit-content !important; }
.mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; }
#advisorPersonalInfoForm .fa-eye, #advisorPersonalInfoForm .fa-eye-slash { top: 2px !important; right: 0 !important;
}
/* Challenge questions dropdown overlay width fix */
div.cdk-overlay-pane[style*="width: 550px;"] div.mat-mdc-select-panel { width: 100% !important;
} .mat-list-view .mat-mdc-list-item.noHeader { margin-left: 0 !important;
}
.advisor-search .mat-mdc-text-field-wrapper { overflow: visible;
}
.mat-form-field-disabled { overflow: hidden;
}
.parent-select-money .mat-mdc-text-field-wrapper { padding-bottom: 0 !important;
}
#Advisorform .mat-mdc-form-field-flex { height: auto !important;
}
#Advisorform .mat-mdc-form-field-subscript-wrapper { display: unset !important;
}
@charset "UTF-8"; /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS.. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } ul,li{ list-style: none; } /* Sections ========================================================================== */ /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** Defect ID: 20938 **/ /* hr { */ /* box-sizing: content-box; */ /* height: 0; */ /* overflow: visible; */ /* } */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * Remove the margin in Firefox and Safari. */ /**Defect ID: 20263 Radio buttons are misaligned **/ /* button, */ /* input, */ /* optgroup, */ /* select, */ /* textarea { */ /* margin: 0; */ /* } */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; -webkit-overflow-scrolling: touch; } /*** IPAD SCROLL ***/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #C3C3C3; border: 2px solid #eee; } } /*** IPAD - Defect ID: 25431 ***/ /* @media only screen and (min-width: 769px) and (max-width: 1281px) { */ /* .ag-header-icon.ag-header-cell-menu-button, .customHeaderMenuButton { */ /* opacity: 1 !important; */ /* transition: none; */ /* } */ /* .ag-header-cell .customHeaderMenuButton, .ag-header-cell:hover .customHeaderMenuButton { */ /* animation: none; */ /* } */ /* } */ /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ /** Defect ID: 20938 **/ /* [type=checkbox], */ /* [type=radio] { */ /* box-sizing: border-box; */ /* padding: 0; */ /* } */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* Theme for the ripple elements.*/ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /** * Applies styles for users in high contrast mode. Note that this only applies * to Microsoft browsers. Chrome can be included by checking for the `html[hc]` * attribute, however Chrome handles high contrast differently. * @param target Which kind of high contrast setting to target. Defaults to `active`, can be * `white-on-black` or `black-on-white`. */ /* stylelint-disable material/no-prefixes */ /* stylelint-enable */ .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 6px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography h1 { font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography h2 { font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography h3 { font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography h4 { font: 400 15px/24px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 16px; } .mat-h5, .mat-typography h5 { font: 400 11.62px/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography h6 { font: 400 9.38px/20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2 { font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif; } .mat-body, .mat-body-1, .mat-typography { font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-body p, .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption { font: 400 12px/20px Roboto, "Helvetica Neue", sans-serif; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px/112px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 56px; letter-spacing: -0.05em; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px/56px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; letter-spacing: -0.02em; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px/48px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; letter-spacing: -0.005em; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px/40px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 64px; } .mat-bottom-sheet-container { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; font-weight: 400; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 400; } .mat-card-subtitle, .mat-card-content, .mat-card-header .mat-card-title { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 13px; line-height: 18px; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 400; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; padding: 0 0 8px 0; text-align: center; } .mat-dialog-title { font: 500 20px/32px Arial; } .mat-expansion-panel-header { font-family: Arial; font-size: 15px; font-weight: 400; padding: 0 !important; } .mat-expansion-panel-content { font: 400 14px/20px Arial; margin-top: 10px; /*28199*/ } .mat-mdc-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Arial; height: 32px; /* WRI Access Fix */ display: block; } .mat-mdc-form-field-wrapper { padding-bottom: 1.34375em; margin-bottom: -1.34375em !important; } .mat-mdc-form-field-prefix .mat-icon, .mat-mdc-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-mdc-form-field-prefix .mat-icon-button, .mat-mdc-form-field-suffix .mat-icon-button { height: 1em; width: 1em; padding: 3px 0 !important; background: none !important; margin-right: 6px; border: none !important; /* margin-top: 6px; */ font-size: 14px !important; } .mat-mdc-form-field-prefix .mat-icon-button .mat-icon, .mat-mdc-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-mdc-form-field-infix { /* padding: 0.5em 0; */ /* border-top: 0.84375em solid transparent; */ } .mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-mdc-form-field-label { top: 1.34375em; } .mat-mdc-form-field-underline { bottom: 1.34375em; } .mat-mdc-form-field-subscript-wrapper { font-size: 12px; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper { padding-bottom: 1.25em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix { /*padding: 0.4375em 0;*/ padding: 0.6em 0; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); -ms-transform: translateY(-1.28125em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-form-field-autofill-control:-webkit-autofill + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); -ms-transform: translateY(-1.28124em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); -ms-transform: translateY(-1.28123em) scale(0.75); width: 133.3333533333%; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { top: 1.28125em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-underline { bottom: 1.25em; } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-subscript-wrapper { /* margin-top: 0.5416666667em; */ top: calc(100% - 1.6666666667em); } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix { padding: 0.6em 0 0.66em 0; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-label { top: 0.6em; margin-top: -0.5em; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.1em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.09999em) scale(0.75); width: 133.3333433333%; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix { padding: 0.7em 0 0.7em 0; border-top: 0; } /***** dropdown style *****/ /* .mat-form-field-appearance-outline .mat-form-field-outline { */ /* bottom: 1.34375em; */ /* } */ .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-label { top: 0.7em; margin-top: -0.25em; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mat-mdc-form-field-label, .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server:focus + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.45em) scale(0.75); width: 133.3333333333%; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float .mat-mdc-input-server[label]:not(:label-shown) + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { transform: translateY(-0.44999em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-mdc-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Arial; font-size: 14px; font-weight: 400; } .mat-mdc-paginator, .mat-mdc-paginator-page-size .mat-mdc-select-trigger { font-family: Arial; font-size: 12px; } .mat-radio-button { font-family: Arial; } .mat-mdc-select { font-family: Arial; } .mat-mdc-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font: 400 14px/20px Arial; } .mat-slider-thumb-label-text { font-family: Arial; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Arial; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-mdc-tab-group { font-family: Arial !important; margin: 10px 0 0; } .mat-mdc-tab-label, .mat-mdc-tab-link { font-family: Arial; font-size: 14px; font-weight: 400; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px/32px Arial; margin: 0; } .mat-tooltip { font-family: Arial; font-size: 12px; padding: 8px 12px !important; } .mat-tooltip-handset { font-size: 14px; padding-top: 9px; padding-bottom: 9px; } .mat-list-item { font-family: Arial; } .mat-list-option { font-family: Arial; } .mat-mdc-list .mat-mdc-list-item, .mat-mdc-nav-list .mat-mdc-list-item, .mat-mdc-selection-list .mat-mdc-list-item { font-size: 16px; } .mat-mdc-list .mat-mdc-list-item .mat-mdc-line, .mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-line, .mat-mdc-selection-list .mat-mdc-list-item .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list .mat-mdc-list-item .mat-mdc-line:nth-child(n+2) { font-size: 14px; } .mat-mdc-list .mat-mdc-list-option, .mat-mdc-nav-list .mat-mdc-list-option, .mat-mdc-selection-list .mat-list-option { font-size: 16px; } .mat-mdc-list .mat-mdc-list-option .mat-mdc-line, .mat-mdc-nav-list .mat-mdc-list-option .mat-mdc-line, .mat-mdc-selection-list .mat-mdc-list-option .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list .mat-mdc-list-option .mat-mdc-line:nth-child(n+2) { font-size: 14px; } .mat-mdc-list .mat-subheader, .mat-mdc-nav-list .mat-mdc-subheader, .mat-mdc-selection-list .mat-subheader { font-family: Arial; font-size: 14px; font-weight: 500; } .mat-mdc-list[dense] .mat-mdc-list-item, .mat-mdc-nav-list[dense] .mat-mdc-list-item, .mat-mdc-selection-list[dense] .mat-list-item { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-item .mat-mdc-line, .mat-mdc-nav-list[dense] .mat-mdc-list-item .mat-mdc-line, .mat-mdc-selection-list[dense] .mat-mdc-list-item .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list[dense] .mat-mdc-list-item .mat-mdc-line:nth-child(n+2) { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-option, .mat-mdc-nav-list[dense] .mat-mdc-list-option, .mat-mdc-selection-list[dense] .mat-mdc-list-option { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-list-option .mat-mdc-line, .mat-mdc-nav-list[dense] .mat-mdc-list-option .mat-mdc-line, .mat-mdc-selection-list[dense] .mat-mdc-list-option .mat-mdc-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-mdc-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-nav-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2), .mat-mdc-selection-list[dense] .mat-mdc-list-option .mat-mdc-line:nth-child(n+2) { font-size: 12px; } .mat-mdc-list[dense] .mat-mdc-subheader, .mat-mdc-nav-list[dense] .mat-mdc-subheader, .mat-mdc-selection-list[dense] .mat-mdc-subheader { font-family: Arial; font-size: 12px; font-weight: 500; } .mat-option { font-family: Arial; font-size: 16px; } .mat-optgroup-label { font: 500 14px/24px Arial; } .mat-simple-snackbar { font-family: Arial; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 400; } .mat-tree { font-family: Arial; } .mat-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; } @media screen and (-ms-high-contrast: active) { .mat-ripple { display: none; } } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale(0); } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; outline: 0; -webkit-appearance: none; -moz-appearance: none; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } @media screen and (-ms-high-contrast: active) { .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.288); } .cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } @keyframes cdk-text-field-autofill-start {} @keyframes cdk-text-field-autofill-end {} .cdk-text-field-autofill-monitored:-webkit-autofill { animation-name: cdk-text-field-autofill-start; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation-name: cdk-text-field-autofill-end; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { height: auto !important; overflow: hidden !important; padding: 2px 0 !important; box-sizing: content-box !important; } /* For use in src/lib/core/theming/_palette.scss */ /* html { font-size: 73% !important; } */ /* .mat-button { &.mat-primary:not([disabled]):not(mat-raised-button):not(mat-flat-button) { &, .mat-button-wrapper { } } &:not([disabled]) .mat-button-wrapper { color: inherit !important; } &:hover:not([disabled]) .mat-button-wrapper { color: inherit !important; } } */ .fa-plus-square-o { background: transparent url("../images/icon_open_close.png") no-repeat left top; height: 21px; width: 21px; } .fa-plus-square-o:before { display: none; } .fa-minus-square-o { background: transparent url("../images/icon_open_close.png") no-repeat left -21px; height: 21px; width: 21px; } .fa-minus-square-o:before { display: none; } /*! * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-haykal:before { content: "\f666"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("fonts/fa-solid-900.ttf") format("truetype"); } /*** Defect Id: 26327 ***/ .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /**** Font Awesome Ends ****/ .alert-inpage { width: auto; padding: 0 1.5rem 0 1rem; border: 1px solid black; border-left-width: 10px; background-color: white; color: black; font-size: 1.6rem; margin-top: 1rem; margin-bottom: 1rem; } .alert-inpage.error { border-color: #b94a48; } .alert-inpage.error p { line-height: 2rem; padding-left: 3rem; position: relative; } .alert-inpage.error p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #b94a48; font-size: 2.4rem; } .alert-inpage.confirm { border-color: #fe9c44; } .alert-inpage.confirm p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.confirm p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #fe9c44; font-size: 2.4rem; } .alert-inpage.warn { border-color: #ffd2a5; } .alert-inpage.warn p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.warn p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #ffd2a5; font-size: 2.4rem; } .alert-inpage.info { border-color: #83744c; } .alert-inpage.info p { line-height: 2.4rem; padding-left: 3rem; } .alert-inpage.info p::before { font-family: FontAwesome; content: ""; position: absolute; margin-bottom: -1rem; margin-left: -3rem; color: #83744c; font-size: 2.4rem; } .badge { display: inline-block; padding: 0.4rem 0.6rem; font-size: 1.2rem; font-weight: 700; line-height: 1rem; min-width: 1rem; text-align: center; white-space: nowrap; color: white; vertical-align: baseline; border-radius: 1.2rem; background-color: lightgray; } .badge:empty { display: none; } .badge.square-badge { padding: 0.4rem 0.8rem; border-radius: 3px; min-width: 1.2rem; font-size: 1rem; } .mat-flat-button, .mat-icon-button, .mat-stroked-button { border-radius: 4px !important; } .mat-button .mat-button-focus-overlay { background-color: transparent; } .mat-stroked-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.14); background-color: rgba(0, 0, 0, 0.12); } .mat-button .mat-button-wrapper > *, .mat-fab .mat-button-wrapper > *, .mat-flat-button .mat-button-wrapper > *, .mat-icon-button .mat-button-wrapper > *, .mat-mini-fab .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > *, .mat-stroked-button .mat-button-wrapper > * { vertical-align: initial !important; } .mat-raised-button, .mat-stroked-button { border-radius: 4px !important; min-width: 60px !important; padding: 0 20px !important; text-transform: capitalize; } .mat-button.small-button, .mat-raised-button.small-button, .mat-stroked-button.small-button { font-size: 1.2rem; padding: 0 14px !important; line-height: 32px !important; } .mat-button.small-button.secondary-button, .mat-raised-button.small-button.secondary-button, .mat-stroked-button.small-button.secondary-button { line-height: 30px !important; } .mat-button.large-button, .mat-raised-button.large-button, .mat-stroked-button.large-button { font-size: 1.6rem; padding: 0 18px !important; line-height: 32px; } .mat-button .mat-icon, .mat-raised-button .mat-icon, .mat-stroked-button .mat-icon { line-height: inherit; font-size: 1.5rem; width: auto; } .mat-stroked-button { line-height: 32px !important; } .mat-stroked-button.small-button { line-height: 30px !important; } .mat-button.small-button.action-button { line-height: 20px !important; } .mat-raised-button.mat-primary:hover:not([disabled]) { background-color: #83744c; } .mat-icon-button.dropdown-menu { width: 20px !important; height: 20px !important; line-height: 18px !important; } .mat-icon-button.dropdown-menu .mat-icon { border: 1px #83744c solid; border-radius: 2px; color: #83744c; height: 17px; width: 18px; font-weight: 600; line-height: 18px; margin: 0; } .mat-icon-button.dropdown-menu:hover .mat-icon, .mat-icon-button.dropdown-menu:focus .mat-icon { border-color: #83744c; color: #83744c; } .mat-button:hover .mat-button-focus-overlay { background-color: transparent; } /* .mat-button:not([disabled]) .mat-button-wrapper { color: #0088cc; } */ /* .mat-button:hover:not([disabled]) .mat-button-wrapper { color: #83744c; text-decoration: underline; } */ .mat-button .mat-ripple-element { opacity: 0; } .mat-toolbar .mat-button:not([disabled]) .mat-button-wrapper, .mat-toolbar .mat-button:hover:not([disabled]) .mat-button-wrapper { color: inherit; } .mat-button .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > * { margin: 0 0 0 8px; } .next-action .mat-button .mat-button-wrapper > *, .previous-action .mat-button .mat-button-wrapper > *, .next-action .mat-raised-button .mat-button-wrapper > *, .previous-action .mat-raised-button .mat-button-wrapper > * { margin-left: 0; } .mat-fab, .mat-mini-fab, .mat-raised-button { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important; line-height: 34px !important; } .btn { border-radius: 4px !important; background: transparent; } .btn:hover, .btn:focus { background-color: rgba(0, 0, 0, 0.12); opacity: 1; /* text-decoration: underline; */ } .btn-raised { color: black; background-color: white; transform: translate3d(0, 0, 0); transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); box-shadow: none !important; line-height: 34px !important; } .btn-raised:not([disabled]):active { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .btn-raised[disabled] { box-shadow: none; } .btn-raised.mat-primary { background-color: #83744c; color: #ffffff; } .btn.secondary-button, .btn-raised.secondary-button { border: 1px solid #83744c; line-height: 32px !important; border-radius: 4px !important; background-color: #d9e9ff; color: #83744c; } .btn.small-button, .btn-raised.small-button { font-size: 1.2rem; padding: 0 14px; line-height: 32px !important; } button.close { padding: 0; background: transparent; border: 0; appearance: none; } /* .mat-datepicker-toggle .mat-icon-button { margin-right: -1rem; } */ .mat-datepicker-toggle .mat-icon-button:hover { color: #686666; } .mat-datepicker-toggle .mat-icon-button .mat-button-wrapper { display: none; } .mat-mdc-datepicker-toggle .mat-mdc-icon-button::before { content: ""; display: inline-block; font-family: FontAwesome; font-size: inherit; /* margin-top: -2rem; */ text-rendering: auto; -webkit-font-smoothing: antialiased; } .mat-calendar-body-label { padding: 5.7142857143% 0 5.7142857143% 5.7142857143% !important; } .mat-calendar-body-selected { border-radius: 0; background-color: #ebebeb; color: black; } button .mat-calendar-body-selected { border-radius: 0 !important; background-color: #ebebeb !important; color: black !important; } button .mat-calendar-body-cell-content::before { margin: unset !important; } .mat-datepicker-toggle .mat-icon-button { padding: 0 8px !important; } .mat-calendar-body-cell-content { border-radius: 0 !important; } .mat-calendar-next-button.mat-icon-button, .mat-calendar-previous-button.mat-mdc-icon-button { color: #83744c; position: absolute; left:0; } .mat-calendar-next-button.mat-icon-button, .mat-calendar-next-button.mat-mdc-icon-button { color: #83744c; position: absolute; right: 0; } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border: none; background-color: #e0e0e0; } .mat-calendar-period-button { min-width: 0; position: relative; text-align: center; flex: 1; height: 52px; line-height: 36px; top: 5px; } .mat-calendar-period-button .mat-button-wrapper { color: black; font-size: 2rem; margin-left: 20px; } .mat-calendar-period-button .mat-button-wrapper .mat-calendar-arrow { margin: 0.5rem 1rem; } .mat-calendar-spacer { display: none; } .mat-calendar-controls { padding: 0 calc(100% / 14 - 22px) 2% calc(100% / 14 - 22px) !important; } .mat-calendar-body-cell { padding: 5.7142857143% 0 !important; /*Tighten padding between date numbers*/ } button.mat-calendar-body-cell { border: none !important; background: none !important; } .mat-calendar-next-button.mat-icon-button { right: 0; } .mat-calendar-previous-button.mat-icon-button { left: 0; } .mat-card { box-shadow: none !important; padding: 1.5rem 1rem !important; border-radius: 0 !important; } .mat-checkbox-frame, .mat-pseudo-checkbox { border-width: 1px !important; background-color: white !important; } .mat-checkbox-background, .mat-checkbox-frame, .mat-pseudo-checkbox { border-radius: 0 !important; } .mat-checkbox-inner-container, .mat-pseudo-checkbox { height: 1.4rem !important; width: 1.4rem !important; } .mat-pseudo-checkbox { margin-top: -0.3rem !important; } .mat-checkbox-label { white-space: normal !important; font-weight: 400 !important; } .mat-checkbox-layout .mat-checkbox-label { line-height: 17px; white-space: normal !important; } .mat-pseudo-checkbox-checked::after { top: 2px !important; left: 1px !important; width: 8px !important; height: 4px !important; } .modal .mat-dialog-container { padding: 0 !important; background-color: white; border: 2px solid #878787; border-radius: 6px; } @media (max-width: 575.99px) { .modal .mat-dialog-container { width: 100%; max-width: 100vw; box-shadow: none; position: absolute; top: 0; left: 0; } } .modal .mat-dialog-container .mat-dialog-content { padding: 0; margin: 0; background-color: white; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-content { flex: 1; max-height: initial; } } .modal .mat-dialog-container .mat-dialog-title { display: flex; background-color: #ededed; padding: 0.5rem 2rem; margin-bottom: 0; justify-content: space-between; color: black; } .modal .mat-dialog-container .mat-dialog-title h1 { font-size: 2.2rem; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-title h1 { font-size: 1.8rem; } } .modal .mat-dialog-container .mat-dialog-title .close { float: right; font-size: 3rem; font-weight: 700; line-height: 1; margin-right: -0.4rem; margin-top: -1rem; color: black; font-size: 2.5rem; font-weight: 400; opacity: 0.2; } .modal .mat-dialog-container .mat-dialog-title .close:hover { opacity: 0.4; } .modal .mat-dialog-container .mat-dialog-title .close span:after { color: #000; content: ""; cursor: pointer; font-family: FontAwesome; display: inline-block; margin-left: -19px; padding: 1px; } .modal .mat-dialog-container .mat-dialog-content-padded { padding: 1rem 2rem; background-color: white; } .modal .mat-dialog-container .mat-dialog-actions { background-color: white; border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 1.4rem 1.6rem; } @media (max-width: 575.99px) { .modal .mat-dialog-container .mat-dialog-actions { padding: 1.4rem 0.8rem; } } .modal .mat-dialog-container .mat-dialog-actions:last-child { margin-bottom: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional { justify-content: space-between; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons { margin-left: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button { font-size: 1.2rem; padding: 0 14px; line-height: 29px !important; } .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-raised-button + .mat-stroked-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-raised-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .action-buttons .mat-button + .mat-stroked-button { margin-left: 1rem; } .modal .mat-dialog-container .mat-dialog-actions.directional .previous-action, .modal .mat-dialog-container .mat-dialog-actions.directional .next-action { min-width: 80px; } .modal .mat-dialog-container .mat-dialog-actions.directional .previous-action .mat-button, .modal .mat-dialog-container .mat-dialog-actions.directional .next-action .mat-button { min-width: 40px !important; padding: 0 !important; margin-left: 0; } .modal .mat-dialog-container .mat-dialog-actions.directional .next-action { text-align: right; } .mat-dialog-container { padding: 20px 20px 27px !important; height: auto; } .mat-dialog-container .mat-dialog-title { display: flex; margin-bottom: 0; justify-content: space-between; } .mat-dialog-container .mat-dialog-content { margin: 0 -10px; padding: 0 12px; } .mat-dialog-container .mat-dialog-actions .action-buttons { margin-left: auto; margin-right: auto; display: flex; flex-direction: row-reverse; } .mat-dialog-container .mat-dialog-actions .action-buttons .mat-raised-button, .mat-dialog-container .mat-dialog-actions .action-buttons .mat-button, .mat-dialog-container .mat-dialog-actions .action-buttons .mat-stroked-button { margin-left: 1rem; font-size: 1.2rem; padding: 0 14px; } .mat-dialog-container .messaging-icon { min-width: 3rem; max-width: 4rem; } .mat-dialog-container .close { float: right; margin-left: auto; font-size: 2.6rem; font-weight: bold; line-height: 2.6rem; color: black; font-size: 2.5rem; font-weight: 400; opacity: 0.2; } .mat-dialog-container .close:hover, .mat-dialog-container .close:focus { text-decoration: none; opacity: 0.75; cursor: pointer; outline: none; } .mat-dialog-container .close:hover { opacity: 0.4; } .mat-dialog-container .close span:after { color: #000; content: ""; cursor: pointer; font-family: FontAwesome; display: inline-block; margin-left: -19px; padding: 1px; } .form-inline > * { margin: 0 0.8rem 0 0; } /* :not(.form-inline) label + div .mat-form-field { padding-top: 0.5rem; } */ /* body { */ /* box-sizing: border-box; */ /* margin: 0; */ /* padding: 0; */ /* } */ .wrapper { box-sizing: border-box; max-width: 1550px; min-width: 1012px; margin: 0 auto; } .container-fluid, .container { margin-right: auto; margin-left: auto; } .container-fluid { /*height: 90vh;*/ width: 100vw; display: flex; position: inherit; padding-right: 1.5rem; padding-left: 1.5rem; } .row { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 2rem; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > .col, .row.no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .row.shrink { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .row.shrink [class*=col-] { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; margin-right: 1rem; flex-basis: auto; } .row.reverse { -webkit-box-direction: reverse; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-xs-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-xs-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-xs-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-xs-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-xs-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-xs-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-xs-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-xs-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-xs { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-sm-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-sm-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-sm-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-sm-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-sm-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-sm-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-sm-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-sm-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-sm { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-md-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-md-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-md-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-md-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-md-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-md-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-md-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-md-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-md { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-md { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-preferred-size: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-preferred-size: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-preferred-size: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-preferred-size: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-lg-offset-1 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-lg-offset-2 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-lg-offset-3 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-lg-offset-5 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-lg-offset-6 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-lg-offset-8 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-lg-offset-9 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-lg-offset-11 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-lg { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; text-align: left; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; text-align: right; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } /** Defect ID: 20938 **/ /* hr { */ /* display: block; */ /* height: 1px; */ /* border: 0; */ /* border-top: 1px solid rgba(0, 0, 0, 0.6); */ /* margin: 0.5rem 0 0; */ /* padding: 0; */ /* } */ hr.light { border-color: rgba(0, 0, 0, 0.12); } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start { border-width: 1px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { border-bottom-left-radius: 3px !important; border-top-left-radius: 3px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { border-bottom-right-radius: 3px !important; border-top-right-radius: 3px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix { top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix .mat-icon-button, .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix .mat-icon-button { line-height: 34px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix { padding-right: 1rem; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-subscript-wrapper { padding-left: 1px !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper { margin-top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex { background-color: white; } .mat-mdc-form-field-underline { height: 0 !important; visibility: hidden; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-flex, .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { padding: 0 1em !important; margin-top: 0 !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-select-arrow-wrapper { transform: translateY(0) !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { border: 1px solid transparent; border-radius: 0 !important; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-infix { border-top: 0; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-wrapper { margin: 0 !important; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: white !important; -webkit-box-shadow: 0 0 0 30px white inset; background-image: none !important; color: black !important; } .mat-mdc-form-field-required-marker { display: none; } .mat-mdc-input-container.mat-mdc-focused .mat-mdc-form-field-infix { transition: all 0.3s; border: 1px solid #e1751c; } .mat-mdc-input-wrapper .mat-mdc-input-underline { border-color: transparent; background-color: transparent; } .mat-mdc-input-wrapper .mat-mdc-input-underline .mat-mdc-input-ripple { background-color: transparent; } .mat-form-field-disabled .mat-mdc-form-field-flex { /* background-color: rgba(0, 0, 0, 0.12); */ } .mat-form-field-disabled .mat-mdc-text-field-wrapper { background-color: rgba(0, 0, 0, 0.12); } .input-warning.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline { color: #ffb005 !important; } .input-warning .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-invalid.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { color: #ffb005 !important; } .input-warning .input-warning .mat-mdc-error { color: #ffb005 !important; } .input-warning .mat-mdc-input-element { caret-color: #ffb005 !important; } .input-warning .mat-mdc-form-field-invalid .mat-mdc-input-element { caret-color: #ffb005 !important; } textarea:disabled.mat-mdc-input-element { opacity: 0.5; } /*Text Inputs + Textarea ==========================================================================*/ /*Style Placeholders*/ ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.38); } :-moz-placeholder { /*Firefox 18-*/ color: rgba(0, 0, 0, 0.38); } ::-moz-placeholder { /*Firefox 19+*/ color: rgba(0, 0, 0, 0.38); } :-ms-input-placeholder { color: rgba(0, 0, 0, 0.38); } input::-ms-clear { width: 0; height: 0; } .key-value-list { display: inline-flex; flex-flow: row; margin: 0; padding-bottom: 1.4rem; line-height: 1.6rem; flex-wrap: nowrap; width: 100%; /*set the container width*/ overflow: visible; } .key-value-list dt { flex: 0 0 40%; color: black; font-weight: 500; } .key-value-list dd { flex: 0 0 59%; margin-left: 1rem; text-align: left; } .key-value-list.inline-list { display: inline-flex; margin-right: 1.4rem; width: auto; } .key-value-list.inline-list dt { flex: 0 0 auto; } .key-value-list.inline-list dd { flex: 0 0 auto; margin-left: 0.8rem; } .mat-mdc-progress-spinner { background: #c8c8c8; border-radius: 50%; position: relative; margin: 5% auto; } .mat-mdc-progress-spinner::after { content: " "; display: block; background: white; top: 50%; left: 50%; margin: -42% 0 0 -42%; width: 84%; height: 84%; border-radius: 100%; position: absolute; } .progress-spinner { width: 80px; height: 80px; border-radius: 50%; border: 6px solid #0088cc; border-top-color: #83744c; box-sizing: border-box; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; animation: loading 1.2s ease-in-out infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mat-menu-item { line-height: 34px !important; height: 34px !important; } .mat-menu-item .mat-menu-ripple .mat-ripple-element { background-color: rgba(255, 255, 255, 0.2); } .mat-menu-panel { border-radius: 0 !important; } .mat-menu-panel button { border-radius: 0; } .mat-autocomplete-panel .mat-option { line-height: 3rem !important; height: 3rem !important; } .nav-horizontal { list-style: none; display: flex; flex-wrap: wrap; margin: 0; padding-left: 0; } .nav-horizontal .nav-item { display: block; float: left; } .nav-horizontal .nav-item .nav-link { padding: 0 1.2rem; color: #757575; } .nav-horizontal .nav-item .nav-link:hover, .nav-horizontal .nav-item .nav-link:focus { color: #000000; text-decoration: underline; font-weight: 500; outline: 0; } .nav-horizontal .nav-item .nav-link.disabled { color: grey; } .nav-horizontal .nav-item .nav-link.active, .nav-item.show .nav-horizontal .nav-item .nav-link { color: #000000; font-weight: 500; } .nav-horizontal .nav-item:not(:last-child)::after { content: "|"; color: #757575; } .nav-leftpanel { margin-left: -1.5rem !important; } .nav-leftpanel-item { border-top: 1px solid #0088cc; border-bottom: 1px solid #0088cc; padding: 1.5rem 2rem; } .nav-leftpanel-item a { color: black; } .nav-leftpanel-item.active { background-color: #476f9c; border-top: 1px solid #83744c; border-bottom: 1px solid #83744c; font-weight: 700; } .nav-leftpanel-item:hover, .nav-leftpanel-item:focus { background-color: #83744c; cursor: pointer; border-top-color: #83744c; border-bottom-color: #83744c; } .nav-leftpanel-item:hover a, .nav-leftpanel-item:focus a { color: #ffffff; } .mat-radio-group { display: flex; flex-direction: row; justify-content: flex-start; /* margin: 0 0 1em; */ border: none !important; box-shadow: none !important; padding: 0; height: auto; } .mat-radio-group .mat-radio-button { margin: 0 1.81em 0 0; } .mat-radio-outer-circle { width: 1.6rem !important; height: 1.6rem !important; top: 1px !important; border-width: 1px !important; } .mat-radio-inner-circle { height: 1.4rem !important; left: 1px !important; top: 2px !important; width: 1.4rem !important; } .mat-radio-label-content { padding-left: 0 !important; } .mat-radio-label { font-weight: 400 !important; margin-left: 0 !important; padding-top: 0 !important; } .mat-mdc-form-field-appearance-outline .mat-mdc-select-arrow-wrapper { transform: none !important; } .mat-mdc-select-panel .mat-optgroup-label, .mat-mdc-select-panel .mat-option { line-height: 3rem !important; height: 3rem !important; } .mat-mdc-select-arrow { margin: 0 !important; } .mat-option-ripple .mat-ripple-element { background-color: rgba(255, 255, 255, 0.25); } .multi-select .mat-mdc-select .mat-mdc-select-value { max-width: 0; } .multi-select .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: black; background-color: #ebebeb; } .multi-select .mat-mdc-primary .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: black; } /* select { background-color: white; color: black; width: 100%; padding: 0 10px; border: 1px solid #5b84ad; height: 1.8rem; } select:focus { border: 1px solid rgba(80, 168, 235, 0.8); outline: none; } select:focus::-ms-value { color: black; background-color: white; } .select-label { position: absolute; } */ .mat-sidenav .close { float: right; font-size: 2.4em; font-weight: 700; line-height: 1; margin-top: 0.5rem; color: black; } .mat-step-header:hover .mat-step-icon, .mat-step-header:hover .mat-step-icon-not-touched { border-color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-icon:after, .mat-step-header:hover .mat-step-icon-not-touched:after { border-color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-label { text-decoration: underline; color: rgba(80, 168, 235, 0.8); } .mat-step-header:hover .mat-step-label .mat-step-optional { text-decoration: none; } .mat-step-header .mat-ripple-element { opacity: 0.05; } .mat-stepper-horizontal { padding-left: 8px; padding-right: 8px; } .mat-stepper-horizontal .mat-horizontal-stepper-header { flex-flow: column-reverse; justify-content: space-between; height: 94px !important; } .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon, .mat-stepper-horizontal .mat-horizontal-stepper-header .mat-step-icon-not-touched { margin-bottom: 34px; margin-right: 0 !important; } .mat-stepper-horizontal .mat-step-label { margin-top: 2px; margin-bottom: -6px; } .mat-stepper-horizontal .mat-step-text-label { text-align: center; } .mat-stepper-horizontal .mat-step-icon .mat-icon { height: 22px !important; } .mat-stepper-horizontal .mat-stepper-horizontal-line { margin: 0 -40px !important; } .mat-mdc-tab-list .mat-mdc-tab-labels { border-bottom: 1px solid #cfcfcf; } .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label:first-child, .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-link:first-child { margin-left: 0; } .mat-mdc-tab-list .mat-mdc-tab-label { color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important; } .mat-mdc-tab-list .mat-mdc-tab-label.mat-mdc-tab-label-active { margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black; background-color: white; } .mat-mdc-tab-list .mat-ink-bar { display: none; height: 0; } .mat-mdc-tab-body{ border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 20px; } .nav-tabs { border-bottom: 1px solid white; list-style: none; display: flex; padding-left: 1rem; margin-top: 0; margin-bottom: 0; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; display: block; color: black; padding: 0 1rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { color: #000000; outline: 0; background-color: white; border-color: white; } .nav-tabs .nav-link.active, .nav-item.show .nav-tabs .nav-link { color: black; font-weight: 700; background-color: white; border-color: white; } .nav-tabs .nav-link.disabled { color: grey; background-color: transparent; border-color: transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-radius: 0; } .table { border: none; width: 100%; display: table; border-spacing: 0; border-collapse: collapse; } .table > tbody > tr.indented-row-1 > td:first-child { padding-left: 1.4em; } .table > tbody > tr.indented-row-2 > td:first-child { padding-left: 2.8em; } .table > tbody > tr.indented-row-3 > td:first-child { padding-left: 4.2em; } .table > tbody > tr.indented-row-4 > td:first-child { padding-left: 5.6em; } .table ~ .table { margin-top: -1; } .table > tbody > tr.no-border-row > td { border-bottom: none; padding: 2px 8px 8px; } .table.striped > tbody > tr:nth-child(odd) { background-color: #92afcb; } .table.striped > tbody > tr > td { border-radius: 0; } .table.highlight > tbody > tr { transition: background-color 0.25s ease; } .table.highlight > tbody > tr:hover { background-color: #ebebeb; } .table > thead th, .table > thead td { text-align: left; padding: 0.2rem 0.8rem; line-height: 4rem; border-top: 0.2rem solid rgba(0, 0, 0, 0.35); border-bottom: 1px solid #cccccc; } .table > thead.summary-header th, .table > thead.summary-header td { border-top: none; background-color: #ebebeb; } .table > tbody { font-weight: 400; font-weight: 400; font-weight: 400; font-weight: 400; } .table > tbody > tr > td { padding: 1.4rem 0.5rem; display: table-cell; color: black; text-align: left; line-height: 1.6rem; border-bottom: 1px solid #cccccc; vertical-align: middle; } .table > tbody > tr > td:nth-of-type(1) { padding-right: 10px; } .table > tbody > tr > td:last-child { border-right: transparent; padding-right: 10px; } .table > tbody > tr > td.data-value { font-weight: 500; color: black; } .table > tbody > tr.parent-row > td { color: black; } .table > tbody > tr.parent-row > td.data-value { font-weight: 500; color: black; } .table > tbody > tr.indented-row-1 > td { font-weight: 400; } .table > tbody > tr.indented-row-2 > td { font-weight: 400; } .table > tbody > tr.indented-row-3 > td { font-weight: 400; } .table > tbody > tr.indented-row-4 > td { font-weight: 400; } .table > tbody.borderless td { border: 0; } .table > tbody.borderless tr { border: 0; } .table.data-table.compact > tbody > tr:not(:first-child) > td { padding: 0 0.5rem 1rem; } .table.data-table tbody [rowspan], .table.data-table thead [rowspan] ~ th, .table.data-table tbody [rowspan] ~ td { border-bottom: none; padding-bottom: 0.1rem !important; } .table.data-table > thead > tr > th.data-table-chevron { width: 1em; padding-right: 0.4rem; padding-left: 0.8rem; } .table.data-table > thead > tr > th.data-table-chevron .fa { color: #83744c; } .table.data-table > tbody > tr > td.data-table-date { width: 2em; padding-right: 1.2rem; padding-top: 0; text-align: center; padding-bottom: 0 !important; vertical-align: middle; border-bottom: 1px solid #cccccc; } .table.data-table > tbody > tr > td.data-table-chevron { width: 1em; padding-right: 0.8rem; padding-left: 0.4rem; border-bottom: 1px solid #cccccc; } .table.data-table .fa-chevron-left, .table.data-table .fa-chevron-right { color: rgba(0, 0, 0, 0.3); } /*Button Toggle*/ .mat-button-toggle-standalone { position: relative; display: inline-flex; flex-direction: row; border-radius: 0 !important; cursor: pointer; overflow: inherit !important; justify-content: center; box-shadow: none !important; white-space: nowrap; } .mat-button-toggle-group { overflow: inherit !important; box-shadow: none !important; border-radius: none !important; } .mat-button-toggle .mat-ripple-element { background-color: rgba(254, 178, 102, 0.1); } .mat-button-toggle .mat-button-toggle-label-content { padding: 0 14px 0 12px; line-height: 31px !important; } .mat-button-toggle .mat-button-toggle-label-content::before { font-family: FontAwesome; content: ""; padding: 0.1rem; font-size: 1.1rem; color: transparent; border: 1px solid rgba(0, 0, 0, 0.3); margin-right: 0.6rem; position: relative; top: -1px; } .mat-button-toggle-disabled .mat-button-toggle-label-content::before { opacity: 0.58; } .mat-button-toggle-checked .mat-button-toggle-label-content { padding: 0 14px 0 12px; } .mat-button-toggle-checked .mat-button-toggle-label-content::before { font-family: FontAwesome; content: ""; padding: 0.1rem; font-size: 1.1rem; color: white; background-color: #fe9c44; border-color: #fe9c44; position: relative; top: -1px; } /*Slide Toggle*/ .mat-slide-toggle { margin: 0 6px; } .tooltip-container { position: relative; display: block; width: auto; } .tooltip-container .arrow { position: absolute; display: block; width: 10px; height: 10px; } .tooltip-container .arrow::before { position: absolute; border-color: transparent; border-style: solid; } .tooltip-container.bs-tooltip-top .arrow { bottom: 0; } .tooltip-container.bs-tooltip-top .arrow::before { margin-left: -10px; content: ""; border-width: 10px 10px 0; border-top-color: red; } .tooltip-container.bs-tooltip-right .arrow { left: 0; } .tooltip-container.bs-tooltip-right .arrow::before { margin-top: -10px; content: ""; border-width: 10px 10px 10px 0; border-right-color: black; } .tooltip-container.bs-tooltip-bottom .arrow { top: 0; } .tooltip-container.bs-tooltip-bottom .arrow::before { margin-left: -10px; content: ""; border-width: 0 10px 10px; border-bottom-color: black; } .tooltip-container.bs-tooltip-left .arrow { right: 0; top: 5px; } .tooltip-container.bs-tooltip-left .arrow::before { right: 0; margin-right: -10px; content: ""; border-width: 6px 0 6px 10px; border-left-color: black; } .tooltip { position: absolute; z-index: 999; word-wrap: break-word; visibility: hidden; opacity: 0; max-width: 250px; padding: 1rem; color: white; background-color: black; border-radius: 0; } .tooltip-container:hover .tooltip { visibility: visible; opacity: 1; } .mat-tooltip { border-radius: 0 !important; } .mat-tooltip:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-tooltip.error-state { background-color: white; border: 1px solid #fd0900; border-left-width: 1rem; color: black; padding-left: 10px; border-radius: 2px; } .mat-tooltip.warning-state { background-color: white; border: 1px solid #ffb005; border-left-width: 1rem; color: black; padding-left: 10px; border-radius: 2px; } html { line-height: 1.5; font-family: Arial; font-weight: normal; color: black; font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { text-decoration: none; /* color: #0088cc; */ } /* body { */ /* font-size: 1.4rem; */ /* } */ sup { text-decoration: none; display: inline-block; line-height: 1.1em; margin-left: 0.2rem; } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 2.2rem; line-height: 110%; margin: 1.1rem 0 0.88rem 0; } h2 { font-size: 1.8rem; line-height: 110%; margin: 0.9rem 0 0.72rem 0; } h3 { font-size: 1.6rem; line-height: 110%; margin: 0.8rem 0 0.64rem 0; } h4 { font-size: 1.4rem; line-height: 110%; margin: 0.7rem 0 0.56rem 0; } h5 { font-size: 1.2rem; line-height: 110%; margin: 0.6rem 0 0.48rem 0; } h6 { font-size: 1rem; line-height: 110%; margin: 0.5rem 0 0.4rem 0; } em { font-style: italic; } strong { font-weight: 600; } small, .small { font-size: 1.2rem; } .large { font-size: 1.6rem; } .xlarge { font-size: 1.8rem; } .xsmall { font-size: 1rem; } .xxsmall { font-size: 0.8rem; } .thin-weight { font-weight: 100; } .light-weight { font-weight: 300; } .regular-weight { font-weight: 400; } .medium-weight { font-weight: 500; } /* --------- COMPONENTS ------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 13px !important; color: #333; /* overflow-x: hidden; */ } a { cursor: pointer; color: #0057b8; font-weight: normal; /* WRI Access Code Fix */ } .mat-option.mat-active { background: #e4f0fb; color: #000000; font-weight: normal; /* WRI Access Fix */ } .mat-mdc-select-panel .mat-option.mat-mdc-selected:not(.mat-option-multiple) { background: #1e90ff; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: #2faeff; color: #ffffff; } .mat-primary .mat-option.mat-mdc-selected:not(.mat-option-disabled) { color: #fff; } /* .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } */ .mat-option { color: black; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: #2faeff; color: #ffffff; } .mat-option.mat-mdc-selected:not(.mat-mdc-option-multiple):not(.mat-mdc-option-disabled) { background: #e4f0fb; color: #000000; } .mat-option.mat-active { background: #e4f0fb; color: #000000; } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: #000000; font-weight: 400; } .mat-accent .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: #c841c5; } .mat-warn .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-disabled) { color: red; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.6); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.6); } .mat-pseudo-checkbox::after { color: #333; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #c841c5; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #0572d6; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: red; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: white; color: black; } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: black; } .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-active):not(:hover) { background: white; } .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-active):not(:hover):not(.mat-mdc-option-disabled) { color: black; } .mat-badge-content { color: white; background: #0572d6; } .mat-badge-accent .mat-badge-content { background: #c841c5; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: red; } .mat-badge { position: relative; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } @media screen and (-ms-high-contrast: active) { .mat-badge-small .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } @media screen and (-ms-high-contrast: active) { .mat-badge-medium .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } @media screen and (-ms-high-contrast: active) { .mat-badge-large .mat-badge-content { outline: solid 1px; border-radius: 0; } } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-bottom-sheet-container { background: white; color: black; } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #A29060; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #c841c5; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: red; } .mat-button.mat-primary[disabled], .mat-button.mat-accent[disabled], .mat-button.mat-warn[disabled], .mat-button[disabled][disabled], .mat-icon-button.mat-primary[disabled], .mat-icon-button.mat-accent[disabled], .mat-icon-button.mat-warn[disabled], .mat-icon-button[disabled][disabled], .mat-stroked-button.mat-primary[disabled], .mat-stroked-button.mat-accent[disabled], .mat-stroked-button.mat-warn[disabled], .mat-stroked-button[disabled][disabled], .mdc-icon-button[disabled] { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: rgba(5, 114, 214, 0.12); } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: rgba(200, 65, 197, 0.12); } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: rgba(255, 0, 0, 0.12); } .mat-button[disabled] .mat-button-focus-overlay, .mat-icon-button[disabled] .mat-button-focus-overlay, .mat-stroked-button[disabled] .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.1); } .mat-button.mat-accent .mat-ripple-element, .mat-icon-button.mat-accent .mat-ripple-element, .mat-stroked-button.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.1); } .mat-button.mat-warn .mat-ripple-element, .mat-icon-button.mat-warn .mat-ripple-element, .mat-stroked-button.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.1); } .mat-button.mat-primary.negative-action, .mat-icon-button.mat-primary.negative-action, .mat-stroked-button.mat-primary.negative-action { border: 1px solid #c8c8c8; color: #0572d6; background-color: white; } .mat-button.mat-primary.negative-action:hover:not([disabled]), .mat-icon-button.mat-primary.negative-action:hover:not([disabled]), .mat-stroked-button.mat-primary.negative-action:hover:not([disabled]) { border-color: #2faeff; color: #2faeff; } .mat-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper, .mat-icon-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper, .mat-stroked-button.mat-primary.negative-action:hover:not([disabled]):not([disabled]) .mat-button-wrapper { color: #2faeff; } .mat-button.mat-primary.negative-action .mat-button-focus-overlay, .mat-icon-button.mat-primary.negative-action .mat-button-focus-overlay, .mat-stroked-button.mat-primary.negative-action .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.1); } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.1); } .mat-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-icon-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-stroked-button.mat-primary.negative-action .mat-ripple-element.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.1); } .mat-button.mat-primary.negative-action:focus:not([disabled]), .mat-icon-button.mat-primary.negative-action:focus:not([disabled]), .mat-stroked-button.mat-primary.negative-action:focus:not([disabled]) { border-color: #2fdaff; } .mat-button.mat-primary.secondary-action, .mat-icon-button.mat-primary.secondary-action, .mat-stroked-button.mat-primary.secondary-action { border: 1px solid #0572d6; background-color: #e4f0fb; color: #0572d6; } .mat-button.mat-primary.secondary-action:hover:not([disabled]), .mat-icon-button.mat-primary.secondary-action:hover:not([disabled]), .mat-stroked-button.mat-primary.secondary-action:hover:not([disabled]) { border-color: #2faeff; color: #2faeff; } .mat-button.mat-primary.secondary-action .mat-button-focus-overlay, .mat-icon-button.mat-primary.secondary-action .mat-button-focus-overlay, .mat-stroked-button.mat-primary.secondary-action .mat-button-focus-overlay { background-color: transparent; } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-icon-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element, .mat-stroked-button.mat-primary.secondary-action .mat-ripple-element.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-button.mat-primary.secondary-action:focus:not([disabled]), .mat-icon-button.mat-primary.secondary-action:focus:not([disabled]), .mat-stroked-button.mat-primary.secondary-action:focus:not([disabled]) { border-color: #2fdaff; } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: black; background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { /* color: rgba(0, 0, 0, 0.26);*/ background-color: #e5e5e5 !important; color: #aaa !important; border: 1px solid #e5e5e5 !important; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #83744C; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #c841c5; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: red; } .mat-flat-button.mat-primary[disabled], .mat-flat-button.mat-accent[disabled], .mat-flat-button.mat-warn[disabled], .mat-flat-button[disabled][disabled], .mat-raised-button.mat-primary[disabled], .mat-raised-button.mat-accent[disabled], .mat-raised-button.mat-warn[disabled], .mat-raised-button[disabled][disabled], .mat-fab.mat-primary[disabled], .mat-fab.mat-accent[disabled], .mat-fab.mat-warn[disabled], .mat-fab[disabled][disabled], .mat-mini-fab.mat-primary[disabled], .mat-mini-fab.mat-accent[disabled], .mat-mini-fab.mat-warn[disabled], .mat-mini-fab[disabled][disabled] { /*background-color: rgba(0, 0, 0, 0.12);*/ background-color: #e5e5e5 !important; color: #aaa !important; border: 1px solid #e5e5e5 !important; } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-icon-button.mat-primary .mat-ripple-element { background-color: rgba(5, 114, 214, 0.2); } .mat-icon-button.mat-accent .mat-ripple-element { background-color: rgba(200, 65, 197, 0.2); } .mat-icon-button.mat-warn .mat-ripple-element { background-color: rgba(255, 0, 0, 0.2); } .mat-button-toggle { color: black; border: 1px solid rgba(0, 0, 0, 0.3); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(232, 245, 233, 0.5); } .mat-button-toggle-checked { border: 1px solid #48b748; background-color: #e8f5e9; } .mat-button-toggle-disabled { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-card { background: white; color: black; border: 1px solid rgba(0, 0, 0, 0.15); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.6); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.6); } .mat-checkbox-checkmark { fill: white; } .mat-checkbox-checkmark-path { stroke: #333 !important; } @media screen and (-ms-high-contrast: black-on-white) { .mat-checkbox-checkmark-path { stroke: #000 !important; } } .mat-checkbox-mixedmark { background-color: white; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #0572d6; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #e2e2e2; border: 1px solid #adadad; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: red; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: #b0b0b0; } @media screen and (-ms-high-contrast: active) { .mat-checkbox-disabled { opacity: 0.5; } } @media screen and (-ms-high-contrast: active) { .mat-checkbox-background { background: none; } } .mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(5, 114, 214, 0.26); } .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(72, 183, 72, 0.16); } .mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element { background-color: rgba(255, 0, 0, 0.26); } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: black; } .mat-chip.mat-standard-chip .mat-chip-remove { color: black; opacity: 0.4; } .mat-chip.mat-standard-chip .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #0572d6; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: red; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #c841c5; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove:hover { opacity: 0.54; } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.3); } .mat-header-cell { color: rgba(0, 0, 0, 0.6); } .mat-cell, .mat-footer-cell { color: black; } .mat-calendar-arrow { border-top-color: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: #686666; float: right; } .mat-calendar-table-header { color: rgba(0, 0, 0, 0.38); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.3); } .mat-calendar-body-label { color: rgba(0, 0, 0, 0.6); } .mat-calendar-body-cell-content { color: black; border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { color: rgba(0, 0, 0, 0.26) !important; } .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) { background-color: rgba(0, 0, 0, 0.04); } .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-selected { background-color: #0572d6; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(5, 114, 214, 0.4); } .mat-datepicker-content { background-color: white; color: black; box-shadow: unset !important; border-radius: 0px !important; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #c841c5; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(200, 65, 197, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: red; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(255, 0, 0, 0.4); } .mat-datepicker-toggle-active { color: #000; } .mat-datepicker-toggle-active.mat-accent { color: #c841c5; } .mat-datepicker-toggle-active.mat-warn { color: red; } .mat-dialog-container { background: white; color: black; } .mat-divider { border-top-color: rgba(0, 0, 0, 0.3); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.3); } .mat-expansion-panel { background: white; color: black; box-shadow: none !important; } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.3); } .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-keyboard-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]).cdk-program-focused, .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:not([aria-disabled=true]):hover { background: transparent; } .mat-expansion-panel-header-title { color: black; } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: #333; } .mat-expansion-indicator::after { border-style: solid; border-width: 0 2px 2px 0; content: ''; display: inline-block; padding: 4px; transform: rotate(45deg); vertical-align: middle; } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } /*.mat-form-field.mat-focused .mat-form-field-label { color: #333; }*/ .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label.mat-accent { color: #c841c5; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-label.mat-warn { color: red; } .mat-focused .mat-mdc-form-field-required-marker { color: #c841c5; } .mat-mdc-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple { background-color: #0572d6; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple.mat-accent { background-color: #c841c5; } .mat-mdc-form-field.mat-focused .mat-mdc-form-field-ripple.mat-warn { background-color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label { color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label.mat-accent, .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-label .mat-mdc-form-field-required-marker { color: red; } .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple, .mat-mdc-form-field.mat-mdc-form-field-invalid .mat-mdc-form-field-ripple.mat-accent { background-color: red; } .mat-mdc-error { color: #333; font-size: 12px; font-weight: normal; /* WRI Access Fix */ } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { color: #999; } .mat-mdc-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-legacy.mat-mdc-form-field-disabled .mat-mdc-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-mdc-form-field-appearance-standard .mat-mdc-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-standard.mat-mdc-form-field-disabled .mat-mdc-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-flex { background-color: white; } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-mdc-form-field-appearance-fill .mat-mdc-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.26); } .mat-mdc-form-field-appearance-fill.mat-mdc-form-field-disabled .mat-mdc-form-field-underline::before { background-color: transparent; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline { color: rgba(0, 0, 0, 0.3); box-shadow: none; } .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick { color: #e1751c; } .mat-mdc-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick { color: #e1751c; box-shadow: none; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-accent .mat-mdc-form-field-outline-thick { color: #e1751c; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-warn .mat-mdc-form-field-outline-thick { color: red; } .mat-mdc-form-field-appearance-outline.mat-focused.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { box-shadow: none; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-invalid.mat-mdc-form-field-invalid .mat-mdc-form-field-outline-thick { color: red; } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-disabled .mat-mdc-form-field-label { color: rgba(0, 0, 0, 0.26); } .mat-mdc-form-field-appearance-outline.mat-mdc-form-field-disabled .mat-mdc-form-field-outline { color: rgba(0, 0, 0, 0.14); } .mat-icon.mat-primary { color: #0572d6; } .mat-icon.mat-accent { color: #c841c5; } .mat-icon.mat-warn { color: red; } .mat-mdc-input-element:disabled { color: rgba(0, 0, 0, 0.26) !important; } .mat-mdc-input-element { caret-color: #0572d6; } .mat-mdc-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-mdc-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-accent .mat-mdc-input-element { caret-color: #c841c5; } .mat-warn .mat-mdc-input-element, .mat-mdc-form-field-invalid .mat-mdc-input-element { caret-color: red; } .mat-mdc-list .mat-mdc-list-item, .mat-mdc-nav-list .mat-mdc-list-item, .mat-mdc-selection-list .mat-mdc-list-item { color: black; } .mat-mdc-list .mat-mdc-list-option, .mat-mdc-nav-list .mat-mdc-list-option, .mat-mdc-selection-list .mat-mdc-list-option { color: black; } .mat-mdc-list .mat-mdc-subheader, .mat-mdc-nav-list .mat-mdc-subheader, .mat-mdc-selection-list .mat-mdc-subheader { color: rgba(0, 0, 0, 0.6); } .mat-list-item-disabled { background-color: #eeeeee; } .mat-list-option:hover, .mat-list-option.mat-list-item-focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item.mat-list-item-focus, .mat-mdc-list-option:hover { background: rgba(0, 0, 0, 0.04); } .mat-menu-panel { background: white; } .mat-menu-item { background: transparent; color: black; } .mat-menu-item[disabled], .mat-menu-item[disabled]::after { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon:not([color]), .mat-menu-item-submenu-trigger::after { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: #2faeff; color: #ffffff; } .mat-paginator { background: white; } .mat-mdc-paginator, .mat-mdc-paginator-page-size .mat-mdc-select-trigger { color: rgba(0, 0, 0, 0.6); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-progress-bar-background { fill: #c8c8c8; } .mat-progress-bar-buffer { background-color: #c8c8c8; } .mat-progress-bar-fill::after { background-color: #0572d6; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f3d291; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f3d291; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #c841c5; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #fc7802; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #fc7802; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: red; } .mat-mdc-progress-spinner circle, .mat-mdc-spinner circle { stroke: #2faeff; } .mat-mdc-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #c841c5; } .mat-mdc-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: red; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.6); } .mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-checked .mat-radio-outer-circle { border-color: #a6a6a6; } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #0572d6; } .mat-radio-button.mat-primary .mat-radio-inner-circle { background-color: #0572d6; } .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element { background-color: rgba(5, 114, 214, 0.26); } .mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: #666; } .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { background-color: transparent; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: red; } .mat-radio-button.mat-warn .mat-radio-inner-circle { background-color: red; } .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element { background-color: rgba(255, 0, 0, 0.26); } .mat-mdc-select-content, .mat-mdc-select-panel-done-animating { background: white; padding-top: 1rem; padding-bottom: 1rem; } .mat-mdc-select-value { color: #333; } .mat-mdc-select-placeholder { color: #333; } .mat-mdc-select-disabled .mat-mdc-select-value { color: rgba(0, 0, 0, 0.26); } .mat-mdc-select-arrow { color: #686666; } .mat-mdc-select-panel { border: none; border-radius: 0; } _:-ms-lang(x), .mat-mdc-select-panel { /***Defect Id: 23952 ***/ min-width: 225px !important; } .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:not(.mat-mdc-option-multiple) { background: #e4f0fb; } .mat-mdc-form-field.mat-mdc-focused.mat-mdc-primary .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow { color: #c841c5; } .mat-mdc-form-field.mat-mdc-focused.mat-mdc-warn .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow { color: #686666; } .mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow { color: rgba(0, 0, 0, 0.26); } .mat-drawer-container { background-color: white; color: black; } .mat-drawer { background-color: white; color: black; } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c841c5; } .mat-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 65, 197, 0.5); } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle .mat-ripple-element { background-color: rgba(200, 65, 197, 0.12); } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c8c8c8; } .mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 200, 200, 0.5); } .mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-primary .mat-ripple-element { background-color: rgba(200, 200, 200, 0.12); } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb { background-color: #c841c5; } .mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar { background-color: rgba(200, 65, 197, 0.5); } .mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element { background-color: rgba(0, 0, 0, 0.06); } .mat-slide-toggle.mat-warn .mat-ripple-element { background-color: rgba(200, 65, 197, 0.12); } .mat-disabled .mat-slide-toggle-thumb { background-color: #bdbdbd; } .mat-disabled .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.1); } .mat-slide-toggle-thumb { background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-primary .mat-slider-track-fill, .mat-primary .mat-slider-thumb, .mat-primary .mat-slider-thumb-label { background-color: #0572d6; } .mat-primary .mat-slider-thumb-label-text { color: white; } .mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label { background-color: #c841c5; } .mat-accent .mat-slider-thumb-label-text { color: white; } .mat-warn .mat-slider-track-fill, .mat-warn .mat-slider-thumb, .mat-warn .mat-slider-thumb-label { background-color: red; } .mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider-focus-ring { background-color: rgba(200, 65, 197, 0.2); } .mat-slider:hover .mat-slider-track-background, .cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-disabled .mat-slider-track-background, .mat-slider-disabled .mat-slider-track-fill, .mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: #0572d6; } .mat-step-header .mat-step-icon { background-color: #0572d6; color: white; } .mat-step-header .mat-step-icon:after { border: 1px solid #0572d6; content: " "; border-radius: 50%; width: 30px; height: 30px; display: inline-block; position: absolute; } .mat-step-header .mat-step-icon-not-touched { border: 1px solid rgba(0, 0, 0, 0.26); background-color: white; color: rgba(0, 0, 0, 0.26); } .mat-step-header .mat-step-label.mat-step-label-active { color: black; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.3); } .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.3); } .mat-mdc-tab-nav-bar, .mat-mdc-tab-header { border-bottom: none; } .mat-mdc-tab-group-inverted-header .mat-mdc-tab-nav-bar, .mat-mdc-tab-group-inverted-header .mat-mdc-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: none; } .mat-mdc-tab-label, .mat-mdc-tab-link { color: black; } .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(0, 0, 0, 0.26); } .mat-mdc-tab-header-pagination-chevron { border-color: black; } .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.26); } .mat-mdc-tab-group[class*=mat-background-] .mat-mdc-tab-header, .mat-mdc-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-mdc-tab-group.mat-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #0572d6; } .mat-mdc-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-accent .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #c841c5; } .mat-mdc-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-warn .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-warn .mat-ink-bar { background-color: red; } .mat-mdc-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar { background-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-links { background-color: #0572d6; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-primary .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-primary .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-primary .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-links { background-color: #c841c5; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-accent .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-accent .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-accent .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label:not(.mat-mdc-tab-disabled):focus, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled):focus { background-color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-links, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-links { background-color: red; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link { color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-link.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-label.mat-mdc-tab-disabled, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-link.mat-mdc-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header-pagination-chevron { border-color: white; } .mat-mdc-tab-group.mat-background-warn .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron, .mat-mdc-tab-nav-bar.mat-background-warn .mat-mdc-tab-header-pagination-disabled .mat-mdc-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.4); } .mat-mdc-tab-group.mat-background-warn .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-background-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.12); } .mat-toolbar { /* background: whitesmoke; */ color: black; } /**** Mat Tab Toolbar ****/ .mat-toolbar-single-row{ height: auto !important; padding: 0 !important; border-bottom: 1px solid #cfcfcf; } .mat-toolbar-single-row a{ color: #0057b8; padding: 0 15px; font-size: 13px; } .mat-button.mat-tool-active{ border-top: 4px solid #979797; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; color: #000; background-color: #fff; margin-bottom: -1px; border-bottom-color: #fff; border-radius: 0 !important; } .mat-toolbar.mat-primary { background: #0572d6; color: white; } .mat-toolbar.mat-accent { background: #c841c5; color: white; } .mat-toolbar.mat-warn { background: red; color: white; } .mat-toolbar .mat-mdc-form-field-underline, .mat-toolbar .mat-mdc-form-field-ripple, .mat-toolbar .mat-focused .mat-mdc-form-field-ripple { background-color: currentColor; } .mat-mdc-toolbar .mat-mdc-form-field-label, .mat-mdc-toolbar .mat-mdc-focused .mat-mdc-form-field-label, .mat-mdc-toolbar .mat-mdc-select-value, .mat-mdc-toolbar .mat-mdc-select-arrow, .mat-mdc-toolbar .mat-mdc-form-field.mat-mdc-focused .mat-mdc-select-arrow { color: inherit; } .mat-mdc-toolbar .mat-mdc-input-element { caret-color: currentColor; } /* .mat-tooltip { */ /* background: #3f3f49; */ /* } */ .mat-mdc-tooltip { background: #fff; color: #333 !important; margin: 0 !important; position: relative; top: -6px; left: -99px; } .mat-tree { background: white; } .mat-tree-node { color: black; } .mat-snack-bar-container { background: #323232; color: white; } .mat-simple-snackbar-action { color: #c841c5; } /* ------- AG- GRID STYLES ------- */ ag-grid-angular { display: block; } ag-grid-ng2 { display: block; } ag-grid { display: block; } ag-grid-polymer { display: block; } ag-grid-aurelia { display: block; } /* ------- Customize AG- GRID STYLES ------- */ #avnGrid .ag-bl-normal-center-row, #avnGrid .ag-body, #avnGrid .ag-body-viewport-wrapper{ height: 600px !important; } #avnGrid .ag-body-viewport{ /*** Defect Id: 28211 ***/ max-height: inherit; } .role-container .ag-cell{ padding: 9px 12px; white-space: nowrap; } .role-container .ag-header-cell{ /*** Defect Id: 19020 ***/ text-align: center; padding-top: 10px; } .role-container .ag-group-child-count, .display-all .ag-pinned-left-header .ag-header-group-text { /*** For Remove Count and FI role heading ***/ display: none; } .role-container .ag-pinned-left-header .ag-header-cell, #role-single .ag-header-cell { text-align: left; } .role-container .ag-row-group-expanded { /*** Defect Id: 19027 ***/ background-color: #e9e9e9; } .role-container .ag-row-group-expanded .ag-group-value { font-weight: bold; } .role-container .ag-ltr .ag-row-group-indent-1 { padding-left: 28px; } .role-container .ag-body-viewport-wrapper, .role-container .ag-header-viewport, #avnGrid .ag-body-viewport-wrapper, #avnGrid .ag-header-viewport { margin-left: auto !important; } .role-container .ag-pinned-left-header, #avnGrid .ag-pinned-left-header { border-right: 1px solid #e1e1e1; border-top: 1px solid #acacac; } .role-container .ag-pinned-left-cols-viewport{ max-height: 300px; } #avnGrid .ag-pinned-left-cols-viewport{ /*** Defect Id: 28211 ***/ max-height: inherit; } .disclosadmin-grid .ag-body, .system-feature .ag-body, .display-all .ag-body, .fi-role-grid .ag-body{ height: auto !important; } /* #disclosure-grid .ag-cell:last-child { */ /* border-right: 0; */ /* } */ /* .disclosadmin-grid{ */ /* max-width: 100%; */ /* width: 100%; */ /* } */ #enterprise-portfolio-grid .ag-bl-center-row.ag-bl-normal-center-row { height: auto !important; } #disclosure-grid .ag-body-viewport { /*** Defect ID: 21395 ***/ max-height: inherit !important; overflow-y: hidden !important; } .system-feature .ag-body-container, .disclosadmin-grid .ag-body-container{ width: 100% !important; } .display-all .ag-header-group-cell:last-child { border-right: 0; width: 100% !important; } .display-all .ag-header-viewport { border-top: 0 !important; } .display-all .ag-header-row{ border-top: 1px solid #acacac; } .display-all .ag-header-group-cell { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .ag-header-group-cell:last-child { border-right: 0; width: 100% !important; } .ag-header-group-cell { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; padding-left: 8px; padding-top: 10px; } .dislosure-container .ag-cell .ng-star-inserted a { border-right: 1px solid #999; padding-right: 5px; padding-left: 7px; } .dislosure-container .ag-cell .ng-star-inserted a:first-child { padding-left: 0; } .dislosure-container .ag-cell .ng-star-inserted a:last-child { border-right: 0; padding-right: 0; } .dislosure-container .ag-cell { white-space: normal !important; } /**** Defect ID: 23300****/ .ag-cell:focus{ outline: none; } /* .ag-cell-no-focus{ */ /* border-right: 1px solid #e1e1e1; */ /* } */ .ag-cell-focus { border: none; } .ag-row-hover { background-color: #ebebeb; } /***Defect Id:19022 & 28940 ***/ /* .disclosadmin-grid .ag-header-cell:last-child{ */ /* border-right: 0; */ /* } */ .ag-group-expanded .ag-icon-contracted:before { font-family: "FontAwesome"; content: "\f056"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } .ag-icon-expanded:before { font-family: "FontAwesome"; content: "\f055"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } .ag-rtl { direction: rtl; } .ag-ltr { direction: ltr; } .ag-select-agg-func-popup { position: absolute; } .ag-body-no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-root-wrapper { position: relative; } .ag-root-wrapper.ag-layout-normal { /* AWR Angular Upgrade Changes start */ /* height: 100%; */ /* AWR Angular Upgrade Changes end */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-root-wrapper-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-layout-normal.ag-root-wrapper-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; /* AWR Angular Upgrade Changes start */ /* height: 0px; */ /* AWR Angular Upgrade Changes end */ min-height: 0px; } /* .ag-root { */ /* -webkit-box-sizing: border-box; */ /* box-sizing: border-box; */ /* overflow: hidden; */ /* position: relative; */ /* display: inline-block; */ /* width: 0px; */ /* min-width: 0px; */ /* -webkit-box-flex: 1; */ /* -ms-flex: 1; */ /* flex: 1; */ /* border-top: 1px solid #acacac; */ /* } */ .ag-layout-normal.ag-root { /* AWR Angular Upgrade Changes start */ width:100%; /* AWR Angular Upgrade Changes end */ height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ag-font-style { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-popup-backdrop { height: 100%; left: 0; position: fixed; top: 0; width: 100%; } .ag-header { -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #acacac; position: relative; /* z-index: 3; */ background: #fff; font-weight: bold; } .ag-pinned-left-header { /***Defect Id: 28940 ***/ -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; border-top: 1px solid #acacac; } .ag-pinned-right-header { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; border-top: 1px solid #acacac; } .ag-header-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow: hidden; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid #acacac; margin-left: 0 !important; margin-right: 0 !important; } .ag-header-row { position: absolute; } .ag-header-container { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; position: relative; white-space: nowrap; } .ag-header-overlay { display: block; position: absolute; } .ag-header-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; position: absolute; vertical-align: bottom; border-right: 1px solid #e1e1e1; padding: 8px; padding-bottom: 0; } .ag-floating-filter { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; position: absolute; } .ag-floating-filter-body { height: 20px; margin-right: 25px; } .ag-floating-filter-full-body { height: 20px; width: 100%; } .ag-floating-filter-input { width: 100%; } .ag-floating-filter-input:-moz-read-only { background-color: #eee; } .ag-floating-filter-input:read-only { background-color: #eee; } .ag-floating-filter-menu { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-dnd-ghost { background: #e5e5e5; border: 1px solid black; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: move; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4; overflow: hidden; padding: 3px; position: absolute; text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-dnd-ghost-icon { display: inline-block; float: left; padding: 2px; } .ag-dnd-ghost-label { display: inline-block; } .ag-header-group-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; position: absolute; text-overflow: ellipsis; } .ag-header-group-cell-label { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; /*** Heading height cuts in IE browser ****/ } .ag-header-cell-resize { cursor: col-resize; height: 100%; width: 4px; } .ag-ltr .ag-header-cell-resize { float: right; } .ag-ltr .ag-pinned-right-header .ag-header-cell-resize { float: left; } .ag-rtl .ag-header-cell-resize { float: left; } .ag-rtl .ag-pinned-left-header .ag-header-cell-resize { float: right; } .ag-ltr .ag-header-select-all { float: left; } .ag-rtl .ag-header-select-all { float: right; } .ag-header-expand-icon { padding-left: 4px; } .ag-header-cell-menu-button { float: right; } .ag-overlay { height: 100%; left: 0; pointer-events: none; /* AWR Angular Upgrade Changes start */ position: relative; /* AWR Angular Upgrade Changes end */ top: 0; width: 100%; } .ag-overlay-panel { display: table; height: 100%; pointer-events: none; width: 100%; } .ag-overlay-wrapper { display: table-cell; text-align: center; vertical-align: middle; } .ag-column-panel { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-y: auto; } .ag-column-panel-center { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 400px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow-x: hidden; max-height: 100vh; } .ag-layout-auto-height.ag-body-container { min-height: 50px; } .ag-layout-auto-height.ag-overlay-no-rows-wrapper { padding-top: 30px; } .ag-body { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: auto !important; } .ag-layout-normal.ag-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 0px; min-height: 0px; } .ag-rtl .ag-body { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-ltr .ag-body { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-rtl .ag-floating-top { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-ltr .ag-floating-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-ltr .ag-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-rtl .ag-header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .ag-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-pinned-right-floating-top { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-floating-top-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .ag-layout-normal.ag-floating-top-viewport { height: 100%; } .ag-floating-top-container { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; } .ag-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-pinned-left-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-pinned-right-floating-bottom { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: relative; } .ag-floating-bottom-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0px; min-width: 0px; } .ag-floating-bottom-container { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; white-space: nowrap; } .ag-pinned-left-cols-container { display: inline-block; position: relative; } .ag-pinned-right-cols-viewport { height: 100%; overflow-x: hidden; overflow-y: auto; float: right; } .ag-pinned-left-cols-viewport { /* height: 100%; */ overflow: hidden; /* overflow-y: auto; */ float: left; } .ag-pinned-right-cols-container { display: inline-block; position: relative; } .ag-pinned-left-cols-viewport-wrapper { height: 100%; overflow: hidden; } .ag-body-viewport-wrapper { height: 100%; width: 0px; min-width: 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin-left: 0 !important; margin-right: 0 !important; } .ag-body-viewport { overflow-x: auto; overflow-y: auto; /* max-height: 300px; */ -webkit-overflow-scrolling: touch; /* AWR Angular Upgrade Changes start */ display: flex; /* AWR Angular Upgrade Changes end */ } /* AWR Angular Upgrade Changes - Role Lookup v6 start */ #roleLookupGridv6 .ag-body-viewport { overflow-x: auto; overflow-y: auto; max-height: 300px; display: block !important; -webkit-overflow-scrolling: touch; } /* AWR Angular Upgrade Changes - Role Lookup v6 end */ .ag-layout-normal.ag-body-viewport { height: 100%; } .ag-full-width-viewport-wrapper { height: 100%; width: 100%; display: inline-block; pointer-events: none; overflow: hidden; position: absolute; top: 0px; left: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .ag-full-width-viewport { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; pointer-events: none; overflow-x: hidden; overflow-y: auto; } .ag-full-width-container { /* AWR Angular Upgrade Changes start */ height:100% !important; /* AWR Angular Upgrade Changes end */ overflow: hidden; position: relative; width: 100%; } .ag-floating-bottom-full-width-container { display: inline; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-floating-top-full-width-container { display: inline; height: 100%; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-body-container { display: inline-block; /* margin-bottom: -2px; */ position: relative; /* width: 100% !important; */ } .ag-row-animation .ag-row { -webkit-transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s; transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s; } .ag-row-no-animation .ag-row { -webkit-transition: background-color 0.1s; transition: background-color 0.1s; } .ag-row { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; white-space: normal; width: 100%; border-bottom: 1px solid #e1e1e1; } .ag-column-moving .ag-cell { -webkit-transition: left 0.2s; transition: left 0.2s; } .ag-column-moving .ag-header-cell { -webkit-transition: left 0.2s; transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { -webkit-transition: left 0.2s, width 0.2s; transition: left 0.2s, width 0.2s; } .ag-column-drop { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ag-column-drop-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 50px; overflow: hidden; } .ag-column-drop-vertical .ag-column-drop-list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 20px; overflow-x: auto; } .ag-column-drop-vertical .ag-column-drop-cell { display: -webkit-box; display: -ms-flexbox; display: flex; } .ag-column-drop-vertical .ag-column-drop-cell .ag-column-drop-cell-text { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical .ag-column-drop-empty-message { display: block; } .ag-column-drop-vertical .ag-column-drop-cell-button { line-height: 16px; } .ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button { float: right; } .ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button { float: left; } .ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-horizontal .ag-column-drop-cell { display: inline-block; } .ag-column-drop-horizontal .ag-column-drop-empty-message { display: inline-block; } .ag-column-drop-horizontal .ag-column-drop-list { height: 100%; } .ag-cell { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; padding: 10px 8px; border-right: 1px solid #e1e1e1; } .ag-cell-with-height { height: 100%; } .ag-value-slide-out { margin-right: 5px; opacity: 1; -webkit-transition: opacity 3s, margin-right 3s; transition: opacity 3s, margin-right 3s; -webkit-transition-timing-function: linear; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0; } .ag-cell-edit-input { height: 100%; width: 100%; } .ag-group-cell-entire-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-footer-cell-entire-row { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ag-popup-editor { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu { max-height: 100%; /* overflow-y: auto; */ position: absolute; z-index: 10; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 300px; overflow: auto; width: 200px; } .ag-menu-list { border-collapse: collapse; display: table; } .ag-menu-option { display: table-row; } .ag-menu-option-text { display: table-cell; } .ag-menu-option-shortcut { display: table-cell; } .ag-menu-option-icon { display: table-cell; } .ag-menu-option-popup-pointer { display: table-cell; } .ag-menu-separator { display: table-row; } .ag-menu-separator-cell { display: table-cell; } .ag-virtual-list-viewport { height: 100%; overflow-x: auto; width: 100%; } .ag-virtual-list-container { overflow: hidden; position: relative; } .ag-rich-select { cursor: default; outline: none; } .ag-rich-select-row { white-space: nowrap; } .ag-rich-select-list { height: 200px; width: 200px; } .ag-set-filter-list { height: 200px; width: 200px; } .ag-set-filter-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-virtual-list-item span:empty:not(.ag-icon) { border-left: 1px solid transparent; } .ag-filter-filter { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .ag-floating-filter-body input { height: 19px; margin: 0; width: 100%; } .ag-floating-filter-full-body input { height: 19px; margin: 0; width: 100%; } .ag-filter-select { margin: 4px 4px 0 4px; width: 110px; } .ag-list-selection { cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ag-column-panel { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 200px; } .ag-column-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 50px; overflow: auto; } .ag-column-select-indent { display: inline-block; } .ag-ltr .ag-column-select-column { margin-left: 16px; } .ag-rtl .ag-column-select-column { margin-right: 16px; } .ag-column-select-column, .ag-column-select-column-group { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-column .ag-column-select-label, .ag-column-select-column .ag-column-select-column-group-label, .ag-column-select-column-group .ag-column-select-label, .ag-column-select-column-group .ag-column-select-column-group-label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; } .ag-column-select-column .ag-column-drag, .ag-column-select-column-group .ag-column-drag { min-width: 16px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .ag-column-select-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .ag-tool-panel .ag-column-select-panel { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; } .ag-tool-panel-horizontal-resize { cursor: col-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-rtl .ag-tool-panel-horizontal-resize { float: right; -webkit-transform: translateX(3px); transform: translateX(3px); } .ag-ltr .ag-tool-panel-horizontal-resize { float: left; -webkit-transform: translateX(-3px); transform: translateX(-3px); } .ag-menu-column-select-wrapper .ag-column-select-panel { height: 100%; } .ag-hidden { display: none !important; } .ag-visibility-hidden { visibility: hidden !important; } .ag-faded { opacity: 0.3; } .ag-width-half { display: inline-block; width: 50%; } .ag-shake-left-to-right { -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ag-shake-left-to-right; animation-name: ag-shake-left-to-right; } @-webkit-keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } /* icons are used outside of the grid root (in the ghost) */ .ag-icon-aggregation { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS41IDIuNWgtNmwyIDMuNS0yIDMuNWg2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-arrows { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTYgNmwtMS40MSAxLjQxTDE2LjE3IDlINHYyaDEyLjE3bC0xLjU4IDEuNTlMMTYgMTRsNC00eiIvPjxwYXRoIGQ9Ik00IDZsMS40MSAxLjQxTDMuODMgOUgxNnYySDMuODNsMS41OCAxLjU5TDQgMTRsLTQtNHoiLz48cGF0aCBkPSJNNiAxNmwxLjQxLTEuNDFMOSAxNi4xN1Y0aDJ2MTIuMTdsMS41OS0xLjU4TDE0IDE2bC00IDR6Ii8+PHBhdGggZD0iTTE0IDRsLTEuNDEgMS40MUwxMSAzLjgzVjE2SDlWMy44M0w3LjQxIDUuNDEgNiA0bDQtNHoiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-asc { */ /* display: inline-block; */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDUuMlYzLjQ5M2gtNnY2SDQuN1Y1LjJoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSg0NSA1Ljk5MyA2LjQ5MykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04LjQ5MyA0Ljd2LS43MDdoLTV2NUg0LjJWNC43aDQuMjkzeiIvPjwvZz48L2c+PC9zdmc+) center no-repeat; */ /* background-size: 12px 12px; */ /* -webkit-filter: "initial"; */ /* filter: "initial"; */ /* height: 12px; */ /* width: 12px; } */ .ag-icon-asc { background: url('images/ag-icon-asc.png') no-repeat 0 0; width: 12px; height: 12px; display: inline-block; } .ag-icon-checkbox-checked-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-checked { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik05IDNMNiA4LjVsLTIuNS0yIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-indeterminate-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNCA1aDR2Mkg0eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-unchecked-readonly { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-checkbox-unchecked { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9ImEiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjEiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNhIi8+PHJlY3Qgc3Ryb2tlPSIjMDAwIiB4PSIuNSIgeT0iLjUiIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgcng9IjEiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-column { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem0wIDNoNHY3SDF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-columns { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDR2Mkgxem02IDBoNHYySDd6TTEgNWg0djJIMXptNiAwaDR2Mkg3ek0xIDloNHYySDF6bTYgMGg0djJIN3oiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-contracted { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNOSA1djJIM1Y1eiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } */ .ag-icon-copy { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTQuNSA0LjVoNXY1aC01eiIvPjxwYXRoIGQ9Ik03LjUgMi41aC01djVoMnYyaDV2LTVoLTJ2LTJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-cut { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTMgMy4xMmMuNjY3LjA3OCAzIDEuNzQ1IDcgNS0uMzI2LjIwNC0uNjU5LjIwNC0xIDAtLjM0MS0uMjA2LTEuNjc0LTEuMjA2LTQtMyAwIC42NjYtLjY2Ny42NjYtMiAwLTItMS0xLTIuMTIgMC0yeiIvPjxwYXRoIGQ9Ik0zIDguMjY0Yy42NjctLjA4IDMtMS43NDYgNy01LS4zMjYtLjIwNS0uNjU5LS4yMDUtMSAwLS4zNDEuMjA0LTEuNjc0IDEuMjA0LTQgMyAwLS42NjctLjY2Ny0uNjY3LTIgMC0yIDEtMSAyLjExOSAwIDJ6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* .ag-icon-desc { */ /* display: inline-block; */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDJoMnY5SDV6Ii8+PHBhdGggZD0iTTguOTkzIDYuMVY0LjM5M2gtNnY2SDQuN1Y2LjFoNC4yOTN6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMi41aDF2OGgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuOTkzIDcuMzkzKSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTguNDkzIDUuNnYtLjcwN2gtNXY1SDQuMlY1LjZoNC4yOTN6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat; */ /* background-size: 12px 12px; */ /* -webkit-filter: "initial"; */ /* filter: "initial"; */ /* height: 12px; */ /* width: 12px; } */ .ag-icon-desc { background: url('images/ag-icon-desc.png') no-repeat 0 0; width: 12px; height: 12px; display: inline-block; } /* .ag-icon-expanded { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IHN0cm9rZS1vcGFjaXR5PSIuNSIgc3Ryb2tlPSIjMDAwIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjkiIGhlaWdodD0iOSIgcng9IjEiLz48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNSAzaDJ2Nkg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik05IDV2MkgzVjV6Ii8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } */ .ag-icon-eye-slash { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik00LjAwNCAyLjgzNWw0Ljk5MiA2LjMzIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48cGF0aCBkPSJNMy4wMDQgMi44MzVsNC45OTIgNi4zMyIgc3Ryb2tlPSIjRkZGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-eye { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjAwMSAzLjkwOEwzIDRhMyAzIDAgMSAwIDUuOTk5LS4wOTJBNS4yNDggNS4yNDggMCAwIDAgNiAzYy0xLjEgMC0yLjEuMzAzLTIuOTk5LjkwOHoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA0LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMiAzLTMgNS0zczMuNjY3IDEgNSAzQzkuNjY3IDggOCA5IDYgOVMyLjMzMyA4IDEgNnoiIHN0cm9rZT0iIzAwMCIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-filter { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAyaDEwTDcgNnY1TDUgOVY2TDEgMnptNCA0djFoMlY2SDV6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-group { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNSAxLjVoM3YyaC0zem0wIDRoM3YyaC0zem0wIDRoM3YyaC0zeiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDNoMXY4SDJ6bTEgM2g0djFIM3ptMi00aDN2MUg1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yIDEwaDV2MUgyeiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTEuNSAxLjVoM3YyaC0zeiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zLjA1NiA0LjU4MWEzLjAwMSAzLjAwMSAwIDAgMCA1Ljg4OCAwQzguMDU5IDQuMTk0IDcuMDc4IDQgNiA0Yy0xLjA3OCAwLTIuMDYuMTk0LTIuOTQ0LjU4MXoiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNNCA1LjVjLjY2Ny0uMzMzIDEuNjY3LS41IDMtLjUiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xIDZjMS4zMzMtMS4zMzMgMy0yIDUtMnMzLjY2Ny42NjcgNSAyQzkuNjY3IDcuMzMzIDggOCA2IDhzLTMuNjY3LS42NjctNS0yeiIgc3Ryb2tlPSIjMDAwIi8+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-left { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNNy45OTMgNC43VjIuOTkzaC02djZIMy43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNi41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNiAyaDF2OEg2eiIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgNC45OTMgNS45OTMpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNy40OTMgNC4ydi0uNzA3aC01djVIMy4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-loading { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDFoMnYzSDV6Ii8+PHBhdGggaWQ9ImIiIGQ9Ik01IDhoMnYzSDV6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0xIDVoM3YySDF6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik04IDVoM3YySDh6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik00IDBoMnYzSDR6Ii8+PHBhdGggaWQ9ImYiIGQ9Ik00IDdoMnYzSDR6Ii8+PHBhdGggaWQ9ImciIGQ9Ik0wIDRoM3YySDB6Ii8+PHBhdGggaWQ9ImgiIGQ9Ik03IDRoM3YySDd6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTUuNSAxLjVoMXYyaC0xeiIvPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2IiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIGQ9Ik01LjUgOC41aDF2MmgtMXoiLz48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNjIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNMS41IDUuNWgydjFoLTJ6Ii8+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTguNSA1LjVoMnYxaC0yeiIvPjxnIG9wYWNpdHk9Ii43MTQiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZSIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTQuNS41aDF2MmgtMXoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNC4yOTMgNi43MDcpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNmIi8+PHBhdGggc3Ryb2tlPSIjOTc5Nzk3IiBkPSJNNC41IDcuNWgxdjJoLTF6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjZyIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTS41IDQuNWgydjFoLTJ6Ii8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1IDQuMjkzIDYuNzA3KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjaCIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgZD0iTTcuNSA0LjVoMnYxaC0yeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-menu { display: inline-block; /* AWR Angular Upgrade Changes start */ /* background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; */ /* AWR Angular Upgrade Changes end */ background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } /* AWR Angular Upgrade Changes start - To make filter icon in ag grid appear only on hover */ .ag-icon-menu:hover{ background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMSAxaDEwdjJIMXptMCA0aDEwdjJIMXptMCA0aDEwdjJIMXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center no-repeat; } /* AWR Angular Upgrade Changes end */ .ag-icon-minus { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-none { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01IDNoMnY2SDV6Ii8+PHBhdGggZD0iTTguMTQ2IDguMTgyVjYuNDc1aC01djVoMS43MDhWOC4xODJoMy4yOTJ6IiBpZD0iYiIvPjxwYXRoIGQ9Ik04LjUgMi45MTRWMS4yMDdoLTV2NWgxLjcwN1YyLjkxNEg4LjV6IiBpZD0iYyIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2EiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik01LjUgMy41aDF2NWgtMXoiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDUuNjQ2IDguNDc1KSI+PHVzZSBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYiIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgZD0iTTcuNjQ2IDcuNjgydi0uNzA3aC00djRoLjcwOFY3LjY4MmgzLjI5MnoiLz48L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNiAzLjcwNykiPjx1c2UgZmlsbD0iI0Q4RDhEOCIgeGxpbms6aHJlZj0iI2MiLz48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDIuNDE0di0uNzA3SDR2NGguNzA3VjIuNDE0SDh6Ii8+PC9nPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-not-allowed { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjQiLz48cGF0aCBkPSJNOC41IDMuNUwzLjQwMSA4LjU5OSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-paste { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTIuNSAyLjVoN3Y3aC03eiIvPjxwYXRoIGQ9Ik02LjUgMS41aC0xdjJoLTF2MWgzdi0xaC0xdi0yeiIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-pin { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0zIDJoNnYxSDh2NGwyIDFIN2wtMSAzLTEtM0gybDItMVYzSDN6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNSIgZmlsbD0iI0ZGRiIgZD0iTTUgM2gxdjRINXoiLz48cGF0aCBmaWxsLW9wYWNpdHk9Ii4yOCIgZmlsbD0iI0ZGRiIgZD0iTTQgM2gxdjNINHoiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-pivot { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHJlY3QgeD0iMS41IiB5PSIxLjUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiIHJ4PSIxIi8+PHBhdGggZD0iTTEwLjUgMy41aC05bTItMnY5IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PHBhdGggZD0iTTcuNSA2LjVsMS0xIDEgMW0tMyAxbC0xIDEgMSAxIi8+PHBhdGggZD0iTTguNSA1LjV2M2gtMyIvPjwvZz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-plus { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik01IDJoMnY4SDV6Ii8+PHBhdGggZD0iTTIgNWg4djJIMnoiLz48L2c+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-right { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik00LjUgMS41aDJ2OWgtMnoiLz48cGF0aCBkPSJNOS45OTMgNC43VjIuOTkzaC02djZINS43VjQuN2g0LjI5M3oiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNS41IDYpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNNSAyaDF2OEg1eiIvPjwvZz48ZyB0cmFuc2Zvcm09InNjYWxlKC0xIDEpIHJvdGF0ZSgtNDUgMCAyMi44NzQpIj48dXNlIGZpbGw9IiNEOEQ4RDgiIHhsaW5rOmhyZWY9IiNiIi8+PHBhdGggc3Ryb2tlPSIjMDAwIiBkPSJNOS40OTMgNC4ydi0uNzA3aC01djVINS4yVjQuMmg0LjI5M3oiLz48L2c+PC9nPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-left { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMyA2bDQtNHY4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-right { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-up { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA3bDQtNCA0IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-small-down { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tick { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMS41IDUuNWwzIDMgNi02IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzAwMCIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-cross { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiAxMGw4LThtMCA4TDIgMiIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-open { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDhMNiA5eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-closed { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSAybDQgNC00IDR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .ag-icon-tree-indeterminate { display: inline-block; background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMiA1aDh2MkgyeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) center no-repeat; background-size: 12px 12px; -webkit-filter: "initial"; filter: "initial"; height: 12px; width: 12px; } .loading-filter { background-color: #e6e6e6; height: 100%; padding: 5px; position: absolute; top: 34px; width: 100%; z-index: 1; } .ag-details-row { height: 100%; width: 100%; } .ag-details-grid { height: 100%; width: 100%; } .ag-column-select-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .ag-ltr .ag-toolpanel-indent-1 { padding-left: 10px; } .ag-rtl .ag-toolpanel-indent-1 { padding-right: 10px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 10px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 10px; } .ag-ltr .ag-toolpanel-indent-2 { padding-left: 20px; } .ag-rtl .ag-toolpanel-indent-2 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 20px; } .ag-ltr .ag-toolpanel-indent-3 { padding-left: 30px; } .ag-rtl .ag-toolpanel-indent-3 { padding-right: 30px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 30px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 30px; } .ag-ltr .ag-toolpanel-indent-4 { padding-left: 40px; } .ag-rtl .ag-toolpanel-indent-4 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 40px; } .ag-ltr .ag-toolpanel-indent-5 { padding-left: 50px; } .ag-rtl .ag-toolpanel-indent-5 { padding-right: 50px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 50px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 50px; } .ag-ltr .ag-toolpanel-indent-6 { padding-left: 60px; } .ag-rtl .ag-toolpanel-indent-6 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 60px; } .ag-ltr .ag-toolpanel-indent-7 { padding-left: 70px; } .ag-rtl .ag-toolpanel-indent-7 { padding-right: 70px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 70px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 70px; } .ag-ltr .ag-toolpanel-indent-8 { padding-left: 80px; } .ag-rtl .ag-toolpanel-indent-8 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 80px; } .ag-ltr .ag-toolpanel-indent-9 { padding-left: 90px; } .ag-rtl .ag-toolpanel-indent-9 { padding-right: 90px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 90px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 90px; } .ag-ltr .ag-toolpanel-indent-10 { padding-left: 100px; } .ag-rtl .ag-toolpanel-indent-10 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-10 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-10 { padding-right: 100px; } .ag-ltr .ag-toolpanel-indent-11 { padding-left: 110px; } .ag-rtl .ag-toolpanel-indent-11 { padding-right: 110px; } .ag-ltr .ag-row-group-indent-11 { padding-left: 110px; } .ag-rtl .ag-row-group-indent-11 { padding-right: 110px; } .ag-ltr .ag-toolpanel-indent-12 { padding-left: 120px; } .ag-rtl .ag-toolpanel-indent-12 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-12 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-12 { padding-right: 120px; } .ag-ltr .ag-toolpanel-indent-13 { padding-left: 130px; } .ag-rtl .ag-toolpanel-indent-13 { padding-right: 130px; } .ag-ltr .ag-row-group-indent-13 { padding-left: 130px; } .ag-rtl .ag-row-group-indent-13 { padding-right: 130px; } .ag-ltr .ag-toolpanel-indent-14 { padding-left: 140px; } .ag-rtl .ag-toolpanel-indent-14 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-14 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-14 { padding-right: 140px; } .ag-ltr .ag-toolpanel-indent-15 { padding-left: 150px; } .ag-rtl .ag-toolpanel-indent-15 { padding-right: 150px; } .ag-ltr .ag-row-group-indent-15 { padding-left: 150px; } .ag-rtl .ag-row-group-indent-15 { padding-right: 150px; } .ag-ltr .ag-toolpanel-indent-16 { padding-left: 160px; } .ag-rtl .ag-toolpanel-indent-16 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-16 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-16 { padding-right: 160px; } .ag-ltr .ag-toolpanel-indent-17 { padding-left: 170px; } .ag-rtl .ag-toolpanel-indent-17 { padding-right: 170px; } .ag-ltr .ag-row-group-indent-17 { padding-left: 170px; } .ag-rtl .ag-row-group-indent-17 { padding-right: 170px; } .ag-ltr .ag-toolpanel-indent-18 { padding-left: 180px; } .ag-rtl .ag-toolpanel-indent-18 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-18 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-18 { padding-right: 180px; } .ag-ltr .ag-toolpanel-indent-19 { padding-left: 190px; } .ag-rtl .ag-toolpanel-indent-19 { padding-right: 190px; } .ag-ltr .ag-row-group-indent-19 { padding-left: 190px; } .ag-rtl .ag-row-group-indent-19 { padding-right: 190px; } .ag-ltr .ag-toolpanel-indent-20 { padding-left: 200px; } .ag-rtl .ag-toolpanel-indent-20 { padding-right: 200px; } .ag-ltr .ag-row-group-indent-20 { padding-left: 200px; } .ag-rtl .ag-row-group-indent-20 { padding-right: 200px; } .ag-ltr .ag-toolpanel-indent-21 { padding-left: 210px; } .ag-rtl .ag-toolpanel-indent-21 { padding-right: 210px; } .ag-ltr .ag-row-group-indent-21 { padding-left: 210px; } .ag-rtl .ag-row-group-indent-21 { padding-right: 210px; } .ag-ltr .ag-toolpanel-indent-22 { padding-left: 220px; } .ag-rtl .ag-toolpanel-indent-22 { padding-right: 220px; } .ag-ltr .ag-row-group-indent-22 { padding-left: 220px; } .ag-rtl .ag-row-group-indent-22 { padding-right: 220px; } .ag-ltr .ag-toolpanel-indent-23 { padding-left: 230px; } .ag-rtl .ag-toolpanel-indent-23 { padding-right: 230px; } .ag-ltr .ag-row-group-indent-23 { padding-left: 230px; } .ag-rtl .ag-row-group-indent-23 { padding-right: 230px; } .ag-ltr .ag-toolpanel-indent-24 { padding-left: 240px; } .ag-rtl .ag-toolpanel-indent-24 { padding-right: 240px; } .ag-ltr .ag-row-group-indent-24 { padding-left: 240px; } .ag-rtl .ag-row-group-indent-24 { padding-right: 240px; } .ag-ltr .ag-toolpanel-indent-25 { padding-left: 250px; } .ag-rtl .ag-toolpanel-indent-25 { padding-right: 250px; } .ag-ltr .ag-row-group-indent-25 { padding-left: 250px; } .ag-rtl .ag-row-group-indent-25 { padding-right: 250px; } .ag-ltr .ag-toolpanel-indent-26 { padding-left: 260px; } .ag-rtl .ag-toolpanel-indent-26 { padding-right: 260px; } .ag-ltr .ag-row-group-indent-26 { padding-left: 260px; } .ag-rtl .ag-row-group-indent-26 { padding-right: 260px; } .ag-ltr .ag-toolpanel-indent-27 { padding-left: 270px; } .ag-rtl .ag-toolpanel-indent-27 { padding-right: 270px; } .ag-ltr .ag-row-group-indent-27 { padding-left: 270px; } .ag-rtl .ag-row-group-indent-27 { padding-right: 270px; } .ag-ltr .ag-toolpanel-indent-28 { padding-left: 280px; } .ag-rtl .ag-toolpanel-indent-28 { padding-right: 280px; } .ag-ltr .ag-row-group-indent-28 { padding-left: 280px; } .ag-rtl .ag-row-group-indent-28 { padding-right: 280px; } .ag-ltr .ag-toolpanel-indent-29 { padding-left: 290px; } .ag-rtl .ag-toolpanel-indent-29 { padding-right: 290px; } .ag-ltr .ag-row-group-indent-29 { padding-left: 290px; } .ag-rtl .ag-row-group-indent-29 { padding-right: 290px; } .ag-ltr .ag-toolpanel-indent-30 { padding-left: 300px; } .ag-rtl .ag-toolpanel-indent-30 { padding-right: 300px; } .ag-ltr .ag-row-group-indent-30 { padding-left: 300px; } .ag-rtl .ag-row-group-indent-30 { padding-right: 300px; } .ag-ltr .ag-toolpanel-indent-31 { padding-left: 310px; } .ag-rtl .ag-toolpanel-indent-31 { padding-right: 310px; } .ag-ltr .ag-row-group-indent-31 { padding-left: 310px; } .ag-rtl .ag-row-group-indent-31 { padding-right: 310px; } .ag-ltr .ag-toolpanel-indent-32 { padding-left: 320px; } .ag-rtl .ag-toolpanel-indent-32 { padding-right: 320px; } .ag-ltr .ag-row-group-indent-32 { padding-left: 320px; } .ag-rtl .ag-row-group-indent-32 { padding-right: 320px; } .ag-ltr .ag-toolpanel-indent-33 { padding-left: 330px; } .ag-rtl .ag-toolpanel-indent-33 { padding-right: 330px; } .ag-ltr .ag-row-group-indent-33 { padding-left: 330px; } .ag-rtl .ag-row-group-indent-33 { padding-right: 330px; } .ag-ltr .ag-toolpanel-indent-34 { padding-left: 340px; } .ag-rtl .ag-toolpanel-indent-34 { padding-right: 340px; } .ag-ltr .ag-row-group-indent-34 { padding-left: 340px; } .ag-rtl .ag-row-group-indent-34 { padding-right: 340px; } .ag-ltr .ag-toolpanel-indent-35 { padding-left: 350px; } .ag-rtl .ag-toolpanel-indent-35 { padding-right: 350px; } .ag-ltr .ag-row-group-indent-35 { padding-left: 350px; } .ag-rtl .ag-row-group-indent-35 { padding-right: 350px; } .ag-ltr .ag-toolpanel-indent-36 { padding-left: 360px; } .ag-rtl .ag-toolpanel-indent-36 { padding-right: 360px; } .ag-ltr .ag-row-group-indent-36 { padding-left: 360px; } .ag-rtl .ag-row-group-indent-36 { padding-right: 360px; } .ag-ltr .ag-toolpanel-indent-37 { padding-left: 370px; } .ag-rtl .ag-toolpanel-indent-37 { padding-right: 370px; } .ag-ltr .ag-row-group-indent-37 { padding-left: 370px; } .ag-rtl .ag-row-group-indent-37 { padding-right: 370px; } .ag-ltr .ag-toolpanel-indent-38 { padding-left: 380px; } .ag-rtl .ag-toolpanel-indent-38 { padding-right: 380px; } .ag-ltr .ag-row-group-indent-38 { padding-left: 380px; } .ag-rtl .ag-row-group-indent-38 { padding-right: 380px; } .ag-ltr .ag-toolpanel-indent-39 { padding-left: 390px; } .ag-rtl .ag-toolpanel-indent-39 { padding-right: 390px; } .ag-ltr .ag-row-group-indent-39 { padding-left: 390px; } .ag-rtl .ag-row-group-indent-39 { padding-right: 390px; } .ag-ltr .ag-toolpanel-indent-40 { padding-left: 400px; } .ag-rtl .ag-toolpanel-indent-40 { padding-right: 400px; } .ag-ltr .ag-row-group-indent-40 { padding-left: 400px; } .ag-rtl .ag-row-group-indent-40 { padding-right: 400px; } .ag-ltr .ag-toolpanel-indent-41 { padding-left: 410px; } .ag-rtl .ag-toolpanel-indent-41 { padding-right: 410px; } .ag-ltr .ag-row-group-indent-41 { padding-left: 410px; } .ag-rtl .ag-row-group-indent-41 { padding-right: 410px; } .ag-ltr .ag-toolpanel-indent-42 { padding-left: 420px; } .ag-rtl .ag-toolpanel-indent-42 { padding-right: 420px; } .ag-ltr .ag-row-group-indent-42 { padding-left: 420px; } .ag-rtl .ag-row-group-indent-42 { padding-right: 420px; } .ag-ltr .ag-toolpanel-indent-43 { padding-left: 430px; } .ag-rtl .ag-toolpanel-indent-43 { padding-right: 430px; } .ag-ltr .ag-row-group-indent-43 { padding-left: 430px; } .ag-rtl .ag-row-group-indent-43 { padding-right: 430px; } .ag-ltr .ag-toolpanel-indent-44 { padding-left: 440px; } .ag-rtl .ag-toolpanel-indent-44 { padding-right: 440px; } .ag-ltr .ag-row-group-indent-44 { padding-left: 440px; } .ag-rtl .ag-row-group-indent-44 { padding-right: 440px; } .ag-ltr .ag-toolpanel-indent-45 { padding-left: 450px; } .ag-rtl .ag-toolpanel-indent-45 { padding-right: 450px; } .ag-ltr .ag-row-group-indent-45 { padding-left: 450px; } .ag-rtl .ag-row-group-indent-45 { padding-right: 450px; } .ag-ltr .ag-toolpanel-indent-46 { padding-left: 460px; } .ag-rtl .ag-toolpanel-indent-46 { padding-right: 460px; } .ag-ltr .ag-row-group-indent-46 { padding-left: 460px; } .ag-rtl .ag-row-group-indent-46 { padding-right: 460px; } .ag-ltr .ag-toolpanel-indent-47 { padding-left: 470px; } .ag-rtl .ag-toolpanel-indent-47 { padding-right: 470px; } .ag-ltr .ag-row-group-indent-47 { padding-left: 470px; } .ag-rtl .ag-row-group-indent-47 { padding-right: 470px; } .ag-ltr .ag-toolpanel-indent-48 { padding-left: 480px; } .ag-rtl .ag-toolpanel-indent-48 { padding-right: 480px; } .ag-ltr .ag-row-group-indent-48 { padding-left: 480px; } .ag-rtl .ag-row-group-indent-48 { padding-right: 480px; } .ag-ltr .ag-toolpanel-indent-49 { padding-left: 490px; } .ag-rtl .ag-toolpanel-indent-49 { padding-right: 490px; } .ag-ltr .ag-row-group-indent-49 { padding-left: 490px; } .ag-rtl .ag-row-group-indent-49 { padding-right: 490px; } .ag-tool-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-sizing: border-box; box-sizing: border-box; } .ag-tool-panel .ag-side-buttons { width: 20px; } .ag-tool-panel .ag-side-buttons button { display: block; -webkit-transform: rotate(90deg) translateY(-20px); transform: rotate(90deg) translateY(-20px); -webkit-transform-origin: left top 0; transform-origin: left top 0; white-space: nowrap; outline: none; } .ag-tool-panel .panel-container { width: 180px; } .ag-tool-panel.full-width .panel-container { width: 200px; } .ag-rtl .ag-tool-panel .ag-side-buttons button { -webkit-transform: rotate(-90deg) translatex(20px); transform: rotate(-90deg) translatex(20px); -webkit-transform-origin: right bottom 0; transform-origin: right bottom 0; } .ag-row-inline-editing { z-index: 1; } /* --------- AWR COMMON STYLES ------- */ /* --------- ROLE LOOKUP STYLES ------- */ .role-container { padding: 15px; } .role-container .form-inline > * { overflow: hidden; margin: 0 0 15px; } .role-container .role-label { width: 125px; /* AWR Angular Upgrade Changes starts */ font-weight: bold !important; margin: 7px 20px 0 0 !important; /* AWR Angular Upgrade Changes end */ } .role-container .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix { padding: 10px 0; } .role-container .mat-mdc-form-field-flex { padding: 0 10px !important; border: 1px solid transparent; border-radius: 0 !important; } .role-container .mat-mdc-form-field-flex:hover { border: 1px solid #cbcbcb; } .role-container .mat-mdc-form-field-flex:focus { border: 1px solid #e1751c; } .role-container .mat-mdc-select-arrow { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid; } .fi-role { overflow: hidden; } .fi-role h3 { font-size: 18px; margin: 5px 0 7px 0; padding: 0; color: #333; } .fi-role .fa { color: #333; font-size: 22px; /* Defect ID: 17905 Export Icon */ } .fi-role .fas { /* Defect ID: 28204 */ font-size: 18px; color: #686666; } .role-check { text-align: center; display: block; color: #444; } .role-check .fa { font-size: 18px; } .role-container .ag-header-cell-resize, #avnGrid .ag-header-cell-resize{ position: relative; right: -10px; } .role-container .mat-mdc-select-dropdown .mat-mdc-form-field-wrapper { padding-bottom: 20px; } /* --------- DISCLOSURE ADMIN STYLES ------- */ /* .dislosure-container { margin: 15px; } */ .disclosure-head { overflow: hidden; margin: 10px 0 15px; } .disclosure-head h2 { font-size: 18px; margin: 0; padding: 0; color: #333; } /* .disclosure-expand .mat-content { */ /* flex: inherit; */ /* } */ /* .disclosure-expand .mat-expansion-panel-header { */ /* padding: 0; */ /* } */ .disclosure-expand .mat-expansion-panel .fa { font-size: 14px; color: #686666; margin-top: 3px; } .disclosure-expand .mat-expansion-panel-header-title { margin-left: 18px; margin-top: 3px; font-size: 13px; font-weight: bold; color: #333; } /* .disclosure-expand span.mat-expansion-indicator { */ /* position: absolute; */ /* color: #000; */ /* left: 42px; */ /* margin-top: -5px; */ /* } */ .disclosure-expand .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none; } .disclosure-expand .mat-expansion-panel-body { padding: 0 24px 0 0; } .disclosure-expand .mat-expansion-panel { margin-top: -15px; margin-bottom: 25px; } .disclosure-expand > .mat-expansion-panel-spacing:last-child { margin-bottom: 20px !important; } .disclosure-expand > .mat-expansion-panel-spacing:first-child { margin-top: -15px !important; } /* .disclosure-expand .mat-expanded span.mat-expansion-indicator::after { */ /* margin: -10px 0 0; */ /* } */ .disclosure-expand .mat-mdc-radio-group { margin: -5px 0 19px; /* Defect #18739 - Fix */ height: 25px !important; } .disclosure-expand .mat-radio-outer-circle { width: 16px !important; height: 16px !important; border-color: #999; } .disclosure-expand .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #999; } .disclosure-expand .mat-radio-inner-circle { background: #999; } .disclosure-expand .mat-radio-label-content { font-size: 13px; } .disclosure-search { margin: 15px 0; } .disclosure-search button{ padding: 0 !important; } #create-disclosure .disclosure-search { margin: 0 0 15px; } .disclosure-search .form-group { overflow: hidden; margin: 0 0 20px; } .disclosure-input .mat-mdc-form-field-infix { padding: 0; width: inherit; flex: inherit; border-top: 0; } .disclosure-input input.mat-mdc-input-element { margin-top: 0; border: 1px solid #cfcfcf !important; padding: 7px 8px; width: 300px; font-size: 13px; margin-bottom: 3px; border-radius: 0 !important; } .disclosure-input input.mat-mdc-input-element:focus, .disclosure-input textarea.mat-mdc-input-element:focus { border: 1px solid #e1751c !important; } .disclosure-input textarea.mat-mdc-input-element { border: 1px solid #cfcfcf !important; margin-top: 0; padding: 5px 8px; width: 500px; height: 50px !important; margin-bottom: 2px; line-height: 18px; font-size: 14px; color: #555 !important; } .col-width1 { width: 15%; float: left; } .col-width2 { float: left; width: 85%; } .col-width1 label { font-weight: bold !important; font-size: 13px; color: #333; margin-left: 0 !important; padding-top: 0; } .mat-raised-button { background: #A29060 !important; color: #fff; border-radius: 0 !important; margin: 0 10px 0 0 !important; padding: 0 15px !important; line-height: 28px !important; border: 0; font-size: 13px; box-shadow: none !important; white-space: nowrap !important; } .mat-stroked-button { background: #fff !important; color: #A29060 !important; border-radius: 0 !important; padding: 0 15px !important; line-height: 28px !important; font-size: 13px; border: 1px solid #A29060 !important; } /* .disclosure-search .form-group .mat-stroked-button .mat-button-wrapper { color: #A29060; } */ .disclosure-search .form-group .mat-button:hover:not([disabled]) .mat-button-wrapper { text-decoration: none; } .preview-message { width: 100%; } .preview-message label { font-weight: bold; margin: 0 0 7px; display: block; } .preview-message div { border: 1px solid #e0e0e0; padding: 5px 0; min-height: 50px; background: #f1f1f1; } .inform { background-color: #f0f0f0; border: 1px solid #0066ff; border-radius: 3px; padding: 9px; margin: 0 0 15px; } .inform .fa-info-circle { color: #0066ff; font-size: 26px; } /*** Defect Id: 26334 ***/ .error div, .success div, .inform div, .warning div { padding-right: 10px; display: table-cell; vertical-align: middle; text-align: left; } .inform div:nth-child(2) { width: 97%; } .infoClose a { font-size: 18px; color: #777; } .success { background-color: #f0f0f0; border: 1px solid #08ab05; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .success .fa-check-circle { color: #08ab05; font-size: 26px; } .error { background-color: #f0f0f0; border: 1px solid #e35205; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .error .fa-times-circle { color: #e35205; font-size: 26px; } .warning { background-color: #f0f0f0; border: 1px solid #febf00; border-radius: 3px; padding: 9px; color: #333; position: relative; margin: 10px 0; } .warning .fa-exclamation-triangle { color: #febf00; font-size: 26px; } /* .disclosure-popup, .addprogram-overlay { */ /* background-color: #fff; */ /* top: 200px; */ /* } */ /* .disclosure-popup .mat-dialog-container { */ /* padding-bottom: 0 !important; */ /* } */ .disclosure-popup .mat-mdc-dialog-content { margin: 0; padding: 0 12px 0 0; border-bottom: 1px solid #ccc; } #popup-admin, #popup-admin .form-group { margin: 0; } #popup-admin .mat-mdc-dialog-actions { float: right; margin-bottom: 0; padding-bottom: 0; } #popup-admin .form-group .mat-dialog-actions .mat-raised-button + .mat-button { margin-left: 0; } #popup-admin button:first-child { padding: 0 !important; } #popup-admin .mat-dialog-actions button:first-child{ margin-right: 7px !important; } /*28127*/ .deleteEvent .warning { padding: 8px !important; margin: 8px 0 20px 0 !important; font-size: 13px !important; line-height: 18.57px; } .deleteEvent .searchDiv{ padding: 0px !important; } .deleteEvent .disclosure-search .form-group{ border-top: 1px solid #ccc !important; }/*28127*/ /* .mat-dailog-container { */ /* padding: 8px 16px 1px !important; */ /* } */ /*# sourceMappingURL=site-alb.css.map */ /**** Edit Manual Account ****/ .form-group{ margin: 0 0 15px; } .form-group:after{ content: ""; visibility: hidden; height: 0; clear: both; display: block; } .label-column{ width: 15%; font-weight: bold; } .edit-manual .mat-radio-group { margin-top: 7px; } .edit-manual .label-column, .edit-no { margin-top: 10px; } .edit-manual .form-group { margin: 0 0 20px; } .edit-manual .mat-mdc-form-field-flex { padding: 4px 8px; /*border-radius: 3px; 28196*/ width: 205px; } .edit-form-input .mat-mdc-form-field-flex { border: 1px solid #b2b2b2; padding: 3px 8px; color: #333; } .edit-form-input .mat-mdc-form-field-flex:hover { border: 1px solid #e1751c; } .edit-manual input:focus, .custom-elements input:focus { border: 0; } /*** 28196 */ .edit-manual .edit-form-input .mat-mdc-error { margin-top: 6px; } .edit-manual .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline-start, .edit-manual .mat-mdc-form-field-wrapper .mat-mdc-form-field-outline-end{ border-radius: 0px !important; } .performance-cal .form-group { margin: 20px 0; } .performance-cal .col-width1{ width: 215px; padding-right: 40px; } .performance-cal label{ font-weight: bold; } .performance-cal .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .performance-cal .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .per-val{ font-weight: normal; } .per-val div { margin-top: 0 !important; margin-right: 0 !important; } .performance-cal .mat-radio-group{ display: inline-flex; flex-direction: column; } .performance-cal .mat-radio-group .mat-radio-button { margin: 0 25px 5px 0; } .performance-cal small { font-weight: bold; } .button-mat { /* border-top: 1px solid #acacac; */ padding-top: 15px; } #Advisorform .form-group{ margin-bottom: 30px; } #Advisorform .disclosure-input input.mat-mdc-input-element{ width: 175px !important; margin-bottom: 2px; caret-color: red; height: 33.8958px !important; } .enter-text{ font-size: 18px; color: #000; margin: 0 0 15px; display: block; } .fields{ font-size: 12px; display: block; margin: 0 0 10px; } .indicates{ float: left; margin: 10px 0 0 5px; font-size: 12px; /* AWR Angular Upgrade Changes start */ padding-left:10px; /* AWR Angular Upgrade Changes end */ } /***Defect ID: 17902 Scroll Issue ***/ /* #myGrid{ */ /* width: 100%; */ /* height: 300px !important; */ /* overflow-y: scroll; */ /* overflow-x: hidden; */ /* } */ .mat-mdc-error .fa { color: #ff0000; font-size: 14px; margin-right: 3px; /*vertical-align: bottom; WRI Access Fix */ } .custom-elements button{ padding: 0 8px !important; } /* .custom-elements{ */ /* margin: 0 !important; */ /* } */ /* .custom-elements button{ */ /* padding: 0 !important; */ /* min-width: 70px !important; */ /* } */ /* .custom-elements button.secondary { */ /* background: none !important; */ /* border: 1px solid #A29060 !important; */ /* } */ /* .custom-elements button:first-child { */ /* border: 1px solid #A29060 !important; */ /* box-shadow: none; */ /* } */ /* .custom-elements button:hover{ */ /* background-color: #A29060 !important; */ /* } */ /* .custom-elements button.secondary:hover { */ /* background: none !important; */ /* } */ /* .custom-elements button.secondary:hover{ */ /* background: none !important; */ /* } */ .custom-elements button.disable { background: #d9d9d9 !important; border: 1px solid #d9d9d9 !important; color: #fff !important; margin: 0 10px 0 0; line-height: 30px !important; } .custom-elements button.disable:hover { cursor: default; background: #ccc !important; } /***** Program Admin ******/ .program-admin .disclosure-head{ margin: 10px 0; } .addprogram-popup .mat-dialog-content label{ font-weight: bold; margin: 5px 0 0; width: 215px; } .addprogram-popup .mat-dialog-content { overflow: inherit; } .addprogram-popup .mat-mdc-form-field { width: 349px; } .addprogram-popup .mat-mdc-form-field-flex { border: 1px solid #c1c1c1; } .addprogram-popup .mat-form-field-appearance-fill .mat-mdc-form-field-infix { padding: 5px 0; } .addprogram-popup .mat-mdc-input-element { padding: 0 7px; margin-left: -8px !important; } .addprogram-popup input:focus{ border: 0; } .addprogram-popup .form-group { margin: 20px 0; } .addprogram-popup .header-group { border-bottom: 1px solid #e1e1e1; padding: 0 0 10px; margin: 0 0 20px; overflow: hidden; } .addprogram-popup .fa { font-size: 18px; color: #ff0000; margin: 5px 0 0 215px; } .addprogram-popup .mat-dialog-actions { float: right; padding-top: 0; } .addprogram-popup .button-mat{ border-top: 1px solid #acacac; margin-top: -2px !important; } .program-btn{ margin: 15px 0 0; } .edit-pipe { border-right: 1px solid #999; padding: 0 5px 0 0; margin: 0 7px 0 0; } /****** Registration *****/ .registration-new .col-width1 label{ display: block; font-weight: normal; } .registration-new .col-width1, .registration-new .col-width2{ width: 45%; } .register-text textarea { margin: 20px 0; } .must{ font-size: 11px; } .required, .registration-new .col-width1 label sup{ color: #000; } .registration-new .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .registration-new input:focus { border: 0; } .registration-new .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .registration-new #instruction1 p{ margin: 0; font-size: 13px; } .registration-new #instruction2{ margin: 0 0 10px; } .registration-new .mat-mdc-error { margin: 5px 0 0; } .custom-elements .registration-new button:first-child { padding: 0 !important; border: 1px solid transparent !important; } .steps { /* Defect #19511 - Fix */ /* border-bottom: 1px solid #bbb; */ font-size: 13px; } .registration-new .button-mat { /* Defect #19511 - Fix */ border: 0; padding: 0; } .registration-new .mat-icon-button{ min-width: auto !important; background: none !important; right: 5px; top: 2px; } .mat-calendar-controls{ margin: 0 !important; } .mat-calendar-controls button { background: none !important; border: 0 !important; min-width: auto !important; } .mat-calendar-controls button:hover { background: none !important; color: #000; } .mat-calendar-controls button:first-child, .mat-calendar-controls button:last-of-type { border: 0 !important; } .mat-calendar-controls .mat-button:hover:not([disabled]) .mat-button-wrapper { color: #333; } .mat-icon-button .mat-button-focus-overlay { background-color: transparent; } .delete-text p { font-size: 13px; } #registration-new .mat-icon-button:hover { background: none !important; color: #333; } #register-date .mat-mdc-form-field-flex { padding: 0 4px; } .registration-new .mat-mdc-error .fa { vertical-align: inherit; } .registration-new .mat-mdc-form-field { /*** Defect ID: 28128 ***/ background: #fff; } /***** Manager History *****/ .manager-history h1 { font-size: 18px; margin: 0 0 15px; } .manager-history h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px; } .manager-history .form-group { margin: 0 0 7px; } .manager-history .form-group label{ font-weight: bold !important; margin: 0 10px 0 0 !important; padding-top: 0 !important; } .manager-history .mat-mdc-form-field { margin: 7px 0 0; } .manager-history .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px !important; width: 201.333px; } .manager-history .mat-mdc-form-field-infix{ padding: 7px 0; } .manager-history .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } .manager-header{ padding: 5px 0; border-top: 1px solid #acacac; border-bottom: 1px solid #acacac; font-weight: bold; overflow: hidden; } .manager-row{ border-bottom: 1px solid #ccc; overflow: hidden; padding: 5px 0 10px; } .manager-history h2:nth-child(1) { margin-top: 10px; } .startDateDiv .mat-mdc-form-field-infix, .endDateDiv .mat-mdc-form-field-infix{ width: 100%; } .startDateDiv .mat-mdc-form-field-flex, .endDateDiv .mat-mdc-form-field-flex { width: 202px; padding: 0 9px; align-items: center; height: 32px; } .manager-row:hover{ background-color: #ebebeb; } .startDateDiv .mat-calendar-controls, .endDateDiv .mat-calendar-controls { padding: 0 !important; } .mat-datepicker-content .mat-calendar { height: auto !important; } /*** Defect ID: 22722***/ .manage-row{ margin: 0 0 10px; } .manage-row:last-child{ margin-bottom: 0; } .manage-label{ display: block; font-weight: bold; margin: 0 0 10px; } .pro-name{ display: block; margin: 7px 0 0; font-weight: bold; /*** Defect ID: 22722 ***/ overflow: hidden; } .col-man1{ width: 40%; float: left; } .col-man2{ width: 20%; float: left; } .col-man3{ width: 20%; float: left; } .col-man4{ width: 20%; float: left; } .manage-btn{ padding-top: 10px; } .text-center{ text-align: center; } .add-mgr-done-btn, .add-mgr-done-btn:hover { background: #a29060; color: #fff !important; padding: 6px 12px; font-size: 13px; text-decoration: none; display: inline-block; } #sd1 button, #ed1 button { border: 0 !important; background: none !important; min-width: auto !important; display: inline-block; width: 15px; height: 15px; } /* _:-ms-lang(x), .startDateDiv .mat-icon-button { */ /* height: 25px; */ /* } */ /* .manager-history button.mat-icon-button:focus span, .manager-history button.mat-icon-button:active span { */ /* position: relative; */ /* left: -15px; */ /* top: -15px; */ /* } */ .manager-history button.mat-icon-button:focus, .manager-history button.mat-icon-button:active { position: relative; } /**** ERP ****/ #add-report .form-group{ border-bottom: 1px solid #ccc; padding: 7px 0; margin: 0; } #add-report .form-group-child{ padding-left: 15px; } #add-report .form-group:nth-child(5n) { padding: 0; border-bottom: 0; } #add-report .form-group label{ margin-right: 25px; } /* #add-report .form-group input{ */ /* padding: 5px; */ /* vertical-align: sub; */ /* } */ #add-report .form-group h3{ margin: 0; font-size: 13px; } #add-report .form-group p{ margin: 0; padding-top: 7px; } #enterprise-grid .add-report { border-bottom: 0; } .add-report{ overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 5px; } .add-report h2{ margin: 0; padding: 0; font-size: 18px; } .erpreport-wrapper{ /* height: calc(100vh - 140px); */ /* overflow-y: scroll; */ margin: 0 0 20px; } .erp-row{ border-bottom: 1px solid #ccc; padding: 7px 0 7px 15px; } .erp-input { margin-right: 23px; vertical-align: middle; } .erp-list{ border-bottom: 1px solid #ccc; padding: 0; margin: 0; list-style: none; } .erp-list select{ margin: 7px 0 7px 35px; } .erp-list li{ border-bottom: 1px solid #ccc; padding: 7px 0 7px 35px; } .erp-list li:last-child { border-bottom: 0; } #divtooltip { position: absolute; display: none; width: 300px; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.300754); } /* #divtooltip:before{ content:''; display:block; width:0; height:0; position:absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left:8px solid #ccc; right:-9px; top:14px; } */ #divtooltip ul{ margin: 0; padding: 15px; list-style: none; /*max-height: 300px;*/ overflow: auto; } #divtooltip ul li:not(:last-child){ margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .enter-plus{ display: inline-block; text-align: center; } .enter-plus .fa { color: #333; font-size: 21px; } .erpreport-wrapper .invalid-feedback div{ margin: 20px 0 0; } .erpreport-wrapper .invalid-feedback .fa{ vertical-align: inherit; } #report-input { min-height: 32px; } /* AWR Angular Upgrade Changes start */ /*.ag-ltr { position: relative; }*/ /* AWR Angular Upgrade Changes end */ /* .ag-fresh .ag-menu { margin-top: 10px; margin-left: -180px; } */ /*** Defect Id: 23486 ***/ #erp-disable > .erp-disable::before { /* color: #d9d8d8; */ content: none !important; } #erp-disable .erp-disable { cursor: default !important; border-color: #e6e6e6; background: #fafafa; } #erp-disable .erp-disable:hover { box-shadow: none !important; } .example-list { width: 450px; border: 1px solid #ccc; background: #f4f4f4; overflow: hidden; padding: 12px; } .example-box { padding: 9px 0 9px 30px; border: 1px solid #ccc; color: #333; display: flex; flex-direction: row; align-items: center; justify-content: space-between; box-sizing: border-box; cursor: move !important; font-size: 14px; background-color: #fff; position: relative; margin-bottom: 5px; border-radius: 5px; } .example-box:last-child{ margin-bottom: 0; } .example-box::before{ content: "\f58e"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 10px; top: 10px; color: #686666; font-size: 12px; } .example-box:hover{ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); background: #e5e5e5; } .dnd-sortable-drag { transform: scale(1); opacity: 0.7; border: 1px dashed #444; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .example-box.cdk-drag-disabled { background: #dedede; cursor: default; } /**** AVN Screen ****/ .avn-admin{ padding: 15px 0 0; overflow: hidden; } #avnGrid .ag-cell{ text-overflow: ellipsis; white-space: nowrap; height: 100%; } #avnAdminOptions .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px; } /* #avnAdminOptions .mat-form-field-infix{ padding: 7px 0; } */ #avnAdminOptions .mat-mdc-form-field-flex:hover{ border-color: #e1751c; } /* #avnAdminOptions .mat-form-field-label-wrapper{ top: -7px; } */ /* .customHeaderMenuButton .fa{ position: absolute; top: 10px; right: 7px; font-size: 14px; cursor: pointer; } */ .customHeaderMenuButton .fa{ font-size: 14px; cursor: pointer; } .mat-content{ position: relative; } .mat-icon{ position: absolute; left: 0; overflow: inherit; } #avnAdminOptions .mat-mdc-form-field{ margin-bottom: 0; } #avnAdminOptions .col-width1 label{ margin-top: 5px; display: block; } #parent-filter { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #parent-filter form{ margin-bottom: 0; } #parent-filter .mat-expansion-panel-header-title{ margin-left: 25px; margin-right: 0; font-size: 13px; font-weight: bold; color: #333; } #parent-filter .mat-expansion-panel-header-description{ display: none; } #parent-filter .mat-expansion-panel-body{ padding: 0 0 0 24px; } #parent-filter .mat-expansion-panel-header .mat-expanded{ border-bottom: 1px solid #ccc; margin-bottom: 10px; } #parent-filter .fa{ font-size: 21px; color: #666; margin-top: -3px; font-family: "FontAwesome"; } .agSelectionFilter { overflow-y: auto; max-height: 350px; } #parent-filter .mat-content{ overflow: inherit; } .avn-checkbox{ margin: 8px 0 0 20px; } #agGridHeaderDetail .form-group{ margin-bottom: 5px; } #agGridHeaderDetail h3{ font-size: 13px; font-weight: bold; margin: 7px 0 4px; padding: 0; color: #333; } #avn-edit .mat-button { padding: 0 !important; min-width: auto !important; color: #0057B8; line-height: 20px; font-size: 13px; } #excelExportIcon{ /* margin: 0 0 0 15px; */ width: 20px; } #excelExportIcon .fa{ font-size: 21px; cursor: pointer; } #excelExportIcon .fas { font-size: 18px; cursor: pointer; } /* .avn-admin .ag-reset a { */ /* margin-top: 3px; */ /* } */ #avnPaginationPanel{ text-align: right; margin: 15px 0 0; } .ag-paging-panel button{ background: none; border: 0; font-size: 0; cursor: pointer; } .ag-paging-panel button:before { font-size: 14px; color: #777; opacity: 1; } .ag-paging-panel button[disabled] { opacity: 0.5; } .ag-paging-panel button[ref=btFirst], .ag-paging-panel button[ref=btPrevious], .ag-paging-panel button[ref=btNext], .ag-paging-panel button[ref=btLast] { width: 16px; height: 16px; vertical-align: text-top; border: 0 !important; min-width: auto !important; float: inherit; } .ag-paging-panel button[ref=btFirst]{ background: url('images/btn-first.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btPrevious]{ background: url('images/btn-previous.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btNext]{ background: url('images/btn-next.svg') no-repeat 0 0 !important; } .ag-paging-panel button[ref=btLast]{ background: url('images/btn-last.svg') no-repeat 0 0 !important; } /* AWR Angular Upgrade Changes start */ .ag-paging-panel { display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-panel div[ref=btFirst], .ag-paging-panel div[ref=btPrevious], .ag-paging-panel div[ref=btNext], .ag-paging-panel div[ref=btLast] { width: 16px; height: 16px; vertical-align: text-top; border: 0 !important; min-width: auto !important; float: inherit; margin: 0 3px; } .ag-paging-panel div[ref=btFirst]{ background: url('images/btn-first.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btPrevious]{ background: url('images/btn-previous.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btNext]{ background: url('images/btn-next.svg') no-repeat 0 0 !important; } .ag-paging-panel div[ref=btLast]{ background: url('images/btn-last.svg') no-repeat 0 0 !important; } /* AWR Angular Upgrade Changes end */ #avnSort{ width: calc(380px - 200px); white-space: normal; } #avnDataColumn, #avnAnchorColumns, #dataHeader, #anchorHeader{ display: block; text-align: center; } .mat-checkbox-ripple{ display: none; } #exportSpinner{ width: 35px; } #exportSpinner .progress-spinner{ width: 25px !important; height: 25px !important; border: 1px solid #0088cc; margin: 0 0 0 10px !important; left: auto; top: auto; } #exportSpinner .progress-spinner svg{ width: 25px !important; height: 25px !important; } #exportSpinner .mat-mdc-progress-spinner circle{ stroke-width: 1% !important; } .agCustomFilter{ background: #fff; border: 1px solid #ccc; z-index: 10; position: relative; /* AWR Angular Upgrade Changes start */ width: fit-content /* AWR Angular Upgrade Changes end */ } .mat-list-option{ height: 35px !important; } .mat-list-option:not(:last-child){ border-bottom: 1px solid #ccc; } .avn-status .mat-list-option:not(:last-child) { border-bottom: 0; } .mat-list-text { font-size: 13px; } .mat-pseudo-checkbox.mat-pseudo-checkbox-checked{ border: 1px solid #666 !important; } .avn-date{ padding: 10px; display: flex; align-items: center; gap: 10px; } #avn-date .mat-mdc-form-field { border: 1px solid #ccc; width: 90%; } #avn-date a{ font-size: 18px; vertical-align: middle; } #avn-date button { min-width: auto !important; background: none !important; border: 0 !important; } #avn-date .mat-datepicker-toggle .mat-icon-button::before{ margin-top: auto; } #avn-timeperiod .mat-mdc-form-field { margin-top: 7px; display: flex; } #avn-timeperiod .mat-mdc-error, #avnUserName .mat-mdc-error, #avnSearch .mat-mdc-error { margin-top: 4px; font-size: 13px; } #avn-timeperiod .fa-times-circle, #avnUserName .fa-times-circle, #avnSearch .fa-times-circle { font-size: 14px; color: #ff0000; vertical-align: text-bottom; } .customHeaderMenuButton { float: right; opacity: 0; } .ag-header-cell:hover .customHeaderMenuButton { animation: animBtn 1s forwards; } @keyframes animBtn { 0% { opacity: 0; } 100% { opacity: 1; } } #parent-filter .mat-expanded .mat-expanded > .mat-expansion-panel-header { position: relative; margin-bottom: 10px; } #parent-filter .mat-expansion-panel { border-bottom: 1px solid #ccc; } #parent-filter .mat-expansion-panel:last-child { border-bottom: 0; } /* #parent-filter .mat-expanded .mat-expanded > .mat-expansion-panel-header:after{ */ /* border-bottom: 1px solid #ccc; */ /* content: ""; */ /* width: 100%; */ /* position: absolute; */ /* bottom: 0; */ /* } */ .mat-expansion-panel-spacing { margin: 0 !important; } .partner-by{ display: block; } .partner-id{ margin-right: 10px; } .fa-long-arrow-alt-down:before { content: "\f175"; } .fa-long-arrow-alt-up:before { content: "\f176"; } #avnGrid .ag-bl-full-height { /*** Defect Id: 23959 ****/ min-height: 300px; } /*** Defect Id: 23958 ****/ /* #avnGrid .ag-bl-full-height .ag-bl-overlay { */ /* position: absolute; */ /* top: 0; */ /* height: 100%; */ /* width: 100%; */ /* } */ /* #avnGrid .ag-body-container:empty { */ /* display: none; */ /* } */ #editableText .mat-mdc-form-field-infix { border: 1px solid #ccc; padding: 2px 0; font-size: 12px; width: 170px; } #avn-timeperiod .startDateDiv .mat-mdc-form-field-infix{ width: 167px; } .avn-status .mat-mdc-selection-list, .avn-status .mat-list-item-content{ padding: 0 !important; } .avn-status .mat-list-item.mat-list-option{ border-bottom: 0; } .date-header-align{ text-align: right; /* padding-right: 12px; */ } /***** Enterprise Portfolio *****/ .enterprise-portfolio { padding-bottom: 20px; } .enterprise-portfolio h2{ font-size: 18px; margin: 0 0 15px; } .enterprise-portfolio .form-group{ position: relative; } .enterprise-portfolio .mat-mdc-form-field-wrapper{ margin-right: 20px; } .mat-select-dropdown .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px; } .mat-mdc-select-dropdown .mat-mdc-form-field-infix{ padding: 7px 0; } /*.mat-select-dropdown .mat-form-field-flex:focus, .mat-select-dropdown .mat-form-field-flex:active{ border-color: #e1751c; outline: none; }*/ .mat-focused .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex { border-color: #e1751c; outline: none; } .criteria{ width: 200px; } .criteria h3{ font-size: 13px; font-weight: bold; margin: 5px 0 0; padding: 0; color: #333; } .port-by label{ font-weight: bold; margin: 5px 10px 0 0; display: block; } /* .port-input input { */ /* border: 1px solid #ccc; */ /* padding: 7px 10px; */ /* margin-right: 20px; */ /* } */ .port-input .mat-mdc-error{ position: absolute; bottom: -40px; width: 500px; } .port-input .mat-mdc-error .fa{ margin-right: 5px; vertical-align: inherit; } .search-check{ margin-left: 200px; padding-top: 1px; } .check-row{ margin-bottom: 10px; } .check-row input[type="checkbox"]{ vertical-align: middle; margin-right: 10px; } .enterprise-view .edit-pipe{ margin: 0 3px 0 0; } .enterprise-view .form-group label{ width: 350px; display: block; font-weight: bold; } .enterprise-view .fa{ font-size: 21px; color: #666; vertical-align: middle; margin-right: 7px; cursor: pointer; font-family: "FontAwesome"; } #GridData label { margin-top: 3px; } .specific-investor{ margin-left: 20px; } .common-table{ width: 100%; border-collapse: collapse; margin-bottom: 15px; } .common-table th{ text-align: left; padding: 6px 8px; font-size: 13px; } .common-table td{ padding: 6px 8px; } .common-table th, .common-table td{ border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .common-table th:first-child, .common-table td:first-child { padding-left: 45px; } .common-table th:last-child, .common-table td:last-child { border-right: 0; } .core-head{ border-bottom: 1px solid #ccc; padding: 0 0 7px; margin: 0 0 7px; } .core-accts{ padding: 0 0 7px; margin-left: 20px; overflow: hidden; } #enterprise-portfolio-grid .ag-body-viewport{ max-height: inherit !important; overflow-y: hidden !important; } #enterprise-portfolio-grid .ag-cell { white-space: nowrap; } #enterprise-portfolio-grid .ag-cell .am-additional-info a { margin-right: 7px; } /* #enterprise-portfolio-grid .ag-cell:last-child, #avnGrid .ag-cell:last-child{ */ /* border-right: 0; */ /* } */ #enterprise-portfolio-grid .ag-paging-panel, #avnGrid .ag-paging-panel{ position: absolute; right: 0; /* AWR Angular Upgrade Changes start */ position: relative; /* AWR Angular Upgrade Changes end */ } #enterprise-portfolio-grid .ag-paging-panel { padding-top: 10px; } /***** FI Criteria *****/ .common-head{ overflow: hidden; } .common-head h2{ font-size: 18px; margin: 0 0 5px; padding: 0; color: #333; } .common-head h3{ font-size: 18px; margin: 0 0 15px; padding: 0; color: #333; } .select-criteria{ font-weight: bold; display: block; margin: 0 0 15px; } #dropdown-criteria { margin-top: 12px; } .fi-criteria { padding-bottom: 20px; } .fi-criteria .form-group{ margin: 0 0 25px; } .fi-criteria .form-group label{ width: 225px; display: block; margin: 7px 0 0; font-weight: bold; } .fi-criteria .mat-input-box .mat-mdc-form-field-wrapper{ padding-bottom: 0; } .fi-criteria .mat-mdc-input-box .mat-mdc-form-field-infix { padding: 7px 10px; } .fi-criteria .mat-select-dropdown:nth-child(2) { margin-right: 10px; } #fi-lookup input[type="text"], #fi-lookup .fa{ float: left; } #fi-lookup .fa-search{ font-size: 16px !important; color: #666; position: absolute; right: 4px; top: 2px; } #fi-lookup .pull-left:nth-child(2) { position: relative; } .no-match{ color: red; top: 20px; position: relative; } .fi-indent{ margin-left: 20px; } .date-align{ text-align: right; } .fi-date .mat-mdc-form-field-wrapper{ padding-bottom: 0; } .fi-date .mat-mdc-form-field-flex{ border: 1px solid #ccc } .fi-date .mat-mdc-form-field-infix{ padding: 4px 0; } _:-ms-lang(x), .fi-date .mat-mdc-form-field-infix{ padding: 1px 0 0 5px; width: 175px; } .fi-date .mat-datepicker-toggle .mat-icon-button{ margin-right: 5px; position: relative; top: -2px; } _:-ms-lang(x), .fi-date .mat-datepicker-toggle .mat-icon-button{ top: -7px; } .fi-date label { margin-top: 0 !important; padding: 0 5px; font-size: 12px; font-weight: normal !important; } .fi-activate-deactivate .common-head{ min-height: 27px; } .fi-activate-deactivate .mat-mdc-error{ margin-left: 75px; } .fi-list-name{ width: 50px; display: inline-block; vertical-align: middle; } #toggleCheckBox label{ width: 25px; margin: 0; } #updateLink { min-width: auto; margin-left: 5px; line-height: 24px; font-size: 12px; padding: 0; color: #0057b8; } .adv-lookup-table{ width: 400px; position: absolute; top: 47px; background: #fff; left: 0; z-index: 10; } .adv-lookup-table table th{ font-size: 13px; font-weight: bold; color: #333; } .adv-lookup-table table tr, .adv-lookup-table table tbody, .adv-lookup-table table thead { display: block; width: 100%; } .adv-lookup-table table tr { height: auto; border-bottom: 1px solid #ccc; } .adv-lookup-table table th { padding: 13px 10px !important; border: none; } .adv-lookup-table table tbody { max-height: 200px; overflow-y: auto; } .adv-lookup-table table label.mat-radio-label { width: auto; margin: 0; } .adv-lookup-table table td { padding: 10px !important; border: none; } .adv-lookup-table table td.col-1, .adv-lookup-table table th.col-1 { width: 30px; } .adv-lookup-table table th.col-2 { width: 155px; } .adv-lookup-table table td.col-2 { width: 150px; } .adv-lookup-table table td.col-3, .adv-lookup-table table th.col-3 { width: 100px; } .fi-mat-error{ position: relative; top: 22px; } .mat-sort-header-button, .mat-sort-header-button:first-child, .mat-sort-header-button:last-of-type { background: none !important; border: 0 !important; } .mat-sort-header-button:hover{ color: #333 !important; background: none !important; } .fi-criteria .ag-bl-overlay { min-height: 250px; } .fi-criteria .ag-overlay-wrapper { position: relative; top: 35%; } /* AWR Angular Upgrade Changes start */ .fi-criteria .ag-overlay-no-rows-center{ min-height: 250px; } /* AWR Angular Upgrade Changes end */ .fi-activate-deactivate form { margin: 0; } /***** Investor View *****/ .investor-paging { overflow: hidden; border-top: 1px solid #ccc; padding: 7px 0; } .investor-paging ul{ margin: 7px 0 0; padding: 0; } .investor-paging ul li{ float: left; margin: 0 5px 0 0; border-right: 1px solid #686666; } .investor-paging ul li:last-child{ margin-right: 0; border-right: 0; } .investor-paging ul li a{ padding: 0 5px 0 0; font-size: 13px; } .investor-paging ul li a:hover{ color: #0057B8; } .investor-paging .reset-pipe { margin: 2px 5px 0 0; font-size: 18px; color: #686666; } .investor-paging .ag-reset a{ margin-top: 7px; } .investor-search .form-group label { width: 225px; display: block; font-weight: bold; margin: 5px 0 0 } .investor-search .mat-input-box, .investor-content .mat-input-box{ margin-right: 10px; width: 180px !important; } .mat-input-box .mat-mdc-form-field-wrapper{ border: 1px solid #ccc; padding-bottom: 0; } /*.mat-input-box .mat-form-field-wrapper:focus, .mat-input-box .mat-form-field-wrapper:active{ border-color: #e1751c; outline: none; }*/ .mat-focused .mat-mdc-form-field-wrapper { border-color: #e1751c; outline: none; } .mat-mdc-input-box .mat-mdc-form-field-infix{ padding: 7px 0; } .mat-mdc-input-box .mat-mdc-input-element{ padding: 0 7px; width: calc(100% - 14px); /* WRI Access Fix */ } .mat-mdc-input-box .mat-mdc-form-field-infix input:focus { border: 0; } .custom-select-view { border: 1px solid #ccc; padding: 0 7px; font-size: 13px; width: 200px; height: 25px; margin-top: -3px; } .investor-content{ padding: 15px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; overflow: hidden; } .investor-content .common-head { margin: 0 0 5px; } #client-grid-wrapper{ padding-bottom: 50px; } /* #client-grid-wrapper .ag-cell:last-child{ */ /* border-right: 0; */ /* } */ .pagination { margin: 15px 0; padding: 0; float: right; } .pagination > li { display: inline; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: white; border-color: #ddd; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #0057B8; text-decoration: none; background-color: white; border: 1px solid #ddd; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); } .popup-dialog .mat-dialog-actions { float: right; /* padding-top: 0; */ } .mat-mdc-dialog-actions button:first-child { padding: 0 !important; margin: 0 !important; } _:-ms-lang(x), .custom-select-view{ padding: 0; } .investor-content .button-mat { margin-top: 20px; } .client-list-new-reports { position: relative; } .client-list-new-value { position: absolute; left: -40px; width: 500px; top: -15px; } .client-list-new-value input[type="checkbox"] { vertical-align: middle; margin-right: 5px; } .client-list-new-value .new-include { font-size: 13px; font-weight: bold; } #investor-view-tab .client-list-new-value { left: -28px; } #investor-view-tab .new-include{ margin-left: 15px; margin-top: 8px; display: inline-block; } /**** Enterprise Model ****/ .enterprise-model .col-width2 { width: 210px; } .enterprise-model .col-width1 label { margin: 7px 0 0; display: block; } .firm-asset-source{ font-size: 12px; float: left; margin: 7px 0 0; } .common-head h4 { font-size: 13px; font-weight: bold; margin: 0 0 5px; color: #333; } .model-select{ margin-top: -5px; } .enterprise-model .disclosure-head { margin: 10px 0 15px; } .model-input { margin-top: 15px; } /***** Model Allocation *****/ .model-allocation .form-group{ min-height: 30px; } .model-allocation .form-group label{ width: 275px; display: block; font-weight: bold; } .file-excel{ font-size: 21px; color: #333; margin-left: 10px; } .tooltip-table{ padding: 10px; border-collapse: collapse; } .tooltip-table:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: -15px; left: 45%; z-index: 10; } .tooltip-table:after { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ccc; position: absolute; top: -16px; left: 45%; z-index: 9; } .tooltip-table th, .tooltip-table td { padding: 6px 8px; text-align: left; } .tooltip-table th{ border-bottom: 1px solid #909090; border-top: 1px solid #909090; font-size: 13px; } .tooltip-table tr{ border-bottom: 1px solid #ccc; } #bottomGrid{ margin-bottom: 15px; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } #bottomGrid .ag-header-viewport{ border-top: 0; } #bottomGrid .ag-header{ border-bottom: 0; } #model-allocate .mat-mdc-form-field-infix{ width: 168px; } #model-allocate .mat-mdc-form-field-label { font-weight: normal; padding-left: 7px; } #model-allocate .mat-icon-button { position: relative; right: 8px; } .program-admin #divtooltip { /***Defect Id: 29266 ***/ width: auto; } .account-model-info .ag-body { height: auto !important; } .model-info .fa{ font-size: 21px; margin-left: 7px; margin-top: 4px; cursor: pointer; } .modal-history-select{ width: 200px; } .enterprise-model .button-mat { margin-top: 15px; } .model-allocation .mat-checkbox-layout { /***Defect Id: 27118 ***/ width: auto !important; } .model-allocation .build-order { margin-left: 5px; } #addProgram .fas { cursor: pointer; font-size: 18px; color: #686666; } #addProgram .ag-reset a { margin-top: 2px; } /* .modal-input { */ /* text-align: right; */ /* } */ .modal-total-val { margin-top: -1px; } .modal-total-val .ag-row { border-bottom: 0 } #model-date { width: auto; margin-top: 3px; } /***Defect Id: 27131 ***/ #mah-tooltip { width: 380px; } .add-plus { font-size: 14px; } .reset-pipe { margin: 0 8px; color: #686666; font-size: 16px; } /***** Investor Create and Edit *****/ .investor-view-list .disclosure-head{ margin: 0 0 15px; } .view-links{ overflow: hidden; margin: 0; padding: 0; } .view-links li{ float: left; border-right: 1px solid #ccc; margin: 0 5px 0 0; } .invest-disable { padding-right: 5px; } .view-links li:last-child{ border-right: 0; margin-right: 0; } .view-links li a{ padding: 0 5px 0 0; } .check-container{ position: absolute; top: 5px; left: -12px } .check-container .fa{ font-size: 16px; color: #333; margin: 5px 0 0; } .mat-list-view .mat-subheader{ font-weight: bold; font-size: 13px; color: #333; height: 25px !important; padding: 15px 0; } .mat-list-view .mat-list-item{ height: 35px !important; margin-left: 25px; } .mat-list-view .noHeader { /* Added new class for Invester view */ margin-left: 0 !important; } .mat-list-view .mat-icon{ font-size: 22px !important; font-weight: bold; } #investor-view-tab .mat-line{ padding: 0 !important; } .mat-list-view .mat-line { padding-left: 10px !important; margin: 0; } .second-check { position: absolute; left: 0; } .invest-select { float: left; margin: 0 0 0 7px; font-weight: bold; } .select-check{ float: left; margin: 3px 0 0; } .investor-view-list input[type='radio'] { margin-left: 0; } .run-radio { margin-right: 20px; margin-left: 10px; } .investor-view-list .mat-mdc-tab-group { padding: 15px 0 0; } .investor-error { /**** Defect Id: 28050 ****/ margin-left: 225px; color: #333; } .investor-error .fa{ color: red; } /**** Defect Id: 28130 ****/ #investor-error-edit { margin-left: 215px; padding-top: 5px; } .investor-view-list .col-width1 { width: 215px; } .investor-view-list .col-width2 { width: 80% !important; } .investor-view-list .col-width1 label { margin-top: 5px !important; display: block; } /**** Fee Disclosure ****/ .fee-disclosure .form-group { margin: 0 0 25px; } .fee-disclosure .form-group .col-width1 { width: 200px; } .fee-disclosure .form-group .col-width2 { width: 510px; position: relative; } .fee-disclosure .fee-length { position: absolute; right: 10px; bottom: -20px; } .fee-disclosure .form-group label { display: block; margin: 0 0 7px; } .fee-disclosure .form-group .fa{ font-size: 21px; color: #333; vertical-align: middle; margin-left: 5px; } .fee-disclosure .form-group textarea{ border: 1px solid #ccc; height: 220px; width: 500px; padding: 5px 8px; resize: none; } .fee-disclosure .form-group textarea:focus{ border-color: #e1751c; outline: none; } .fee-tooltip { display: none; margin-top: 10px; width: 265px; padding: 10px; position: fixed; background: #fff; z-index: 10; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } .fee-tooltip:before { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; position: absolute; top: -15px; left: 5%; z-index: 10; } .fee-tooltip:after { content: ""; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ccc; position: absolute; top: -16px; left: 5%; z-index: 9; } /* AWR Angular Upgrade Changes starts Grid Border*/ /*.ag-cell-last{ border-right: 0 !important; }*/ /* AWR Angular Upgrade Changes ends Grid Border*/ /**** Account Model ****/ .model-back { padding: 15px 0 0; } .am-pipe{ margin: 0 5px; color: #999; } .edit-model-info { font-size: 21px; position: relative; top: -2px; /*left: 7px;*/ vertical-align: middle; } .am-additional-info-tooltip { padding: 10px; border-bottom: 1px solid #ccc; overflow: hidden; display: flex; flex-direction: row; } .am-additional-container { /**** Defect Id: 29074 ****/ display: flex; flex-direction: column; } .am-additional-info-tooltip:last-child { border-bottom: 0; } .am-additional-info-tooltip-header { float: left; font-weight: bold; width: 140px; } .am-additional-info-tooltip-data { float: left; width: 170px; } #additional-info-tooltip .fee-tooltip { width: 340px; } #additional-info-tooltip .fee-tooltip:after, #additional-info-tooltip .fee-tooltip:before { /**** Defect Id: 29040 ****/ border: 0; content: inherit; } .allocation-model { padding: 12px; } #allocation-info-tooltip .tooltip-table:after, #allocation-info-tooltip .tooltip-table:before { /**** Defect Id: 29040 ****/ border: 0; content: inherit; } #account-model .ag-body-viewport-wrapper { /**** Defect Id: 28203 ****/ height: auto; } /**** Error Field Validation ****/ .mat-mdc-form-field-invalid .mat-mdc-form-field-wrapper, .mat-mdc-form-field-invalid .mat-mdc-form-field-flex { border-color: #e1751c; } /**** Spinner ****/ .grid-load-spinner .mat-mdc-progress-spinner, #avnSpinner .mat-mdc-progress-spinner{ width: 75px !important; height: 75px !important; } .grid-load-spinner .mat-mdc-progress-spinner svg, #avnSpinner .mat-mdc-progress-spinner svg{ width: 75px !important; height: 75px !important; } /**** Risk Admin ****/ .risk-admin .disclosure-head { margin-bottom: 20px; } .risk-admin .form-group { margin-bottom: 20px; } .risk-admin .form-group label { width: 300px; display: block; font-weight: bold; } /* .risk-admin .button-mat { */ /* margin-top: 15px; */ /* } */ .risk-input { text-align: right; padding: 2px 7px; height: 27px; } .risk-admin .mat-error { margin-top: 10px; } .risk-admin .mat-mdc-form-field { height: 35px; } .risk-admin .mat-mdc-form-field-flex { padding: 0 10px; } .risk-admin .mat-mdc-input-box .mat-mdc-input-element { padding: 0; } .risk-admin .ag-bl-center, .risk-admin .ag-bl-full-height-center { width: 100% !important; } .risk-admin .ag-body { height: auto !important; } .risk-admin .mat-mdc-input-box .mat-mdc-form-field-infix { /**** Defect Id: 26699 ****/ text-align: right; width: 50px; } .riskCustomFilter .mat-mdc-form-field { height: 27px; } .risk-admin input:focus { border: 1px solid #ccc; } #risk-head { /**** Defect Id: 27912 ****/ margin-bottom: 20px; } .restore { width: 120px; } /**** Cover Page ****/ /* .cover-page .button-mat { */ /* margin-top: 15px; */ /* } */ .cover-page .disclosure-head { margin: 10px 5px; } .cover-page .form-group { margin: 0 0 15px 20px; } .cover-page .form-group label { /**** Defect Id: 27979 & 28020 ****/ display: block; width: 215px; margin-top: 5px; margin-left: 30px; padding-right: 40px; } .cover-page .mat-mdc-form-field-flex { padding: 0 10px; } .cover-page .mat-mdc-input-box .mat-mdc-input-element { padding: 0; } .cover-page .mat-mdc-select-dropdown .mat-mdc-form-field-label { width: inherit; margin-top: 0; margin-left: 0; padding-right: 0; } .cover-edge { display: inline-block; margin: 5px 0 0 10px; } .cover-num .mat-mdc-form-field-infix { text-align: right; } .pull-left { float: left; } .pull-right { float: right; } .ag-overlay-no-rows-center { padding: 15px 0 0; display: inline-block; } .cover-page .form-group:after { height: 5px; } .horizon-line { /**** Defect Id: 26491 ****/ border-top: 1px solid #d2d2d2; padding-top: 7px; } .cover-page _:-ms-lang(x), .mat-mdc-select-panel { /***Defect Id: 27208 ***/ min-width: 100% !important; } .cover-page .mat-mdc-form-field-invalid + .mat-mdc-error, .cover-page .ng-invalid + .mat-mdc-error { position: absolute; top: 37px; left: 0; width: 400px; } .cover-page .mat-mdc-form-field.mat-mdc-form-field-invalid, .cover-page .mat-mdc-form-field.ng-invalid { margin-bottom: 30px; } .cover-page .mat-mdc-input-box { position: relative; } .cover-page .mat-mdc-input-element:disabled { /***Defect Id: 27979 ***/ color: #555; } /**** GR Price ****/ #grp-radio label { width: auto; margin-left: 0 !important; padding-top: 0 !important; padding-left: 0px !important; } #grp-radio .mat-radio-container { vertical-align: top; } .grp-modi-inp { margin-top: -5px; width: 100%; } #grpriceGrid .ag-body, #grpriceGrid .ag-bl-normal-center, #grpriceGrid .ag-bl-normal-center-row { height: auto !important; } #grpriceGrid .ag-body-viewport { max-height: inherit !important; overflow-y: hidden !important; } #grpriceGrid .ag-paging-panel { text-align: right; position: relative; padding-top: 10px; } .grprice .grp-modi-inp:focus { /***Defect Id: 27251 ***/ border: 1px solid #ccc } .grprice .disclosure-head { /***Defect Id: 27917 ***/ margin: 10px 0 15px; } /***Defect Id: 27130 ***/ #grprice-tooltip .fee-tooltip, #grprice-tooltip .am-additional-info-tooltip-data { width: auto; } #grprice-tooltip .fee-tooltip:before, #grprice-tooltip .fee-tooltip:after { left: 50%; } #grprice-tooltip .am-additional-info-tooltip-header { width: 175px; } /**** Money Managers ****/ .money-manager { margin-top: 10px; } .money-manager .col-width1 { width: 215px; } .money-manager .col-width2 { width: 80%; } .money-links { margin: 7px 0 0 15px; } .money-manager h3 { font-size: 13px; font-weight: bold; margin: 0 0 12px; padding: 0; color: #333; } /* #custom-assign .common-table th:first-child, #custom-assign .common-table td:first-child{ */ /* padding-left: 0; */ /* } */ .money-manager .col-width1 label { margin-left: 25px; } .money-manager .common-table th:first-child, .money-manager .common-table td:first-child { padding-left: 25px; } .blog-post .common-table td { border: 0; } .blog-post .common-table input[type="checkbox"], .money-check-row input[type="checkbox"] { vertical-align: bottom; } .money-primary { float: left; width: 120px; } .money-custom-link { float: left; margin: 4px 0 0 10px; } .parent-select-money { overflow: hidden; } .parent-select-money .mat-select-dropdown{ position: relative; width: 100%; } .parent-select-money .mat-mdc-form-field { height: 37px; } .money-check-row { overflow: hidden; margin-bottom: 10px; } .money-manager .disabled1 { cursor: not-allowed; color: #cecece; } .money-manager .disabled1:hover { color: #cecece !important; } .loadWrapper { background: rgba(0,0,0,0.01); width: 100%; height: 100%; position: fixed; top:0px; left:0px; z-index: 99999; } .loader { border: 7px solid #e4e4e4; /* Light grey */ border-top: 7px solid #0088cc; /* gray */ position: absolute; left: 50%; top: 50%; border-radius: 50%; width: 75px; height: 75px; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .money-manager .mat-mdc-input-box .mat-mdc-form-field { height: 30px; } .money-manager .mat-mdc-form-field-infix { /**** Defect Id: 27135 ****/ width: 350px; } .money-manager .mat-mdc-input-box .mat-mdc-form-field { height: 30px; } .money-desc { margin-left: 0 !important; } .blog-post .common-table td:first-child, .blog-post .common-table th:first-child { /**** Defect Id: 27918 ****/ padding-left: 0; } .blog-post .common-table { margin-bottom: 0; } /**** GR Account ****/ .globalrecon-account h3 { font-size: 14px; font-weight: bold; margin: 0 0 5px; padding: 0; color: #333; } #dataHeader { margin-top: 7px; } { width: 100%; margin-top: -4px; } #global-name-inp .mat-mdc-form-field-infix, .globalrecon-account .custom-select-view { width: 100%; } .gr-interface { border: 1px solid #ccc; width: 400px; padding: 0 0 0 15px; float: left; } .gr-interface-btn { float: left; margin: 0 15px; } .graccount-grid .ag-cell { white-space: normal !important; } .common-heading { overflow: hidden; } /**** Reset Link ****/ .ag-reset { overflow: hidden; position: relative; } .ag-reset a { cursor: pointer; margin-top: 2px; } #ag-reset-icon a { margin-top: 4px; display: inline-block; } /* New CSS for WRI Access Remediation Starts */ table { border-collapse: collapse; border-spacing: 0; } .angular_table tr td:first-child { width: 215px !important; font-size: 13px !important; font-weight: bold !important; padding-right: 20px !important; vertical-align: top !important; } .angular_table tr td:last-child { padding-right: 0px !important; } .angular_table td, .angular_table tr td { padding: 7px 20px 7px 0 !important; vertical-align: middle !important; font-size: 13px; font-weight: normal; background: none; } .wizard_login { padding: 20px; } .wizard-tab { padding: 0 15px 45px; } .practice-tab .nav { padding: 0 10px 10px; border-bottom: 0 !important; } .practice-tab .nav::before { top: 145px; bottom: 0; position: absolute; content: " "; width: calc(100% - 134px); height: 4px; border: 1px solid #a1a1a1; background: #fff; left: 65px; } #advisor_practiceTab .nav > li { width: 20%; } .practice-tab .nav > li { display: table-cell; text-align: center; position: relative; width: 25%; float: left; } .practice-tab .nav-tabs > li > p { margin: 0 0 10px; } .practice-tab .nav-tabs > li.active p + a { cursor: pointer; } .practice-tab .nav-tabs > li.active > a { background: #909090 !important; color: #fff; border: 1px solid #909090 !important; cursor: default; } .practice-tab .nav > li > a { padding: 3px; border-radius: 25px !important; width: 20px; height: 20px; background: #FFF; margin: 0 auto; color: #333; font-weight: bold; position: absolute; left: 50%; margin-left: -15px; line-height: 21px !important; border: 1px solid #909090 !important; } .practice-tab .nav-tabs > li.active > a > i { color: #fff; } .practice-tab .nav > li > a > .fa-check:before { line-height: 19px; } .chregContent { padding: 6px 0 0 0; } .chregContent .leftDiv { float: left; padding: 0 42px 0 0; margin-left: 45px; margin-bottom: 25px; border-right: 1px solid #ccc; } .stchregContent .leftDiv { margin-left: 0 !important; } /** New Login input fields css**/ .msgTooltip:before{ content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; position: absolute; top: -12px; left: 5%; z-index: 10; } .msgTooltip:after { content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #ccc; position: absolute; top: -13px; left: 5%; z-index: 9; } .msgTooltip { position:absolute; margin-top: 10px; width: 265px; padding: 10px; background: #fff; z-index: 10; cursor: pointer; /*left: 1530px; top: 262px;*/ border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } #userDiv .msgTooltip{ width: 350px; left: 140px; margin-top: -5px; } .infoDiv { margin: 5px 0 10px 40px; font-size: 15px; } .infoDiv font { font-weight: bold; } .subinfoDiv { margin: 0 0 0 40px; } .subinfoDiv input[type=checkbox] { margin-right: 5px !important; margin-top: -2px !important; } #challengeQnForm .qnCheckbox, #edit_challengeQn .qnCheckbox, #challengeQnSetup .qnCheckbox { padding-bottom: 0px !important; } .chregContent .leftDiv select { width: 550px; height: 30px; } #challengeQnForm .ansTextbox, #edit_challengeQn .ansTextbox, #challengeQnSetup .ansTextbox { padding-bottom: 10px !important; } .medium { width: 280px; } #challengeQnForm #tickMark, #edit_challengeQn #tickMark, #challengeQnLoginForm #tickMark, #advisorPersonalInfoForm #tickMark { /* WRI Access Fix */ position: relative; right: 245px; float: right; margin-left: 6px; margin-top: 4px; } #advisorPersonalInfoForm #tickMark { /* WRI Access Fix */ right: 3px !important; } #tickMark .fa, #tickMark1 .fa { color: #08ab05; font-size: 20px; } #errMsg { font-size: 12px; font-weight: normal !important; } .wizard_btn { width: 100%; border-top: 1px solid #ccc; } .wizard_btn .padT10 { padding-top: 15px !important; display: inline-block; /* WRI Access Fix */ } .wizard_btn input.btn:first-child, .wizard_btn input.btn_nm_highlight:first-child { margin-left: 0 !important; margin-right: 0 !important; float: inherit; } .chregContent .rightDiv { float: left; padding: 0px 15px 0px 15px; /* height: 440px; */ min-height: 485px; } .chregContent .rightDiv span { float: left; width: 100%; font-size: 16px !important; margin-bottom: 5px; } .chregContent ul, .regContent ol { clear: both; float: left; margin: 0px 0 10px 10px; padding: 0; text-align: left; width: 100%; } .chregContent ul li { margin: 7px 0 0 10px; list-style: disc; line-height: 20px; } .chregContent:after { clear: both; content: "."; display: block; height: 0px; visibility: hidden; } .cQn_outerDiv { margin: 35px; } .qnCheckbox .mat-mdc-form-field-flex { border: 1px solid #ccc; width: 550px; height: 30px; padding: 0 10px; } .ansTextbox .mat-mdc-form-field { display: inline-block; position: relative; text-align: left; width: 280px; } .checkboxDiv { margin-top: -10px; margin-bottom: 15px; } .checkboxDiv input[type=checkbox] { float: left; margin-top: 2px !important; margin-right: 7px !important; } #challengeQnForm .mat-mdc-form-field-infix { padding: 0px !important; height: 28px; margin-top: 0px; } #challengeQnForm .mat-mdc-form-field-infix .mat-mdc-select-trigger { margin: 0px; } #challengeQnForm .mat-mdc-form-field-infix .mat-mdc-select { padding-left: 6px; } #challengeQnForm .qnCheckbox { padding-left: 0px !important; } #challengeQnForm .qnCheckbox .mat-mdc-form-field-flex { padding: 4px 5px !important; } #challengeQnForm .ansTextbox .mat-mdc-form-field-hide-placeholder { height: 32px; } .ansTextbox { padding-left: 0px !important; } #challengeQnForm .ansTextbox .mat-mdc-form-field-label-wrapper label { height: 28px; padding-top: 1px; /*padding-left: 6px; QC#39860 Fix*/ margin-left: 7px !important; } #challengeQnForm .fa-times-circle { vertical-align: unset; } #challengeQnForm .ansTextbox .errorMsg { font-weight: normal; } #challengeQnForm .mat-mdc-select-dropdown .mat-mdc-form-field-infix { padding: 3px 0; } #edit_challengeQn .leftDiv { margin-left: 0px; padding-left: 0px; } .fa-eye, .fa-eye-slash { position: absolute; /* javeedh*/ right: 10px; /* javeedh*/ font-size: 14px; top: 7px; /* javeedh*/ float: right; } .maskedIp { padding-right: 30px !important; /* javeedh*/ width: calc(100% - 37px) !important; /* javeedh*/ } .wizard_login .regContent { padding: 6px 36px 0 45px; /* 45 to 36 both*/ min-height: auto; background: #fff; } .regContent { float: left; } .regContent .leftDiv td { padding: 5px 10px 5px 0px; } #wizardReg .leftDiv { width: auto; padding-left: 0; } .regContent .leftDiv { width: 515px !important; float: left; padding: 0 16px 0 0; margin-bottom: 25px; border-right: 1px solid #ccc; } .noBorder td, td.noBorder, .r_table td.noBorder, .noBorder { border: none !important; } table { border-collapse: collapse; border-spacing: 0; } .mat-raised-button:last-child, .mat-stroked-button:last-child { margin-right: 0 !important; } .rightDiv { min-height: 31px; float: right; font-size: 13px; } .regContent .rightDiv { float: left; width: calc(100% - 620px); padding: 0px 15px 0px 15px; line-height: 25px; } #personalInfoTab .rightDiv { width: calc(100% - 620px); min-height: 850px; } .regContent .rightDiv span { float: left; width: 100%; font-size: 16px !important; margin-bottom: 5px; color: #333 !important; } .regContent ul, .regContent ol { clear: both; float: left; margin: 0px 0 10px 10px; padding: 0; text-align: left; width: 100%; } .rightDiv ul { margin-bottom: 20px; } .regContent ul li { margin: 7px 0 0 10px; list-style: disc; line-height: 20px; } .rightDiv .subHeader { margin: 15px 0 0 !important; padding-bottom: 0 !important; } .mat-checkbox-layout, .mat-checkbox-layout .mat-checkbox-label label { margin-left: 0 !important; } .topdiv { border-bottom: 1px solid #ccc; padding-bottom: 10px; } #reviewTab .ansRow { font-weight: 100 !important; padding-left: 10px !important; } .wizard_login .mat-mdc-select-dropdown .mat-mdc-form-field-flex { border: 1px solid #ccc; padding: 0 10px 0 7px; } .wizard_login .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-label { margin-left: 0 !important; top: 14px; } .wizard_login mat-datepicker + .mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label { margin-left: 7px !important; } /* Access Form Style starts */ .outerDiv { float: left; width: 100%; margin: 0 0 20px; } .leftColumn { font-size: 13px; font-family: Arial; font-weight: bold; color: #333333; width: 215px; float: left; padding-right: 40px; position: relative; } .rightColumn { float: left; overflow: hidden; font-size: 13px; font-family: Arial; color: #333333; font-weight: normal; display: flex; align-items: center; min-height: 32px; gap: 5px; } .advAccessForm { margin-top: 20px; } .advAccessForm .textbox { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .textbox-invalid { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .mat-mdc-form-field-flex { border: 1px solid #cbcbcb; padding: 0 10px; } .advAccessForm .textbox-invalid .mat-mdc-form-field-flex { border: 1px solid #e1751c; } .advAccessForm .mat-mdc-form-field-invalid { width: 45px; height: 28px; font-size: 13px; margin-right: 0px !important; display: inline-block; } .advAccessForm .mat-mdc-form-field-invalid .mat-mdc-form-field-flex { border:1px solid #e1751c; } /* Access Form Style ends */ /* New CSS for WRI Access Remediation Ends */ /* CSS for Advisor Search*/ ul, li { list-style: none; } .advSearch { display: none; margin-top: 10px; width: 265px; padding: 10px; position: fixed; background: #fff; z-index: 10; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); } /* Header - Menu Overlay */ .top_box { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #b7b7b7; border-radius: 0; margin-top: 10px; padding: 15px; position: absolute; right: 42px; width: 185px; z-index: 999; display: none; /*border-bottom: 4px solid #A29060;*/ } .top_box:after, .top_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .top_box:after { border-color: rgba(241, 241, 241, 0); border-bottom-color: #fff; border-width: 10px; right: 4px; } .top_box:before { border-color: rgba(162, 162, 162, 0); border-bottom-color: #a5a5a5; border-width: 11px; right: 3px; } .searchInvestor .float_right { margin-top: 20px; } .searchInvestor ul li:last-child { border-bottom: 1px solid #c4c4c4 !important; } .searchInvestor .float_right input:last-child { margin-right: 0px !important; } #invest_advisor #searchbox_small, #invest_investor1 #searchbox_small, #invest_investor2 #searchbox_small, #hierarch_advisor #searchbox_small { margin-right: 0px !important; margin-bottom: 3px; } .contentMenu_noPadding { padding: 1px 15px !important; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.25); } .contentMenu_noPadding ul li { font-size: 13px; border-bottom: 1px solid #c4c4c4; padding: 12px 0 12px 0 !important; line-height: normal !important; } #searchbox_small { float: right; background-color: #fff; margin: 15px 30px 0 0; border: 1px solid #cbcbcb; width: 351px; height: 32px; } #hierarch_advisor { top: 340px !important; } .hideMe { display: none; } .advisorSearch { /* background-color: #A29060 !important;*/ border: 1px solid #cbcbcb; float: right; height: 32px; margin: 15px 0 0 0; width: 110px; border-right: none; overflow: hidden; } .advisorSearch input, .advisorSearch select { /* background: #A29060;*/ border: 1px solid #fff; float: left; font-size: 13px; outline-style: none; padding: 5px 0 8px 0px; width: 110px; height: 32px; } .advisorSearch select option { padding: 7px 12px 7px 7px; background: #fff; color: #333; } .advisorSearch input::-webkit-input-placeholder { color: #fff; } .advisorSearch input:-moz-placeholder { color: #fff; } .advisorSearch input::-moz-placeholder { color: #fff; } .advisorSearch input:-ms-input-placeholder { color: #fff; } #invest_investor ul.top_menu { margin: 0 !important; padding: 0 !important; background-color: #fff !important; float: left !important; width: 100% !important; overflow: hidden !important; } #invest_investor ul.top_menu li { margin: 0; padding: 7px 12px !important; list-style: none; background-color: #fff; color: #0057B8; text-align: left; clear: both; float: left; width: 100%; cursor: pointer; font-size: 13px; font-weight: normal; text-transform: none !important; margin-top: 0 !important; } .resultHeader { border-bottom: 1px solid #acacac !important; border-top: 1px solid #acacac !important; padding: 7px 20px !important; font-weight: bold; margin-top: 10px; } input#advisorSearch { height: 18px; } /* CSS for Advisor Search Ends*/ .hierarchyHeader { font-size: 15px; font-weight: bold; } .hierarchy_header_padding{ padding : 5px } .common-head div:first-child a{ /* Create Client settings alignment fix*/ margin-top :2px; } /* AWR Angular Upgrade Changes start - To prevent overwrite in ag cell Disc Admin screen */ .ag-cell-auto-height { height: 100%; } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes start - Dropdown issue fix */ .mat-mdc-select-panel{ padding-top: 1rem; padding-bottom: 1rem; background: white; } .mat-mdc-select-panel:not([class*=mat-elevation-z]){ box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%); } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes starts - Disclosure Admin */ .disclosure-content .form-control { padding:0; border: none; box-shadow: none; border-radius: 0; } .disclosure-content .mat-mdc-form-field { height: unset; } .disclosure-content label { margin: 0 !important; padding-bottom: 5px; font-size: 13px; } .form-control.mat-mdc-input-element { /* Fix for report package */ box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%; } .disclosure-content form{ margin-top:15px !important; } /* AWR Angular Upgrade Changes end - Disclosure Admin */ /* AWR Angular Upgrade Changes starts */ .mat-mdc-form-field-type-mat-select .mat-mdc-form-field-label { display: none !important; } /* AWR Angular Upgrade Changes end */ /* AWR Angular Upgrade Changes starts Grid Border*/ .ag-row .ag-cell:first-child, .ag-header-row .ag-header-cell:first-child{ border-left:1px solid #e1e1e1; } /* AWR Angular Upgrade Changes end Grid Border */ /* New Login screen styles start */ .no-wri-body-background { background: none !important; } .lgc { background: url("images/bg-image.jpg") no-repeat center bottom; width: 100% !important; /*height: 100% !important;*/ min-height: 100vh !important; /*min-height: auto !important;*/ position: inherit !important; -ms-flex-item-align: center; align-self: center !important; display: flex; } .lgc-contianer { text-align: center; -ms-flex-item-align: center; align-self: center; border-radius: 4px; margin-left: auto; margin-right: auto; margin-top: 0rem; } .lgc-contianer div { margin: 0; } .lgc-contianer > div > div { /*height: 412px;*/ border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 2px 16px 2px rgba(0,0,0,0.2); } .lgc-contianer .lgc-login-section { width: 330px; padding: 0 !important; overflow: hidden; } .lgc-contianer .bannerTable { height: auto; } .lgc-contianer .bannerTable .lgc-logo { margin-left: -18px; } .lgc-contianer .bannerTable > div:first-child { padding-top: 32px; padding-bottom: 32px; } .lgc-contianer .bannerTable > div.bannerLine { height: 1px; } .lgc-contianer .lgc-welcome-section { width: 545px; padding: 0 !important; margin-left: 12px; } .lgc-contianer .lgc-welcome-section .welcome-content { margin-top: 35px; margin-right: 20px; padding: 0 15px 0 35px; text-align: left; color: #000000; font-size: 13px; letter-spacing: 0; line-height: 24px; height: calc(100% - 64px); overflow-y: auto; } .lgc-contianer .lgc-welcome-section .welcome-content p { text-align: left; color: #000000; font-size: unset; font-style: unset; font-weight: unset; letter-spacing: 0; line-height: 24px; margin-bottom: 15px; } .lgc-footer { background: rgba(255,255,255,1); display: flex !important; margin-top: auto !important; position: inherit !important; padding: 26px 50px !important; /*position: fixed; bottom: 0; width: 100%; left: 0; z-index: 2; margin-top: -1px; margin-left: 0; margin-bottom: 0; padding: 26px 50px; margin-right: auto; text-align: center; display: inline-block;*/ /*height: 96px;*/ } .lgc-footer > div:first-child { padding-left: 0; } .lgc-footer > div:last-child { padding-right: 0; text-align: right; } .lgc-footer .login-footer { display: block; text-align: left; } .lgc-footer .login-footer:last-child { margin-top: 6px; } .lgc-footer .login-footer a, .lgc-footer .login-footer:last-child span { font-size: 13px; letter-spacing: 0; line-height: 18px; } .lgc-footer .login-footer a::after, .lgc-footer .login-footer:last-child span::after { content: "|"; padding-left: 10px; padding-right: 10px; color: #333; cursor: default; position: relative; top: -1px; } .lgc-footer .login-footer a:last-child::after, .lgc-footer .login-footer:last-child span:last-child::after { content: ""; } .lgc-login-section .group input[type="text"], .lgc-login-section .group input[type="password"] { border: 1px solid #cbcbcb; border-radius: 0; color: #333; font-size: 14px; font-weight: normal; outline-style: none; width: 100%; } .lgc-login-section .group span { width: 100%; float: left; margin-bottom: 5px; } .lgc-login-section .group span.bar { position: relative; display: block; width: 300px; } .lgc-login-section .group label { color: #999; font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; margin: 0 !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .lgc-login-section .group { margin-top: 32px !important; padding: 0; border-bottom: none; } .lgc-login-section .group:last-child { margin-top: 25px !important; } .lgc-login-section #userDiv{ padding:0 36px; } .lgc-login-section .errMsgDiv .fa, .lgc-login-section .errMsgDiv .fas { font-size: 18px !important; margin: 0 !important; } .lgc-login-section .errMsgDiv div { font-size: 13px; } .loginBtn{ margin-top: 36px !important; } .loginBtn input{ width:100%; border-radius: 2px !important; height: 34px !important; } .errMsgDiv { padding: 0 36px; margin-top: 20px !important; } .resetDiv { padding: 0 36px; margin-top: 26px !important; margin-bottom: 36px !important; } .loginBtn .btn[disabled]{ pointer-events: none; } .lgc-login-section .failure_InPopup div{ text-align: left; } .loginBtn .btn:hover,.loginBtn .btn:focus{ border-radius: 2px !important; color:#fff; } .lgc-login-section #userDiv form{ width:100%; } .btn[disabled]{ background: rgba(0, 0, 0, 0.1) !important; color: rgba(0, 0, 0, 0.26) !important; border: none !important; opacity: 1 !important; cursor: default !important; } /** New Login input fields css**/ .group { position: relative; } #userDivInput, #passwordfield { /*padding: 10px 10px 5px 5px;*/ padding: 15px 0 7px 0; display: block; border: none; border-bottom: 1px solid #cbcbcb; } input:focus { outline: none; } /* LABEL ======================================= */ #userDiv label, #passwordDiv label { color: rgba(0, 0, 0, 0.28); font-size: 14px; font-weight: normal; position: absolute; pointer-events: none; left: 0; top: 10px; margin: 0 !important; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } /* active state */ #userDiv input:focus ~ label, #passwordDiv input:focus ~ label, #userDiv input:valid ~ label { top: -10px; font-size: 12px; color: rgba(0, 0, 0, 0.40); } /* BOTTOM BARS ================================= */ #userDiv .bar { position: relative; display: block; width: 300px; } #userDiv .bar:before, #userDiv .bar:after { content: ''; height: 1px; width: 0; bottom: 1px; position: absolute; /* background:#cbcbcb; */ transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; } .bar:before { left: 50%; } .bar:after { right: 50%; } /* active state */ #userDiv input:focus ~ .bar:before, #passwordDiv input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; } /* HIGHLIGHTER ================================== */ .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; } /* active state */ input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; } /* ANIMATIONS ================ */ @-webkit-keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } @-moz-keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } @keyframes inputHighlighter { from { background: #cbcbcb } to { width: 0; background: transparent; } } /** New Login input fields css**/ .lgc-contianer .row { display: block; padding-top: 0; } @media only screen and (min-width: 48em) { .lgc-contianer .col-sm-12, .lgc-contianer .col-sm-4, .lgc-contianer .col-sm-8 { box-sizing: border-box; -webkit-box-flex: unset; -webkit-flex-grow: unset; -moz-flex-grow: unset; -ms-flex-positive: unset; flex-grow: unset; -webkit-flex-shrink: unset; -moz-flex-shrink: unset; -ms-flex-negative: unset; flex-shrink: unset; padding-right: 15px; padding-left: 15px; -webkit-flex-basis:unset; -moz-flex-basis: unset; -ms-flex-preferred-size: unset; flex-basis: unset; max-width:unset; } } #disclaimerContent ul, #disclaimerContent li, #privacyContent ul, #privacyContent li, #cookiePolicy ul, #cookiePolicy li, #emeaContent ul, #emeaContent li, #browser ul, #browser li{ list-style:disc; } #cookiePolicy #login-expand .collapse,#cookiePolicy #login-expand .expand{ display: block; } #cookiePolicy h3{ font-size: 13px; font-weight: 700; padding: 0; line-height: 18px; margin:0 0 5px 0; } .lgc-contianer .error{ margin: 20px 36px 0px 36px; } .lgc-contianer .error div{ vertical-align: top; } .lgc-contianer .error .fa-times-circle{ font-size: 18px !important; } /* New Login screen styles End */ /* New Login screen styles End */ /* AWR Angular Upgrade Changes start - Role Lookup Horizontal scroll issue */ #roleLookupGrid .ag-center-cols-clipper{ min-width:0 } #roleLookupGrid .ag-center-cols-viewport { overflow: hidden; } #roleLookupGrid .ag-body-horizontal-scroll-viewport { overflow-x: scroll; margin-left: 500px !important; overflow-y: visible; padding: 0; } #roleLookupGrid .ag-layout-normal.ag-body-viewport{ max-height: 300px !important; } #roleLookupGrid .ag-center-cols-container { position: relative; } #roleLookupGrid .ag-full-width-container { position: absolute; height: 0% !important; } .ag-tooltip { position: absolute; pointer-events: none; z-index: 99999; background-color: #ffffff; color: #181d1f; padding: 6px; border: solid 1px; border-color: #333; white-space: normal; } #roleLookupGrid .ag-icon-tree-closed:before { font-family: "FontAwesome"; content: "\f055"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } #roleLookupGrid .ag-icon-tree-open:before { font-family: "FontAwesome"; content: "\f056"; font-size: 21px; color: #666; vertical-align: bottom; margin: 0 10px 0 0; cursor: pointer; } #roleLookupGrid .ag-icon-tree-open{ background: none; top: 2px; position: relative; } #roleLookupGrid .ag-icon-tree-closed{ background: none; top: 2px; position: relative; } #roleLookupGrid .ag-group-value{ margin-left: 10px; margin-left: 10px; width: -webkit-fill-available; display: inline-block; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; top: 2px; position: relative; } /* AWR Angular Upgrade Changes end */ /*Client disclosure admin styles Start*/ .table-prop{ height : 100%; width : 100%; border : 0; } .subHeader { padding-top: 8px !important; padding-bottom: 15px !important; font-size: 20px !important; font-weight: 100 !important; } .tr-height{ height: auto !important; } .td1-prop { width: 215px !important; padding-right: 20px !important; vertical-align: top !important; box-sizing : unset !important; } .td2-prop{ vertical-align: top !important } .td2-padding{ padding: 0px 20px 0 20px !important; } .float_left{ float : left; margin-right: 24px; } .noteText { width: 840px; } .inform_InPopup div { padding-right: 8px !important; margin-top: -2px; margin-bottom: 10px; display: table-cell; vertical-align:middle; font-size: 12px; padding-top: 2px; } .inform_InPopup { background-color: #efefef; border-radius: 3px; padding: 7px 8px; font-weight:normal !important; color:#333 !important; position:relative; margin:10px 0; /*height: 18px;*/ } .inform_InPopup { border:1px solid #0066ff; } .inform_InPopup .fa-info-circle{ color: #0066ff; font-size: 14px; } .infoNote { border: none; padding: 0; background: none; margin-bottom: 0; float: left; width: 85%; } .noteText textarea { text-align: left; padding: 10px; line-height: 20px; } .noteText textarea, .noteText div { display: block; margin-right: 0 !important; } textarea { font: normal 13px/normal Arial, Verdana, Helvetica, sans-serif; vertical-align: top; border: thin solid #cbcbcb; padding: 5px; } .padT10 td, .padT10 { padding-top: 10px !important; } .noteText textarea[readonly]:focus { border-color: #cbcbcb; } textarea:focus { border: 1px solid #e1751c; outline: none; } .noteText .infoNote div { display: table-cell; } .font-style{ font-weight: bold; } .float_right{ float : right!important; } /*Client disclosure admin styles End*/ /* New Login Screen Reset Pwd and Forget Username Popup fix starts*/ .noPaddingContainer { padding: 0; margin:0; } .btn:hover, .btn:focus { color: #fff; } #advisor_rp .fa-eye, #advisor_rp .fa-eye-slash, #investor_rp .fa-eye, #investor_rp .fa-eye-slash, #advisor_fuid .fa-eye, #advisor_fuid .fa-eye-slash, #investor_fuid .fa-eye, #investor_fuid .fa-eye-slash { right: 122px; } #adv_forget_username .fa-eye, #adv_forget_username .fa-eye-slash, #adv_forget_pass .fa-eye, #adv_forget_pass .fa-eye-slash, #adv_forgotUsername_popup .fa-eye, #adv_forgotUsername_popup .fa-eye-slash{ position: relative; font-size: 14px; top: 6px !important; } #fi_user_inv_ssn .maskedIp, #fi_user_reset_phone .maskedIp{ width:210px !important; } #adv_forget_pass #investor_rp input,#adv_forget_pass #advisor_rp input, #adv_forget_pass #homeOfficeuser_rp input, #adv_forgotUsername_popup #advisor_fuid input,#adv_forgotUsername_popup #investor_fuid input, #adv_forgotUsername_popup #homeOfficeUser_fuid input, #forgotUsername_challengeQn_popup input, #resetpwd_challengeQn_popup input{ line-height:normal; margin-right: 3px; vertical-align: middle; } #homeOfficeUser_fuid .fa-eye, #homeOfficeUser_fuid .fa-eye-slash, #homeOfficeuser_rp .fa-eye, #homeOfficeuser_rp .fa-eye-slash { right: 23px; } #adv_forgotUsername_popup input:focus{ border:1px solid #cbcbcb; } #forgotUsername_challengeQn_popup .infoDiv, #resetpwd_challengeQn_popup .infoDiv { margin-left: 0px; } #forgotUsername_challengeQn_popup .infoDiv font, #resetpwd_challengeQn_popup .infoDiv font{ font-weight:normal; } .adv_checkbox input[type=checkbox]{ margin-right: 5px !important; margin-top: -4px !important; } /*#forgotUsername_challengeQn_popup table tr td:first-child, #resetpwd_challengeQn_popup table tr td:first-child{ padding: 15px 0 0 0; }*/ #forgotUsername_challengeQn_popup table tr td:first-child div, #resetpwd_challengeQn_popup table tr td:first-child div{ font-weight: bold !important; line-height: 15px; } #forgotUsername_challengeQn_popup input, #resetpwd_challengeQn_popup input{ width: auto; } /* New Login screen Resposive style starts */ @media (min-width: 375px), (min-width: 360px), (min-width: 320px) { .lgc { position: relative; height: unset; } } @media (min-width: 768px) { .lgc-contianer .lgc-login-section { float: none; display: inline-block; /*width: 424px;*/ } .lgc-contianer .lgc-welcome-section { float: none; display: flex; width: 424px; margin-left: 0; margin-top: 12px; } .lgc { position: relative; min-width: 84vh; } .lgc-footer { position: relative; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-left: 15px; padding-top: 0; text-align: right; } .lgc-contianer .lgc-welcome-section .welcome-content p:first-child{ margin-bottom: 15px; } #userDiv label { padding-top: 5px; } } @media (max-width: 768px) { .lgc-contianer .lgc-login-section { float: none; display: inline-block; /*width: 303px;*/ } .lgc-contianer .lgc-welcome-section { float: none; display: flex; width: 303px; margin-left: 0; margin-top: 12px; } .lgc { position: relative; min-height: calc(100vh - 96px); padding: 6.8rem 0 4.8rem 0; } .lgc-footer { position: relative; } .lgc-footer > div:first-child { padding-right: 0; } .lgc-footer > div:last-child { padding-left: 0; padding-top: 15px; text-align: left; } #userDivInput { padding: 6px 0 6px 0;/*6px 0 6px 0*/ line-height: 18px; } #passwordfield { padding: 6px 0 6px 0;/*9px 0 3px 0*/ line-height: 18px; } .resetDiv{ margin-bottom: 26px !important; } .lgc-contianer .lgc-welcome-section .welcome-content{ margin-top: 26px; } #userDiv label { padding-top: 0; } } @media (min-width: 992px) { .lgc-contianer .lgc-login-section { float: left; width: 330px; } .lgc-contianer .lgc-welcome-section { float: left; width: 545px; margin-left: 15px; margin-top: 0; } .lgc { position: fixed; /*height: calc(100vh - 96px);*/ min-height: 88vh; } .lgc-footer { position: fixed; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-top: 0; text-align: right; } #userDivInput{ padding: 6px 0 6px 0;/*6px 0 6px 0*/ line-height: 18px; } #passwordfield{ padding: 6px 0 6px 0;/*9px 0 3px 0*/ line-height: 18px; } #userDiv label { padding: 0; } } @media (min-width: 1200px) { .lgc-contianer .lgc-login-section { float: left; /*width: 330px;*/ } .lgc-contianer .lgc-welcome-section { float: left; width: 545px; margin-left: 15px; margin-top: 0; } .lgc { position: fixed; /*height: calc(100vh - 96px);*/ } .lgc-footer { position: fixed; } .lgc-footer > div:first-child { padding-right: 15px; } .lgc-footer > div:last-child { padding-top: 0; text-align: right; } #userDiv label { padding: 0; } } /* New Login screen Resposive style ends */ /* New Login Screen Reset Pwd and Forget Username Popup fix ends*/ /* Create Report Package style starts here */ .reportPackageList .fa-info-circle{ font-size:18px; cursor: pointer; } .rptooltip { position: absolute; display: none; width: 300px; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); top: -22px; right: 30px; } .rptooltip:before{ content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #fff; right:-10px; top:5px; z-index: 10; } .rptooltip:after{ content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #ccc; right:-11px; top:5px; z-index: 9; } #rptooltip ul { margin: 0; padding: 15px; list-style: none; max-height: 300px; overflow: auto; text-align: left; } #rptooltip ul li:not(:last-child) { margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #ccc; } .rpTitle{ font-size:13px; font-weight: bold !important; } .rpSortDiv{ margin-top: 10px; background-color: #f6f6f6; border-radius: 2px 2px 4px 4px; width: 430px; position: unset; box-shadow: none; padding: 10px 3px 10px 12px; } .rpSortDiv .dropdownRows label{ max-width:none; } .rpSortDiv .fa-file{ margin-right: 10px; } /*.rpSortDiv .landscapeMode, .landscapeMode{ transform: matrix(0, -1, -1, 0, 0, 0); }*/ .rpSortDiv .dropdownRows label.marL20, .marL20{ margin-left:20px !important; } /*.rptpkg_table input[type="checkbox"]{ margin-right: 5px !important; margin-top: -4px !important; }*/ .rptpkg_table tr.row1 td, .rptpkg_table tr.table_header th { /*padding-left:10px !important;*/ height: 40px !important; } .rptpkg_table tr.row1 td label, .rptpkg_table tr.table_header th label { } .rptpkg_table tr.row1 td { vertical-align: middle !important; } .rptpkg_table tr th:first-child, .rptpkg_table tr td:first-child { width: 438px; } .rptpkg_table tr td:last-child { padding-right: 0 !important; text-align: right; } .rptpkg_table tr.subRow input[type="checkbox"]{ margin-left:21px !important; } .rptorientDiv { /*overflow: hidden; height: 22px;*/ } .rptorientDiv a:first-child { background: url("../images/landscape_default.png") #ffffff no-repeat; border-radius: 4px 0 0 4px; border: 1px solid #cdcdcd; float: left; } .rptorientDiv a.selectedMode:first-child { background: url("../images/landscape_selected.png") #686666 no-repeat; border-radius: 4px 0 0 4px; border: 1px solid #cdcdcd; float: left; } .rptorientDiv a:last-child { background: url("../images/portrait_default.png") #ffffff no-repeat; border-radius: 0 4px 4px 0; border: 1px solid #cdcdcd; border-left: none; float: right; } .rptorientDiv a.selectedMode:last-child { background: url("../images/portrait_selected.png") #686666 no-repeat; border-radius: 0 4px 4px 0; border: 1px solid #cdcdcd; border-left: none; float: right; } .rptorientDiv a.disableOption { display: none; } /*.rptorientDiv a:first-child .fas{ color:#686666 !important; }*/ .rptorientDiv a { /* padding: 3px 14px; */ /*background: #fff;*/ height: 24px; width: 30px; background-position: center 50% !important; } .rptorientDiv .fas{ display: none; font-size:15px; padding: 0px 3px; color:#cdcdcd; } .erpreport-wrapper #report-input { padding: 0; border: none; } #report-input label strong { margin-left: -10px; margin-right: 15px; top: 3px; position: relative; } .accumDiv .infoIcon { position: relative; top: 5px; left: 3px; margin-right: 6px; display: inline-flex; z-index: 999 !important; } .accumDiv .port_grp_right .dropdownRows .infoIcon { top: 5px; } .accumDiv .infoIcon .fas { font-size: 15px; color: #686666; cursor: pointer; display: inline-flex; position: relative !important; z-index: 9999 !important; } .invisibleMe { visibility: hidden; } .accumDiv { margin-top: 17px; border-top: 1px solid #ccc !important; padding-top: 20px; } .accumDiv h2 { font-size: 16px; font-weight: normal; margin-bottom: 10px; margin-top: 0 !important; } .flexDisplay { display: flex; } .unass-port { border: 1px solid rgba(0, 0, 0, 0.3); overflow: hidden; padding: 15px 0; margin: 0 0 5px; } .unass-port ul li { height: 40px; } .unass-port .erp-row { padding: 7px 5px; display: flex; vertical-align: middle; min-height: 40px; } .add-group td{ vertical-align: middle; } .add-group .input-group{ width: 225px; } .add-group .fa{ font-size: 18px; color: #666; cursor: pointer; } .add-group .group-row{ /* background: #e9e9e9; */ border-bottom: 1px solid #cfcfcf; padding: 7px; display: block; } .port_container .button_row{ clear: both; text-align: inherit; width: auto !important; padding-top: 20px !important; } .port_grp_middle { width: 110px; text-align: center; position: relative; /*width: 60px; padding: 0 10px; float:left; transform: translateY(750%); display: flex;*/ } /*.port_grp_middle div { position: absolute; top: 20%; margin: 0 auto; }*/ .port_grp_middle .iconButton { position: relative; } .port_grp_middle > div { position: absolute; left: calc(50% - 18px); top: 27%; } .port_grp_middle .iconButton button { float: none; margin: 0 !important; } .iconButton button { min-width: 36px !important; width: 36px; height: 34px; padding: 0 !important; font-family: FontAwesome; font-size: 20px; } .port_grp_middle .iconButton button i { font-size: 20px !important; color: #fff !important; margin: 0; } .port_grp_left, .port_grp_right { width: 560px; /*width: calc(50% - 81px);*/ /*clear: none; display: block; float: left; margin: 0; width: calc(50% - 90px); margin: 0 0 0 10px; position: relative; display: flex;*/ } .port_grp_right .unass-port { background-color: #f6f6f6; } .unass-header { padding-bottom: 10px; margin: 0 15px; font-size: 12px; } .port_grp_left .unass-header { text-align: right; border-bottom: 1px solid #E5E5E5; margin-bottom: 3px; } .port_grp_right .unass-header { text-align: unset; border-bottom: none; display: flex; } .port_grp_right .unass-header span:first-child { width: 88%; text-align: left; } .port_grp_right .unass-header span:last-child { width: 30%; text-align: right; } .port_grp_right .dropdownRows { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; margin-bottom: 5px; padding: 8px 10px; height: 34px; box-sizing: border-box; vertical-align: middle; width: 100%; display: flex; } .port_grp_right .dropdownRows > span:first-child { width: 85%; } .port_grp_right .dropdownRows > span:last-child, .port_grp_right .dropdownRows span.pull-right, .port_grp_right .dropdownRows div.pull-right { height: fit-content; margin-top: -4px; right: -15px; position: relative; } #unassign-acct input[type="checkbox"] { height: 25px; } .port_grp_right .dropdownRows .fa-grip-vertical { display: inline-block; margin-top: 2px; } .port_grp_right .dropdownRows input[type="checkbox"] { margin-top: 1px !important; } .port_grp_right .dropdownRows label { margin-top: 1px !important; padding-top: 0; } .port_grp_right .dropdownRows input[type="checkbox"]:first-child { margin-left: 18px !important; margin-right: 0 !important; } .port_grp_right .dropdownRows input[type="checkbox"]:not(:first-child) { margin-left: 10px !important; margin-right: 0 !important; margin-top: -1px !important; } .clearfix::after { clear: both; visibility: hidden; height: 0; content: ""; } .port_grp_right .content, .port_grp_left .content { /*background-color: #fff;*/ float: left; position: relative; height: calc(100vh - 510px); min-height: 250px; overflow-y: auto; box-sizing: border-box; width: 100%; padding: 0 15px; } /* Fix for box height starts */ .port_grp_right .content { height: calc(100vh - 482px); min-height: 278px; } .port_grp_right .content:has(.dragReport) { height: calc(100vh - 506px); min-height: 254px; } /* Fix for box height Ends */ .port_grp_right .content .placeHolder { color: #ccc; font-size: 16px; margin-top: 35px; text-align: center; } .port_grp_right .group i{ font-size: 21px; color: #686666; position: relative; } .group_cont i { font-size: 18px; color: #686666; position: relative; } /* .port-right{ */ /* width: 96%; */ /* margin: 0 0 0 16px; */ /* } */ .port-right a{ font-size: 13px; } .port-right .header{ padding: 18px 0 10px; font-weight: normal; color: #333; font-size: 13px !important; border-bottom: 1px solid #cfcfcf; font-weight:bold !important; } .group{height:30px; padding:10px;border-bottom: 1px solid #cfcfcf;} .group.sel{ background:#e9e9e9; } .group .rad{ float:left; margin-right:10px; padding-top:5px; padding-left:5px } .group .colap{ float:left; margin-right:22px; cursor:pointer; padding-top:3px } .group .txt{ float:left; margin-right:15px; padding-top:5px } .group .txtbox{ float:left; margin-right: 185px; } .group .txtbox1{ float:left; margin-right: 105px; } .header-actions{ padding-left: 5px !important; } .txtbox1 input[type="text"], .txtbox input[type="text"] { width: 225px; margin-right: 0; } _:-ms-lang(x), .txtbox1 input[type="text"] { margin-right: 3px; } _:-ms-lang(x), .txtbox input[type="text"] { margin-right: 3px; } _:-ms-lang(x), .group .txtbox1 { margin-right: 110px; } _:-ms-lang(x), .group .txtbox { margin-right:188px; } _:-ms-lang(x), .header-actions { padding-left: 0 !important; } .group_cont td:last-child { padding-left: 3px; } .Unassign_Acct input[type="checkbox"]{ vertical-align: sub; } .Unassign_Acct li .tasklabel { padding: 10px 4px; font-size: 13px; text-align: left; color: #000; } ul.Unassign_Acct { clear: none; list-style-type: none; margin: 0; padding: 0; } .Unassign_Acct li { margin: 0; text-align: left; border-bottom: 1px solid #e1e1e1; } .button_row { border-top: 1px solid #acacac; padding-top: 15px !important; text-align: left; width: 100% !important; } .group_cont{ margin: 0; padding: 0px 0px 0px 80px; border-bottom: 1px solid #d7d7d7; border-right: none; border-left: none; border-top: none; background:#f6f6f6; } .group_cont td, .group_cont th { border-bottom: 1px solid #ccc; padding:8px; } .group_cont tr:last-child td{ border-bottom: none !important; } .port_grp_right .bor_top, .group_table .bor_top{ border-top: 1px solid #ccc; } .fa_gray{ color:#909090; font-size:20px !important; } .fa_head{ font-size:16px; margin-top:5px; margin-bottom:5px; } .disable{ color:#CCC !important; cursor: default; } .success { background-color: #f0f0f0; border: 1px solid #08ab05; border-radius: 3px; padding: 10px; font-weight: normal !important; color: #333 !important; position: relative; margin: 10px; min-height: 25px; } .success .fa-check-circle { color: #08ab05; font-size: 30px; } .warning div, .success div, .inform div, .failure div { padding-right: 10px !important; margin-top: -2px; margin-bottom: 10px; display: table-cell; vertical-align: middle; letter-spacing: normal; } .failure { background-color: #f0f0f0; border:1px solid #e35205; border-radius: 3px; padding:10px; font-weight:normal !important; color:#333 !important; position:relative; margin:10px 0; min-height:25px; } .failure .fa-times-circle{color: #e35205; font-size: 30px; } .port_grp_right .colap i{ font-size:18px; } .Unassign_Acct .closedAccount { background:url(../images/closed-account.png) right 10px center no-repeat; padding-right: 20px; } .Unassign_Acct .suppressedAccount { background:url(../images/suppressed-account.png) right 10px center no-repeat; padding-right: 20px; } .dropdownRows .labelOnly { margin-left: 40px !important; padding-top: 2px; } .infoIcon { width: 18px; } .infoIcon .msgTooltip.placeLeft { width: 144px; /*right: calc(50% - 100px); top: 31px;*/ position: absolute; margin-top: 15px; background: #fff; z-index: 2; cursor: pointer; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .175); top: -31px; right: 31px; } .infoIcon .msgTooltip.placeLeft::after, .infoIcon .msgTooltip.placeLeft::before { /*left: calc(50% - 14px) !important;*/ } .infoIcon .msgTooltip.placeLeft::before { content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #fff; left:142px; top: 12px; z-index: 10; } .infoIcon .msgTooltip.placeLeft::after { content:''; display:block; width:0; height:0; position:absolute; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left:11px solid #ccc; left:143px; top: 12px; z-index: 9; } .unass-port input[type="checkbox"] { margin-right: 10px !important; } .unass-port select { width: 300px; } .unass-port input[type="checkbox"] { margin-right: 10px !important; } .unass-port .erp-row strong { position: relative; margin-right: 10px; top: 6px; } .unass-port ul li label { padding-top: 2px !important; } .unass-port ul li label input[type="checkbox"] { margin-top: -1px !important; } /* Create Report Package style ends here */ /* Drag and drop Fix PXEAWR-5204 */ .cdk-drag-preview { background: #ccc; padding-top: 10px; vertical-align: middle; transform: scale(1); opacity: 0.8; border: 1px dashed #444;
}
.cdk-drag-placeholder { transform: scale(1); opacity: 0.7; border: 1px dashed #444; min-height: 36px; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); margin-bottom: 5px; border-radius: 5px;
} .cdk-drag-preview .fa-grip-vertical { margin-top: 8px; margin-right: 10px; } .cdk-drag-preview input[type="checkbox"] { margin-top: -3px !important; } .cdk-drag-preview label { padding-top: 0px; } .cdk-drag-preview .fa-info-circle { color: #686666; font-size: 15px; } .disclosure-popup { /* PXEAWR-7124 - Fix */ width: auto !important; height: auto !important; } .px-display-option .mat-list-item { margin: 0 !important; height: auto !important; } div.mat-mdc-tab-body-content { overflow-x: hidden !important; } .px-display-option .mat-list-item .mat-divider { border-top-color: rgba(0, 0, 0, 0.20) !important; } .px-display-option .mat-list-item .mat-line { font-size: 12px !important; color: #333 !important; } .px-display-option .mat-list-item .mat-line:first-child { font-weight: 700 !important; } .px-display-option .mat-list-item .second-check { top: 12px; } .px-display-option > span { display: inline-block; margin-bottom: 14px !important; } .px-display-option .mat-list-item .mat-list-text { row-gap: 3px; padding: 12px 0 !important; } .aad_verification_message{ font-family: Arial !important; }
/**********************************************************************
* MDC Component CSS changes *
***********************************************************************/ .risk-admin .mat-mdc-form-field { height: 29.96px;
}
.mat-mdc-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Arial; height: 32px; margin-bottom: 0px;
}
.mat-mdc-text-field-wrapper { padding-bottom: 1.25em !important; margin-bottom: -1.14375em !important; /* padding-left: 10px !important; padding-right: 10px !important; */
}
.mat-mdc-select-dropdown .mat-mdc-form-field-infix{ padding: 7px 0;
}
.mat-mdc-select-value-text{ transition: none; display: block; height: 14.625px !important;
}
.mat-mdc-select-min-line:empty::before { content: " "; white-space: pre; width: 1px; display: inline-block; visibility: hidden;
}
.mat-mdc-select-arrow-wrapper{ height: 16px; flex-shrink: 0; display: inline-flex; align-items: center;
}
.mat-mdc-select-arrow{ color: #686666 !important;
}
.mat-mdc-select-panel { padding-top: 1rem; padding-bottom: 1rem; background: white;
}
.mat-mdc-select-panel .mat-mdc-option{ line-height: 3rem !important; height: 3rem !important;
}
.mdc-list-item__primary-tex { display: inline-block; flex-grow: 1; overflow: hidden; text-overflow: ellipsis;
}
.mat-mdc-option:hover:not(.mat-mdc-option-disabled), .mat-mdc-option:focus:not(.mat-mdc-option-disabled) { background: #2faeff !important; color: #ffffff !important;
}
.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){ background-color: #e4f0fb !important; color: #333 !important;
}
div.mat-mdc-select-panel{ background-color: #fff!important; position: absolute!important; top: -36px; width: 352px!important; left: 0px;
}
.mdc-list-item__primary-text{ overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; width: 100%;
}
.mat-mdc-option{ min-height: unset !important;
}
.mat-pseudo-checkbox.mat-pseudo-checkbox-checked{ display: none;
}
.mdc-text-field--filled{ --mdc-filled-text-field-active-indicator-height: 0px !important; --mdc-filled-text-field-focus-active-indicator-height: 0px !important;
}
.mat-mdc-select-trigger{ height: 1.125em !important;
}
.risk-admin .mat-mdc-input-element{ padding: 0 !important; text-align: right !important; line-height: 20px !important;
}
.form-control.mat-mdc-input-element{ box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%;
}
.risk_Calculation .mat-mdc-form-field-flex .mat-mdc-form-field-infix { text-align: right; width: 50px; padding: 0px 0 !important;
}
.risk_Calculation .mat-mdc-form-field-flex input[formcontrolname="frmriskCalculationMinimum"]{ height: 20px !important; font-size: 14px !important; color: #555;
}
.risk_Calculation .mat-mdc-form-field-flex{ height: 33.125px !important;
}
.mat-mdc-error .fa{ color: #ff0000 !important; font-size: 14px !important;
}
.mat-mdc-input-box .mat-mdc-text-field-wrapper{ border: 1px solid #ccc !important; --mdc-filled-text-field-container-shape:0px !important; padding-bottom: 0; margin-bottom: -1.34375em !important;
}
.mat-mdc-input-box .mat-mdc-input-element{ padding: 0px !important; margin-top: -0.0625em;
}
.mat-mdc-input-box .mat-mdc-form-field-infix{ padding: 7px 0; text-align: right;
}
.mat-mdc-form-field-label-wrapper{ top: -0.84375em; padding-top: 0.84375em;
}
.mat-mdc-form-field{ line-height: 14.625px !important;
}
mat-error .fa-times-circle:before{ color: #ff0000 !important;
}
mat-form-field .mat-mdc-text-field-wrapper {
padding: 0px;
}
.mdc-text-field--filled{ --mdc-filled-text-field-container-shape:0px !important;
}
.mdc-checkbox__background{ height: 1.4rem !important; width: 1.4rem !important; border: 1px solid #424040!important; border-radius: 0px !important;
}
.mat-mdc-checkbox-checked .mdc-checkbox__background, .mat-mdc-checkbox-background{ background-color: #e2e2e2 !important; border: 1px solid #adadad !important;
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{ width: 12px !important; height: 12px !important; padding: 1px;
}
.mdc-radio__outer-circle{ width: 16px !important; height: 16px !important; border-color: #999 !important; top: 1px !important; border-width: 1px !important;
}
.mdc-radio__inner-circle{ border-width:unset !important; border-style:unset !important; height: 1.4rem !important; left: 1px !important; top: 2px !important; width: 1.4rem !important; background: #999; background-color: #666; border-radius: 50%; box-sizing: border-box; display: block;
}
/* ***** css fixes code ************* */
.mat-mdc-dialog-container .mdc-dialog__title{ display: flex; margin-bottom: 0; justify-content: space-between; padding: 0px !important; letter-spacing: unset !important;
}
.mat-mdc-dialog-title { font: 500 20px/32px Arial !important;
}
.mat-mdc-dialog-title { margin: 0 0 20px; display: block;
}
.mat-mdc-dialog-container { /* padding: 20px 20px 27px !important; */ height: auto;
}
.mat-mdc-dialog-container { display: block; /* padding: 24px; */ border-radius: 4px; box-sizing: border-box; overflow: unset; outline: 0; width: 100%; height: 100%; min-height: inherit; max-height: inherit;
}
.mat-mdc-dialog-container .mat-mdc-dialog-title { display: flex; margin-bottom: 0; justify-content: space-between; height: 32px !important;
}
.addprogram-popup .mat-mdc-dialog-content { overflow: inherit; padding: 0px !important;
}
/* .mat-mdc-dialog-container .mat-mdc-dialog-content { margin: 0 -10px; padding: 0 12px;
} */
.addprogram-popup .mat-mdc-dialog-content label { font-weight: bold; margin: 5px 0 0; width: 215px; font-size: 13px; font-weight: 400; color: #000;
}
.addprogram-popup .mat-mdc-form-field { width: 349px; height: 39.13px; margin-bottom: 10px;
}
.addprogram-popup .mat-mdc-dialog-actions { float: right; padding-top: 0;
}
.mat-mdc-dialog-actions { padding: 8px 0; display: flex; flex-wrap: wrap; min-height: 52px; align-items: center; box-sizing: content-box; margin-bottom: -24px; float: right;
}
.mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-wrapper { padding-bottom: 1.25em;
}
.addprogram-popup .mat-mdc-form-field-appearance-legacy .mat-mdc-form-field-infix { padding: 10px 0;
}
.form-control.mat-mdc-input-element { box-shadow: none !important; border: none !important; outline: none !important; height: auto; box-sizing: inherit; width: 100%;
}
.addprogram-popup .mat-mdc-input-element { padding: 0 7px;
}
input[formcontrolname="programName"]{ height: 30.13px !important; margin-left: -17px !important; font-size: 14px !important; color: #555 !important;
}
mat-form-field .mat-mdc-form-field .mat-focused{ border: 1px solid red !important;
}
.mat-mdc-dialog-container { /* padding: 20px 20px 27px !important; */ height: auto;
}
.addprogram-popup .form-group { margin: 5px 0 !important;
}
mat-form-field .mat-mdc-focused .mat-mdc-text-field-wrapper.mdc-text-filed--focused{ border: 1px solid red !important;
}
/* PXD-43079 */
.mat-mdc-radio-button .mdc-radio{ padding: 0px !important;
}
.mat-mdc-radio-button{ margin: 0 1.81em 0 0;
}
.mat-mdc-raised-button{ height: 29.3px !important;
}
.mat-mdc-outlined-button{ height: 29.3px !important; min-width: 60px !important; line-height: 28px;
}
.enterprise-model .mat-mdc-select-dropdown .mat-mdc-form-field{ margin-bottom: 0px !important;
}
.enterprise-model .mat-mdc-select-dropdown .mat-mdc-form-field .mat-mdc-text-field-wrapper{ padding-left: 10px !important; padding-right: 10px !important;
}
.mdc-form-field>label{ padding-top: 0px !important; margin: 0 0 0 0px !important; padding-left: 0px !important;
}
.mdc-text-field__input{ height: 33.8px !important;
}
.mdc-text-field{ display:inline-block !important;
}
.mat-mdc-form-field-subscript-wrapper{ display: none;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab.mdc-tab--active.mdc-tab-indicator--active { margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black; background-color: white;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{
color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{ flex-grow: 0 !important;
}
.mat-mdc-tab-header{
--mdc-tab-indicator-active-indicator-height: 0px !important;
}
.startDateDiv mat-form-field.mat-mdc-form-field mat-datepicker-toggle .mat-mdc-icon-button svg, .mat-mdc-icon-button img{ width: 16px !important; height: 16px !important;
}
.endDateDiv mat-form-field.mat-mdc-form-field mat-datepicker-toggle .mat-mdc-icon-button svg, .mat-mdc-icon-button img{ width: 16px !important; height: 16px !important;
}
#userDiv .mat-mdc-form-field{ /* border: 1px solid #ccc !important; */
}
#userDiv input[formcontrolname="password"], #userDiv input[formcontrolname="confirmPassword"]{
border: 0px solid !important;
}
.mat-mdc-form-field-error { color: #333; font-size: 12px; font-weight: normal; margin-top: 3px;
}
.advAccessForm .mat-mdc-form-field-error { position: absolute; margin-top: 50px;
}
.advAccessForm > div.outerDiv { margin-top: 20px;
}
.mat-input-box .mat-mdc-text-field-wrapper{ border: 1px solid #ccc; margin-bottom: 0px !important; padding-bottom: 0px !important;
}
.mat-mdc-form-field-flex{ padding: 7px 10px !important; height: 32px; align-items: center;
}
.regContent .mat-mdc-form-field-flex { padding: 4px 10px 7px 10px !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control{ height: auto !important;
}
.fiPhnNum .mat-mdc-form-field-flex{
padding: 0 !important;
}
.mat-toolbar-single-row a.mat-tool-active { border-top: 4px solid #979797; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; color: #000 !important; background-color: #fff !important; margin-bottom: -2px; border-bottom-color: #fff !important;
border-radius: 0px !important;
}
.mat-toolbar-single-row a{ color: #0057b8 !important; padding: 0 15px; font-size: 13px;
}
.mat-mdc-tab-list .mdc-tab--active{ margin-bottom: -1px; font-weight: 500; border: 1px solid #cfcfcf; border-top: 4px solid #979797; border-bottom-color: white !important; padding: 0 1.3rem !important; color: black !important; background-color: white;
}
.mat-mdc-tab-header{
--mdc-tab-indicator-active-indicator-height: 0px !important;
}
.mat-mdc-tab-body{ border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 20px;
}
.mat-mdc-tab-list .mat-mdc-tab{ color: #0057b8; font-size: 13px; margin-bottom: -1px; line-height: 42px !important; height: 35px !important; opacity: 1 !important; padding: 0 1.3rem !important; min-width: 50px !important;
}
.mat-mdc-tab-labels { border-bottom: 1px solid #cfcfcf;
}
.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs>.mat-mdc-tab-header .mat-mdc-tab{
flex-grow: 0 !important;
}
#userDiv .mdc-icon-button { width: 22px; height: 22px; background-color: #fff !important; border: 0px solid !important; margin-top: -4px;
}
.mat-mdc-progress-spinner { margin: 5% auto !important; width: 75px !important; height: 75px !important;
}
.role-container .mat-mdc-select-arrow svg { display: none;
}
.role-container .mat-mdc-form-field-infix { padding: 7px 0;
}
.fi-role .ng-star-inserted { display: flex !important;
}
.role-container .ag-body-vertical-scroll-container { height: unset !important;
}
.role-container .ag-body-vertical-scroll{ width: 0px !important; max-width: 0px !important; min-width: 0px !important;
}
.mat-error .fa { color: #ff0000; font-size: 14px; margin-right: 3px;
}
.mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background, .mat-mdc-list-option .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{ background-color: white !important;
}
#advisorPersonalInfoForm mat-datepicker-toggle .mdc-icon-button { width: 22px !important; height: 22px !important; background-color: #fff !important; border: 0px solid !important; margin: 0 !important; line-height: 0.1;
}
.disclosadmin-grid mat-checkbox .mdc-form-field .mdc-checkbox{ width: 32px !important; height: 10px !important;
} #userDiv .fa-eye, .fa-eye-slash{ top: 3px !important;
}
.mat-mdc-dialog-container .mdc-dialog__content{ color: black; letter-spacing: unset !important;
}
.mat-mdc-dialog-container{ background: white; color: black; padding: unset !important; /* padding: 20px 20px 27px !important; */ height: auto; display: block; border-radius: 4px; box-sizing: border-box; overflow: auto; outline: 0; width: 100%; height: 100%; min-height: inherit; max-height: inherit;
}
.mdc-dialog__content p{ margin: 0px 0 10px !important;
}
.mat-mdc-dialog-container .mdc-dialog__surface{ box-shadow: unset !important; border-radius: unset !important; padding: 20px 20px 27px !important;
}
.mat-mdc-form-field-error .fa{ color: #ff0000; font-size: 14px; margin-right: 3px;
}
/* #popup-admin .mat-mdc-dialog-actions button:first-child{ margin-right: 7px !important;
} */
/* .mat-mdc-dialog-actions .mat-button-base+.mat-button-base, .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{ margin-left: 0px !important;
} */
.r_table td{ padding: 7px 5px !important;
}
.mat-mdc-list-base .mat-mdc-subheader:first-child{ margin-top: -15px; margin-left: 0px !important;
}
.mat-list-view .mat-mdc-subheader { font-weight: bold; font-size: 13px; color: #333; height: 25px !important; padding: 15px 0;
}
.mat-list-view .mat-mdc-list-item{ height: 35px !important; margin-left: 25px !important;
color: black;
}
.mat-list-view .mat-line{ font-size: 14px;
}
.mat-input-box .mdc-text-field--focused, .mdc-text-field--invalid{ border-color: #e1751c !important; } .advisor-search .mat-mdc-form-field-flex{ padding:0px !important; } #FIform .mat-mdc-form-field-error{ color: #333; font-size: 12px; font-weight: normal; margin-top: -6px;
}
.mat-mdc-list-base, .investor-content .mat-mdc-list-base{ padding-top: 8px !important; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mat-mdc-list .invest-select{ float: unset !important;
}
#addProgram{ display: flex;
}
.addprogram-popup .mdc-text-field--focused .mat-mdc-form-field-flex{ border-color: #e1751c !important;
}
#idlblProgramName{ margin-bottom: 2px !important;
}
/* .addprogram-popup #idSubmit{ margin-right: 8px !important;
} */
.mat-datepicker-toggle .mat-mdc-icon-button::before{ content: ""; display: inline-block; font-family: FontAwesome; font-size: 14px; text-rendering: auto; -webkit-font-smoothing: antialiased;
}
#addManagerDiv .mat-datepicker-input{ color: #a5a3a3 !important; caret-color: rgb(5, 114, 214) !important;
}
.mat-mdc-icon-button svg{ display: none;
}
#advisorPersonalInfoForm mat-datepicker-toggle .mdc-icon-button:hover{ color:unset !important;
}
.ag-sticky-top-container{ width: unset !important; overflow: hidden;
}
.ag-pinned-left-sticky-top{ position: fixed;
}
.mdc-tab__content{ height: unset !important;
}
.disclosure-expand mat-radio-group mat-radio-button .mdc-form-field{ align-items: unset !important;
}
.disclosure-expand .mat-mdc-radio-button .mdc-radio{ margin-top: -0.5px !important;
}
.disclosure-expand .mat-mdc-form-field-flex, .disclosure-content .mat-mdc-form-field-flex{ padding: 0px !important;
}
#messageId, #msgId{ height: 33.895px !important;
}
#messageValue, #msgValue{ height: 50px !important;
}
.disclosure-expand .mdc-label{ margin-top: 1px !important; cursor: pointer;
}
#lblmessagePreview{ padding-bottom: 4.5px !important;
}
.mat-mdc-icon-button{ width: 40px !important; height: 40px !important;
}
.mat-calendar-period-button .mdc-button__label{ color: black !important; font-size: 2rem !important; margin-left: 20px !important;
}
mat-datepicker-toggle .mdc-icon-button{ width: 2rem !important; height: 1rem;
}
div[col-id="invName"]{ border-left: 1px solid #e1e1e1 !important;
}
#userDiv mat-form-field .mat-mdc-text-field-wrapper{ height: 32px !important;
}
.enterprise-portfolio .mat-input-box .mat-mdc-text-field-wrapper{ width: 180px !important;
}
.search-check .check-row .mdc-form-field .mdc-label{ margin-left: 4px !important; margin-top: -3px !important;
}
.search-check .mat-mdc-checkbox{ padding-bottom: 4px !important;
}
.search-check p{
margin-bottom: 17px !important;
}
.enterprise-model .mat-select-dropdown .mat-mdc-form-field{ width: 200px !important;
} .poweredByClass { padding-bottom:22px; padding-left: 30px; padding-right: 30px; display: flex; justify-content: center; } #FIform .mat-mdc-form-field-flex{ padding: 0 !important; } .mat-mdc-dialog-surface .button_row, .button_row_popup{ width:100% !important; margin-left: unset !important; margin-top: 5px !important; } #idlblEditProgramName{ line-height: 18.5714px !important; } #accountName{ font-size: 14px !important; } .mdc-list{ padding: 0px !important; } .mdc-list-item--with-leading-checkbox .mdc-list-item__start { padding: 0; margin: 0; } .mdc-list-item__primary-text { font-size: 13px; top: -1px; position: relative; } .investor-content .mdc-list-item__primary-text { position: inherit !important; } .avn-status { margin-left: -10px; } .col-width2 .mat-mdc-form-field { display: inline-flex; } .enterprise-model .button-mat div + button { margin-left: 10px; } #passMaxLenField { margin-left: -5px; } .avn-admin .common-heading .pull-right, .avn-admin .common-heading .pull-right .pull-left { display: flex !important; align-items: center !important; } .avn-admin a.mat-mdc-button { display: flex !important; padding: 0; margin: 0; height: auto; min-width: auto; align-items: center; color: #0057b8; } .avn-date .mdc-icon-button { width: fit-content !important; height: fit-content !important; }
.mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; }
#advisorPersonalInfoForm .fa-eye, #advisorPersonalInfoForm .fa-eye-slash { top: 2px !important;
}
/* Challenge questions dropdown overlay width fix */
div.cdk-overlay-pane[style*="width: 550px;"] div.mat-mdc-select-panel { width: 100% !important;
} .mat-list-view .mat-mdc-list-item.noHeader { margin-left: 0 !important;
}
.advisor-search .mat-mdc-text-field-wrapper { overflow: visible;
}
.mat-form-field-disabled { overflow: hidden;
}
.parent-select-money .mat-mdc-text-field-wrapper { padding-bottom: 0 !important;
}
#Advisorform .mat-mdc-form-field-flex { height: auto !important;
}
#Advisorform .mat-mdc-form-field-subscript-wrapper { display: unset !important; top: -13px !important;
}
#Advisorform .mat-mdc-form-field-error-wrapper { padding: 0 !important;
}
.deleteEvent .searchDiv.warning { padding: 8px !important;
}
#FIform .mat-mdc-form-field-flex { align-items: baseline !important;
}
.advAccessForm .rightColumn { overflow: visible;
}
.disclosure-content .mat-mdc-form-field-flex { align-items: baseline !important; height: inherit !important;
}
.investor-search .mat-mdc-form-field-flex { height: 27px !important;
}
.add-report .mat-mdc-form-field { width: 202px !important;
}
.add-report .mat-mdc-form-field .mat-input-box .mat-mdc-text-field-wrapper { width: inherit !important;
}
#add-report #report-input.form-group { padding: 7px 0 !important;
}
.mat-error { font-size: 12px !important;
}
#add-report #report-input.form-group .form-control.mat-mdc-input-element { padding: 0 !important;
}
.regContent .mat-mdc-radio-group .mat-mdc-radio-button { margin-right: 35px !important;
}
.regContent .mat-input-box .mat-mdc-text-field-wrapper { height: inherit;
}
.ansTextbox .mat-input-box { line-height: 0 !important;
} input::placeholder { color: #999 !important; } input::-webkit-input-placeholder { /* Edge */ color: #999 !important; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999 !important; } input:-moz-placeholder { color: #999 !important; } input::-moz-placeholder { color: #999 !important; } .ansTextbox .mat-form-field-invalid, .fi-criteria .mat-form-field-invalid, #personalInfoTab .mat-form-field-invalid { input::placeholder { color: red !important; } input::-webkit-input-placeholder { /* Edge */ color: red !important; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red !important; } input:-moz-placeholder { color: red !important; } input::-moz-placeholder { color: red !important; } }
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input { color: inherit !important;
}
.mat-mdc-select .mat-mdc-select-placeholder { display: none;
}
.model-allocation .mdc-text-field__input { padding: 1px 0 0 0 !important;
}
.model-allocation label { padding-top: 0 !important;
} .model-allocation .mat-input-box:has(#model-date) + .pull-left.model-info .fa { margin-top: -3px !important;
} .mat-mdc-checkbox-checked .mdc-checkbox__background, .mat-mdc-checkbox-background { background-color: #fff !important; }
.mdc-checkbox__background { border: 1px solid #CCD;
} .cover-page .mat-mdc-form-field-error { position: absolute; margin-top: -26px;
}
.cover-page .form-group label.mat-mdc-floating-label { display: none !important;
}
.cover-page .mat-form-field-disabled { height: inherit !important;
}
.cover-page .form-group .mat-form-field-appearance-fill .mat-mdc-select-arrow-wrapper { transform: unset !important;
}
.cdk-overlay-pane[style*="width: 450px;"] div.mat-mdc-select-panel { width: inherit !important;
}
.cdk-overlay-pane[style*="width: 202px;"] div.mat-mdc-select-panel { width: inherit !important;
}
.cdk-overlay-pane:not(:has(.mat-mdc-dialog-container)) { container-type: size; container-name: myul;
} @container myul (min-width: 370px) { div.mat-mdc-select-panel { width: inherit !important; }
} .cdk-overlay-pane:has(.mat-datepicker-content), .cdk-overlay-pane:has(.mat-menu-below) { container-type: unset; container-name: mydate;
}
.cdk-overlay-pane:has(.mat-menu-below) .mat-mdc-menu-panel { left: -157px !important;
} @container mydate (min-width: 370px) { div.mat-calendar { width: inherit !important; }
}
.cdk-overlay-pane:has(.mat-mdc-tooltip) { container-type: inherit !important; container-name: mytooltip !important;
} @container mytooltip (min-width: 30px) { div.mat-mdc-tooltip { width: 100px !important; }
} .mat-mdc-tooltip { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; padding: 5px !important; background: #fff; color: #333 !important; margin: 0 !important; top: 0 !important; left: 0 !important;
}
.enterprise-portfolio .mat-mdc-form-field-flex { height: inherit !important;
}
.port-by label { margin-left: 0 !important; margin-right: 10px !important;
}
.enterprise-portfolio .form-group .mat-error { position: absolute !important; width: max-content !important;
}
.account-model-info .ag-cell-wrapper { overflow: hidden; text-overflow: ellipsis; top: 2px; position: relative;
}
.account-model-info .ag-cell-wrapper .edit-model-info { font-size: 20px; top: -1px;
}
#popup-admin .mat-mdc-dialog-actions span:first-child { margin-right: 10px !important;
}
.erpreport-wrapper .invalid-feedback { margin-bottom: 55px;
}
.risk-admin .invalid-feedback { margin-bottom: 28px;
}
.erpreport-wrapper .invalid-feedback > div, .risk-admin .invalid-feedback > div { position: absolute;
}
.risk-admin .mat-input-box .mat-mdc-form-field-infix { text-align: right; width: 50px;
}
.fi-criteria .mat-select-dropdown .mat-mdc-form-field-flex { height: 28px !important;
}
.fi-activate-deactivate .common-head { display: flex; align-items: flex-start; flex-wrap: wrap;
}
.fi-criteria .adv-lookup-table .mat-mdc-radio-button .mdc-label { width: inherit !important;
}
.fi-criteria .adv-lookup-table .mat-mdc-radio-button { margin: 0 !important;
}
.fi-criteria .fi-indent .fi-mat-error { margin-bottom: 22px;
}
.fi-criteria .fi-indent .fi-mat-error .mat-mdc-form-field-error { position: absolute !important; width: max-content !important;
} .fi-criteria .fi-indent .fa-search { top: 4px !important;
}
.subinfoDiv .mdc-form-field .mdc-checkbox { top: 4px !important;
} .subinfoDiv .mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark { padding: 0 !important;
}
#messageValue, #msgValue { height: auto; resize: both;
}
.fi-criteria #updateLink { height: 32px !important
}
.fi-criteria .fi-date.mat-form-field-invalid .mat-mdc-form-field-flex { border-color: red !important;
}
.globalrecon-account .col-width2#avnSearch .mat-mdc-form-field{ margin: 0 !important;
}
.globalrecon-account .col-width2 .mat-mdc-form-field { margin: 10px 10px 0 0 !important;
}
.globalrecon-account .col-width2 .mat-mdc-form-field .mat-datepicker-toggle .mdc-icon-button, .globalrecon-account .col-width2 .mat-mdc-form-field .mdc-icon-button:hover { background-color: #fff !important; border: 0 !important; height: auto !important; color: #686666 !important;
} .globalrecon-account .col-width2 > div { width: 250px;
}
#avnAdminOptions #global-name-inp .mat-mdc-form-field-flex { width: 100%; margin-top: 0 !important;
}
.globalrecon-account .custom-select-view { height: 32px !important;
}
.wri-disclosure-textarea { width: 500px; height: 50px; resize: vertical !important;
}
.rbleftDiv33 .rbl_overlayLabel .pull-right button.mat-mdc-icon-button .mat-icon { left: 10px !important;
}
@media (min-width: 1280px) { .baseReportTitle { width: 65% !important; }
}
#advisorPersonalInfoForm .mat-input-box { display: inline-flex;
} .enterprise-model .ag-cell { height: 100%;
}
.enterprise-model .ag-cell .ag-cell-value { overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block;
}
.enterprise-model .ag-cell.ag-cell-value .model-select { margin-top: -7px !important;
}
.mat-mdc-list .mat-mdc-list-option:not(:last-child), .mat-mdc-nav-list .mat-mdc-list-option:not(:last-child), .mat-mdc-selection-list .mat-mdc-list-option:not(:last-child) { color: #333; border-bottom: 1px solid #ccc;
}
.mat-mdc-selection-list .mat-mdc-list-option .mdc-checkbox { width: 14px !important; height: 14px !important;
}
.mat-mdc-selection-list .mat-mdc-list-option .mdc-list-item__content { margin-top: 3px;
} .mat-mdc-progress-spinner circle { stroke: var(--primary-color) !important;
} .bannerMsg { background-color: #EBF2FA; border: 1px solid #2A8CEF; border-radius: 16px; padding:15px 20px; float:left; width:97%; margin-bottom: 10px; }
.bannerMsg i { font-size:21px; color: #2A8CEF; padding-right:10px; margin-top:2px; float:left;
}
.bannerMsg div { float:left; margin-top:4px;
}