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[type='text'],
textarea,
select,
input[type='date'] {
margin-bottom: 12px;
width: 100%;
padding: $padding-sm;
display: inline-block;
-webkit-border-radius: 0px; // this is for Chrome
border: 1px solid #bbb;
font-size: $font-size-md;
font-weight: 400;
}

textarea {
font-family: inherit;
font-size: $font-size-md;
resize: none;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: $typeface;
font-size: $font-size-md;
color: #767676;
}

input[type='text'],
select,
input[type='date'] {
height: 31px;
}

input[type='radio'],
input[type='checkbox'] {
position: relative;
top: 2px;
margin-right: 3px;
height: 16px;
width: 16px;
}

input[type='file'] {
position: absolute;
height: 0.1px;
width: 0.1px;
overflow: hidden;
opacity: 0;
z-index: -1;
}

.radio-label,
.checkbox-label {
margin-right: 15px;
font-size: $font-size-md;
font-weight: 400; // Save test
}

option {
padding: 2px 0;
}

.icon {
margin: 0 12px 2px;
vertical-align: middle;
&.info {
fill: $color-info;
}
&.danger img {
fill: $color-danger;
}
}

.required {
margin-left: 1px;
padding-left: 18px; // Makes room for the icon
padding-right: 6px;
color: $color-danger;
background: url('/assets/images/ic_asterisk_red_16px.svg') no-repeat left;
background-size: 15px auto;
}

.error {
margin-left: 3px;
padding-left: 21px; // Makes room for the icon
padding-right: 6px;
color: $color-danger;
background: url('/assets/images/ic_warning_red_16px.svg') no-repeat left;
}

.info {
// TODO: add to form field error states
margin-left: 6px;
padding-left: 9px; // padding-right: 4px;
color: $color-info;
border-left: 1px solid $color-info;
&.small {
margin-left: 0;
padding-left: 4px;
border-left: none;
}
}

.calendar {
background-image: url('/assets/images/ic_calendar_gray_24px.svg'); // Icon for calendar field
background-repeat: no-repeat;
background-position: 98.8% 1px; // Fine-tuning
}

.checkbox-align {
margin-top: 30px; // Helper class to align checkboxes and radio buttons
margin-bottom: 21px;
}

.form-fix {
// Helper class to vertically space series of checkboxes
height: 36px;
}

input.big-box {
height: 42px;
font-size: 18px;
}

.input-block {
margin-top: 27px;
margin-bottom: 12px;
display: block;
height: 28px; // background-color: red;
}

input::-webkit-calendar-picker-indicator {
// Disable Chrome datepicker
display: none;
}

input[type="date"]::-webkit-input-placeholder {
// Disable Chrome datepicker
visibility: hidden !important;
}

label.select-row {
display: block;
width: 100%;
}

label img {
margin-top: -2px;
vertical-align: middle;
}

.remove {
// Makes circle 'close' icon for dialog box
position: relative;
float: right;
margin: -1px 4px 0;
width: 20px;
height: 20px;
border-radius: 10px;
opacity: 1;
background-color: $color-danger;
font-size: 21px;
line-height: 20px;
text-align: center;
color: #fff;
text-decoration: none;
&:visited {
color: $gray-base;
}
&:active {
color: $gray-base;
}
&:hover {
opacity: 0.8;
color: #fff;
text-decoration: none;
}
&:focus {
outline: 1px solid $color-info;
}
cursor: pointer;
}