.application_closed{
  display: none !important;
}

.end{
  right: 0;
  left: auto !important;
}

.datepicker {
   top: 70px;
   padding: 2px;
   position: absolute !important;
   width: calc(50% - 18px) !important;
   background-color: #fff;
   border: 1px solid #ccc;
   z-index: 100;
   max-height: inherit;
   font-family: "Interstate-Light";
   left: 0;
   text-align: right;
   color: #000;
}

.datepicker a.close_datepicker{
  text-decoration: none;
  color: #000;
  font-weight: bold;
  margin-top: 2px;
  padding: 0 2px;
  border: 1px solid #004684;
  font-size:20px !important;
}

.datepicker a.close_datepicker:hover{
  color: #FFF;
  background-color: #004684;
}

.datepicker a.close_datepicker:focus{
  color: #FFF;
  background-color: #004684;
  border-color: #000;
}

div.dp-month-wrap {
   height: 30px;
   background-color: #00b2f0;
   width: auto !important;
   margin-top: 2px;
}

div#month-wrap-end {
   height: 30px;
   background-color: #00b2f0;
   width: auto !important;
   margin-top: 2px;
}
div.bn_prev {
   margin: 3px;
   float: left;
   width: 24px !important;
   height: 24px;
}
div.bn_next {
   margin: 3px;
   float: right;
   width: 24px !important;
   height: 24px;
}

div.bn_prev:hover,
div.bn_prev:focus,
div.bn_next:hover,
div.bn_next:focus {
   margin: 2px;
   background-color: #01649b;
   border: 1px solid #004684;
}
img.bn_img {
   margin: 0;
   padding: 2px;
}
div.month {
   float: left;
   padding-top: 6px;
   /*width: 199px !important;*/
   width: calc(100% - 70px) !important;
   height: 24px;
   text-align: center;
   font-weight: bold;
   font-size: 1.2em;
}
table.dp-cal {
   width: 100%;
   font-size: 1.2em;
   text-align: center;
}
table.dp-cal th,
table.dp-cal td {
   width: 35px;
   height: 30px;
   padding: 0;
}
table.dp-cal td {
   background-color: #f1f1f1;
   border: 1px solid #d8d8d8;
}

table.dp-cal td.today {
   background-color: #00b2f0;
   border: 1px solid #01649b;
}

table.dp-cal td.empty {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

table.dp-cal td:hover,
table.dp-cal td.focus {
   border-color: #004684;
   background-color: #004684;
   color: #FFF;
}

table.dp-cal td.empty:hover {
   background-color: #f9f9f9;
   border: 1px solid #eee;
}

.offscreen {
   position: absolute;
   left: -200em;
   top: -100em;
}
[aria-hidden="true"] {
   display: none;
}

@media screen AND (max-width:700px){
  .datepicker{
    width: 100% !important;
  }

  table#cal{
    width: 100% !important;
  }
}