Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
@import './../../../scss/themes/variables_ars_1.scss';
@import './../../../scss/structure/printing.scss';
@import './../../shared/menu/menu.component.scss'; // Temporary fix until component is implemented
// Grid and Header Overrides
header,
nav,
.nav-gap {
position: fixed;
}
.nav-gap {
height: 42px;
width: 210px;
z-index: 3003;
}
header {
left: 210px;
width: calc(100% - 210px);
z-index: 3004;
}
nav {
top: 42px;
height: 100%;
z-index: 3002;
}
.sticky {
position: fixed;
width: calc(100% - 210px);
z-index: 3001;
}
.ewv-pull-up {
margin-top: 201px;
}
.ewv-message {
margin-top: 185px;
}
.ewv-message-offset {
margin-top: 111px;
}
.prof {
& section>.menu-bar {
background-color: $color-info;
}
& section>.claim-bar {
background-color: lighten($color-info, 60%);
}
}
.inst {
& section>.menu-bar {
background-color: $color-success;
}
& section>.claim-bar {
background-color: lighten($color-success, 65%);
}
}
.dent {
& section>.menu-bar {
background-color: $color-warning;
}
& section>.claim-bar {
background-color: lighten($color-warning, 53%);
}
}
.ewv-title-bar {
height: 74px;
min-width: 1284px;
background-color: #fff;
border-bottom: 1px solid #999;
& h1 {
margin-top: 21px;
float: left;
font-weight: 400;
font-size: $h2-size;
color: $color-primary;
}
}
.claim-bar {
min-height: 74px;
min-width: 1284px; // Same as header
border-bottom: 1px solid #999;
box-shadow: $shadow-sm; // & table {
// padding-top: 9px;
// }
& tr {
line-height: 18px;
font-size: $font-size-md;
font-weight: 400;
vertical-align: bottom;
background-color: transparent;
}
& th {
font-size: $font-size-xs;
font-weight: 500;
color: $gray-darker;
}
& tr,
th,
td {
padding: 3px 0;
white-space: nowrap;
}
}
span.claim-label,
a.claim-label {
margin-left: 6px;
padding: 4px 6px 3px;
height: 18px;
position: relative;
top: -4px;
display: inline-block;
background-color: $gray-base;
border-radius: $radius-sm;
line-height: 10px;
font-size: 10px;
color: #fff;
&.hover {
&:hover {
text-decoration: none;
opacity: 0.75;
}
}
&.original {
background-color: $color-info;
&.available {
top: -3px;
background-color: #fff;
border: 1px solid $color-info;
color: $color-info;
cursor: pointer;
&:hover {
background-color: $color-info;
color: #fff;
}
}
}
&.current {
background-color: $color-success;
&.available {
top: -3px;
background-color: #fff;
border: 1px solid $color-success;
color: $color-success;
cursor: pointer;
&:hover {
background-color: $color-success;
color: #fff;
}
}
}
&.update {
top: -3px;
background-color: #fff;
border: 1px solid $color-danger;
color: $color-danger;
}
}
@keyframes fadeOpen {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate-delay {
opacity: 0; // TODO: fix printing visibility issue for static tables
animation: fadeOpen ease-in-out 1;
animation-fill-mode: forwards;
animation-duration: .5s;
animation-delay: .1s;
}
@media print {
.animate-delay {
opacity: 1;
}
}
// Search Box
.pdi-icon {
vertical-align: middle;
margin-top: -3px;
}
.search-box {
margin-top: 21px;
display: block;
width: $width-col-one;
float: right;
&:first-child div {
// width: 283px;
float: left;
}
& input[type='text'] {
width: 189px;
margin-left: 60px;
margin-right: 15px;
float: left;
}
& button {
margin-top: 0; // margin-left: 15px;
// float: left;
}
}
.page-title {
float: left;
}
h5 {
color: $color-info;
}
// Accordion Adjustments for EWV
.accordion.ewv {
width: $width-accordion-outer;
margin-left: -21px;
padding-left: 21px;
padding-right: 21px;
border-bottom: 2px solid $color-info;
&>input[type='checkbox'] {
left: 44px;
}
&>.accordion-content {
position: relative;
margin-top: 15px;
border-top: 1px solid #ccc;
}
&.split {
width: inherit;
margin-left: inherit;
padding-left: inherit;
padding-right: inherit;
&>input[type='checkbox'] {
left: 23px;
}
&>.accordion-content {
position: static;
}
}
}
.fake-accordion {
width: $width-accordion-outer;
min-height: 36px;
margin-left: -21px;
margin-bottom: 15px;
padding-left: 21px;
padding-right: 21px;
border-bottom: 2px solid $color-info;
font-size: $h4-size;
color: $color-info;
&.split {
width: inherit;
margin-left: inherit;
}
& h4 {
float: left;
line-height: inherit;
}
& h5 {
margin-top: -5px;
float: right;
color: #000;
}
}
.bottom-bar {
position: absolute;
bottom: 0;
display: block;
width: $width-col-three;
border-top: 3px solid #fff;
&.split {
width: $width-col-two;
}
}
// General Info Tables
.info-table {
h4 {
font-size: $font-size-md;
}
h5 {
line-height: 15px;
font-weight: 500;
color: #000;
}
table {
display: block;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
border: none; // background-color: $gray-lightest;
box-shadow: none;
overflow: hidden;
}
thead {
display: block; // width: 100%;
background-color: $gray-lightest;
color: $color-info; //border-bottom: 1px solid $gray-light;
padding-bottom: 4px;
margin-bottom: 8px;
}
tfoot {
display: block;
height: 12px;
background-color: $gray-lightest;
border: none;
}
tr {
max-width: 400px; // TODO: Fix max-width issue in general tables
padding: 0;
line-height: 16px;
font-size: $font-size-md;
text-align: left;
font-weight: 400;
vertical-align: bottom;
}
th {
display: block;
max-width: 141px; // TODO: Fix max-width issue in general tables
width: 141px;
padding: 4px 0;
font-size: $font-size-xs;
font-weight: 500;
}
th h4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
td {
padding: 4px 0;
max-width: 240px; // TODO: Fix max-width issue in general tables
}
td h4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
}
.wide-header th {
max-width: 183px; // TODO: Fix max-width issue in general tables
width: 183px;
}
// DX PX E Codes
.x-row {
padding-top: 6px;
padding-bottom: 6px;
min-height: 36px;
border-bottom: 3px solid #ccc;
}
.x-type {
display: block;
float: left;
width: 60px;
line-height: 24px;
font-size: 11px;
font-weight: 700;
}
.x-codes {
display: flex;
flex-wrap: wrap;
line-height: 24px;
& div {
display: block;
width: 113px;
font-size: $font-size-md;
font-weight: 400;
& span:nth-child(odd) {
margin-left: 3px;
font-weight: 500;
}
}
&.wide div {
width: 258px;
}
}
.ewv-table {
margin-bottom: 0; // border-bottom: 3px solid $gray-light;
& thead {
& tr {
border-bottom: 1px solid $gray-darker;
}
}
& tr {
border-bottom: 1px solid $gray-lighter;
}
} // For Standard Tables e.g. Service Lines
.sum-line {
margin-top: -3px;
height: 36px;
line-height: 36px;
text-align: right;
font-size: $font-size-xxs;
font-weight: 700;
color: #000;
}
.table-tint {
background-color: rgba(0, 0, 0, 0.05); // background-color: $gray-lightest;
} // Helpers
h4 img {
// Aligns IMG with text for Copy Address Icons
margin-left: 4px;
vertical-align: middle;
}
.rarc-code {
margin-top: 2px;
display: flex;
line-height: 21px;
&>.label {
display: block;
width: 141px;
color: #fff;
font-size: $font-size-xs;
font-weight: 500; // background-color: pink;
}
&>.code {
display: block;
width: 100px;
margin-right: 12px; // background-color: orange;
font-size: $font-size-md;
}
& .description {
display: block;
max-width: 896px;
overflow: hidden; // background-color: lightgreen;
font-size: $font-size-md;
white-space: nowrap;
text-overflow: ellipsis;
& a:focus {
text-decoration: underline;
}
}
}
.split {
& .description {
max-width: 492px;
}
}
// TODO: Remove CSS hack
.fix>.rarc-code:first-child>.label,
.fix>.attachment-links:first-child>.label {
// background-color: red;
color: #000;
}
.attachment-links {
margin-top: 2px;
display: flex;
text-align: left;
line-height: 21px;
&>.icon {
width: 24px;
& img {
margin-top: -3px;
&:hover {
opacity: 0.75;
}
}
}
&>.label {
display: block;
width: 126px;
color: #fff;
font-size: $font-size-xs;
font-weight: 500; // background-color: pink;
}
&>.code {
display: block;
width: 102px;
margin-right: 12px; // background-color: orange;
font-size: $font-size-md;
}
&>.description {
display: block;
max-width: 930px;
overflow: hidden; // background-color: lightgreen;
font-size: $font-size-md;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.button-links {
// TODO: Refactor using A-tags
background: none;
color: #0079a3;
border: none;
padding: 0 !important;
font: inherit;
/*border is optional*/
border-bottom: 1px solid #0079a3;
cursor: pointer;
}
// This section sets CSS for EWV2SS; comment-out to return to single-view EWV
.col.three {
width: $width-col-two;
}
// .accordion.ewv {
// width: inherit;
// margin-left: inherit;
// padding-left: inherit;
// padding-right: inherit;
// &>input[type='checkbox'] {
// left: 23px;
// }
// &>.accordion-content {
// position: static;
// }
// }
// .fake-accordion {
// width: inherit;
// margin-left: inherit;
// }
.bottom-bar {
width: $width-col-two;
}
// .rarc-code {
// &>.description {
// max-width: 525px;
// }
// }
.col.two,
.col.three table {
// table-layout: fixed;
}
// Moved from EWV2 Component
// This CSS is the "differences" between single-view EWV and EWV2SS split-screen.
// Arranges Fixed Elements for Wide View
//
// Re-sizing for Split-Screen Claim View
@media screen and (max-width: 1367px) {
header {
left: 42px;
width: calc(100% - 42px);
}
&.sticky {
width: calc(100% - 42px);
}
}
// ZZZ
// width: 1701px; // Remove to view single-width
// width: 885px; // Two columns wide
// background-color: lightyellow;
// }
.collapsed {
& nav {
width: 42px;
}
&.wrapper {
grid-template-columns: 42px auto;
-ms-grid-columns: 42px 1fr; // For IE 11
}
&.nav-gap {
width: 42px;
}
& header {
left: 42px;
width: calc(100% - 42px);
}
&.sticky {
width: calc(100% - 42px);
}
}
.split-claim {
float: left;
min-height: 74px; // Claim-bar value
&.left-claim {
width: 789px; //background-color: lightpink;
margin-right: 15px;
}
&.right-claim {
padding-left: 15px;
width: 804px;
border-left: 1px solid $gray-lighter; // background-color: lightcyan;
}
&.plus-margin {
margin-right: 37px;
}
}
.split-claim-number {
position: absolute;
left: 852px;
}
.claim-bar>.left-claim,
.claim-bar>.right-claim {
padding-top: 9px;
}
// Added for PDF upload modal
.table-scroll {
height: 142px;
padding-left: 1px; // Fix for IE11 quirk
border: 1px solid #999;
overflow-y: scroll;
background-color: #fff;
-ms-overflow-style: -ms-autohiding-scrollbar;
color: #000;
& table {
margin: 6px 0;
font-size: 15px;
}
& tr {
max-width: 300px;
}
& td {
padding: 5px 9px;
}
& .end-column {
width: 48px;
}
&.no-border {
border: none;
}
}
.dropzone {
position: relative;
border-radius: $radius-lg;
border: dashed 3px $color-info-light;
text-align: center;
&.errorDrag {
border-color: $color-danger;
& h4 {
color: $color-danger;
}
}
}
.drop-target {
display: table-cell;
width: 402px;
padding: 24px;
& span {
display: block;
min-width: 200px;
}
}
.defaultArchiveButton {
background-color: #fff ;
color: #000;
background-position: 300px 0px;
}
.selectedArchiveButton{
background-position: 300px 0px;
background-color: $color-danger;
color: #fff;
}
.noscroll {
overflow: hidden;
}
.error-cell {
padding-left: 3px; // 18px;
outline: 2px solid $color-danger;
color: $color-danger; // background-image: url('./../../../assets/images/ic_warning_red_16px.svg');
background-repeat: no-repeat;
}
.scroll-top {
// Makes circle 'to-top' button
position: fixed;
bottom: 15px;
right: 15px;
margin: 15px;
padding-left: 1px;
width: 48px;
height: 48px;
border-radius: 24px;
background-color: $color-info;
background-image: url('./../../../assets/images/ic_scrollup_white_24px.svg');
background-repeat: no-repeat;
background-position: 12px 12px;
font-size: 21px;
line-height: 19px;
text-align: center;
color: #fff;
text-decoration: none;
box-shadow: $shadow-base;
cursor: pointer;
&:hover {
opacity: 0.8;
}
}
table.healthcare-table {
& [title='Qualifier'] {
width: 12.5%;
}
& [title='Code'] {
width: 12.5%;
}
& [title='Code Description'] {
width: 50%;
}
& [title='Date'] {
width: 25%;
}
}
.dropdown-focused {
visibility: visible; // Shows dropdown
opacity: 1;
z-index: 1001;
transition-delay: 0.1s;
}
.highlight {
background-color: #ffea99;
}