/*@preserve
 * Tempus Dominus Bootstrap4 v5.1.2 (https://tempusdominus.github.io/bootstrap-4/)
 * Copyright 2016-2018 Jonathan Peterson
 * Licensed under MIT (https://github.com/tempusdominus/bootstrap-3/blob/master/LICENSE)
 */

/*.sr-only, .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after, .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after, .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after, .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after, .bootstrap-datetimepicker-widget .btn[data-action="today"]::after, .bootstrap-datetimepicker-widget .picker-switch::after, .bootstrap-datetimepicker-widget table th.prev::after, .bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.bootstrap-datetimepicker-widget {
  list-style: none; }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 16rem; }
    @media (min-width: 576px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 768px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    @media (min-width: 992px) {
      .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em; } }
    .bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
      content: '';
      display: inline-block;
      position: absolute; }
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 7px solid #ccc;
      border-bottom-color: rgba(0, 0, 0, 0.2);
      top: -7px;
      left: 7px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid white;
      top: -6px;
      left: 8px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #ccc;
      border-top-color: rgba(0, 0, 0, 0.2);
      bottom: -7px;
      left: 6px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid white;
      bottom: -6px;
      left: 7px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
      left: auto;
      right: 6px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
      left: auto;
      right: 7px; }
    .bootstrap-datetimepicker-widget.dropdown-menu.wider {
      width: 16rem; }
  .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0; }
  .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none; }
  .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0; }
  .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px; }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    content: "Increment Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    content: "Increment Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    content: "Decrement Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    content: "Decrement Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    content: "Show Hours"; }
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    content: "Show Minutes"; }
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    content: "Toggle AM/PM"; }
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    content: "Clear the picker"; }
  .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    content: "Set the date to today"; }
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center; }
    .bootstrap-datetimepicker-widget .picker-switch::after {
      content: "Toggle Date and Time Screens"; }
    .bootstrap-datetimepicker-widget .picker-switch td {
      padding: 0;
      margin: 0;
      height: auto;
      width: auto;
      line-height: inherit; }
      .bootstrap-datetimepicker-widget .picker-switch td span {
        line-height: 2.5;
        height: 2.5em;
        width: 100%; }
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
    .bootstrap-datetimepicker-widget table td,
    .bootstrap-datetimepicker-widget table th {
      text-align: center;
      border-radius: 0.25rem; }
    .bootstrap-datetimepicker-widget table th {
      height: 20px;
      line-height: 20px;
      width: 20px; }
      .bootstrap-datetimepicker-widget table th.picker-switch {
        width: 145px; }
      .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
        background: none;
        color: #6c757d;
        cursor: not-allowed; }
      .bootstrap-datetimepicker-widget table th.prev::after {
        content: "Previous Month"; }
      .bootstrap-datetimepicker-widget table th.next::after {
        content: "Next Month"; }
    .bootstrap-datetimepicker-widget table thead tr:first-child th {
      cursor: pointer; }
      .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
        background: #e9ecef; }
    .bootstrap-datetimepicker-widget table td {
      height: 54px;
      line-height: 54px;
      width: 54px; }
      .bootstrap-datetimepicker-widget table td.cw {
        font-size: .8em;
        height: 20px;
        line-height: 20px;
        color: #6c757d; }
      .bootstrap-datetimepicker-widget table td.day {
        height: 20px;
        line-height: 20px;
        width: 20px; }
      .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
        background: #e9ecef;
        cursor: pointer; }
      .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
        color: #6c757d; }
      .bootstrap-datetimepicker-widget table td.today {
        position: relative; }
        .bootstrap-datetimepicker-widget table td.today:before {
          content: '';
          display: inline-block;
          border: solid transparent;
          border-width: 0 0 7px 7px;
          border-bottom-color: #007bff;
          border-top-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          bottom: 4px;
          right: 4px; }
      .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
        background-color: #007bff;
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
      .bootstrap-datetimepicker-widget table td.active.today:before {
        border-bottom-color: #fff; }
      .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
        background: none;
        color: #6c757d;
        cursor: not-allowed; }
      .bootstrap-datetimepicker-widget table td span {
        display: inline-block;
        width: 54px;
        height: 54px;
        line-height: 54px;
        margin: 2px 1.5px;
        cursor: pointer;
        border-radius: 0.25rem; }
        .bootstrap-datetimepicker-widget table td span:hover {
          background: #e9ecef; }
        .bootstrap-datetimepicker-widget table td span.active {
          background-color: #007bff;
          color: #fff;
          text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
        .bootstrap-datetimepicker-widget table td span.old {
          color: #6c757d; }
        .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
          background: none;
          color: #6c757d;
          cursor: not-allowed; }
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }

.input-group [data-toggle="datetimepicker"] {
  cursor: pointer; }*/

.bootstrap-datetimepicker-widget{
   padding: 0 !important;
   width: 420px;
   border: none !important;
   box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2) !important;
   border-radius: 5px !important;
   overflow: hidden !important;
   z-index: 8 !important;
}
.bootstrap-datetimepicker-widget > ul{
   margin: 0;
   font-size: 15px !important;
}
.bootstrap-datetimepicker-widget .datepicker table{
   width: 100% !important;
   margin-bottom: 0 !important;
}
.bootstrap-datetimepicker-widget .datepicker table th{
   font-size: 15px !important;
   padding: 20px 5px !important;
   text-align: center !important;
   width: 14.28% !important;
   vertical-align: middle;
   border: none !important;
   background: #fff !important;
   font-weight: normal !important;
   line-height: normal !important;
}
.bootstrap-datetimepicker-widget .datepicker table td{
   font-size: 15px !important;
   padding: 20px 5px !important;
   text-align: center !important;
   width: 14.28% !important;
   vertical-align: middle;
   border: none !important;
   background: #fff !important;
   font-weight: 500 !important;
   line-height: normal !important;
   cursor: pointer;
   color: #f4d142 !important;
}
.bootstrap-datetimepicker-widget .datepicker table td span{
   width: 33.33% !important;
   display: inline-block !important;
   padding: 10px 5px !important;
   text-align: center !important;
}
.bootstrap-datetimepicker-widget .datepicker table thead th{
   background: none !important;
   color: #3e3f46 !important;
   font-weight: bold !important;
}
.bootstrap-datetimepicker-widget .datepicker table thead th.picker-switch {
    font-size: 20px !important;
    font-weight: 500 !important;
}
.bootstrap-datetimepicker-widget .datepicker table td.today{
   background: #3e3f46 !important;
   color: #fff !important;
}
.bootstrap-datetimepicker-widget .datepicker table td.active{
   background: #f4d142 !important;
   color: #fff !important;
}
.bootstrap-datetimepicker-widget .datepicker table td.new, .bootstrap-datetimepicker-widget .datepicker table td.old{
   opacity: 0.8 !important;
   color: #3e3f46 !important;
}
.bootstrap-datetimepicker-widget .datepicker table td.new.today{
   background: #3e3f46 !important;
   color: #fff !important;
}
.bootstrap-datetimepicker-widget .datepicker table td.day:hover{
   background: #f4d142 !important;
   color: #fff !important; 
}
.bootstrap-datetimepicker-widget .datepicker .picker-switch{
   cursor: pointer;
}
.bootstrap-datetimepicker-widget .datepicker .next, .bootstrap-datetimepicker-widget .datepicker .prev{
   cursor: pointer;
}
.bootstrap-datetimepicker-widget .datepicker .next span, .bootstrap-datetimepicker-widget .datepicker .prev span{
   padding: 15px !important;
   color: #fff !important;
   background: #3e3f46 !important;
   border-radius: 4px !important;
}
.bootstrap-datetimepicker-widget ul li.picker-switch table{
   width: 100% !important;
   background: #f4d142 !important;
   color: #fff !important; 
   text-align: center !important;
}
.bootstrap-datetimepicker-widget ul li.picker-switch table td{
   padding: 0 !important;
}
.bootstrap-datetimepicker-widget ul li.picker-switch table td a{
   width: 100% !important;
   color: #fff !important;
   padding: 10px !important;
}
.bootstrap-datetimepicker-widget .timepicker table{
   width: 100% !important;
}
.bootstrap-datetimepicker-widget .timepicker table .btn{
   min-width: inherit !important;
   background: none !important;
   color: #3e3f46 !important; 
   padding: 10px 5px !important;
   box-shadow: none !important;
   border: none !important;
}
.bootstrap-datetimepicker-widget .timepicker table .btn:after, .bootstrap-datetimepicker-widget .timepicker table .btn:before{
   content: none !important;
}
.bootstrap-datetimepicker-widget .timepicker table td{
   text-align: center !important;
   border: none !important;
   padding: 20px 5px !important;
}

@media screen and (max-width: 575px){
   .bootstrap-datetimepicker-widget{
      width: 280px;
   }
   .bootstrap-datetimepicker-widget .datepicker table td{
      padding: 10px 5px !important;
   }
   .bootstrap-datetimepicker-widget .datepicker table th{
      padding: 10px 5px;
   }
}