.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
    background-color: #3785b9;
    border-radius: 10px;
  }
  .datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  
  }
  
  .datepicker table tr td,
  .datepicker table tr th {
    text-align: center;
    width: 34px;
    height: 34px;
    font-size: 18px;
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
  }
  
  .datepicker table tr td.day:hover,
  .datepicker table tr td.focused {
    background: #145f90;
    cursor: pointer;
  }
  .datepicker table tr td.old {
    color: #999;
  }

  .datepicker table tr td.new {
    color: rgb(228, 228, 228);
  }
  
  .datepicker table tr td.today {
    color: #000000;
    background-color: #FFA953;
    border-color: #FFB76F;
  }
  .datepicker table tr td.today:hover {
    color: #FFFFFF;
    background-color: #884400;
    border-color: #f59e00;
  }
  .datepicker table tr td.active:active,
  .datepicker table tr td.active.highlighted:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active.highlighted.active,
  .open > .dropdown-toggle.datepicker table tr td.active,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #ffffff;
    background-color: #419841;
    border-color: #285e8e;
  }

  .datepicker table tr td.active {
    background-image: none !important;
  }

  .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
    cursor: not-allowed !important;
  }
  
  
  .datepicker table tr td.active:active:hover,
  .datepicker table tr td.active.highlighted:active:hover,
  .datepicker table tr td.active.active:hover,
  .datepicker table tr td.active.highlighted.active:hover,
  .open > .dropdown-toggle.datepicker table tr td.active:hover,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
  .datepicker table tr td.active:active:focus,
  .datepicker table tr td.active.highlighted:active:focus,
  .datepicker table tr td.active.active:focus,
  .datepicker table tr td.active.highlighted.active:focus,
  .open > .dropdown-toggle.datepicker table tr td.active:focus,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
  .datepicker table tr td.active:active.focus,
  .datepicker table tr td.active.highlighted:active.focus,
  .datepicker table tr td.active.active.focus,
  .datepicker table tr td.active.highlighted.active.focus,
  .open > .dropdown-toggle.datepicker table tr td.active.focus,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
    color: #ffffff;
    background-color: #285e8e;
    border-color: #193c5a;
  }
  .datepicker table tr td.active:active,
  .datepicker table tr td.active.highlighted:active,
  .datepicker table tr td.active.active,
  .datepicker table tr td.active.highlighted.active,
  .open > .dropdown-toggle.datepicker table tr td.active,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #ffffff;
    background-color: #3071a9;
    border-color: #285e8e;
  }
  .datepicker table tr td.active:active:hover,
  .datepicker table tr td.active.highlighted:active:hover,
  .datepicker table tr td.active.active:hover,
  .datepicker table tr td.active.highlighted.active:hover,
  .open > .dropdown-toggle.datepicker table tr td.active:hover,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted:hover,
  .datepicker table tr td.active:active:focus,
  .datepicker table tr td.active.highlighted:active:focus,
  .datepicker table tr td.active.active:focus,
  .datepicker table tr td.active.highlighted.active:focus,
  .open > .dropdown-toggle.datepicker table tr td.active:focus,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted:focus,
  .datepicker table tr td.active:active.focus,
  .datepicker table tr td.active.highlighted:active.focus,
  .datepicker table tr td.active.active.focus,
  .datepicker table tr td.active.highlighted.active.focus,
  .open > .dropdown-toggle.datepicker table tr td.active.focus,
  .open > .dropdown-toggle.datepicker table tr td.active.highlighted.focus {
    color: #ffffff;
    background-color: #285e8e;
    border-color: #193c5a;
  }
  .datepicker .datepicker-switch {
    width: 145px;
    
  }
  .datepicker .datepicker-switch:hover,
  .datepicker .prev:hover,
  .datepicker .next:hover,
  .datepicker tfoot tr th:hover {
    background: #50A2C9;
  }