From efb31c8139526215182dda47b949ddc11dfca534 Mon Sep 17 00:00:00 2001
From: mravula <mr257h@att.com>
Date: Tue, 15 Dec 2020 16:00:49 -0500
Subject: Raptor Crosstab report UI Changes

Issue-ID: PORTAL-902
Change-Id: I02f1e5651251a8c26d6c524d659617e5941343a2
Signed-off-by: mravula <mr257h@att.com>
---
 .../run-cross-tab-report.component.scss            | 1398 ++++++++++++++++++++
 1 file changed, 1398 insertions(+)
 create mode 100644 ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-cross-tab-report/run-cross-tab-report.component.scss

(limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-cross-tab-report/run-cross-tab-report.component.scss')

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-cross-tab-report/run-cross-tab-report.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-cross-tab-report/run-cross-tab-report.component.scss
new file mode 100644
index 00000000..525b57ee
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/report-run/run/run-report/run-cross-tab-report/run-cross-tab-report.component.scss
@@ -0,0 +1,1398 @@
+.approval-img{
+    height:25px;
+    width:25px
+}
+.submit-approval-btn{
+    display: flex;
+    margin-top: 5px;
+}
+.submit-approval-check-box{
+    margin-top: 10px;
+}
+
+.submit-rejection-btn{
+    display: flex;
+    margin-top: 5px;
+}
+.submit-rejection-check-box{
+    margin-top: 20px;
+}
+.checkbox-reject{
+    margin-left: 10px;
+    margin-right: 4px;
+    margin-top: 4px;
+}
+.gridster-item-content{
+    overflow-y: scroll;
+    overflow-x: scroll;
+    overflow: scroll;
+}
+
+.lds-ring {
+    display: inline-block;
+    position: relative;
+    width: 64px;
+    height: 64px;
+}
+.lds-ring div {
+    box-sizing: border-box;
+    display: block;
+    position: absolute;
+    width: 35px;
+    height: 35px;
+    margin: 6px;
+    margin-top: 40px;
+    border: 6px solid #006496;
+    border-radius: 80%;
+    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+    border-color: #006496 transparent transparent transparent;
+}
+.lds-ring div:nth-child(1) {
+    animation-delay: -0.45s;
+}
+.lds-ring div:nth-child(2) {
+    animation-delay: -0.3s;
+}
+.lds-ring div:nth-child(3) {
+    animation-delay: -0.15s;
+}
+@keyframes lds-ring {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+.btn-auto-upload{
+    font-size: 15px;
+    margin-bottom: 5px;
+    margin-left:250px;
+}
+
+.div-auto-upload{
+    display: contents;
+}
+mat-icon{
+    color: #006496;
+    cursor: pointer;
+}
+.mat-icon-delete{
+    color: #006496;
+    cursor: pointer;
+}
+
+
+button,
+input,
+select,
+textarea {
+    margin: 0;
+    font-size: 100%;
+    vertical-align: middle; }
+
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+    appearance: button;
+    cursor: pointer; }
+
+
+.defaultFontSize1{
+    font-size: 16px;
+}
+
+.defaultFontSize{
+    font-size: 15px;
+}
+.boxMargin{
+
+    width: auto;
+}
+
+td.mat-cell{
+    padding-left: 3px;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-right: 1px solid #999;
+    border-left: 1px solid #999;
+}
+
+mat-button-toggle{
+    display: block;
+    width: 400px;
+    border-radius: 5px;
+}
+
+
+.tab-content{
+    margin-right: 20px;
+    color: rgb(0, 0, 0);
+}
+
+.stdForm{
+    margin-left: 20px;
+}
+
+.field-group {
+    position: relative;
+    display: block;
+}
+
+
+input {
+    width: 400px;
+    height: 35px;
+}
+
+label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
+    margin-top: 5px;
+}
+
+
+.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;
+}
+.pla-img{
+    cursor: pointer;
+}
+
+
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+    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; }
+
+
+
+[class*="icon-primary-"],
+.nav-links a:after,
+.bellyband-link a:after,
+.breadcrumb > li:after,
+.checkbox input:checked + .skin:after,
+.checkbox input.indeterminate + .skin:after,
+.checkbox input:indeterminate + .skin:after,
+.selectWrap.large:before,
+.form-row.error .error-msg:before,
+.close:before,
+.reset-field:before,
+.cssIcon-globe:before,
+.selectWrap:after {
+    color: #0568ae;
+    left: 6px;
+    top: -3px;
+    width: 2px;
+    height: 3px;
+    border: solid white;
+    border-width: 0 3px 3px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);}
+
+[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
+    color: #0568ae;
+    display: inline-block;
+    font-style: normal;
+    font-size: 20px;
+    font-weight: normal;
+    font-variant: normal;
+    font-style: normal;
+    width: 20px;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    position: relative;
+    speak: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    vertical-align: middle; }
+
+[class*="icon-primary-"]:before,
+[class*="icon-primary-"]:after {
+    box-sizing: border-box;
+    display: inline-block;
+    font-size: 1em;
+    height: 1em;
+    position: relative;
+    top: 0;
+    left: 0;
+    vertical-align: middle;
+    width: 1em; }
+
+
+.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; }
+.b2b-tree-checkbox a > span.nodeIcon.end {
+    margin-top: 10px; }
+.b2b-tree-checkbox a:only-child {
+    color: #0574ac; }
+.b2b-tree-checkbox a:only-child > span.nodeIcon {
+    left: -11px;
+    border-radius: 50%;
+    line-height: 7px;
+    top: 0; }
+.b2b-tree-checkbox a:only-child > span.nodeIcon > i {
+    background-color: inherit;
+    background: #fff; }
+.b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
+    background-color: inherit;
+    background: #fff;
+    font-size: 5px; }
+.b2b-tree-checkbox ul li:first-child > a:only-child > span {
+    left: -11px;
+    border-radius: 50%;
+    line-height: 12px;
+    top: 0px; }
+.b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
+    margin-top: 0px; }
+.b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
+    top: 8px; }
+.b2b-tree-checkbox ul li:last-child > a:only-child > span {
+    height: 34px;
+    background-color: #fff; }
+.b2b-tree-checkbox li a + ul {
+    height: 0;
+    overflow: hidden; }
+.b2b-tree-checkbox li a.active + ul {
+    height: auto; }
+.b2b-tree-checkbox li a.grp {
+    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
+.b2b-tree-checkbox span.end {
+    left: -6px !important; }
+.b2b-tree-checkbox .checkbox {
+    margin-bottom: 0px;
+    margin-top: 2px;
+    font-size: 14px; }
+.b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
+    content: "\2014";
+    padding-left: 2px;
+    font-family: inherit !important;
+    line-height: inherit !important; }
+
+.b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
+    margin: 0px 0 0 24px !important; }
+
+.filter-container .checkbox .icon-primary-spinner {
+    height: 24px;
+    position: absolute;
+    width: 24px; }
+
+
+textarea {
+    display: block;
+    width: 400px;
+    max-width: 50%;
+    padding: 15px;
+}
+select {
+    margin-right: -1;
+    max-width: 400px;
+    height: 36px;
+    line-height: 25px;
+    width: 400px;
+    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;
+    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;
+    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; }
+
+.selectorModule {
+    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); }
+
+.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; }
+
+.isIE select.awd-select + span {
+    line-height: 1; }
+
+[data-default-option="true"] {
+    color: #767676 !important;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
+
+.placeholdercolor {
+    color: #767676 !important;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
+
+.filterTank button.awd-select {
+    border-color: #d2d2d2;
+    background-color: #333333;
+    color: #FFFFFF;
+    color: #333333; }
+.filterTank button.awd-select:after {
+    background-color: #FFFFFF !important;
+    border-color: #d2d2d2; }
+
+.utility-bg button.awd-select {
+    border-color: #d2d2d2;
+    background-color: #333333;
+    color: #FFFFFF;
+    color: #333333; }
+.utility-bg button.awd-select:after {
+    background-color: #FFFFFF !important;
+    border-color: #d2d2d2; }
+
+.utility-bg select.awd-select + span {
+    border-color: #d2d2d2;
+    border-color: #d2d2d2;
+    background-color: #333333;
+    background-color: #333333;
+    color: #FFFFFF;
+    color: #FFFFFF; }
+.utility-bg select.awd-select + span:after {
+    background-color: #FFFFFF !important;
+    background-color: #FFFFFF !important;
+    border-color: #d2d2d2;
+    border-color: #d2d2d2; }
+
+.utility-bg select.awd-select:focus + span {
+    border-color: #d2d2d2;
+    border-color: #d2d2d2;
+    background-color: #333333;
+    background-color: #333333;
+    color: #FFFFFF;
+    color: #FFFFFF; }
+.utility-bg select.awd-select:focus + span:after {
+    background-color: #FFFFFF !important;
+    background-color: #FFFFFF !important;
+    border-color: #d2d2d2;
+    border-color: #d2d2d2; }
+
+.utility-bg select.awd-select:hover + span {
+    border-color: #d2d2d2;
+    border-color: #d2d2d2;
+    background-color: #333333;
+    background-color: #333333;
+    color: #FFFFFF;
+    color: #FFFFFF; }
+.utility-bg select.awd-select:hover + span:after {
+    background-color: #FFFFFF !important;
+    background-color: #FFFFFF !important;
+    border-color: #d2d2d2;
+    border-color: #d2d2d2; }
+
+input.awd-select[disabled] {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+input.awd-select[disabled] + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+
+button.awd-select[disabled] {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+button.awd-select[disabled]:after {
+    background-color: #d2d2d2 !important;
+    border-color: #d2d2d2; }
+
+select.awd-select[disabled] + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+select.awd-select[disabled] + span:after {
+    background-color: #d2d2d2 !important;
+    border-color: #d2d2d2; }
+
+select.awd-select[disabled]:focus + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+
+select.awd-select[disabled]:hover + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+
+input.awd-select[disabled="disabled"] {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+input.awd-select[disabled="disabled"] + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+
+select.awd-select[disabled="disabled"] + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+select.awd-select[disabled="disabled"] + span:after {
+    background-color: #d2d2d2 !important;
+    border-color: #d2d2d2; }
+
+select.awd-select[disabled="disabled"]:focus + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+select.awd-select[disabled="disabled"]:focus + span:after {
+    background-color: #d2d2d2 !important;
+    border-color: #d2d2d2; }
+
+select.awd-select[disabled="disabled"]:hover + span {
+    cursor: not-allowed;
+    border-color: #d2d2d2;
+    background-color: #d2d2d2;
+    background-image: none;
+    color: #5A5A5A; }
+select.awd-select[disabled="disabled"]:hover + span:after {
+    background-color: #d2d2d2 !important;
+    border-color: #d2d2d2; }
+
+.ddexpand-wrapper > h2 {
+    margin-bottom: 11px; }
+.ddexpand-wrapper > h2 + p {
+    margin-bottom: 4px; }
+
+.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
+    margin-top: 11px; }
+
+.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
+    margin-top: 14px; }
+
+.modal .awd-select-list {
+    z-index: 1060 !important; }
+
+.form-row.error button.awd-select.active:focus {
+    border-color: #cf2a2a !important; }
+
+.form-row.error input.awd-select.active:focus {
+    border-color: #cf2a2a !important; }
+
+.awd-module-list .module-list-item[aria-selected="true"] {
+    background-color: #f2f2f2; }
+
+li.module-list-item[aria-selected="true"]:before {
+    color: #0568ae;
+    display: inline-block;
+    font-family: "icoControls" !important;
+    font-style: normal;
+    font-size: 20px;
+    font-weight: normal;
+    font-variant: normal;
+    height: 1em;
+    margin-right: 7px;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    position: relative;
+    speak: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    vertical-align: middle;
+    width: 1em;
+    content: "\e907";
+    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; }
+
+@media (min-width: 768px) {
+    span[class*="large"] {
+        max-width: 370px; }
+    .large {
+        max-width: 370px; } }
+
+@media (max-width: 767px) {
+    .selectWrap.large:after {
+        right: 5px; }
+    .selectWrap.large .awd-select-list-item {
+        padding-right: 41px; }
+    .selectWrap + div > h4 {
+        margin-bottom: 0;
+        font-size: 16px; } }
+input.awd-select {
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text; }
+
+.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;
+}
+
+i, em {
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+}
+
+
+
+.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;
+}
+
+.modalTitle{
+    font-size: 35px;
+}
+
+
+.full-width-table {
+    width: 100%;
+}
+
+
+.app-data-table {
+    margin-top: 35px;
+}
+
+.app-data-table-fixed-height {
+    overflow: scroll;
+    width: 100%;
+    max-height: 750px;
+}
+
+th{
+    background-color: #2125299c;
+    color: rgb(255, 255, 255);
+    font-size: 15px;
+    border-radius: 2px;
+    height: 35px;
+}
+
+tr:nth-child(even) {
+    background-color: #dddddd;
+    font-size: 2px;
+    height: 35px;
+    border-radius: 4px;
+
+}
+
+tr:nth-child(odd) {
+    font-size: 2px;
+    height: 35px;
+    border-radius: 4px;
+}
+
+
+.card{
+    border-radius: 10px;
+
+}
+
+.card-header{
+    height: 80px;
+}
+
+.card-body{
+    height: 150px;
+}
+
+.card-footer{
+    height: 55px;
+    margin-right: 10px;
+}
+
+.dialog__close-btn {
+    border: 0;
+    background: #087ac2;
+    color: #ffffff;
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    font-size: 1em;
+    display: block;
+    border: #087ac2 2px solid;
+}
+
+.modalTitle{
+    font-size: 35px;
+}
+
+label {
+    float: left;
+    width: 24em;
+    margin-right: 2em;
+    text-align: right;
+}
+
+
+.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%); }
+
+
+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: 36px;
+    margin-bottom: 0;
+    margin-right: 7px;
+    max-width: 36px;
+    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: 20px;
+    max-width: 20px;
+    min-width: 20px;
+    width: 20px;
+    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-specialty {
+    border-color: #008744 transparent #007a3e;
+    background-color: #007a3e;
+    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
+    color: #ffffff; }
+.btn-specialty:hover {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
+.btn-specialty:focus {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
+.btn-specialty:active {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
+
+.btn-clear {
+    background: transparent !important;
+    border-color: transparent !important;
+    font-weight: normal;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    box-shadow: none;
+    text-decoration: none;
+    color: #0568ae; }
+.btn-clear:focus {
+    text-decoration: underline; }
+.btn-clear:hover {
+    text-decoration: underline; }
+
+.downloadImg{
+    height: 25px ;
+    width: 25px;
+}
+
+#reportTableSize{
+    width: 99%;
+    max-height: 750px;
+}
+
+.gridster-color {
+    background: rgba(94, 94, 94, 0.7);
+}
+
+
+.download-div{
+    width: 20%;
+    float: left;
+    height: 30px;
+}
+
+.pagination-div{
+    width: 60%;
+    float: right;
+    height: 30px;
+}
+
+.download-title{
+    padding-right: 10px;
+    font-size: 14px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    color: rgba(0, 0, 0, 0.54);
+}
+
+.filter-div{
+    height: 30px;
+    width: 20%;
+    float: left;
+}
+.btn-back {
+    padding-bottom: 5px;
+    font-size: 15px;}
+
+a{
+    color: darkblue;
+    /*font-weight: normal;*/
+    text-decoration: underline;
+}
+
-- 
cgit 1.2.3-korg