/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
.dropdown-menu {
  padding: 0;
}
.datepicker-left-position .dropdown-menu {
  margin: 85px -10px;
}
.datepicker-right-position .dropdown-menu {
  margin: 85px 10px;
}
.dark-datepicker .uib-datepicker-popup {
  line-height: initial;
  max-width: 280px;
}
.dark-datepicker .uib-button-bar {
  padding: 0;
}
.dark-datepicker .uib-button-bar .btn-group {
  height: 40px;
  width: 100%;
}
.dark-datepicker .uib-button-bar .uib-datepicker-current {
  color: #97bf0d;
  background-color: transparent;
  border: none;
  float: right;
  font-size: 14px;
  height: 40px;
  text-transform: uppercase;
}
.dark-datepicker .uib-button-bar .uib-datepicker-title {
  float: left;
  padding-left: 10px;
  color: #ffffff;
}
.dark-datepicker .uib-button-bar .uib-clear {
  display: none;
}
.dark-datepicker .uib-button-bar .uib-close {
  display: none;
}
.dark-datepicker .uib-datepicker {
  background-color: #2f3539;
}
.dark-datepicker .uib-datepicker .uib-daypicker,
.dark-datepicker .uib-datepicker .uib-monthpicker,
.dark-datepicker .uib-datepicker .uib-yearpicker {
  outline: none;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead tr,
.dark-datepicker .uib-datepicker .uib-monthpicker thead tr,
.dark-datepicker .uib-datepicker .uib-yearpicker thead tr {
  background-color: #2f3539 !important;
  border-bottom: 1px solid #009bc2;
  height: 40px;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead tr:nth-child(1),
.dark-datepicker .uib-datepicker .uib-monthpicker thead tr:nth-child(1),
.dark-datepicker .uib-datepicker .uib-yearpicker thead tr:nth-child(1) {
  background-color: #009bc2 !important;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead th,
.dark-datepicker .uib-datepicker .uib-monthpicker thead th,
.dark-datepicker .uib-datepicker .uib-yearpicker thead th {
  background-color: transparent;
  color: #009bc2;
  padding: 0;
  width: 40px;
  vertical-align: middle;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead th button,
.dark-datepicker .uib-datepicker .uib-monthpicker thead th button,
.dark-datepicker .uib-datepicker .uib-yearpicker thead th button {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead th small,
.dark-datepicker .uib-datepicker .uib-monthpicker thead th small,
.dark-datepicker .uib-datepicker .uib-yearpicker thead th small {
  font-size: 14px;
  font-weight: normal;
}
.dark-datepicker .uib-datepicker .uib-daypicker thead .uib-title,
.dark-datepicker .uib-datepicker .uib-monthpicker thead .uib-title,
.dark-datepicker .uib-datepicker .uib-yearpicker thead .uib-title {
  font-size: 14px;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year {
  padding-left: 10px;
  padding-right: 10px;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year {
  background-color: #2f3539;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day button,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day button,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day button,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month button,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month button,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month button,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year button,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year button,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year button {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 0px;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day button .text-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day button .text-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day button .text-info,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month button .text-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month button .text-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month button .text-info,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year button .text-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year button .text-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year button .text-info {
  color: #ffffff;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day button .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day button .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day button .text-muted,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month button .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month button .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month button .text-muted,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year button .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year button .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year button .text-muted {
  color: #757575;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day button:hover,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day button:hover,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day button:hover,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month button:hover,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month button:hover,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month button:hover,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year button:hover,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year button:hover,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year button:hover {
  background-color: #009bc2;
  color: #ffffff;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year button:hover .text-muted,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year button:hover .text-muted {
  color: #ffffff;
}
.dark-datepicker .uib-datepicker .uib-daypicker .uib-day .btn-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-day .btn-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-day .btn-info,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-month .btn-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-month .btn-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-month .btn-info,
.dark-datepicker .uib-datepicker .uib-daypicker .uib-year .btn-info,
.dark-datepicker .uib-datepicker .uib-monthpicker .uib-year .btn-info,
.dark-datepicker .uib-datepicker .uib-yearpicker .uib-year .btn-info {
  border: 2px solid #97bf0d;
}
.dark-datepicker .uib-datepicker .uib-daypicker .ng-leave-prepare,
.dark-datepicker .uib-datepicker .uib-monthpicker .ng-leave-prepare,
.dark-datepicker .uib-datepicker .uib-yearpicker .ng-leave-prepare {
  display: none;
}
.dark-datepicker .uib-button-bar .uib-datepicker-title {
  color: #757575;
}
.light-datepicker .uib-datepicker-popup {
  line-height: initial;
  max-width: 280px;
}
.light-datepicker .uib-button-bar {
  padding: 0;
}
.light-datepicker .uib-button-bar .btn-group {
  height: 40px;
  width: 100%;
}
.light-datepicker .uib-button-bar .uib-datepicker-current {
  color: #73920a;
  background-color: transparent;
  border: none;
  float: right;
  font-size: 14px;
  height: 40px;
  text-transform: uppercase;
}
.light-datepicker .uib-button-bar .uib-datepicker-title {
  float: left;
  padding-left: 10px;
  color: #757575;
}
.light-datepicker .uib-button-bar .uib-clear {
  display: none;
}
.light-datepicker .uib-button-bar .uib-close {
  display: none;
}
.light-datepicker .uib-datepicker {
  background-color: #efefef;
}
.light-datepicker .uib-datepicker .uib-daypicker,
.light-datepicker .uib-datepicker .uib-monthpicker,
.light-datepicker .uib-datepicker .uib-yearpicker {
  outline: none;
}
.light-datepicker .uib-datepicker .uib-daypicker thead tr,
.light-datepicker .uib-datepicker .uib-monthpicker thead tr,
.light-datepicker .uib-datepicker .uib-yearpicker thead tr {
  background-color: #efefef !important;
  border-bottom: 1px solid #0076ba;
  height: 40px;
}
.light-datepicker .uib-datepicker .uib-daypicker thead tr:nth-child(1),
.light-datepicker .uib-datepicker .uib-monthpicker thead tr:nth-child(1),
.light-datepicker .uib-datepicker .uib-yearpicker thead tr:nth-child(1) {
  background-color: #0076ba !important;
}
.light-datepicker .uib-datepicker .uib-daypicker thead th,
.light-datepicker .uib-datepicker .uib-monthpicker thead th,
.light-datepicker .uib-datepicker .uib-yearpicker thead th {
  background-color: transparent;
  color: #0076ba;
  padding: 0;
  width: 40px;
  vertical-align: middle;
}
.light-datepicker .uib-datepicker .uib-daypicker thead th button,
.light-datepicker .uib-datepicker .uib-monthpicker thead th button,
.light-datepicker .uib-datepicker .uib-yearpicker thead th button {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}
.light-datepicker .uib-datepicker .uib-daypicker thead th small,
.light-datepicker .uib-datepicker .uib-monthpicker thead th small,
.light-datepicker .uib-datepicker .uib-yearpicker thead th small {
  font-size: 14px;
  font-weight: normal;
}
.light-datepicker .uib-datepicker .uib-daypicker thead .uib-title,
.light-datepicker .uib-datepicker .uib-monthpicker thead .uib-title,
.light-datepicker .uib-datepicker .uib-yearpicker thead .uib-title {
  font-size: 14px;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-month,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year {
  padding-left: 10px;
  padding-right: 10px;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year {
  background-color: #efefef;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day button,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day button,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day button,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month button,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month button,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month button,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year button,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year button,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year button {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;
  color: #757575;
  font-size: 14px;
  padding: 10px 0px;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day button .text-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day button .text-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day button .text-info,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month button .text-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month button .text-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month button .text-info,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year button .text-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year button .text-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year button .text-info {
  color: #757575;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day button .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day button .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day button .text-muted,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month button .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month button .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month button .text-muted,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year button .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year button .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year button .text-muted {
  color: #b8b8b8;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day button:hover,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day button:hover,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day button:hover,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month button:hover,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month button:hover,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month button:hover,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year button:hover,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year button:hover,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year button:hover {
  background-color: #0076ba;
  color: #ffffff;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year button:hover .text-muted,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year button:hover .text-muted {
  color: #ffffff;
}
.light-datepicker .uib-datepicker .uib-daypicker .uib-day .btn-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-day .btn-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-day .btn-info,
.light-datepicker .uib-datepicker .uib-daypicker .uib-month .btn-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-month .btn-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-month .btn-info,
.light-datepicker .uib-datepicker .uib-daypicker .uib-year .btn-info,
.light-datepicker .uib-datepicker .uib-monthpicker .uib-year .btn-info,
.light-datepicker .uib-datepicker .uib-yearpicker .uib-year .btn-info {
  border: 2px solid #73920a;
}
.light-datepicker .uib-datepicker .uib-daypicker .ng-leave-prepare,
.light-datepicker .uib-datepicker .uib-monthpicker .ng-leave-prepare,
.light-datepicker .uib-datepicker .uib-yearpicker .ng-leave-prepare {
  display: none;
}
.light-datepicker .uib-datepicker .uib-title {
  color: #ffffff;
}
.light-datepicker .uib-datepicker .uib-left,
.light-datepicker .uib-datepicker .uib-right {
  color: #ffffff;
}