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

// General card styling
.card {
padding: 0 21px 9px;
margin-bottom: 15px;
border-radius: 0 0 $radius-md $radius-md;
min-height: 36px;
background-color: #fff;
border: 1px solid $gray-base;
border-top: 6px solid $color-info;
box-shadow: $shadow-base;
}

// .card tbody tr {
// background-color: #fff; // Removes table striping throughout Cards
// }
.card>.label {
padding-bottom: 4px;
}

.card>.content {
padding-bottom: 14px;
}

.card>.header {
color: $color-info;
border-bottom: 1px solid $gray-light;
padding-bottom: 2px;
margin-bottom: 14px;
text-transform: none;
}

.card-head span,
.card-head>h3 {
margin-top: 9px;
margin-bottom: 6px;
display: inline-block;
}

.card-head>span {
margin-left: 9px;
padding-left: 12px;
border-left: 1px solid $color-info;
color: $color-info;
}

.card {
& tr,
td,
th {
max-width: 400px;
}
}

// High-denisty card--this overwrites base table styling
.card {
&.high {
min-height: 332px; // This is for the Claim View cards
table {
display: block;
table-layout: fixed;
margin-right: 0;
margin-bottom: 0;
padding: 0;
border: none;
background-color: #fff;
box-shadow: none;
// overflow: hidden;
// white-space: nowrap;
}
thead {
display: block;
width: 100%;
background-color: #fff;
color: $color-info;
border-bottom: 1px solid $gray-light;
padding-bottom: 0px;
margin-bottom: 8px;
}
tfoot {
display: block;
height: 12px;
border: none;
}
tr {
padding: 0;
line-height: 12px;
font-size: $font-size-sm;
text-align: left;
font-weight: 400;
vertical-align: bottom;
}
th {
display: block;
width: 92px;
padding: 4px 0;
font-size: $font-size-xs;
font-weight: 500;
}
th h4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: $color-info;
}
td {
padding: 4px 0;
}
td h4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
color: $color-info;
}
}
}

// Low-density cards--this overwrites base table styling
.card {
&.low {
padding: 0;
border: none;
box-shadow: none;
table {
padding: 0;
table-layout: fixed;
border: none;
box-shadow: none;
// overflow: hidden;
}
thead {
background-color: #fff;
}
tbody tr:last-child td {
border-bottom: none;
}
tfoot {
border: none;
}
th {
padding-left: 12px;
padding-bottom: 4px;
font-size: $font-size-xs;
font-weight: 500;
color: $gray-dark;
vertical-align: bottom;
}
td {
max-width: 300px;
padding-left: 12px;
padding-right: 12px;
padding-top: 4px;
font-size: $font-size-lg;
vertical-align: top; // text-transform: uppercase;
}
td h4 {
// Added to apply header style to Card-Low tables // Aligns header with typography "grid"
margin-top: 8px;
margin-bottom: 4px;
font-size: 18px;
font-weight: 400;
line-height: 34px;
color: $color-info;
text-transform: none;
border-bottom: 1px solid $gray-light;
}
td {
border-bottom: 1px solid $gray-lighter;
}
}
&.tight table {
table-layout: inherit;
}
}

// Combo-tables are used for OHI info on Claim View tabs
.card {
&.combo-first {
margin-top: 8px;
margin-bottom: 0;
min-height: 72px;
border-radius: 0;
border-bottom: 0;
}
&.combo-last {
border-top: 1px solid $gray-base;
}
}

.combo-table {
th {
min-width: 200px;
vertical-align: top;
}
td {
min-width: 432px;
vertical-align: top;
}
}

.tab-table {
& h4 {
font-size: $font-size-md;
}
&.high {
table {
display: block;
table-layout: fixed;
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 {
padding: 0;
line-height: 16px;
font-size: $font-size-md;
text-align: left;
font-weight: 400;
vertical-align: bottom;
}
th {
display: block;
width: 300px;
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;
min-width: 300px;
}
td h4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
}
}
}

// .overflow {
// overflow: hidden;
// white-space: nowrap;
// text-overflow: ellipsis !important;
// }

.results {
// Work-in-progress code for Search Results and Modal
padding: 12px 21px 18px;
margin-bottom: 15px;
border-radius: $radius-md;
min-height: 36px;
background-color: #fff;
border: 1px solid $gray-base;
box-shadow: $shadow-base;
}

.round-corners {
padding: 30px 36px;
border-radius: $radius-xl;
}

.warning-modal {
padding-left: 60px;
background: url('./assets/images/alert-warning.png');
background-color: #fff;
background-position-y: -6px;
background-repeat: no-repeat;
& p {
font-size: 13px;
}
}

.error-modal {
padding-left: 60px;
background: url('./assets/images/alert-danger.png');
background-color: #fff;
background-position-y: -6px;
background-repeat: no-repeat;
& p {
font-size: 13px;
}
}

.info-modal {
// TODO: Optimize and consolidate Modal CSS
padding-left: 60px;
background: url('./assets/images/alert-info.png');
background-color: #fff;
background-position-y: -6px;
background-repeat: no-repeat;
& p {
font-size: 13px;
}
}

.modal-warning {
margin-left: -42px;
padding-left: 42px; // Makes room for the icon
float: left;
background: url('./assets/images/ic_warning_white_24px.svg') no-repeat left;
background-position-y: 11px;
& h3 {
font-size: 27px;
font-weight: 400;
color: #fff;
}
}

.modal-info {
// TODO: Optimize and consolidate Modal CSS
margin-left: -42px;
padding-left: 42px; // Makes room for the icon
float: left;
background: url('./assets/images/ic_info_white_24px.svg') no-repeat left;
background-position-y: 11px;
& h3 {
font-size: 27px;
font-weight: 400;
color: #fff;
}
}

.error-info {
// TODO: Optimize and consolidate Modal CSS
margin-left: -42px;
padding-left: 42px; // Makes room for the icon
float: left;
background: url('./assets/images/ic_warning_white_24px.svg') no-repeat left;
background-position-y: 11px;
& h3 {
font-size: 27px;
font-weight: 400;
color: #fff;
}
}