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';
.calendar-wrapper {
// Operates like a modal-overlay
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: transparent;
z-index: 2500;
}

.calendar-form-container {
position: relative;
}

.calendar-icon {
position: absolute;
top: 27px;
right: 6px;
height: 24px;
width: 24px;
background-color: #fff;
cursor: pointer;
& img {
opacity: 0.5;
&:hover {
opacity: 1;
}
}
}

.calendar-container {
position: absolute;
right: 0;
margin-top: -21px;
width: 259px; // display: none;
visibility: hidden;
opacity: 0;
background-color: white;
border: 1px solid #999;
border-radius: 0 0 $radius-md $radius-md;
border-top: none;
box-shadow: $shadow-base;
z-index: 2501;
transition: linear 0.3s;
&.calendar-show {
margin-top: -12px; // display: block;
visibility: visible;
opacity: 1;
}
& .table-footer {
border-top: 1px solid #ccc;
}
table {
margin: 6px 0;
width: 255px;
border: 0;
}
tr {
padding: 0 6px;
text-align: center;
&:hover {
background-color: white;
}
}
td,
th {
display: inline-block;
margin: 1px;
padding: 2px;
height: 33px;
width: 33px;
}
}

.calendar-header {
text-align: center;
padding: 6px 3px;
padding: 0;
font-size: 15px;
border-bottom: 1px solid #ccc;
margin-top: 6px;
padding-bottom: 6px;
& div {
display: inline-block;
min-width: 178px;
}
& button {
height: 30px;
font-weight: 700;
color: $gray-dark;
border: none;
border-radius: $radius-sm;
width: 30px;
cursor: pointer;
&:hover {
background-color: $color-info;
color: #fff;
}
}
}

.calendar-data {
vertical-align: middle;
font-size: 12px;
text-align: center;
& .calendar-data-value {
cursor: pointer;
}
& div {
padding: 0;
height: 29px;
width: 29px;
line-height: 29px; // This reliably centers dates
font-size: 12px;
background-color: #fff;
border: none;
&:hover,
&:focus {
outline: 2px solid $color-info-light;
cursor: pointer;
}
}
}

.calendar-label-row th {
width: 30px;
padding: 0;
height: 21px;
line-height: 21px;
font-size: 10px;
color: $gray-base;
text-align: center;
}

.calendar-button {
display: inline-block;
margin: 6px;
padding: 6px 22px;
background-color: #fff;
border: none;
border-radius: $radius-sm;
&:hover {
background-color: $color-info;
color: #fff;
}
}

.today {
// Being used for selected dates
& div {
background-color: $color-info;
border-radius: 14px;
color: #fff;
}
}