summaryrefslogtreecommitdiffstats
path: root/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report-form-fields/run-report-form-fields.component.css
diff options
context:
space:
mode:
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.css4146
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