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

// Input Checkbox
@import 'controls/simple/input-checkbox/input-checkbox';
// Date + Time Spinner
// --------------------------------------------------
@import "controls/simple/accessibledatepicker/accessibleDatePicker";

// General
// --------------------------------------------------
.input-label-content {
display: block;
margin-bottom: 5px;

.icon {
display: block;
line-height: 1;
font-size: 16px;
margin-left: 0px;
}
}

.form-input-wrapper {
margin-bottom: 10px;
margin-top: 10px;

label {
margin-bottom: 0px;
}
}

.label-container {
display: flex;
}

.label-icon {
font-size: 16px;
margin-right: 5px;
}

.inline-block {
display: inline-block
}

.inline-wrap {
display: inline-block;
vertical-align: bottom;
}

// Required
// --------------------------------------------------
.required-field {
color: #d60000;
}

// Required span in Table
// --------------------------------------------------
.list-table .header .required-field {
color: $COLOR_WHITE;
}


// Invalid Required
// --------------------------------------------------
.ng-submitted {
input.ng-invalid-required:not([type="radio"]):not([type="checkbox"]),
select.ng-invalid-required,
textarea.ng-invalid-required {
border: 1px solid #d60000;
}
}

// Validation Summary
// --------------------------------------------------
.validation-summary {
margin-bottom: 10px;
color: #cc0000;
h5 {
margin-top: 0;
color: #cc0000;
}
}

.error-msg {
color: #cc0000;
}

// Textarea
// --------------------------------------------------
.input-textarea-field {
resize: none;
width: 100%;
min-height: 34px;
}

// Input Range
// --------------------------------------------------
.input-range {
width: 100%;
padding-bottom: 12px;
overflow: visible;
.edge-value-wrapper, .current-value-wrapper {
position: relative;
}
.value {
position: relative;
}
.min {
position: absolute;
color: black;
opacity: 0.5;
}
.max {
float: right;
color: black;
opacity: 0.5;
}
.input-range-instruction {
padding: 3px;
}
.range {
position: relative;
background-color: #404041;
height: 5px;
border-radius: 5px;
width: 100%;
top: 5px;
.thumb {
position: relative;
background-color: #2e628a;
width: 20px;
height: 20px;
border-style: double;
border-color: #404041;
border-width: 5px;
border-radius: 50%;
top: -6px;
}
.range-control {
position: absolute;
padding-top: 5px;
padding-bottom: 5px;
top: -9px;
width: 100%;
opacity: 0.0;
}
.disabled {
opacity: 0.75;
}
}
}

// Input Radio + Checkbox
// --------------------------------------------------
.input-group-radio, .input-group-checkbox {
box-sizing: border-box;
padding: 7px 0 7px 5px;
.input-group-radio-label {
margin-right: 10px;
}

.input-group-radio-button {
margin-left: 1px;
}
}
.input-inline-radio {
margin: 20px;
}
.input-group-radio-legend {
font-weight: normal;
}

// Input Date + Time
// --------------------------------------------------
date-control, time-control {
display: inline-flex;
}
date-control label, time-control label {
margin-bottom: 0;
font-size: 14px;
}
.form-control~.input-group-btn button {
height: 34px;
}
.form-control~.input-group-btn button i {
font-size: 20px;
}
.date-range-form {
padding: 10px 0px;
background-color: #f1f1f1;
border-bottom: 1px solid darkgray;
}
.date-range-control {
display: inline-block;
line-height: initial;
.form-input-wrapper {
margin-top: 5px;
}
}

.date-time-entry {
width: 151px;
margin-right: 20px;

.input-group-btn {
width: 37px;
}

&.hidden-label label {
@extend .sr-only;
}
}

.date-control {
width: 150px;
margin-right: 20px;
}

// Buttons
// --------------------------------------------------
.btn-delete-spacing {
padding-top: 20px;
}

.input-group-btn {
.btn-default {
border-color: #ccc;
}

.btn {
padding: 5px 8px;
}
}

// Notification Delivery Options
// --------------------------------------------------
.notification-delivery-options {
.notification-options {
div.checkbox {
margin-top: 0.3em;
}
fieldset > label {
width: 100%;
}
}

.notification-delivery {
padding-top: 10px
}

.email {
margin-bottom: 10px;
}
}