diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css | 4146 |
1 files changed, 4146 insertions, 0 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css new file mode 100644 index 00000000..91456c6a --- /dev/null +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css @@ -0,0 +1,4146 @@ +.wrapper { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +.wrapper > div { + border-radius: 3px; + padding: 0.4em; +} + +mat-button-toggle-group { + width: 800px; +} + +.stdForm { + margin-left: 20px; + line-height: 0.5; +} + +.fieldWidth { + width: 200px; +} + +.labelWidth { + font-weight: normal; + width: 300px; +} + +mat-select { + border: 1px solid #d2d2d2; + border-radius: 6px; + height: 36px; +} + +:host ::ng-deep .mat-select-value { + padding: 8px; + font-size: 12px; + padding-left: 15px; +} + +:host ::ng-deep .mat-form-field-underline { + display: none; +} + +:host ::ng-deep .mat-form-field-infix { + padding: 0; + border-top: 0; +} + +:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper { + padding-bottom: 0; +} + +:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-infix { + padding: 0; +} + +.mat-form-field { + width: 200px; +} + +label { + size: 70px; + padding-right: 15px; +} + +input { + width: 200px; + height: 20px; +} + +.Heading { + font-size: 45px; +} + +.field-group { + position: relative; + display: block; +} + +label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row { + margin-top: 5px; +} + + +select { + display: block; + width: 200px; + padding: 15px; + background-color: #e6e6e61a +} + +.checkbox .skin { + background-color: #fff; + border: 1px solid #d2d2d2; + border-radius: 3px; + display: inline-block; + height: 24px; + width: 24px; + position: absolute; + left: 0; + top: 0; +} + +html { + overflow-y: scroll; + -webkit-overflow-scrolling: touch; + height: 100%; + position: relative; +} + +h1, +h2, +h3, +h4, +h5, +p, +blockquote, +figure, +ol, +ul { + margin: 0; + padding: 0; +} + +sub, +.img-no-rwd { + max-width: inherit !important; +} + +svg { + display: inline-block; +} + +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} + +::-moz-focus-inner { + padding: 0; + border: 0; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + appearance: button; + cursor: pointer; +} + +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} + +input[type=search] { + -webkit-appearance: textfield; +} + +input[type=search]::-webkit-search-cancel-button, +input[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + + +select { + -moz-appearance: none; + -webkit-appearance: none; +} + +small { + font-size: 1.6rem; +} + +.container { + margin: 0 auto; + padding: 0; +} + +input { + padding: 8px 15px 8px 15px; +} + +.field-group input.input-emphasized[type="search"] + .reset-field:after { + top: 14px; +} + +.field-group input.input-emphasized[type="search"] + .reset-field { + height: 46px; + top: 1px; +} + +p, +h2, +h3 { + orphans: 3; + widows: 3; +} + +h2, +h3 { + page-break-after: avoid; +} + +.mar-top-0 { + margin-top: 0px; +} + +.mar-top-30 { + margin-top: 30px; +} + +a:focus { + outline: thin dotted #191919; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: normal; + text-rendering: optimizeLegibility; + margin: 0; + line-height: 1; +} + +@media (max-width: 767px) { + h1, + h2, + h3, + h4, + h5, + h6, + .heading-page { + font-size: 2rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 30px; + } + + .heading-major-section { + font-size: 2rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 30px; + } + + .heading-sub-section { + font-size: 2rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 20px; + } + + .heading-medium { + font-size: 2rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 20px; + } + + .heading-medium-emphasis { + font-size: 2rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 20px; + } + + .heading-small { + font-size: 1.6rem; + font-family: "Omnes-ECOMP-W02", Arial; + margin-bottom: 10px; + } + + .heading-small-emphasis { + font-size: 1.6rem; + font-family: "Omnes-ECOMP-W02-Medium", Arial; + margin-bottom: 5px; + } + + * + .heading-major-section { + margin-top: 30px; + } + + * + .heading-sub-section { + margin-top: 30px; + } + + * + .heading-group { + margin-top: 20px; + } + + * + .heading-medium { + margin-top: 20px; + } + + * + .heading-medium-emphasis { + margin-top: 20px; + } + + * + .heading-small { + margin-top: 20px; + } + + * + .heading-small-emphasis { + margin-top: 20px; + } + + * + .heading-micro { + margin-top: 10px; + } +} + +/* Standard Type styles */ +.zeromargin { + margin: 0 !important; +} + +a { + color: #0568ae; + text-decoration: none; +} + +a:hover, +a:focus { + text-decoration: underline; +} + +a:active { + color: #0568ae; +} + +.a-min { + font-size: 12px; +} + +.a-small { + font-size: 14px; +} + +.a-max { + font-size: 18px; +} + +a.show-qualifier { + margin-right: 25px; + position: relative; +} + +a.show-qualifier:after { + color: #333333; + display: inline-block; + white-space: pre !important; +} + +a[href$="pdf"].show-qualifier:after, +a.show-qualifier.pdf:after { + content: " (PDF)"; +} + +a[href$="psd"].show-qualifier:after, +a.show-qualifier.psd:after { + content: " (PSD)"; +} + +.standalone-link { + display: flex; +} + +/* 20px for the icon, 10px left of icon */ +.standalone-link.small { + font-size: 1.4rem; +} + +.standalone-link.small i[class*="icon-primary-"] { + font-size: 16px; + top: 2px; +} + +.standalone-link.large { + font-size: 1.8rem; +} + +.standalone-link.large i[class*="icon-primary-"] { + font-size: 24px; + top: -1px; +} + +p { + margin: 0 0 12px 0; + line-height: 2rem; +} + +.p-small { + font-size: 1.4rem; + line-height: 1.8rem; +} + +p + .p-small { + margin: 10px 0 0; +} + +.p-micro { + font-size: 1.2rem; + line-height: 1.5rem; +} + +p + .p-micro { + margin: 10px 0 0; +} + +.p-max { + font-size: 1.8rem; +} + +p + .p-max { + margin: 10px 0 0; +} + +b, +strong { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + font-weight: normal; +} + +i, +em { + font-family: "Omnes-ECOMP-W02-Italic", Arial; + font-style: normal; +} + +.strike { + text-decoration: line-through; +} + +sup { + display: inline-block; + font-style: normal; + height: 1em; + position: relative; + vertical-align: text-top; + width: auto; +} + +.text-legal { + color: #5a5a5a; + font-size: 1.1rem; + line-height: 1.5rem; + margin: 0 0 10px; +} + +.text-legal.legal-module { + line-height: 1.3rem; + margin: 0 0 12px; +} + +.text-legal b, +.text-legal strong { + font-weight: bold; +} + +.text-legal a { + font-family: "Omnes-ECOMP-W02-Medium", Arial; +} + +.text-left { + text-align: left !important; +} + +.text-right { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-justified { + text-align: justify !important; +} + +ul { + padding: 0; + margin: 0; + list-style: none; +} + +ul.bullet, +ul.no-bullet, +ul.lower-alpha, +ul.lower-roman, +ol { + padding: 0; + margin: 12px 0 0 20px; +} + +ul.bullet li, +ul.no-bullet li, +ul.lower-alpha li, +ul.lower-roman li, +ol li { + padding-left: 15px; + line-height: 20px; + position: relative; +} + +ul.bullet li + li, +ul.no-bullet li + li, +ul.lower-alpha li + li, +ul.lower-roman li + li, +ol li + li { + margin-top: 12px; +} + +ul.bullet > li:before, +ul.no-bullet > li:before, +ul.lower-alpha > li:before, +ul.lower-roman > li:before, +ol > li:before { + background-color: #333333; + border: 2px solid #333333; + border-radius: 100%; + content: " "; + display: block; + height: 1px; + left: 0; + position: absolute; + top: 8px; + width: 1px; +} + +ul.bullet ul, +ul.no-bullet ul, +ul.lower-alpha ul, +ul.lower-roman ul, +ol ul, +ul.bullet ol, +ul.no-bullet ol, +ul.lower-alpha ol, +ul.lower-roman ol, +ol ol { + margin-top: 12px; +} + +ul + *, +ol + * { + margin-top: 20px; +} + +ul.no-bullet, +ul.lower-alpha, +ul.lower-roman { + margin: 0; +} + +ul.no-bullet > li, +ul.lower-alpha > li, +ul.lower-roman > li { + padding-left: 0; +} + +ul.no-bullet > li:before, +ul.lower-alpha > li:before, +ul.lower-roman > li:before { + display: none !important; +} + +ol { + margin: 20px 0 0 32px; +} + +ol li { + padding-left: 3px; +} + +ol li:before { + display: none; +} + +ol ol { + margin-left: 25px; +} + +ol ul { + margin-left: -5px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-top: 0; +} + +ul.lower-roman { + list-style-type: lower-roman; + margin-top: 12px; + margin-left: 35px; + margin-bottom: 0; +} + +ul.lower-alpha { + list-style-type: lower-alpha; + margin-top: 12px; + margin-left: 35px; + margin-bottom: 0; +} + +dl { + display: table; + margin: 0 0 20px; + width: 100%; +} + +dt, +dd { + display: table-cell; +} + +.btn { + background-color: transparent; + background-clip: padding-box; + border: 1px solid transparent; + border-radius: 8px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); + cursor: pointer; + display: inline-block; + font-family: "Omnes-ECOMP-W02-Medium", Arial; + font-size: 0.5rem; + font-weight: normal; + line-height: 1; + margin: 0 7px 10px 0; + + + padding: 14px 19px 11px 18px; + position: relative; + text-align: center; + vertical-align: middle; + white-space: nowrap; + overflow: hidden; +} + +.btn:focus { + outline: 1px dotted #000; + outline-offset: -5px; +} + +.btn:last-child { + margin-right: 0; +} + +.btn::-moz-focus-inner { + padding: 0; + border: 0; +} + +.btn i[class*="icon-primary-"].icon-primary-small { + font-size: 24px; + top: -2px; +} + +.btn i[class*="icon-primary-"].icon-primary-medium { + font-size: 10px; + top: -2px; +} + +.btn i[class*="icon-primary-"].icon-primary-large { + font-size: 10px; + top: -2px; +} + +a.btn { + vertical-align: middle; +} + +a.btn:hover { + text-decoration: none; +} + +.field-group + .btn { + margin-left: 20px; +} + +.btn-primary { + border-color: #ea7400 transparent #d16500; + background-color: #ea7400 transparent #d16500; + background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%); + color: #ffffff; + font-family: "Omnes-ECOMP-W02", Arial; + font-weight: bold; +} + +.btn-primary:hover { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-primary:focus { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-primary:active { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-arrow { + font-family: "Omnes-ECOMP-W02", Arial; + font-size: 1.6rem; + font-weight: normal; + background-color: transparent; + border: none; + padding: 5px 0 0; + top: -4px; + color: #333333; + position: relative; +} + +.btn-arrow:hover { + text-decoration: underline; +} + +.btn-arrow:hover .btn-primary { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-arrow:hover .btn-secondary { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-arrow:hover .btn-alt { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); +} + +.btn-arrow:hover .btn-specialty { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); +} + +.btn-arrow:focus { + text-decoration: underline; + outline: 1px dotted #666; +} + +.btn-arrow:focus .btn-primary { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-arrow:focus .btn-secondary { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-arrow:focus .btn-alt { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); +} + +.btn-arrow:focus .btn-specialty { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); +} + +.btn-arrow:active .btn-primary { + text-decoration: none; + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); +} + +.btn-arrow:active .btn-secondary { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-arrow:active .btn-alt { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); +} + +.btn-arrow:active .btn-specialty { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); +} + +.btn-arrow .btn-alt { + border-color: #087ac2 transparent #0568ae; + background-color: #0568ae; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); + color: #ffffff; +} + +.btn-arrow .btn-alt:hover { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn-arrow .btn-alt:focus { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn-arrow .btn-alt:active { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn-arrow::-moz-focus-inner { + padding: 0; + border: 0; +} + +.btn-arrow .btn { + border: 1px solid transparent; + border-radius: 100%; + height: 20px; + margin-bottom: 0; + margin-right: 7px; + max-width: 20px; + min-width: 20px; + padding: 0; + margin-top: -4px; + vertical-align: middle; + width: 36px; +} + +.btn-arrow .btn .icon-primary-left { + bottom: 0; + display: block; + height: 100%; + left: 0; + line-height: 0; + position: absolute; + right: 0; + text-indent: 0; + top: 0; +} + +.btn-arrow .btn .icon-primary-left:before { + position: absolute; + font-size: 1.6rem; + left: 1px; + top: 9px; +} + +.btn-arrow .btn .icon-primary-right { + bottom: 0; + display: block; + height: 100%; + left: 0; + line-height: 0; + position: absolute; + right: 0; + text-indent: 0; + top: 0; + color: #ffffff; +} + +.btn-arrow .btn .icon-primary-right:before { + position: absolute; + font-size: 1.6rem; + left: 17px; + top: 9px; +} + +.btn-arrow .btn.btn-primary .icon-primary-left { + color: #fff; +} + +.btn-arrow .btn.btn-primary .icon-primary-right { + color: #fff; +} + +.btn-arrow .btn.btn-alt .icon-primary-left { + color: #fff; +} + +.btn-arrow .btn.btn-alt .icon-primary-right { + color: #fff; +} + +.btn-arrow .btn.btn-secondary { + border: 1px solid #d2d2d2; +} + +.btn-arrow .btn.btn-secondary .icon-primary-left { + color: #0568ae; +} + +.btn-arrow .btn.btn-secondary .icon-primary-right { + color: #0568ae; +} + +.btn-arrow .btn.btn-small { + height: 10px; + + + width: 10px; + top: -1px; +} + +.btn-arrow .btn.btn-small .icon-primary-left:before { + font-size: 5px; + top: 4px; + left: 0; +} + +.btn-arrow .btn.btn-small .icon-primary-right:before { + font-size: 5px; + top: 4px; + left: 10px; +} + +.btn-arrow .btn.btn-large .icon-primary-left:before { + font-size: 112%; + top: 12px; + left: 23px; +} + +.btn-arrow .btn.btn-large .icon-primary-right:before { + font-size: 112%; + top: 12px; + left: 23px; +} + +.btn-secondary { + border: 1px solid #d2d2d2; + background-color: #f2f2f2; + background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); + color: #0568ae; + box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15); + padding: 14px 18px 11px 17px; +} + +.btn-secondary:hover { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-secondary:focus { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-secondary:active { + color: #0568ae; + outline-color: #000000 !important; + background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); +} + +.btn-alt { + border-color: #087ac2 transparent #0568ae; + background-color: #0568ae; + background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); + color: #ffffff; +} + +.btn-alt:hover { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn-alt:focus { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn-alt:active { + color: #ffffff; + outline-color: #ffffff !important; + background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); +} + +.btn.disabled { + background-image: none; + background-color: #767676; + box-shadow: none; + cursor: not-allowed; + color: #ffffff; + border-color: transparent; + outline: 0 !important; +} + +.btn.disabled:hover { + color: #f2f2f2; + outline: none !important; +} + +.btn.disabled:focus { + color: #f2f2f2; + outline: none !important; +} + +.btn-medium { + padding: 12px 19px 11px 18px; + font-size: 1.7rem; +} + +.btn-run { + padding: 12px 19px 11px 18px; + font-size: 15px; +} + +.btn-small { + font-size: 1.5rem; + border-radius: 8px; + margin-left: 600px; + font-size: 15px; +} + +.btn-auto-upload { + font-size: 15px; +} + +.div-auto-upload { + display: contents; +} + +.btn-fullwidth { + width: 100%; +} + +button .btn-fill { + background-clip: padding-box; + border: 0; + border-radius: 4px; + bottom: 0; + display: block; + height: auto; + left: 0; + margin: 5px; + position: absolute; + right: 0; + top: 0; + width: auto; +} + +button .btn-fill[style*="#fff"] { + border: 1px solid #d2d2d2; +} + + +.btn-group[data-select-color="orange"] > .btn.active { + border-color: #ea7400; +} + +.btn-group[data-select-color="blue"] > .btn.active { + border-color: #0568ae; +} + +.btn-group[data-select-color="green"] > .btn.active { + border-color: #007a3e; +} + +.btn-spinbutton-toggle.btn-group { + display: block !important; + height: 40px !important; + margin-top: 5px; + max-width: 138px; + min-width: 138px; + white-space: nowrap; +} + +.btn-spinbutton-toggle .btn { + border-radius: 6px; + font-weight: normal; + -ms-flex: unset; + flex: unset; + height: 40px; + letter-spacing: normal; + min-width: auto; + padding: 3px 0 0; + text-align: center; + min-width: 46px; + width: 46px; +} + +.btn-spinbutton-toggle .btn[data-max-value] { + border-bottom: 1px solid #d2d2d2; + border-top: 1px solid #d2d2d2; + box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset; + background-color: #fff; + cursor: text; + font-family: "Omnes-ECOMP-W02", Arial; + font-size: 2rem; + font-weight: normal; + padding: 4px 0 0; + text-align: center; + min-width: 46px !important; + width: 46px; +} + +.btn-spinbutton-toggle .btn[data-max-value]:focus { + border-color: #0568ae; + outline: none; +} + +.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn { + border-left: 1px solid #0568ae; + transition: border 0.3s linear 0s; +} + +.btn-spinbutton-toggle .icon-primary-subtractminimize { + font-size: 30px !important; + color: #0568ae !important; +} + +.btn-spinbutton-toggle .icon-primary-add-maximize { + font-size: 30px !important; + color: #0568ae !important; +} + +.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize { + background-color: #d2d2d2; + color: #767676 !important; +} + +.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize { + background-color: #d2d2d2; + color: #767676 !important; +} + +.btn-spinbutton-toggle input.btn[disabled] { + background-color: #d2d2d2; + color: #5a5a5a; + cursor: not-allowed; +} + +.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] { + border-left: 1px solid #f0f0f0 !important; +} + +.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) { + border-left: 1px solid #0568ae !important; +} + +@media (max-width: 480px) { + .btn-group:not([data-select-color]) > .btn { + font-size: 1.3rem; + min-width: auto; + } +} + +button.close { + border: 0; + appearance: none; +} + +.corner-button { + box-shadow: 0 -50px 0 0 #f2f2f2 inset; + height: 69px; + /*overflow: hidden;*/ + position: absolute; + right: -35px; + top: -35px; + transform: rotate(45deg); + width: 69px; +} + + +.field-group input + .reset-field { + background: none; + height: 36px; + width: 45px; + display: none; + padding: 0; + position: absolute; + right: 0; + top: 0; + box-shadow: none; + border: none; + content: " "; +} + +.field-group input[type="search"] + .reset-field, +.field-group input[type="search"] + .btn-search + .reset-field, +.tooltip-onclick input + .reset-field, +.tooltip-onclick input + .icon-primary-tooltip + .reset-field, +.tooltip-onclick textarea + .reset-field, +.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field { + right: 45px; +} + +.field-group input[type="search"] + .reset-field:after, +.field-group input[type="search"] + .btn-search + .reset-field:after, +input:-ms-clear { + display: none; +} + +input[type]::-webkit-inner-spin-button, +input[type]::-webkit-outer-spin-button { + -webkit-appearance: none; +} + +input[type] { + -moz-appearance: textfield; +} + +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +label, +legend { + display: inline-block; + /* font-size: 1.4rem; */ + font-family: "Omnes-ECOMP-W02-Medium", Arial; +} + +legend { + display: block; +} + +.error-msg { + display: none; +} + +select, +textarea, +input { + border-radius: 6px; + color: #5a5a5a; + display: inline-block; + font-size: 1.6rem; + margin: 0px; + padding: 0 15px 0 15px; + vertical-align: middle; + line-height: normal; +} + +select::-webkit-input-placeholder, +textarea::-webkit-input-placeholder, +input::-webkit-input-placeholder { + color: #5a5a5a; + font-family: "Omnes-ECOMP-W02-Italic", Arial; + font-style: normal; + opacity: 1; +} + +select:-moz-placeholder, +textarea:-moz-placeholder, +input:-moz-placeholder { + color: #5a5a5a; + font-family: "Omnes-ECOMP-W02-Italic", Arial; + font-style: normal; + opacity: 1; +} + +select::-moz-placeholder, +textarea::-moz-placeholder, +input::-moz-placeholder { + color: #5a5a5a; + font-family: "Omnes-ECOMP-W02-Italic", Arial; + font-style: normal; + opacity: 1; +} + +select:-ms-input-placeholder, +textarea:-ms-input-placeholder, +input:-ms-input-placeholder { + color: #5a5a5a; + font-family: "Omnes-ECOMP-W02-Italic", Arial; + transition: none; + opacity: 1; +} + +select:placeholder, +textarea:placeholder, +input:placeholder { + color: #5a5a5a; + font-family: "Omnes-ECOMP-W02-Italic", Arial; + font-style: normal; + opacity: 1; +} + +select:last-child, +textarea:last-child, +input:last-child { + margin-right: 0; +} + +input:not([type="button"]) { + height: 36px; +} + +input.input-emphasized { + font-size: 1.8rem; + height: 48px; + padding: 13px 20px 13px; +} + +input[type="search"]:focus { + padding-right: 88px; +} + +input[type="search"] { + padding-right: 40px; + -webkit-appearance: none !important; +} + +input[type="search"].input-emphasized { + padding-right: 45px; +} + +.btn-search[class*="btn"] { + background-color: transparent; + background-position: 50% 50%; + background-size: 20px; + background-repeat: no-repeat; + border: none; + height: 100%; + margin-left: 0; + margin-top: 0; + min-width: 45px !important; + outline-offset: 0; + padding: 0 !important; + position: absolute; + right: 0; + top: 0; + border-radius: 0 5px 5px 0; + min-width: 44px; + width: 44px; +} + +.input-emphasized + .btn-search[class*="btn"], +.input-emphasized + .reset-field + .btn-search[class*="btn"] { + background-size: 26px; + height: 46px; + top: 1px; + outline-offset: -3px; + margin-bottom: 0; + border-radius: 0 5px 5px 0; +} + +input[type="search"].input-emphasized + .reset-field { + right: 45px !important; +} + + +input[data-provide="datepicker"], +[data-provide="datepicker"]:-moz-placeholder, +[data-provide="datepicker"]:-ms-input-placeholder, +[data-provide="datepicker"]:-webkit-input-placeholder { + color: #0568ae !important; + opacity: 1; + filter: alpha(opacity=100); +} + +input[disabled], +input[readonly], +select[disabled], +select[readonly], +textarea[disabled], +textarea[readonly], +i.icon-primary-calendar.disabled, +span.icon-primary-calendar.readonly { + cursor: not-allowed; + background-color: #f2f2f2; + box-shadow: none; +} + +i.icon-primary-calendar.disabled input, +span.icon-primary-calendar.readonly input { + color: #959595 !important; +} + +textarea { + display: block; + width: 800px; + + padding: 15px; +} + +textarea.small { + line-height: 20px; +} + +textarea + .reset-field { + display: none; +} + +textarea::-webkit-input-placeholder { + line-height: .99; +} + +textarea:-moz-placeholder { + line-height: .99; +} + +textarea::-moz-placeholder { + line-height: .99; +} + +textarea:-ms-input-placeholder { + line-height: .99; +} + +textarea:placeholder { + line-height: .99; +} + +textarea, +input { + background-color: #ffffff; + border: 1px solid #d2d2d2; + -webkit-appearance: none; + box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset; + transition: border .3s linear 0s; + font-family: "Omnes-ECOMP-W02", Arial; +} + +textarea:focus, +input:focus { + outline: 0; + border-color: #0568ae; +} + +.input-append { + display: table; +} + +.input-append > div { + display: table-cell; + width: 1%; +} + +.input-append > .field-group { + width: 100%; +} + +.row .field-group input[class*="span"] { + float: none; +} + +.field-group { + position: relative; + display: inline-block; +} + +label + .field-group, +label + .input-append, +label + .row, +label + .row-nowrap, +label + .form-row { + margin-top: 5px; +} + +.field-group { + position: relative; + display: block; +} + +.field-group input:not([type="button"])[disabled] { + padding-right: 15px; +} + +input:invalid, +textarea:invalid, +select:invalid { + outline: none !important; +} + +.form-row { + margin-top: 20px; +} + +.form-row.nomar { + margin: 0; +} + +.row-nowrap.no-flex.form-row > label + br { + margin-bottom: 5px; +} + +span.form-row { + display: inline-block; +} + +legend + .form-row { + margin-top: 20px; +} + +.tooltip-onclick input { + padding-right: 45px; +} + +.ds2_touchevents .tooltip-onclick input:focus { + padding-right: 95px; +} + +.radio { + position: relative; + min-height: 24px; + font-family: "Omnes-ECOMP-W02", Arial; + font-size: 1.6rem; + margin-bottom: 5px; +} + +.radio input { + -webkit-tap-highlight-color: transparent; + height: 10px; + margin: 6px; + opacity: 0; + outline: none; + position: absolute; + left: 1px; + top: 1px; + width: 10px; +} + +.radio input:focus + .skin { + border-color: #0568ae; +} + +.radio input:focus + .skin:before { + content: ""; + height: 34px; + left: -6px; + top: -6px; + outline: 1px dotted #000000; + position: absolute; + width: 34px; +} + +.radio input + .skin { + border-radius: 100%; +} + +.radio input:checked + .skin:after { + background-color: #0568ae; + border-radius: 100%; + border: 3px solid #FFFFFF; + content: ""; + display: block; + height: 16px; + position: absolute; + width: 16px; +} + +.radio input:disabled + .skin { + cursor: not-allowed; + background-color: #d2d2d2; + border-color: #d2d2d2; + color: #666666; +} + +.radio input:disabled + .skin + span { + cursor: not-allowed; + color: #666666; +} + +.radio input:disabled:checked + .skin:after { + background-color: #666666; +} + +.radio input:invalid + .skin { + border: solid 1px #cf2a2a; +} + +.radio .skin { + background-color: #FFFFFF; + border: 1px solid #d2d2d2; + border-radius: 3px; + display: inline-block; + height: 24px; + left: 0; + position: absolute; + top: 0; + width: 24px; +} + +.radio span { + display: inline-block; + margin-left: 34px; + margin-top: 0; + position: relative; + top: 3px; +} + +.radio label { + font-size: 1.6rem; + font-family: "Omnes-ECOMP-W02", Arial; +} + +.radio.inline { + display: inline-block; + margin-bottom: 10px; + vertical-align: middle; + margin-right: 10px; +} + +.radio.inline:last-child { + margin-right: 0; +} + +.radio-box { + border: 1px solid #d2d2d2; + border-radius: 8px; +} + +.radio-box > [role="radio"] label { + padding: 15px 15px 20px 15px; + display: block; + width: 100%; +} + +.radio-box > [role="radio"] label .skin + span { + top: 2px; +} + +.radio-box > [role="radio"] + div { + padding: 0 15px 15px 47px; +} + +.radio-box > [aria-checked="false"] label > input { + top: 15px; + left: 15px; +} + +.radio-box > [aria-checked="false"] label .skin { + top: 15px; + left: 15px; +} + +.radio-box > [aria-checked="true"] label > input { + top: 13px; + left: 13px; +} + +.radio-box > [aria-checked="true"] label .skin { + top: 13px; + left: 13px; +} + +.radio-box.active { + border: 3px solid #0568ae; +} + +.radio-box.active > [role="radio"] label { + padding: 13px 14px 19px 13px; +} + +.checkbox { + position: relative; + min-height: 24px; + font-family: "Omnes-ECOMP-W02", Arial; + font-size: 1rem; +} + +.checkbox input { + -webkit-tap-highlight-color: transparent; + height: 20px; + margin-left: 20px; + opacity: 0; + outline: none; + position: absolute; + left: 1px; + top: 1px; + width: 10px; +} + +.checkbox input:focus + .skin { + border-color: #0568ae; +} + +.checkbox input:focus + .skin:before { + content: ""; + height: 34px; + left: -6px; + top: -6px; + outline: 1px dotted #000000; + position: absolute; + width: 34px; +} + +.checkbox input:checked:not(:disabled) + .skin { + background-color: #0568ae; + border-color: #0568ae; +} + +.checkbox input:checked:disabled + .skin:after { + color: #5A5A5A; +} + +.checkbox input:checked + .skin:after { + height: 20px; + width: 10px; + background-color: transparent; + font-size: 23.4px; + color: #FFFFFF; + line-height: 21px; +} + +.checkbox input:disabled + .skin { + cursor: not-allowed; + background-color: #d2d2d2; + border-color: #d2d2d2; + color: #666666; +} + +.checkbox input:disabled + .skin + span { + cursor: not-allowed; + color: #666666; +} + +.checkbox input:invalid + .skin { + border: solid 1px #cf2a2a; +} + +.checkbox input:indeterminate + .skin:after { + background-color: transparent; + font-size: 25px; + color: #0574ac; + content: "\e920"; +} + +.checkbox .skin { + background-color: #fff; + border: 1px solid #d2d2d2; + border-radius: 3px; + display: inline-block; + height: 24px; + width: 24px; + position: absolute; + left: 0; + top: 0; +} + +.checkbox span { + display: inline-block; + margin-left: 34px; + margin-top: 0; + position: relative; + top: 3px; +} + +.checkbox label { + font-size: 1.6rem; + font-family: "Omnes-ECOMP-W02", Arial; +} + +.checkbox input { + z-index: 9999; +} + +.checkbox input.indeterminate + .skin:after { + font-size: 22px; + color: #0568ae; +} + +.breadcrumb { + padding: 10px 15px; + height: 40px; + list-style: none; + border-bottom: 1px solid #d2d2d2; + font-size: 1.2rem; + width: 100%; + z-index: 1000; +} + +.breadcrumb > li { + position: relative; + display: inline-block; + margin-right: 15px; +} + +.breadcrumb > li:after { + font-size: 8px; + margin-right: 0; + right: -8px; + color: #333333; +} + +.breadcrumb > li:last-child { + color: #333333; +} + +.breadcrumb > li:last-child:after { + content: ""; +} + +.breadcrumb li > * { + float: none !important; + margin: 0; +} + +.breadcrumb { + padding: 10px 15px !important; +} + +/* ARROW */ +/* spanish */ +.datepicker { + background-color: #FFFFFF; + padding: 0; + border-radius: 5px; + direction: ltr; +} + +.datepicker > div { + display: none; +} + +.datepicker table { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: 0 0 0 0; +} + +.datepicker td { + text-align: center; + display: block; + width: 30px; + height: 30px; + border: none; +} + +.datepicker td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + border-radius: 4px; +} + +.datepicker td span:hover { + background: #eeeeee; +} + +.datepicker td span.disabled { + background: none; + color: #5A5A5A; + cursor: default; +} + +.datepicker td span.disabled:hover { + background: none; + color: #5A5A5A; + cursor: default; +} + +.datepicker td span.active { + color: #FFFFFF; + background-color: #0568ae; + border-color: #357ebd; +} + +.datepicker td span.active:hover { + color: #FFFFFF; + background-color: #0568ae; + border-color: #357ebd; +} + +.datepicker td span.active.disabled { + color: #FFFFFF; + background-color: #0568ae; + border-color: #357ebd; +} + +.datepicker th { + text-align: center; + display: block; + width: 30px; + height: 30px; + border: none; +} + +.datepicker tbody:focus { + outline: none; +} + +.datepicker td.day { + background-color: transparent; + color: #0568ae; + cursor: pointer; + font-family: "Omnes-ECOMP-W02-Medium", Arial; + font-size: 16px; + height: 34px; + line-height: 30rem; + margin: -2px -1px 0 0; + overflow: hidden; + text-align: center; + width: 42px; +} + +.datepicker:focus { + outline: 1px dotted #191919; + outline-offset: -2px; +} + +.datepicker th[tabindex]:focus { + outline-offset: -15px; +} + +.datepicker td.day.focused { + background: #ededed; + cursor: pointer; +} + +.datepicker td.day.focused.active { + background-color: #ededed; + color: #0568ae; +} + +.datepicker td.disabled { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5A5A5A; + cursor: default; +} + +.datepicker td.disabled:hover { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5A5A5A; + cursor: default; +} + +.datepicker td.disabled:hover .show-date { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5A5A5A; +} + +.datepicker td.disabled .show-date { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5A5A5A; +} + +.datepicker td.today { + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today:hover { + color: #FFFFFF; + background-color: #0568ae; + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today:active { + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today:focus { + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today.disabled { + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today.active { + color: #FFFFFF; + background-color: #0568ae; +} + +.datepicker td.today.active:hover { + color: #FFFFFF; +} + +.datepicker td.selected { + color: #FFFFFF; + background-color: #95959500; +} + +.datepicker td.selected:hover { + color: #FFFFFF; + background-color: #95959500; +} + +.datepicker td.selected.disabled { + color: #FFFFFF; + background-color: #95959500; +} + +.datepicker td.active:not(.new) { + color: #FFFFFF; + border-color: #357ebd; +} + +.datepicker td.active:not(.new) .show-date { + color: #0568ae; + font-family: "Omnes-ECOMP-W02-Medium", Arial; +} + +.datepicker td.active:hover:not(.new) { + color: #FFFFFF; + border-color: #357ebd; +} + +.datepicker td.active:hover:not(.new) .show-date { + color: #0568ae; + font-family: "Omnes-ECOMP-W02-Medium", Arial; +} + +.datepicker .start-date .show-date { + background-color: #0568ae; + color: #FFFFFF !important; + border-radius: 5px 0 0 5px; + z-index: 1; +} + +.datepicker .start-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: 20px; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .between-date .show-date { + background-color: #0568ae; + color: #FFFFFF !important; +} + +.datepicker .between-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: 0; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .between-date:first-child .show-date:before { + background-color: #FFFFFF; + content: ""; + height: 26px; + position: absolute; + left: 0; + width: 8px; +} + +.datepicker .end-date .show-date { + background-color: #0568ae; + color: #FFFFFF !important; + border-radius: 0 5px 5px 0; +} + +.datepicker .end-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: -20px; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .end-date:first-child .show-date:after { + background-color: #FFFFFF; + content: ""; + height: 26px; + position: absolute; + left: 0; + width: 8px; +} + +.datepicker .end-date:first-child .show-date::before { + background-color: #FFFFFF; +} + +.datepicker tr td.start-date:last-child .show-date:after { + background-color: #FFFFFF; + content: ""; + height: 26px; + position: absolute; + right: 0; + width: 8px; +} + +.datepicker tr td.start-date:last-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker tr td.start-date:first-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker tr td.between-date:last-child .show-date:after { + background-color: #FFFFFF; + content: ""; + height: 26px; + position: absolute; + right: 0; + width: 8px; +} + +.datepicker tr td.between-date:last-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker tr td.between-date:first-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker tr td.end-date:last-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker tr td.end-date:first-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker th.datepicker-switch { + width: 198px; + font-size: 20px; + font-weight: normal; + cursor: default !important; +} + +.datepicker thead tr:first-child th { + cursor: pointer; + height: 60px; + line-height: 60px; +} + +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} + +.datepicker tfoot tr th { + cursor: pointer; + height: 60px; + line-height: 60px; + height: auto; + line-height: normal; +} + +.datepicker tfoot tr th li { + margin-bottom: 5px; +} + +.datepicker .prev { + color: transparent; + font-size: 0; + margin: 0 -1px -1px 0; + width: 46px; +} + +.datepicker .prev i { + color: #0568ae; + position: absolute; + font-size: 27px; + margin: 0; + top: 15px; + left: 8px; +} + +.datepicker .next { + color: transparent; + font-size: 0; + margin: 0 -1px -1px 0; + width: 46px; +} + +.datepicker .next i { + color: #0568ae; + position: absolute; + font-size: 27px; + margin: 0; + top: 15px; + right: 8px; +} + +.datepicker .cw { + font-size: 5px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} + +.datepicker .due-date .show-date { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + background-color: #cf2a2a; + border-radius: 5px; + color: #FFFFFF !important; +} + +.datepicker .day.active .show-date:after { + border: 2px solid #0568ae; + border-radius: 7px; + content: ""; + display: block; + height: 30px; + left: 4px; + position: absolute; + top: 0; + width: 30px; +} + +.datepicker .day:focus .show-date:after { + border: 2px solid #0568ae; + border-radius: 7px; + content: ""; + display: block; + height: 30px; + left: 4px; + position: absolute; + top: 0; + width: 30px; + height: 30px; + left: 4px; + top: 0; + width: 30px; +} + +.datepicker .due-date.disabled .show-date:after { + border: 2px solid #0568ae; + border-radius: 7px; + content: ""; + display: block; + height: 30px; + left: 4px; + position: absolute; + top: 0; + width: 30px; +} + +.datepicker .day.due-date:focus .show-date:after { + height: 30px; + left: 4px; + top: 0; + width: 30px; +} + +.datepicker .due-date.old:after { + visibility: hidden; +} + +.datepicker .due-date.new:after { + visibility: hidden; +} + +.datepicker .due-date.active:after { + border-color: #FFFFFF; +} + +.datepicker .due-date.active.focused { + color: #0568ae !important; +} + +.datepicker .due-date.active.focused:after { + border-color: #cf2a2a !important; +} + +.datepicker .dow { + height: 24px; + width: 42px; + font-weight: normal; + position: relative; + overflow: hidden; + color: transparent; + letter-spacing: -6px; + margin: 0 -1px -1px 0; +} + +.datepicker .dow span[aria-hidden="true"] { + bottom: 0; + color: #5A5A5A; + display: block; + left: 1px; + letter-spacing: 0; + line-height: .9; + margin: 0 auto; + padding: 0; + position: relative; + width: 22px; +} + +.datepicker .calendar-legend { + margin-top: 3px; + margin-bottom: 20px; +} + +.datepicker .calendar-legend li { + font-size: 1.4rem; + font-weight: normal; + margin-bottom: 5px; + padding-left: 10px; + padding-top: 5px; + position: relative; +} + +.datepicker i.legend-due-date { + background-color: #cf2a2a; + border-radius: 5px; + height: 18px; + width: 18px; + margin-right: 8px; + vertical-align: middle; + display: inline-block; +} + +.datepicker i.legend-selected-date { + background-color: #FFFFFF; + border: 2px solid #0568ae; + border-radius: 5px; + height: 18px; + width: 18px; + margin-right: 8px; + vertical-align: middle; + display: inline-block; +} + +.datepicker i.legend-selectedisdue { + background-color: #FFFFFF; + border: 2px solid #0568ae; + border-radius: 5px; + display: inline-block; + height: 18px; + margin-right: 8px; + position: relative; + vertical-align: middle; + width: 18px; +} + +.datepicker i.legend-selectedisdue:after { + background-color: #cf2a2a; + border-radius: 3px; + content: ""; + display: block; + height: 10px; + left: 2px; + position: absolute; + top: 2px; + width: 10px; +} + +.datepicker .text-left { + width: 100%; +} + +.datepicker .active.old { + background-color: #ededed !important; + color: #ededed !important; +} + +.datepicker-inline { + width: 220px; +} + +.datepicker.datepicker-rtl { + direction: rtl; +} + +.datepicker.datepicker-rtl td span { + float: right; +} + +.datepicker-dropdown { + top: 0; + left: 0; +} + +.datepicker-dropdown:before { + content: " "; + display: inline-block; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #d2d2d2; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; +} + +.datepicker-dropdown:after { + content: " "; + display: inline-block; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fff; + border-top: 0; + position: absolute; +} + +.datepicker-dropdown.datepicker-orient-left:before { + left: 16px; +} + +.datepicker-dropdown.datepicker-orient-left:after { + left: 16px; +} + +.datepicker-dropdown.datepicker-orient-right:before { + right: 16px; +} + +.datepicker-dropdown.datepicker-orient-right:after { + right: 16px; +} + +.datepicker-dropdown.datepicker-orient-top:before { + top: -10px; +} + +.datepicker-dropdown.datepicker-orient-top:after { + top: -9px; +} + +.datepicker-dropdown.datepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #959595; +} + +.datepicker-dropdown.datepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; +} + +.datepicker.days div.datepicker-days { + display: block; +} + +.datepicker.months div.datepicker-months { + display: block; +} + +.datepicker.years div.datepicker-years { + display: block; +} + +.show-date { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + color: #0568ae; + height: 26px; + line-height: 26px; + margin: 4px auto 0; + width: 26px; +} + +.input-group.date .input-group-addon i { + cursor: pointer; + width: 16px; + height: 16px; +} + +.datepicker.dropdown-menu { + box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); + position: absolute; + top: 100%; + left: 0; + float: left; + display: none; + margin-top: 13px; + width: 290px; + list-style: none; + background-color: #FFFFFF; + border: 1px solid #d2d2d2; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 5px; + color: #333333; + font-size: 13px; + line-height: 1.428571429; + z-index: 1050; +} + +.datepicker.dropdown-menu th { + display: block; + float: left; + padding: 0; + position: relative; +} + +.datepicker.dropdown-menu td { + display: block; + float: left; + padding: 0; + position: relative; +} + +.s { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: -62px 0; +} + +.m { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: -5px 0; +} + +.t { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: -19px 0; +} + +.w { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: -34px 0; +} + +.f { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: -49px 0; +} + +.d { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: 0 0; +} + +.l { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: 0 0; +} + +.v { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: 0 0; +} + +.j { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: #FFFFFF; + background-repeat: no-repeat; + background-position: 0 0; +} + +.datepicker { + background-color: #fff; + padding: 0; + border-radius: 5px; + direction: ltr; +} + +.datepicker-inline { + width: 220px; +} + +.datepicker.datepicker-rtl { + direction: rtl; +} + +.datepicker.datepicker-rtl td span { + float: right; +} + +.datepicker-dropdown { + top: 0; + left: 0; +} + +/* ARROW */ +.datepicker-dropdown:before { + content: " "; + display: inline-block; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #d2d2d2; + border-top: 0; + border-bottom-color: rgba(0, 0, 0, 0.2); + position: absolute; +} + +.datepicker-dropdown:after { + content: " "; + display: inline-block; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fff; + border-top: 0; + position: absolute; +} + +.datepicker-dropdown.datepicker-orient-left:before, +.datepicker-dropdown.datepicker-orient-left:after { + left: 255px; +} + +.datepicker-dropdown.datepicker-orient-right:before, +.datepicker-dropdown.datepicker-orient-right:after { + right: 16px; +} + +.datepicker-dropdown.datepicker-orient-top:before { + top: -10px; +} + +.datepicker-dropdown.datepicker-orient-top:after { + top: -9px; +} + +.datepicker-dropdown.datepicker-orient-bottom:before { + bottom: -7px; + border-bottom: 0; + border-top: 7px solid #959595; +} + +.datepicker-dropdown.datepicker-orient-bottom:after { + bottom: -6px; + border-bottom: 0; + border-top: 6px solid #fff; +} + +.datepicker > div { + display: none; +} + +.datepicker.days div.datepicker-days { + display: block; +} + +.datepicker.months div.datepicker-months { + display: block; +} + +.datepicker.years div.datepicker-years { + display: block; +} + +.datepicker table { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + margin: 0 0 0 0; +} + +.datepicker td, +.datepicker th { + text-align: center; + display: block; + width: 30px; + height: 30px; + border: none; +} + +.datepicker tbody :focus { + outline: none; +} + +.datepicker td.day { + background-color: transparent; + color: #0568ae; + cursor: pointer; + font-family: "Omnes-ECOMP-W02-Medium", Arial; + font-size: 16px; + height: 34px; + line-height: 30rem; + margin: -2px -1px 0 0; + overflow: hidden; + text-align: center; + width: 42px; +} + +.datepicker :focus { + outline: 1px dotted #000; + outline-offset: -2px; +} + +.datepicker td.day.focused { + background: #ededed; + cursor: pointer; +} + +.datepicker td.day.focused.active { + background-color: #ededed; + color: #0568ae; +} + +.datepicker td.disabled, +.datepicker td.disabled:hover { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5a5a5a; + cursor: default; +} + +.datepicker td.today, +.datepicker td.today:hover, +.datepicker td.today.disabled { + color: #fff; + background-color: #0568ae; +} + +.datepicker td.today.active, +.datepicker td.today:active, +.datepicker td.today:hover, +.datepicker td.today:focus { + color: #fff; + background-color: #0568ae; +} + +.datepicker td.today.active:hover { + color: #fff; +} + +.datepicker td.selected, +.datepicker td.selected:hover, +.datepicker td.selected.disabled { + color: #ffffff; + background-color: #959595; +} + +.datepicker td.active:not(.new), +.datepicker td.active:hover:not(.new) { + color: #ffffff; + border-color: #357ebd; +} + +.show-date { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + color: #0568ae; + height: 26px; + line-height: 26px; + margin: 4px auto 0; + width: 26px; +} + +.datepicker .start-date .show-date, +.datepicker .between-date .show-date, +.datepicker .end-date .show-date { + background-color: #0568ae; + color: #fff !important; +} + +.datepicker .start-date .show-date { + border-radius: 5px 0 0 5px; + z-index: 1; +} + +.datepicker .start-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: 20px; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .between-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: 0; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .end-date .show-date { + border-radius: 0 5px 5px 0; +} + +.datepicker .end-date .show-date:before { + background-color: #0568ae; + content: ""; + display: block; + height: 26px; + left: -20px; + position: absolute; + width: 100%; + z-index: -1; +} + +.datepicker .between-date:first-child .show-date:before { + background-color: #fff; + content: ""; + height: 26px; + position: absolute; + left: 0; + width: 8px; +} + +.datepicker .end-date:first-child .show-date:after { + background-color: #fff; + content: ""; + height: 26px; + position: absolute; + left: 0; + width: 8px; +} + +.datepicker .end-date:first-child .show-date::before { + background-color: #fff; +} + +.datepicker tr td.start-date:last-child .show-date:after, +.datepicker tr td.between-date:last-child .show-date:after { + background-color: #fff; + content: ""; + height: 26px; + position: absolute; + right: 0; + width: 8px; +} + +.datepicker tr td.start-date:last-child:focus .show-date:after, +.datepicker tr td.end-date:last-child:focus .show-date:after, +.datepicker tr td.between-date:last-child:focus .show-date:after, +.datepicker tr td.start-date:first-child:focus .show-date:after, +.datepicker tr td.end-date:first-child:focus .show-date:after, +.datepicker tr td.between-date:first-child:focus .show-date:after { + height: 30px; + width: 30px; + background-color: transparent; +} + +.datepicker td.active:not(.new) .show-date, +.datepicker td.active:hover:not(.new) .show-date { + color: #0568ae; + font-family: "Omnes-ECOMP-W02-Medium", Arial; +} + +.datepicker td.disabled .show-date, +.datepicker td.disabled:hover .show-date { + font-family: "Omnes-ECOMP-W02", Arial; + color: #5a5a5a; +} + +.datepicker td span { + display: block; + width: 23%; + height: 54px; + line-height: 54px; + float: left; + margin: 1%; + cursor: pointer; + border-radius: 4px; +} + +.datepicker td span:hover { + background: #eeeeee; +} + +.datepicker td span.disabled, +.datepicker td span.disabled:hover { + background: none; + color: #5a5a5a; + cursor: default; +} + +.datepicker td span.active, +.datepicker td span.active:hover, +.datepicker td span.active.disabled { + color: #ffffff; + background-color: #0568ae; + border-color: #357ebd; +} + +.datepicker th.datepicker-switch { + width: 198px; + font-size: 20px; + font-weight: normal; + cursor: default !important; +} + +.datepicker thead tr:first-child th, +.datepicker tfoot tr th { + cursor: pointer; + height: 60px; + line-height: 60px; +} + +.datepicker tfoot tr th { + height: auto; + line-height: normal; +} + +.datepicker tfoot tr th li { + margin-bottom: 5px; +} + +.datepicker .prev, +.datepicker .next { + color: transparent; + font-size: 0; + margin: 0 -1px -1px 0; + width: 46px; +} + +.datepicker .prev i, +.datepicker .next i { + color: #0568ae; + position: absolute; + font-size: 27px; + margin: 0; + top: 15px; +} + +.datepicker .prev i { + left: 8px; +} + +.datepicker .next i { + right: 8px; +} + +.datepicker .cw { + font-size: 5px; + width: 12px; + padding: 0 2px 0 5px; + vertical-align: middle; +} + +.datepicker thead tr:first-child th.cw { + cursor: default; + background-color: transparent; +} + +.input-group.date .input-group-addon i { + cursor: pointer; + width: 16px; + height: 16px; +} + +.datepicker.dropdown-menu { + box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); + position: absolute; + top: 100%; + left: 0; + float: left; + display: none; + margin-top: 13px; + width: 290px; + list-style: none; + background-color: #ffffff; + border: 1px solid #d2d2d2; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 5px; + color: #333333; + font-size: 13px; + line-height: 1.428571429; + z-index: 1050; +} + +.datepicker.dropdown-menu th, +.datepicker.dropdown-menu td { + display: block; + float: left; + padding: 0; + position: relative; +} + +.datepicker .due-date .show-date { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + background-color: #cf2a2a; + border-radius: 5px; + color: #fff !important; +} + +.datepicker .day.active .show-date:after, +.datepicker .day:focus .show-date:after, +.datepicker .due-date.disabled .show-date:after { + border: 2px solid #0568ae; + border-radius: 7px; + content: ""; + display: block; + height: 30px; + left: 4px; + position: absolute; + top: 0; + width: 30px; +} + +.datepicker .day:focus .show-date:after { + height: 30px; + left: 4px; + top: 0; + width: 30px; +} + +.datepicker .day.due-date:focus .show-date:after { + height: 30px; + left: 4px; + top: 0; + width: 30px; +} + +.datepicker .due-date.old:after, +.datepicker .due-date.new:after { + visibility: hidden; +} + +.datepicker .due-date.active:after { + border-color: #fff; +} + +.datepicker .due-date.active.focused { + color: #0568ae !important; +} + +.datepicker .due-date.active.focused:after { + border-color: #cf2a2a !important; +} + +.datepicker .dow { + height: 24px; + width: 42px; + font-weight: normal; + position: relative; + overflow: hidden; + color: transparent; + letter-spacing: -6px; + margin: 0 -1px -1px 0; +} + +.datepicker .dow span[aria-hidden="true"] { + bottom: 0; + color: #5a5a5a; + display: block; + left: 1px; + letter-spacing: 0; + line-height: .9; + margin: 0 auto; + padding: 0; + position: relative; + width: 22px; +} + +.datepicker .calendar-legend { + margin-top: 3px; + margin-bottom: 20px; +} + +.datepicker .calendar-legend li { + font-size: 1.4rem; + font-weight: normal; + margin-bottom: 5px; + padding-left: 10px; + padding-top: 5px; + position: relative; +} + +.datepicker i.legend-due-date { + background-color: #cf2a2a; + border-radius: 5px; + height: 18px; + width: 18px; + margin-right: 8px; + vertical-align: middle; + display: inline-block; +} + +.datepicker i.legend-selected-date { + background-color: #fff; + border: 2px solid #0568ae; + border-radius: 5px; + height: 18px; + width: 18px; + margin-right: 8px; + vertical-align: middle; + display: inline-block; +} + +.datepicker i.legend-selectedisdue { + background-color: #fff; + border: 2px solid #0568ae; + border-radius: 5px; + display: inline-block; + height: 18px; + margin-right: 8px; + position: relative; + vertical-align: middle; + width: 18px; +} + +.datepicker i.legend-selectedisdue:after { + background-color: #cf2a2a; + border-radius: 3px; + content: ""; + display: block; + height: 10px; + left: 2px; + position: absolute; + top: 2px; + width: 10px; +} + +.datepicker .text-left { + width: 100%; +} + +.datepicker .active.old { + background-color: #ededed !important; + color: #ededed !important; +} + +.s, +.m, +.t, +.w, +.f, +.d, +.l, +.v, +.j { + display: block; + height: 20px; + width: 12px; + margin: 0 auto; + background-color: white; + background-repeat: no-repeat; +} + +.s { + background-position: -62px 0; +} + +.m { + background-position: -5px 0; +} + +.t { + background-position: -19px 0; +} + +.w { + background-position: -34px 0; +} + +.f { + background-position: -49px 0; +} + +/* spanish */ +.d { + background-position: 0 0; +} + +.l { + background-position: 0 0; +} + +.v { + background-position: 0 0; +} + +.j { + background-position: 0 0; +} + +.datepicker-container { + position: relative; +} + +.btn-calendar-icon:focus .icon-primary-calendar { + outline: 1px dotted #191919; +} + +.btn-calendar-icon:focus { + outline: none; +} + +/* remove focus outline when dropdown is opened */ +/*resolve blue focus outline over dropdown with error*/ +select { + margin-right: -1; + + height: 36px; + line-height: 25px; + + background-color: #95959521; +} + +.selectWrap.disabled .icon-primary-down { + color: #d6d6d6; +} + +.selectWrap.disabled input.awd-select { + z-index: 0; + padding: 10px 45px 10px 15px; + text-indent: 0; +} + +.selectWrap.disabled button.awd-select { + z-index: 0; + text-indent: 15px; +} + +.selectWrap.disabled:after { + color: #5A5A5A; + cursor: not-allowed; +} + +input.awd-select { + background-color: transparent; + border: 1px solid #d2d2d2; + border-radius: 6px; + box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); + color: #333333; + display: block; + font-family: "Omnes-ECOMP-W02", Arial; + /*font-size: 1.6rem;*/ + height: 36px; + line-height: 0; + margin-bottom: 0; + position: relative; + text-align: left; + top: 0; + width: 100%; + z-index: 10; + padding: 12px 45px 8px 15px; + user-select: none; +} + +input.awd-select:focus { + border-color: #0568ae !important; + text-overflow: ellipsis; + padding-right: 45px; +} + +button.awd-select { + background-color: transparent; + border: 1px solid #d2d2d2; + border-radius: 6px; + box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); + color: #333333; + display: block; + font-family: "Omnes-ECOMP-W02", Arial; + /*font-size: 1.6rem;*/ + height: 36px; + line-height: 36px; + margin-bottom: 0; + position: relative; + text-align: left; + top: 0; + width: 100%; + z-index: 10; +} + +button.awd-select:not(.large) { + text-indent: 15px; + white-space: nowrap; + overflow: hidden; + text-overflow: clip; + text-overflow: ellipsis; +} + +button.awd-select img { + height: 26px; + margin-right: 7px; + margin-top: -10px; + position: relative; + top: 2px; + vertical-align: text-bottom; +} + +button.awd-select:focus { + border-color: #0568ae !important; +} + +button.awd-select i { + font-size: 23px; + position: absolute; + right: 33px; + top: 5px; + z-index: 1000; +} + +button.awd-select.large { + align-items: center; + display: flex; + height: 60px; + line-height: 20px; + overflow: hidden; + padding-left: 70px; + vertical-align: middle; +} + +button.awd-select.large img { + height: 40px; + left: 20px; + position: absolute; + top: 20px; + width: 40px; +} + +.selectWrap.large { + height: 60px; +} + +.selectWrap.large .awd-select-list-item { + align-items: center; + display: flex; + height: 60px; + line-height: 20px; + overflow: hidden; + padding-left: 70px; + vertical-align: middle; +} + +.selectWrap.large .awd-select-list-item img { + height: 40px; + left: 20px; + position: absolute; + top: 20px; + width: 40px; + top: 10px; +} + +.inputWrap { + border-radius: 6px; + position: relative; + height: 36px; + line-height: 44px; + display: block; + margin: 0; +} + +button.awd-select.active { + border-radius: 6px 6px 0 0; +} + +button.awd-select.active:focus { + border-color: #d2d2d2 !important; +} + +input.awd-select.active { + border-radius: 6px 6px 0 0; +} + +input.awd-select.active:focus { + border-color: #d2d2d2 !important; +} + +.selectWrapper { + position: relative; +} + +span.selectWrap input[readonly]:focus { + color: transparent; + text-shadow: 0 0 0 #000; +} + +.isIE.ds2-no-colors .awd-select:focus { + outline: 1px dashed transparent; +} + +.awd-select-list { + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); + border-radius: 0 0 6px 6px; + position: absolute; + border: 1px solid #d2d2d2; + border-top: 0; + padding: 0; + background-color: #f2f2f2; + z-index: 1000; + width: 100%; + max-height: 320px; + overflow-y: auto; +} + +.awd-select-list-item { + cursor: pointer; + height: 100%; + min-height: 36px; + line-height: 20px; + overflow: hidden; + padding: 8px 15px; + position: relative; + z-index: 1000; +} + +.awd-select-list-item:hover { + cursor: pointer; + background-color: #d2d2d2; + outline: 1px dashed transparent; +} + +.awd-select-list-item:focus { + cursor: pointer; + background-color: #d2d2d2; + outline: 1px dashed transparent; +} + +.awd-select-list-item img { + margin-top: 0; + margin-right: 7px; + height: 26px; + width: 26px; +} + +.selectWrap { + border-radius: 6px; + position: relative; + height: 36px; + line-height: 28px; + display: block; + margin: 0; + background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); + background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); +} + +.selectWrap:not(.large) .awd-select-list-item:first-child { + margin-top: 15px; +} + +.selectWrap:not(.large) .awd-select-list-item:last-child { + margin-bottom: 15px; +} + +.selectWrap .icon-primary-down { + font-size: 23px; + margin-top: -11px; + position: absolute; + right: 4px; + top: 50%; +} + +.selectWrap + [aria-expanded="true"] { + padding-bottom: 9px; + padding-top: 20px; +} + +.awd-select-list-item[data-hover="true"] { + background-color: #d2d2d2; +} + +span input.awd-select { + width: 100%; + cursor: pointer; + text-overflow: ellipsis; + padding-right: 45px; +} + +li.optgroup-wrapper { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + cursor: default !important; + padding: 0px 15px; +} + +li.optgroup-wrapper:first-child { + padding-top: 10px; +} + +li.optgroup-wrapper:hover { + background-color: #f2f2f2; +} + +ul.optgroup { + font-family: "Omnes-ECOMP-W02", Arial; + cursor: pointer !important; + margin: 0 -15px; +} + +ul.optgroup li { + padding: 0 0 0 33px; +} + +label + .selectWrap { + margin-top: 4px; +} + +.group .selectWrap { + margin: 0 0 10px 0; +} + +select.awd-select { + position: relative; + top: 0; + left: 0; + font-size: 16px; + z-index: 1010; + height: 33px; + min-width: 100%; + opacity: 0.01; +} + +select.awd-select > optgroup { + padding-left: 8px; + font-style: normal; + margin-top: 10px; +} + +select.awd-select > optgroup:first-child { + margin-top: 0; +} + +select.awd-select > optgroup > option { + padding-left: 8px; +} + +select.awd-select > option { + padding-left: 8px; +} + +select.awd-select + span { + background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); + background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); + position: absolute; + top: 0; + left: 0; + z-index: 0; + display: block; + border: 1px solid #d2d2d2; + border-radius: 6px; + height: 35px; + line-height: 0; + padding: 18px 45px 15px 15px; + width: 100%; + font-size: 1.6rem; + padding-right: 45px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +select.awd-select + span > i { + font-size: 23px; + position: absolute; + right: 33px; + top: 5px; + z-index: 1000; +} + +select.awd-select + span > i:before { + left: 1px; + position: absolute; + top: -1px; +} + +select.awd-select:focus + span { + border-color: #0568ae; +} + + +.btn.disabled[ddh-load-button] { + line-height: 46px; + padding: 0 19px 0 18px; +} + +.btn.disabled[ddh-load-button] { + color: #666666; +} + +.icon-primary-spinner-ddh.large { + height: 50px; + width: 50px; +} + +.icon-primary-spinner-ddh.small { + height: 30px; + width: 30px; +} + +.icon-primary-spinner-ddh { + -webkit-animation: 1s linear infinite spinner; + animation: 1s linear infinite spinner; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); +} + +.btn-small .icon-primary-spinner-ddh { + height: 30px !important; + width: 30px !important; +} + +.btn-small .icon-primary-spinner { + height: 30px; + width: 30px; +} + +i:focus { + outline: thin dotted #666; +} + +.p-col-md-12 { + width: 50%; +} + +.fieldLabel { + color: #666666; +} + +.fieldLabel input { + color: #666666; +} + + +.fade1, .fadel { + opacity: 0.4; +} + +.fade2, .fadesl { + opacity: 0.6; +} + +h4#pagination-truncated { + margin-top: 50px; +} + +h4#pagination-large-count { + margin-top: 50px; +} + +input[type="text"]::-moz-placeholder { + color: #767676; + font-family: "Omnes-ECOMP-W02-Italic", Arial; +} + +input[type="text"]:focus { + z-index: 1000; +} + +input[type="text"] + .reset-field { + background-color: #FFFFFF; + height: 90%; + top: 5%; +} + +.btn-search:focus { + outline: 1px dotted #0574ac; +} + +.field-group input:not([type="button"])[disabled] ~ .btn-search { + background-color: #eee; +} + +.btn-search[class*="btn"] { + background-color: #FFFFFF; + background-size: 20px 20px; + border-radius: 0 1.5rem 1.5rem 0; + height: 3rem; + min-width: 4.4rem !important; + right: 0.15rem; + top: 0.15rem; + width: 4.4rem; +} + +.search-suggestion-wrapper { + margin-bottom: 15px; + position: relative; +} + +.search-suggestion-wrapper .no-result { + padding: 0px 15px; +} + +.search-suggestion-item { + color: #333333; + line-height: 4rem; + padding: 0 15px; + position: relative; + z-index: 1000; +} + +.search-suggestion-item:hover { + background-color: #e4e4e4; + cursor: pointer; +} + +.search-suggestion-item:focus { + background-color: #e4e4e4; + cursor: pointer; +} + +.search-suggestion-item a { + color: #333333; + text-decoration: none; +} + +.btn-search i { + color: #767676; +} + +input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i { + color: #0568ae; +} + +button.btn-search[disabled] { + cursor: not-allowed; +} + +button.btn-search[disabled] i { + color: #767676; +} + +.innershadow { + -webkit-background-blend-mode: mutilply; + box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); +} + +li.module-groups { + cursor: default !important; + padding: 18px 15px 0px 15px; +} + +li.module-list-item[selected]:before { + box-sizing: border-box; + display: inline-block; + font-size: 2em; + height: 1em; + position: absolute; + top: 20px; + right: 0px; + vertical-align: middle; + width: 1em; + color: #007a3e; +} + +ul.module-optinalcta { + position: relative; + height: 44px; + margin-top: 0px; + border-bottom: 1px solid #d2d2d2; + border-left: 1px solid #d2d2d2; + border-right: 1px solid #d2d2d2; + border-radius: 0px 0px 6px 6px; +} + +ul.module-optinalcta li { + position: absolute; + bottom: 10px; +} + +ul.module-optinalcta a { + text-indent: 15px; + padding: 15px; +} + +@keyframes spinner { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +table caption { + text-align: left; +} + +table thead th { + vertical-align: bottom; +} + +table th, +table td { + padding: 19px 20px; + line-height: 1; + font-size: 1.4rem; + text-align: left; + vertical-align: top; + word-wrap: break-word; +} + +table th { + font-family: "Omnes-ECOMP-W02-Medium", Arial; + font-size: 1.6rem; + font-weight: normal; + color: #333333; + padding: 13px 20px; +} + + +table tbody td:first-child { + border-left: none; +} + +@media (max-width: 767px) { + table th, + table td { + padding: 19px 10px; + } + + table th:first-child, + table td:first-child { + padding: 19px 15px; + } +} + +.data-row-list ul > li { + background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; +} + +table { + border-bottom: 1px solid #d2d2d2; +} + +table th, +table td { + padding: 15px 15px 10px; +} + +button .colors-off-msg { + position: relative; +} + + +textarea, input { + color: #333; +} + +.selectWrap::after { + align-items: center; + background-position: 7px 7px; + background-repeat: no-repeat; + background-size: auto 23px; + border-left: 1px solid transparent; + color: #0568ae; + display: flex; + font-size: 23px; + height: 36px; + margin-right: 0; + overflow: hidden; + position: absolute; + right: 0; + text-indent: 7px; + top: 0; + user-select: none; + width: 41px; + z-index: 0; + position: absolute !important; + display: flex !important; +} + +.card { + border-radius: 5px; +} + +.card-header { + height: 50px; +} + +.card-body { + height: 150px; +} + +.card-footer { + height: 50px; +} + +.dialog__close-btn { + border: 0; + background: #087ac2; + color: #ffffff; + position: absolute; + top: 8px; + right: 8px; + font-size: 1.2em; + display: block; + border: #087ac2 2px solid; +} + +.dialog { + margin-top: 50px; +} + +.modalTitle { + font-size: 35px; +} + +.defaultFontSize { + font-size: 12px; +} + +.defaultFontSizeTextArea { + font-size: 12px; + width: 200px; + height: 42px +} + + +.tab-content { + margin-right: 20px; + /* background-color: #006496; */ + color: rgb(0, 0, 0); + font-size: 12px; +} + +.btn-sm { + width: 30px; + height: 15px; + font-size: 10px; +} + + +table, tr, td, th { + border: 0; + width: fit-content +} + + +mat-icon { + color: #006496; + cursor: pointer; +} + +.matFormField { + width: 300px; +} + +.proceedWitLoadButton { + font-size: 15px; + background: green; + color: white; + +} + +.abortButton { + font-size: 15px; + background: red; + color: white; +} + +.reportTitle { + font-size: 16px; + font-weight: bold; +} + +textarea { + display: block; + width: 800px; + padding: 8px; + padding-left: 15px; + height: 36px; +} + +.subtitle { + font-weight: bold; + color: #f44336; + padding-top: 5px; + font-size: 12px; +} + +.finalWidth{ + width: 100%; +} + +.finalTimeDivWidth{ + width: 70%; +} +.timeStamp-HMS-sec-span{ + width: 35%; font-size: 12px; float: left; padding-top: 12px; padding-left: 5px; +} + +.timeStamp-HMS-sec-div{ + width:65%; float: right; padding-left: 2px; +} + +.timeStamp-HMS-Min-span{ + width: 35%; font-size: 12px; float: left; padding-top: 12px; padding-left: 5px; +} + +.timeStamp-HMS-Min-div{ + width:60%; float: right; padding-left: 2px; +} + +.timeStamp-HMS-Hrs-span{ + width: 35%; font-size: 12px; float: left; padding-top: 12px; padding-left: 2px; +} + +.timeStamp-HMS-Hrs-div{ + width:65%; float: right; +} + +.timeStamp-HMS-matFormField{ + width: 40%; +} + +.timeStamp-HMS-input{ + font-size: 12px; padding: 3px; +} +.timeStamp-HMS-inner-div{ + width: 20%; float: right; +} +.timeStamp-sec-select{ + width: 42px; height: 30px; font-size: 12px; padding-left: 3px; +} + +.timeStamp-HM-matFormField{ + width: 50%; +} + + +.timeStamp-HM-Min-div{ + width: 25%; float: right; padding-left: 13px; +} +.timeStamp-HM-Min-span{ + width: 35%; font-size: 12px; float: left; padding-top: 12px; +} +.timeStamp-HM-Min-inner-div{ + width:65%; float: right; padding-left: 10px; +} + +.timeStamp-min-select{ + width: 45px; height: 30px; font-size: 12px; padding-left: 3px; +} + +.timeStamp-HM-Hrs-inner-div{ + width:60%; float: right; padding-right: 3px; +} + +.timeStamp-HM-Hrs-inner-span{ + width: 40%; font-size: 12px; float: left; padding-top: 12px; +} + +.timeStamp-HM-Hrs-div{ + width: 25%; float: right; +} + + +.timeStamp-H-Hrs-div{ + width: 30%; float: right; +} + +.timeStamp-H-Hrs-inner-span{ + width: 40%; font-size: 12px; float: left; padding-top: 12px; +} + +.timeStamp-H-Hrs-inner-div{ + width:60%; float: right; +} + +.timeStamp-H-Hrs-inner-div-select{ + width: 45px; height: 30px; font-size: 12px ; padding-left: 3px; +} + + +:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon { + width: 1.5em; +}
\ No newline at end of file |