{"version":3,"sources":["date-picker/_all-in-one.scss","date-picker.css","theme/_variables.scss"],"names":[],"mappings":"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","file":"date-picker.css","sourcesContent":["@import \"../theme/variables\";\r\n$datepickerDayCellSize: 32px !default;\r\n$datepickerWidth: 250px !default;\r\n$datepickerMinBodyHeight: 170px !default;\r\n$datepickerBorderRadius: 8px !default;\r\n$datepickerPadding: 4px !default;\r\n$datepickerZIndex: 100 !default;\r\n$datepickerFontSize: 14px !default;\r\n$datepickerYearsPerRow: 4 !default;\r\n//$light-font   :#ab8ce4;\r\n$white :#fff;\r\n\r\n$datepickerTextColor: (\r\n        button: #5cc4ef,\r\n        otherMonth: #dedede,\r\n        otherMonthInRange: #ccc,\r\n        disabled: #aeaeae,\r\n        currentDate: #4EB5E6,\r\n        common: #4a4a4a,\r\n        dayNames: #FF9A19,\r\n        navArrows: #9c9c9c\r\n) !default;\r\n\r\n$datepickerBG: (\r\n        selected: #5cc4ef,\r\n        selectedHover: darken(#5cc4ef, 5),\r\n        inRange: rgba(#5cc4ef, .1),\r\n        hover: #f0f0f0\r\n) !default;\r\n\r\n$datepickerBorderColor: (\r\n        nav: #efefef,\r\n        inline: #d7d7d7,\r\n        default: #dbdbdb\r\n) !default;\r\n\r\n$datepickerNavigationHeight: 32px !default;\r\n$datepickerNavigationButtonsOffset: 2px !default;\r\n\r\n$datepickerPointerSize: 10px !default;\r\n$datepickerPointerOffset: 10px !default;\r\n\r\n// Transitions\r\n$datepickerTransitionSpeed: .3s !default;\r\n$datepickerTransitionEase: ease !default;\r\n$datepickerTransitionOffset: 8px !default;\r\n\r\n// Objects\r\n%otherMonth {\r\n  color: map_get($datepickerTextColor, otherMonth);\r\n\r\n  &:hover {\r\n    color: darken(map_get($datepickerTextColor, otherMonth), 10);\r\n  }\r\n\r\n  &.-disabled- {\r\n    &.-focus- {\r\n      color: map_get($datepickerTextColor, otherMonth);\r\n    }\r\n  }\r\n\r\n  &.-selected- {\r\n    color: #fff;\r\n    background: lighten(map_get($datepickerBG, selected), 15);\r\n    &.-focus- {\r\n      background: lighten(map_get($datepickerBG, selected), 10);\r\n    }\r\n  }\r\n\r\n  &.-in-range- {\r\n    background-color: map_get($datepickerBG, inRange);\r\n    color: darken(map_get($datepickerTextColor, otherMonth), 7);\r\n\r\n    &.-focus- {\r\n      background-color: rgba(map_get($datepickerBG, inRange), .2);\r\n    }\r\n  }\r\n\r\n\r\n  &:empty {\r\n    background: none;\r\n    border: none;\r\n  }\r\n}\r\n\r\n/* -------------------------------------------------\r\n    Datepicker cells\r\n   ------------------------------------------------- */\r\n\r\n.datepicker--cells {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.datepicker--cell {\r\n  border-radius: 5px;\r\n  box-sizing: border-box;\r\n  cursor: pointer;\r\n  display: flex;\r\n  position: relative;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: $datepickerDayCellSize;\r\n  z-index: 1;\r\n\r\n  &.-focus- {\r\n    background: map_get($datepickerBG, hover);\r\n  }\r\n\r\n  &.-current- {\r\n    color: map_get($datepickerTextColor, currentDate);\r\n    border-color: map_get($datepickerTextColor, currentDate);\r\n    &.-focus- {\r\n      color: map_get($datepickerTextColor, common);\r\n    }\r\n\r\n    &.-in-range- {\r\n      color: map_get($datepickerTextColor, currentDate);\r\n    }\r\n  }\r\n  &.-in-range- {\r\n    background: map_get($datepickerBG, inRange);\r\n    color: map_get($datepickerTextColor, common);\r\n    border-radius: 0;\r\n    &.-focus- {\r\n      background-color: rgba(map_get($datepickerBG, inRange), .2);\r\n    }\r\n  }\r\n\r\n  &.-disabled- {\r\n    cursor: default;\r\n    color: map_get($datepickerTextColor, disabled);\r\n\r\n    &.-focus- {\r\n      color: map_get($datepickerTextColor, disabled);\r\n    }\r\n\r\n    &.-in-range- {\r\n      color: darken(map_get($datepickerTextColor, disabled), 5);\r\n    }\r\n\r\n    &.-current- {\r\n      &.-focus- {\r\n        color: map_get($datepickerTextColor, disabled);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.-range-from- {\r\n    border: 1px solid rgba(map_get($datepickerBG, selected), .5);\r\n    background-color: map_get($datepickerBG, inRange);\r\n    border-radius: $datepickerBorderRadius 0 0 $datepickerBorderRadius;\r\n  }\r\n  &.-range-to- {\r\n    border: 1px solid rgba(map_get($datepickerBG, selected), .5);\r\n    background-color: map_get($datepickerBG, inRange);\r\n    border-radius:  0 $datepickerBorderRadius $datepickerBorderRadius 0;\r\n  }\r\n\r\n  &.-range-from-.-range-to- {\r\n    border-radius: $datepickerBorderRadius;\r\n  }\r\n  &.-selected- {\r\n    color:$white;   \r\n    border: none;   \r\n    background-color: $primary-color;\r\n    &.-current- {\r\n      color:$white;          \r\n      background-color: $primary-color;\r\n    }\r\n    &.-focus- {     \r\n      background-color: $primary-color;\r\n    }\r\n  }\r\n  &:empty {\r\n    cursor: default;\r\n  }\r\n}\r\n\r\n//  Day names\r\n// -------------------------------------------------\r\n\r\n.datepicker--days-names {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  margin: 8px 0 3px;\r\n}\r\n\r\n.datepicker--day-name {\r\n  color: map_get($datepickerTextColor, dayNames);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 1;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  font-size: .8em;\r\n}\r\n\r\n//  Day cell\r\n// -------------------------------------------------\r\n\r\n.datepicker--cell-day {\r\n  width: (100/7)#{'%'};\r\n  height: 34px;\r\n  &.-other-month- {\r\n    @extend %otherMonth;\r\n  }\r\n}\r\n\r\n\r\n//  Months\r\n// -------------------------------------------------\r\n\r\n.datepicker--months {}\r\n\r\n.datepicker--cells-months {\r\n  height: $datepickerMinBodyHeight;\r\n}\r\n\r\n//  Month cell\r\n// -------------------------\r\n\r\n.datepicker--cell-month {\r\n  width: 33.33%;\r\n  height: 25%;\r\n}\r\n\r\n//  Years\r\n// -------------------------------------------------\r\n\r\n.datepicker--years {\r\n  height: $datepickerMinBodyHeight;\r\n}\r\n\r\n.datepicker--cells-years {\r\n  height: $datepickerMinBodyHeight;\r\n}\r\n//  Year cell\r\n// -------------------------\r\n\r\n.datepicker--cell-year {\r\n  width: 100% / $datepickerYearsPerRow;\r\n  height: 33.33%;\r\n\r\n  &.-other-decade- {\r\n    @extend %otherMonth;\r\n  }\r\n}\r\n\r\n/* -------------------------------------------------\r\n    Datepicker\r\n   ------------------------------------------------- */\r\n\r\n.datepickers-container {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.datepicker {\r\n  background-color:$white;\r\n  // border:1px solid $light-gray;\r\n  // border: 1px solid map_get($datepickerBorderColor, default);\r\n  border-radius: $datepickerBorderRadius;\r\n  box-sizing: content-box;\r\n  font-size: $datepickerFontSize;\r\n  color: map_get($datepickerTextColor, common);\r\n  width: $datepickerWidth;\r\n  position: absolute;\r\n  left: -100000px;\r\n  opacity:0;\r\n  padding:10px;\r\n  transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s $datepickerTransitionSpeed;\r\n  z-index: $datepickerZIndex;\r\n  box-shadow: 0 4px 14px rgba(174,197,231,.5);\r\n  &.-from-top- {\r\n    transform: translateY(-$datepickerTransitionOffset);\r\n  }\r\n  &.-from-right- {\r\n    transform: translateX($datepickerTransitionOffset);\r\n  }\r\n  &.-from-bottom- {\r\n    transform: translateY($datepickerTransitionOffset);\r\n  }\r\n  &.-from-left- {\r\n    transform: translateX(-$datepickerTransitionOffset);\r\n  }\r\n\r\n\r\n  &.active {\r\n    opacity: 1;\r\n    transform: translate(0);\r\n    transition: opacity $datepickerTransitionSpeed $datepickerTransitionEase, transform $datepickerTransitionSpeed $datepickerTransitionEase, left 0s 0s;\r\n  }\r\n}\r\n\r\n.datepicker-inline {\r\n  .datepicker {   \r\n    position:static;\r\n    left:auto;\r\n    right:auto;\r\n    opacity:1;\r\n    transform:none;\r\n    border-color:$light-gray;\r\n  }\r\n\r\n  .datepicker--pointer {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.datepicker--content {\r\n  box-sizing: content-box;\r\n  padding: $datepickerPadding;\r\n\r\n  .-only-timepicker- & {\r\n    display: none;\r\n  }\r\n}\r\n\r\n//  Pointer\r\n// -------------------------------------------------\r\n$pointerHalfSize: $datepickerPointerSize / 2 - 1;\r\n\r\n.datepicker--pointer {\r\n  position: absolute;\r\n  background: #fff;\r\n  border-top: 1px solid map-get($datepickerBorderColor, default);\r\n  border-right: 1px solid map-get($datepickerBorderColor, default);\r\n  width: $datepickerPointerSize;\r\n  height: $datepickerPointerSize;\r\n  z-index: -1;\r\n\r\n  //  Main axis\r\n  // -------------------------\r\n\r\n  .-top-left- &, .-top-center- &, .-top-right- & {\r\n    top: calc(100% - #{$pointerHalfSize});\r\n    transform: rotate(135deg);\r\n  }\r\n\r\n  .-right-top- &, .-right-center- &, .-right-bottom- & {\r\n    right: calc(100% - #{$pointerHalfSize});\r\n    transform: rotate(225deg);\r\n  }\r\n\r\n  .-bottom-left- &, .-bottom-center- &, .-bottom-right- & {\r\n    bottom: calc(100% - #{$pointerHalfSize});\r\n    transform: rotate(315deg);\r\n  }\r\n\r\n  .-left-top- &, .-left-center- &, .-left-bottom- & {\r\n    left: calc(100% - #{$pointerHalfSize});\r\n    transform: rotate(45deg);\r\n  }\r\n\r\n  //  Secondary axis\r\n  // -------------------------\r\n\r\n  .-top-left- &, .-bottom-left- & {\r\n    left: $datepickerPointerOffset;\r\n  }\r\n  .-top-right- &, .-bottom-right- & {\r\n    right: $datepickerPointerOffset;\r\n  }\r\n  .-top-center- &, .-bottom-center- & {\r\n    left: calc(50% - #{$datepickerPointerSize} / 2);\r\n  }\r\n\r\n  .-left-top- &, .-right-top- & {\r\n    top: $datepickerPointerOffset;\r\n  }\r\n  .-left-bottom- &, .-right-bottom- & {\r\n    bottom: $datepickerPointerOffset;\r\n  }\r\n  .-left-center- &, .-right-center- & {\r\n    top: calc(50% - #{$datepickerPointerSize} / 2);\r\n  }\r\n\r\n}\r\n\r\n//  Body\r\n// -------------------------------------------------\r\n\r\n.datepicker--body {\r\n  display: none;\r\n\r\n  &.active {\r\n    display: block !important;\r\n  }\r\n}\r\n\r\n/* -------------------------------------------------\r\n    Navigation\r\n   ------------------------------------------------- */\r\n\r\n.datepicker--nav {\r\n  color: $primary-color;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  font-weight: 600;\r\n  border-radius: 5px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  border-bottom: 1px solid map_get($datepickerBorderColor, nav);\r\n  min-height: $datepickerNavigationHeight;\r\n  padding: $datepickerPadding;\r\n\r\n  .-only-timepicker- & {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.datepicker--nav-title,\r\n.datepicker--nav-action {\r\n  display: flex;\r\n  cursor: pointer;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.datepicker--nav-action {\r\n  width:$datepickerDayCellSize;\r\n  border-radius: 5px;\r\n  user-select: none; \r\n  \r\n\r\n  &.-disabled- {\r\n    visibility: hidden;\r\n  }\r\n\r\n  svg {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  path {\r\n    fill: none;\r\n    stroke: $white;\r\n    stroke-width: 2px;\r\n  }\r\n}\r\n\r\n.datepicker--nav-title {\r\n  border-radius: $datepickerBorderRadius;\r\n  padding: 0 8px;\r\n\r\n  i {\r\n    font-style: normal;\r\n    color: $primary-color;\r\n    margin-left: 5px;\r\n  }\r\n\r\n  &:hover {\r\n\r\n  }\r\n\r\n  &.-disabled- {\r\n    cursor: default;\r\n    background: none;\r\n  }\r\n}\r\n\r\n//  Buttons\r\n// -------------------------------------------------\r\n\r\n.datepicker--buttons {\r\n  display: flex;\r\n  padding: $datepickerPadding;\r\n  border-top: 1px solid map_get($datepickerBorderColor, nav);\r\n}\r\n\r\n.datepicker--button {\r\n  color: map_get($datepickerTextColor, currentDate);\r\n  cursor: pointer;\r\n  border-radius: $datepickerBorderRadius;\r\n  flex: 1;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 32px;\r\n\r\n  &:hover {\r\n    color: map_get($datepickerTextColor, common);\r\n    background: map_get($datepickerBG, hover);\r\n  }\r\n}",".datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {\n  color: #dedede; }\n  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {\n    color: #c5c5c5; }\n  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {\n    color: #dedede; }\n  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {\n    color: #fff;\n    background: #a2ddf6; }\n    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {\n      background: #8ad5f4; }\n  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {\n    background-color: rgba(92, 196, 239, 0.1);\n    color: #cccccc; }\n    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {\n      background-color: rgba(92, 196, 239, 0.2); }\n  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {\n    background: none;\n    border: none; }\n\n/* -------------------------------------------------\r\n    Datepicker cells\r\n   ------------------------------------------------- */\n.datepicker--cells {\n  display: flex;\n  flex-wrap: wrap; }\n\n.datepicker--cell {\n  border-radius: 5px;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  height: 32px;\n  z-index: 1; }\n  .datepicker--cell.-focus- {\n    background: #f0f0f0; }\n  .datepicker--cell.-current- {\n    color: #4EB5E6;\n    border-color: #4EB5E6; }\n    .datepicker--cell.-current-.-focus- {\n      color: #4a4a4a; }\n    .datepicker--cell.-current-.-in-range- {\n      color: #4EB5E6; }\n  .datepicker--cell.-in-range- {\n    background: rgba(92, 196, 239, 0.1);\n    color: #4a4a4a;\n    border-radius: 0; }\n    .datepicker--cell.-in-range-.-focus- {\n      background-color: rgba(92, 196, 239, 0.2); }\n  .datepicker--cell.-disabled- {\n    cursor: default;\n    color: #aeaeae; }\n    .datepicker--cell.-disabled-.-focus- {\n      color: #aeaeae; }\n    .datepicker--cell.-disabled-.-in-range- {\n      color: #a1a1a1; }\n    .datepicker--cell.-disabled-.-current-.-focus- {\n      color: #aeaeae; }\n  .datepicker--cell.-range-from- {\n    border: 1px solid rgba(92, 196, 239, 0.5);\n    background-color: rgba(92, 196, 239, 0.1);\n    border-radius: 8px 0 0 8px; }\n  .datepicker--cell.-range-to- {\n    border: 1px solid rgba(92, 196, 239, 0.5);\n    background-color: rgba(92, 196, 239, 0.1);\n    border-radius: 0 8px 8px 0; }\n  .datepicker--cell.-range-from-.-range-to- {\n    border-radius: 8px; }\n  .datepicker--cell.-selected- {\n    color: #fff;\n    border: none;\n    background-color: #24695c; }\n    .datepicker--cell.-selected-.-current- {\n      color: #fff;\n      background-color: #24695c; }\n    .datepicker--cell.-selected-.-focus- {\n      background-color: #24695c; }\n  .datepicker--cell:empty {\n    cursor: default; }\n\n.datepicker--days-names {\n  display: flex;\n  flex-wrap: wrap;\n  margin: 8px 0 3px; }\n\n.datepicker--day-name {\n  color: #FF9A19;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: .8em; }\n\n.datepicker--cell-day {\n  width: 14.28571%;\n  height: 34px; }\n\n.datepicker--cells-months {\n  height: 170px; }\n\n.datepicker--cell-month {\n  width: 33.33%;\n  height: 25%; }\n\n.datepicker--years {\n  height: 170px; }\n\n.datepicker--cells-years {\n  height: 170px; }\n\n.datepicker--cell-year {\n  width: 25%;\n  height: 33.33%; }\n\n/* -------------------------------------------------\r\n    Datepicker\r\n   ------------------------------------------------- */\n.datepickers-container {\n  position: absolute;\n  left: 0;\n  top: 0; }\n  @media print {\n    .datepickers-container {\n      display: none; } }\n\n.datepicker {\n  background-color: #fff;\n  border-radius: 8px;\n  box-sizing: content-box;\n  font-size: 14px;\n  color: #4a4a4a;\n  width: 250px;\n  position: absolute;\n  left: -100000px;\n  opacity: 0;\n  padding: 10px;\n  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;\n  z-index: 100;\n  box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5); }\n  .datepicker.-from-top- {\n    transform: translateY(-8px); }\n  .datepicker.-from-right- {\n    transform: translateX(8px); }\n  .datepicker.-from-bottom- {\n    transform: translateY(8px); }\n  .datepicker.-from-left- {\n    transform: translateX(-8px); }\n  .datepicker.active {\n    opacity: 1;\n    transform: translate(0);\n    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; }\n\n.datepicker-inline .datepicker {\n  position: static;\n  left: auto;\n  right: auto;\n  opacity: 1;\n  transform: none;\n  border-color: #e6edef; }\n\n.datepicker-inline .datepicker--pointer {\n  display: none; }\n\n.datepicker--content {\n  box-sizing: content-box;\n  padding: 4px; }\n  .-only-timepicker- .datepicker--content {\n    display: none; }\n\n.datepicker--pointer {\n  position: absolute;\n  background: #fff;\n  border-top: 1px solid #dbdbdb;\n  border-right: 1px solid #dbdbdb;\n  width: 10px;\n  height: 10px;\n  z-index: -1; }\n  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {\n    top: calc(100% - 4px);\n    transform: rotate(135deg); }\n  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {\n    right: calc(100% - 4px);\n    transform: rotate(225deg); }\n  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {\n    bottom: calc(100% - 4px);\n    transform: rotate(315deg); }\n  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {\n    left: calc(100% - 4px);\n    transform: rotate(45deg); }\n  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {\n    left: 10px; }\n  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {\n    right: 10px; }\n  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {\n    left: calc(50% - 10px / 2); }\n  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {\n    top: 10px; }\n  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {\n    bottom: 10px; }\n  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {\n    top: calc(50% - 10px / 2); }\n\n.datepicker--body {\n  display: none; }\n  .datepicker--body.active {\n    display: block !important; }\n\n/* -------------------------------------------------\r\n    Navigation\r\n   ------------------------------------------------- */\n.datepicker--nav {\n  color: #24695c;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  font-weight: 600;\n  border-radius: 5px;\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #efefef;\n  min-height: 32px;\n  padding: 4px; }\n  .-only-timepicker- .datepicker--nav {\n    display: none; }\n\n.datepicker--nav-title,\n.datepicker--nav-action {\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  justify-content: center; }\n\n.datepicker--nav-action {\n  width: 32px;\n  border-radius: 5px;\n  user-select: none; }\n  .datepicker--nav-action.-disabled- {\n    visibility: hidden; }\n  .datepicker--nav-action svg {\n    width: 32px;\n    height: 32px; }\n  .datepicker--nav-action path {\n    fill: none;\n    stroke: #fff;\n    stroke-width: 2px; }\n\n.datepicker--nav-title {\n  border-radius: 8px;\n  padding: 0 8px; }\n  .datepicker--nav-title i {\n    font-style: normal;\n    color: #24695c;\n    margin-left: 5px; }\n  .datepicker--nav-title.-disabled- {\n    cursor: default;\n    background: none; }\n\n.datepicker--buttons {\n  display: flex;\n  padding: 4px;\n  border-top: 1px solid #efefef; }\n\n.datepicker--button {\n  color: #4EB5E6;\n  cursor: pointer;\n  border-radius: 8px;\n  flex: 1;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  height: 32px; }\n  .datepicker--button:hover {\n    color: #4a4a4a;\n    background: #f0f0f0; }\n","// General variables\r\n$theme-font-color: #2b2b2b;\r\n$theme-body-font-color: #242934;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.7);\r\n// Theme colors variables\r\n$primary-color: #24695c;\r\n$secondary-color:#ba895d;\r\n$success-color: #1b4c43;\r\n$warning-color: #e2c636;\r\n$danger-color: #d22d3d;\r\n$light-color : #f4f4f4;\r\n$light-gray  : #e6edef;\r\n$light-semi-gray   :#efefef;\r\n$dark-light :$theme-font-color;\r\n$dark-gray \t: #898989;\r\n$dark-color   : #2c323f;\r\n$gray-60   :#cccccc ;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark  :#59667a;\r\n$light-text: #999;\r\n$light-background: #f5f7fb;\r\n$light-font: #717171;\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$off-white: #ffebce;\r\n$dark-primary: #448aff;\r\n$pitch-color: #fe8a7d;\r\n$light-pitch: #fecf8b;\r\n$flower-pink: #fb6d9d;\r\n$dark-sky: #536dfe;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$dark-blue: #00008B;\r\n$black : #000;\r\n$white:#fff;\r\n$yellow:#f4c705;\r\n$btn-bhome-bg-c:#ff6060;\r\n$btn-search-bg-c:#ffd042;\r\n$btn-opacity-down-primary:#F7F0FF;\r\n// error page color end\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(#1693f8, #0d67e9);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-montserrat:'Montserrat', sans-serif;\r\n$font-roboto:'Roboto', sans-serif;\r\n$font-rubik:'Rubik', sans-serif;\r\n$font-nunito: Nunito;\r\n$font-raleway: Raleway;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n\r\n// dark layout variables\r\n$dark-body-background: #202938;\r\n$dark-card-background: #111727;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color:#98a6ad;\r\n$dark-all-font-color: rgba(255,255,255,0.7);\r\n$light-all-font-color: rgba(255,255,255,0.2);\r\n$sidebar-submenu-font-color:rgba(255,255,255,0.7);\r\n$dark-border-color: $dark-body-background;\r\n// $dark-card-border:#374558;\r\n$dark-card-border: rgba($primary-color,0.2);\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ul-padding-right: 0px;\r\n$ancher-color: $primary-color;\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: $primary-color;\r\n\r\n$paragraph-font-size: 14px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing : inherit;\r\n\r\n$code-tag-color: $primary-color;\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: $primary-color;\r\n$list-group-active-border-color: $primary-color;\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin:             0px;\r\n$table-heading-color:        $theme-body-font-color;\r\n$table-row-color:            $theme-body-font-color;\r\n$table-footer-font-weight:   bold;\r\n$table-inverse-color:        $white;\r\n$table-hover-color:          $light;\r\n$table-padding:              0.75rem;\r\n$table-xl-padding:           1.25rem 2rem;\r\n$table-xl-font:              120%;\r\n$table-lg-padding:           .9rem 2rem;\r\n$table-lg-font:              110%;\r\n$table-de-padding:           .75rem 2rem;\r\n$table-de-font:              100%;\r\n$table-sm-padding:           .5rem 2rem;\r\n$table-sm-font:              90%;\r\n$table-xs-padding:           0.2rem 2rem;\r\n$table-xs-font:              80%;\r\n$horizontal-border-color:    #f2f4ff;\r\n$horizontal-padding:         .75rem 2rem;\r\n$table-inverse-bg-color:     #292b2c;\r\n\r\n\r\n//According setting\r\n$according-card-top-margin           : 10px;\r\n$according-btn-weight                : 500;\r\n$according-btn-color                 : $theme-body-font-color;\r\n$according-card-header-padding       : 1rem 1.25rem;\r\n$according-card-header-icon          : $font-ICO;\r\n$according-open-icon                 : \"\\eb73\";\r\n$according-close-icon                : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color        :$dark-color;\r\n$alert-border-radious     :0.15rem;\r\n$alert-padding            :15px;\r\n$alert-msg-icon-size      :16px;\r\n\r\n//badge settings\r\n$badge-padding        :0.44em 0.7em;\r\n$badge-svg-size       :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom        : 1.25em;\r\n$col-form-label-font-size        : 14px;\r\n$form-control-font-size          : 14px;\r\n$form-control-border-radious     : 2px;\r\n$form-control-border-color     : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color    : $white;\r\n$breadcrumb-ancher-dark-color    : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 10px;\r\n$btn-xs-padding:  0.2rem 0.7rem;\r\n\r\n\r\n//Card settings\r\n$card-padding        :30px;\r\n$card-margin-bottom  :30px;\r\n$card-border-color   :1px solid $light-gray;\r\n$card-border-radious :0;\r\n$border-secondary:#ede7e4 ;\r\n$common-shadow-color : rgba($light-font, 0.08);\r\n$card-box-shadow     : 0 25px 50px rgba(8,21,66,.06);\r\n$card-header-font-weight : 600;\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n// $card-body-bg-color : $white;\r\n$card-footer-bg-color : $white;\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px 16px rgba(4,122,251,0.04);\r\n$footer_link_align : right;\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom  :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: $primary-color;\r\n\r\n\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-user-section-padding: 10px;\r\n$sidebar-user-section-shadow: 3px 2px 7px -1px rgba(68, 102, 242, 0.13);\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : $primary-color;\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: $primary-color;\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 355px);\r\n// $sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow:  0 0 20px rgba(25,124,207,0.08);\r\n$bookmark-icon-color: #fa9f44;\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-gray;\r\n$page-body-margin-bottom: 0px;\r\n\r\n$page-header-padding : 30px;\r\n\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba( 22, 145, 248, 0.18 );\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-font-weight: 600;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$main-header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 9;\r\n$main-header-right-padding: 24px 40px;\r\n$main-header-right-nav-icon-size :  18px;\r\n$main-header-right-nav-icon-color :  $theme-font-color;\r\n$main-header-right-nav-icon-align :  middle;\r\n"]}