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 '../media-requests/media-requests_styles';
@import '../consent/consent_styles';
@import '../submit-status/submit-status_styles';

.full-button-wrapper {
margin: 10px 0;

button, input[type=text] {
display: block;
margin: 10px auto;
width: 50%;

&:last-child {
margin-bottom: 0;
}
}
}

.inline-button-wrapper {
@include flex;

justify-content: center;
margin: 10px 0;

button, & > .btn, .inline-button {
margin-right: 10px;
width: calc(50% - 10px);

&:last-child {
margin-right: 0;
}
}

.inline-button.input-photo {
@include flex;
}

.inline-button .btn {
width: 100%;
}
}

.btn.active {
background-color: $COLOR_VA_BLUE;
color: #fff;
}

.i-btn-col {
padding-left: 0px;

.info-btn {
background: transparent;
border: 0 none;
padding: 0px;
width: 45px;
height: 30px;

.i-btn-icon {
width: 2.5em;
}
}
}

.icon-large {
font-size: 20px;
line-height: 1em;
padding: 4px 2px 3px
}

.emphasis {
font-weight: bold;
}

.normal-text {
font-weight: normal;
}

.input-full-width {
width: 100%;
}

.subheader-content {
height: calc(100% - 40px);
}

.contact-info-form {
[form-control-wrapper] {
margin: 15px 0;
}
}

.gi-4x{font-size: 4.5em;}
.gi-5x{font-size: 5em;}
.gi-7x{font-size: 7em;}

.evaluation-page {
height: calc(100% - 65px);
overflow-x: hidden;
overflow-y: auto;

&.appointment-details {
height: 100%;
}
}

.evaluation-content {
margin: 0 auto;
max-width: 600px;
padding: 20px;
text-align: left;

.required-text {
text-align: right;
}
}

.summary-text {
font-weight: bold;
margin: 0 0 10px 0;
}

.media-description-container {
margin: 20px 0 25px;

textarea {
resize: vertical;
}
}

.media-container {
@include flex;

align-items: center;
height: 400px;
margin: 0 auto;
width: 400px;

img, video {
display: block;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
}

&.ie-11 {
display: block;
height: auto;

img, video {
max-height: none;
}
}
}

@media screen and (max-width: 560px) {
.media-container {
height: 300px;
width: 300px;
}
}

@media screen and (max-width: 400px) {
.media-container {
height: 200px;
width: 200px;
}
}