/**
 * calendar color
**/

/* input[type="date"].dob-calendar {
   -webkit-align-items: center;
   display: -webkit-inline-flex;
   font-family: monospace;
   overflow: hidden;
   padding: 0;
   -webkit-padding-start: 1px;
}

input.dob-calendar::-webkit-datetime-edit {
   -webkit-flex: 1;
   -webkit-user-modify: read-only !important;
   display: inline-block;
   min-width: 0;
   overflow: hidden;
}

input.dob-calendar::-webkit-datetime-edit-fields-wrapper {
   -webkit-user-modify: read-only !important;
   display: inline-block;
   padding: 1px 0;
   white-space: pre;
}

input.dob-calendar::-webkit-datetime-edit-ampm-field,
input.dob-calendar::-webkit-datetime-edit-day-field,
input.dob-calendar::-webkit-datetime-edit-hour-field,
input.dob-calendar::-webkit-datetime-edit-millisecond-field,
input.dob-calendar::-webkit-datetime-edit-minute-field,
input.dob-calendar::-webkit-datetime-edit-month-field,
input.dob-calendar::-webkit-datetime-edit-second-field,
input.dob-calendar::-webkit-datetime-edit-week-field,
input.dob-calendar::-webkit-datetime-edit-year-field {
   -webkit-user-modify: read-only !important;
   border: none;`
   display: inline;
   font: inherit !important;
   padding: 1px;
}

input.dob-calendar::-webkit-datetime-edit-ampm-field:focus,
input.dob-calendar::-webkit-datetime-edit-day-field:focus,
input.dob-calendar::-webkit-datetime-edit-hour-field:focus,
input.dob-calendar::-webkit-datetime-edit-millisecond-field:focus,
input.dob-calendar::-webkit-datetime-edit-minute-field:focus,
input.dob-calendar::-webkit-datetime-edit-month-field:focus,
input.dob-calendar::-webkit-datetime-edit-second-field:focus,
input.dob-calendar::-webkit-datetime-edit-week-field:focus,
input.dob-calendar::-webkit-datetime-edit-year-field:focus {
   background-color: highlight;
   color: highlighttext;
   outline: none;
}

input.dob-calendar::-webkit-datetime-edit-year-field[disabled],
input.dob-calendar::-webkit-datetime-edit-month-field[disabled],
input.dob-calendar::-webkit-datetime-edit-week-field[disabled],
input.dob-calendar::-webkit-datetime-edit-day-field[disabled],
input.dob-calendar::-webkit-datetime-edit-ampm-field[disabled],
input.dob-calendar::-webkit-datetime-edit-hour-field[disabled],
input.dob-calendar::-webkit-datetime-edit-millisecond-field[disabled],
input.dob-calendar::-webkit-datetime-edit-minute-field[disabled],
input.dob-calendar::-webkit-datetime-edit-second-field[disabled] {
   color: GrayText;
}

input.dob-calendar::-webkit-datetime-edit-text {
   -webkit-user-modify: read-only !important;
   display: inline;
   font: inherit !important;
}

input.dob-calendar[type="date"]::-webkit-inner-spin-button,
input.dob-calendar[type="datetime"]::-webkit-inner-spin-button,
input.dob-calendar[type="datetime-local"]::-webkit-inner-spin-button,
input.dob-calendar[type="month"]::-webkit-inner-spin-button,
input.dob-calendar[type="time"]::-webkit-inner-spin-button,
input.dob-calendar[type="week"]::-webkit-inner-spin-button {
   display: inline-block;
   position: static;
   -webkit-margin-start: 2px;
}

input.dob-calendar::-webkit-inner-spin-button {
   -webkit-appearance: inner-spin-button;
   display: block;
   position: relative;
   cursor: default;
   height: 1.5em;
   vertical-align: top;
   -webkit-flex: none;
   -webkit-user-select: none;
   -webkit-user-modify: read-only !important;
}

input.dob-calendar::-webkit-calendar-picker-indicator {
   display: inline-block;
   width: 0.66em;
   height: 0.66em;
   padding: 0.17em 0.34em;
   -webkit-user-modify: read-only !important;
}

input.dob-calendar::-webkit-calendar-picker-indicator:hover {
   background-color:  red;
} */

/**
 * my listing theme compatibility
 */

body.my-listing label.dob-validator-checkbox-label.checkbox {
    position: relative;
    line-height: 20px;
    cursor: pointer;
    height: auto;
    overflow: auto;
    float: left;
    margin: 0;
}

body.my-listing .dob-validator-checkbox-label > span {
    white-space: inherit;
    line-height: 20px;
    /* padding-left: 30px; */
    /* font-weight: 600; */
}

body.my-listing .dob-validator-checkbox-label > span::after,
body.my-listing .dob-validator-checkbox-label > span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}

body.my-listing .dob-validator-checkbox-label > span::before {
    width: 20px;
    height: 20px;
    /* background: #fff; */
    border: 2px solid rgba(0,0,0,.24);
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
}

body.my-listing .dob-validator-checkbox:checked+span::before {
    background: var(--accent);
    border: none;
}

body.my-listing .dob-validator-checkbox:checked+span::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 5px;
    left: 4px;
    width: 12px;
    height: 6px;
    border: 2px solid #fff;
    border-top-style: none;
    border-right-style: none;
}

body.my-listing .dob-validator-checkbox-label > .dob-validator-checkbox {
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    margin-right: 10px;
    visibility: hidden;
    position: absolute !important;
}

.cdts-dob-pre-wrap {
    display: flex;
    margin: 0 !important;
}