body .date-selector-wrapper {
  border-radius: 5px;
  box-shadow: none;
  font-weight: 700;
}

body .pika-button,
body .pika-button:hover {
   border-radius: 0;
   border-style: solid;
   border-width: 1px;
}

body .is-selected .pika-button {
   border-radius: 0;
   box-shadow: none;
}

body .pika-single {
   border-radius: 4px;
   border-width: 0;
   padding: 5px;
}

body .pika-table td:not(:first-child) {padding-left: 2px; }
body .pika-table tr:not(:first-child) td { padding-top: 2px; }

body .pika-title {
   align-items: center;
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   display: flex;
   height: 24px;
}

body .pika-title .pika-label {
   border-style: solid;
   border-width: 1px;
   display: block;
   flex: 1;
   font-family: Officina;
   font-size: 1em;
   height: 16px;
   line-height: 16px;
   margin: 0 2px 0 0;
   padding: 0;
}

body .pika-table th {
   font-family: Arial;
   font-size: 9px;
}

body .pika-title .pika-prev {order: 1; }
body .pika-title .pika-label { order: 2; }
body .pika-title .pika-label + .pika-label {
   order: 3;
   margin: 0 0 0 2px;
}
body .pika-title .pika-next { order: 4; }

body .pika-title .pika-next,
body .pika-title .pika-prev {
    background-position: center center;
    height: 100%;
    margin: 0;
    opacity: 1;
    padding: 5px;
    position: relative;
    width: 24px;
}

body .pika-title .pika-next > svg,
body .pika-title .pika-prev > svg {
   float: left;
   height: 100%;
   pointer-events: none;
   position: relative;
   width: 100%;
}

/* ======================== *
 * ## Calendar Component ##
 ( ======================== */

.casper-calendar-component .pika-title .pika-next,
.casper-calendar-component .pika-title .pika-prev {
   background-image: none;
}


/* ==================== *
 * ## Pikaday Plugin ##
 * ==================== */

.pika-single { min-height: 240px; }
.pika-table abbr { text-decoration: none; }

.pika-title .pika-next,
.pika-title .pika-prev {
   background-image: none;
}