{"version":3,"sources":["daterange-picker/_daterangepicker.scss","daterange-picker.css","theme/_variables.scss"],"names":[],"mappings":"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","file":"daterange-picker.css","sourcesContent":["@import \"../theme/variables\";\r\n// The class name to contain everything within.\r\n$prefix-class: daterangepicker;\r\n$arrow-size:     7px !default;\r\n\r\n//\r\n// Colors\r\n$daterangepicker-color:                      inherit !default;\r\n$daterangepicker-bg-color:                   #fff !default;\r\n\r\n$daterangepicker-cell-color:                 $daterangepicker-color !default;\r\n$daterangepicker-cell-border-color:          transparent !default;\r\n$daterangepicker-cell-bg-color:              $daterangepicker-bg-color !default;\r\n\r\n$daterangepicker-cell-hover-color:           $daterangepicker-color !default;\r\n$daterangepicker-cell-hover-border-color:    $daterangepicker-cell-border-color !default;\r\n$daterangepicker-cell-hover-bg-color:        #eee !default;\r\n\r\n$daterangepicker-in-range-color:             #000 !default;\r\n$daterangepicker-in-range-border-color:      transparent !default;\r\n$daterangepicker-in-range-bg-color:          #ebf4f8 !default;\r\n\r\n$daterangepicker-active-color:               #fff !default;\r\n$daterangepicker-active-bg-color:            #357ebd !default;\r\n$daterangepicker-active-border-color:        transparent !default;\r\n\r\n$daterangepicker-unselected-color:           #999 !default;\r\n$daterangepicker-unselected-border-color:    transparent !default;\r\n$daterangepicker-unselected-bg-color:        #fff !default;\r\n\r\n//\r\n// daterangepicker\r\n$daterangepicker-width:          278px !default;\r\n$daterangepicker-padding:        4px !default;\r\n$daterangepicker-z-index:        3000 !default;\r\n\r\n$daterangepicker-border-size:    1px !default;\r\n$daterangepicker-border-color:   #ccc !default;\r\n$daterangepicker-border-radius:  5px !default;\r\n\r\n\r\n//\r\n// Calendar\r\n$daterangepicker-calendar-margin:              $daterangepicker-padding !default;\r\n$daterangepicker-calendar-bg-color:            $daterangepicker-bg-color !default;\r\n\r\n$daterangepicker-calendar-border-size:         1px !default;\r\n$daterangepicker-calendar-border-color:        $daterangepicker-bg-color !default;\r\n$daterangepicker-calendar-border-radius:       $daterangepicker-border-radius !default;\r\n\r\n//\r\n// Calendar Cells\r\n$daterangepicker-cell-size:           20px !default;\r\n$daterangepicker-cell-width:          $daterangepicker-cell-size !default;\r\n$daterangepicker-cell-height:         $daterangepicker-cell-size !default;\r\n\r\n$daterangepicker-cell-border-radius:  $daterangepicker-calendar-border-radius !default;\r\n$daterangepicker-cell-border-size:    1px !default;\r\n\r\n//\r\n// Dropdowns\r\n$daterangepicker-dropdown-z-index: $daterangepicker-z-index + 1 !default;\r\n\r\n//\r\n// Controls\r\n$daterangepicker-control-height:               30px !default;\r\n$daterangepicker-control-line-height:          $daterangepicker-control-height !default;\r\n$daterangepicker-control-color:                #555 !default;\r\n\r\n$daterangepicker-control-border-size:          1px !default;\r\n$daterangepicker-control-border-color:         #ccc !default;\r\n$daterangepicker-control-border-radius:        4px !default;\r\n\r\n$daterangepicker-control-active-border-size:   1px !default;\r\n$daterangepicker-control-active-border-color:  #08c !default;\r\n$daterangepicker-control-active-border-radius: $daterangepicker-control-border-radius !default;\r\n\r\n$daterangepicker-control-disabled-color:       #ccc !default;\r\n\r\n//\r\n// Ranges\r\n$daterangepicker-ranges-color:                #08c !default;\r\n$daterangepicker-ranges-bg-color:             #f5f5f5 !default;\r\n\r\n$daterangepicker-ranges-border-size:          1px !default;\r\n$daterangepicker-ranges-border-color:         $daterangepicker-ranges-bg-color !default;\r\n$daterangepicker-ranges-border-radius:        $daterangepicker-border-radius !default;\r\n\r\n$daterangepicker-ranges-hover-color:          #fff !default;\r\n$daterangepicker-ranges-hover-bg-color:       $daterangepicker-ranges-color !default;\r\n$daterangepicker-ranges-hover-border-size:    $daterangepicker-ranges-border-size !default;\r\n$daterangepicker-ranges-hover-border-color:   $daterangepicker-ranges-hover-bg-color !default;\r\n$daterangepicker-ranges-hover-border-radius:  $daterangepicker-border-radius !default;\r\n\r\n$daterangepicker-ranges-active-border-size:   $daterangepicker-ranges-border-size !default;\r\n$daterangepicker-ranges-active-border-color:  $daterangepicker-ranges-bg-color !default;\r\n$daterangepicker-ranges-active-border-radius: $daterangepicker-border-radius !default;\r\n\r\n//\r\n// STYLESHEETS\r\n//\r\n.#{$prefix-class} {\r\n  position: absolute;\r\n  color: $daterangepicker-color;\r\n  background-color: $daterangepicker-bg-color;\r\n  border-radius: $daterangepicker-border-radius;\r\n  width: $daterangepicker-width;\r\n  padding: $daterangepicker-padding;\r\n  margin-top: $daterangepicker-border-size;\r\n  font-family: $font-rubik, $font-serif;\r\n  // TODO: Should these be parameterized??\r\n  top: 100px;\r\n  left: 20px;\r\n  box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);\r\n  $arrow-prefix-size: $arrow-size;\r\n  $arrow-suffix-size: ($arrow-size - $daterangepicker-border-size);\r\n  border: none;\r\n  &:before, &:after {\r\n    position: absolute;\r\n    display: inline-block;\r\n\r\n    border-bottom-color: rgba(0, 0, 0, 0.2);\r\n    content: '';\r\n  }\r\n\r\n  &:before {\r\n    top: -$arrow-prefix-size;\r\n\r\n    border-right: $arrow-prefix-size solid transparent;\r\n    border-left: $arrow-prefix-size solid transparent;\r\n    border-bottom: $arrow-prefix-size solid $primary-color;\r\n  }\r\n\r\n  &:after {\r\n    top: -$arrow-suffix-size;\r\n\r\n    border-right: $arrow-suffix-size solid transparent;\r\n    border-bottom: $arrow-suffix-size solid $daterangepicker-bg-color;\r\n    border-left: $arrow-suffix-size solid transparent;\r\n  }\r\n\r\n  &.opensleft {\r\n    &:before {\r\n      // TODO: Make this relative to prefix size.\r\n      right: $arrow-prefix-size + 2px;\r\n    }\r\n\r\n    &:after {\r\n      // TODO: Make this relative to suffix size.\r\n      right: $arrow-suffix-size + 4px;\r\n    }\r\n  }\r\n\r\n  &.openscenter {\r\n    &:before {\r\n      left: 0;\r\n      right: 0;\r\n      width: 0;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    &:after {\r\n      left: 0;\r\n      right: 0;\r\n      width: 0;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n  }\r\n\r\n  &.opensright {\r\n    &:before {\r\n      // TODO: Make this relative to prefix size.\r\n      left: $arrow-prefix-size + 2px;\r\n    }\r\n\r\n    &:after {\r\n      // TODO: Make this relative to suffix size.\r\n      left: $arrow-suffix-size + 4px;\r\n    }\r\n  }\r\n\r\n  &.dropup {\r\n    margin-top: -5px;\r\n\r\n    // NOTE: Note sure why these are special-cased.\r\n    &:before {\r\n      top: initial;\r\n      bottom: -$arrow-prefix-size;\r\n      border-bottom: initial;\r\n      border-top: $arrow-prefix-size solid $daterangepicker-border-color;\r\n    }\r\n\r\n    &:after {\r\n      top: initial;\r\n      bottom:-$arrow-suffix-size;\r\n      border-bottom: initial;\r\n      border-top: $arrow-suffix-size solid $daterangepicker-bg-color;\r\n    }\r\n  }\r\n\r\n  &.dropdown-menu {\r\n    max-width: none;\r\n    z-index: $daterangepicker-dropdown-z-index;\r\n  }\r\n\r\n  &.single {\r\n    .ranges, .calendar {\r\n      float: none;\r\n    }\r\n  }\r\n\r\n  /* Calendars */\r\n  &.show-calendar {\r\n    .calendar {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  .calendar {\r\n    display: none;\r\n    max-width: $daterangepicker-width - ($daterangepicker-calendar-margin * 2);\r\n    margin: $daterangepicker-calendar-margin;\r\n\r\n    &.single {\r\n      .calendar-table {\r\n        border: none;\r\n      }\r\n    }\r\n\r\n    th, td {\r\n      white-space: nowrap;\r\n      text-align: center;\r\n\r\n      // TODO: Should this actually be hard-coded?\r\n      min-width: 32px;\r\n    }\r\n  }\r\n\r\n  .calendar-table {\r\n    border: $daterangepicker-calendar-border-size solid $daterangepicker-calendar-border-color;\r\n    padding: $daterangepicker-calendar-margin;\r\n    border-radius: $daterangepicker-calendar-border-radius;\r\n    background-color: $daterangepicker-calendar-bg-color;\r\n  }\r\n\r\n  table {\r\n    width: 100%;\r\n    margin: 0;\r\n  }\r\n\r\n  td, th {\r\n    text-align: center;\r\n    width: $daterangepicker-cell-width;\r\n    height: $daterangepicker-cell-height;\r\n    border-radius: $daterangepicker-cell-border-radius;\r\n    border: $daterangepicker-cell-border-size solid $daterangepicker-cell-border-color;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n\r\n    &.available {\r\n      &:hover {\r\n        //background-color: $daterangepicker-cell-hover-bg-color;\r\n        border-color: $daterangepicker-cell-hover-border-color;\r\n        //color: $daterangepicker-cell-hover-color;\r\n        background-color:$primary-color;\r\n        color:$white;\r\n      }\r\n    }\r\n\r\n    &.week {\r\n      font-size: 80%;\r\n      color: #ccc;\r\n    }\r\n  }\r\n\r\n  td {\r\n    &.off {\r\n      &, &.in-range, &.start-date, &.end-date {\r\n        background-color: $daterangepicker-unselected-bg-color;\r\n        border-color: $daterangepicker-unselected-border-color;\r\n        color: $daterangepicker-unselected-color;\r\n      }\r\n      &.active{\r\n        color:$white;\r\n      }\r\n    }\r\n\r\n    //\r\n    // Date Range\r\n    &.in-range {\r\n      background-color: $daterangepicker-in-range-bg-color;\r\n      border-color: $daterangepicker-in-range-border-color;\r\n      color: $daterangepicker-in-range-color;\r\n\r\n      // TODO: Should this be static or should it be parameterized?\r\n      border-radius: 0;\r\n    }\r\n\r\n    &.start-date {\r\n      border-radius: $daterangepicker-cell-border-radius;\r\n    }\r\n\r\n    &.end-date {\r\n      border-radius: $daterangepicker-cell-border-radius ;\r\n    }\r\n\r\n    &.start-date.end-date {\r\n      border-radius: $daterangepicker-cell-border-radius;\r\n    }\r\n\r\n    &.active {\r\n      &, &:hover {\r\n        background-color: $daterangepicker-active-bg-color;\r\n        border-color: $daterangepicker-active-border-color;\r\n        color: $daterangepicker-active-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  th {\r\n    &.month {\r\n      width: auto;\r\n    }\r\n  }\r\n\r\n  //\r\n  // Disabled Controls\r\n  //\r\n  td, option {\r\n    &.disabled {\r\n      color: #999;\r\n      cursor: not-allowed;\r\n      text-decoration: line-through;\r\n    }\r\n  }\r\n\r\n  select {\r\n    &.monthselect, &.yearselect {\r\n      font-size: 12px;\r\n      padding: 1px;\r\n      height: auto;\r\n      margin: 0;\r\n      cursor: default;\r\n    }\r\n\r\n    &.monthselect {\r\n      margin-right: 2%;\r\n      width: 56%;\r\n    }\r\n\r\n    &.yearselect {\r\n      width: 40%;\r\n    }\r\n\r\n    &.hourselect, &.minuteselect, &.secondselect, &.ampmselect {\r\n      width: 50px;\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  //\r\n  // Text Input Controls (above calendar)\r\n  //\r\n  .input-mini {\r\n    border: $daterangepicker-control-border-size solid $daterangepicker-control-border-color;\r\n    border-radius: $daterangepicker-control-border-radius;\r\n    color: $daterangepicker-control-color;\r\n    height: $daterangepicker-control-line-height;\r\n    line-height: $daterangepicker-control-height;\r\n    display: block;\r\n    vertical-align: middle;\r\n\r\n    // TODO: Should these all be static, too??\r\n    margin: 0 0 5px 0;\r\n    padding: 0 6px 0 28px;\r\n    width: 100%;\r\n\r\n    &.active {\r\n      border: 1px solid $primary-color;\r\n      border-radius: $daterangepicker-control-active-border-radius;\r\n    }\r\n  }\r\n\r\n  .daterangepicker_input {\r\n    position: relative;\r\n\r\n    i {\r\n      position: absolute;\r\n\r\n      // NOTE: These appear to be eyeballed to me...\r\n      left: 8px;\r\n      top: 8px;\r\n    }\r\n  }\r\n  &.rtl {\r\n    .input-mini {\r\n      padding-right: 28px;\r\n      padding-left: 6px;\r\n    }\r\n    .daterangepicker_input i {\r\n      left: auto;\r\n      right: 8px;\r\n    }\r\n  }\r\n\r\n  //\r\n  // Time Picker\r\n  //\r\n  .calendar-time {\r\n    text-align: center;\r\n    margin: 5px auto;\r\n    line-height: $daterangepicker-control-line-height;\r\n    position: relative;\r\n    padding-left: 28px;\r\n\r\n    select {\r\n      &.disabled {\r\n        color: $daterangepicker-control-disabled-color;\r\n        cursor: not-allowed;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//\r\n// Predefined Ranges\r\n//\r\n\r\n.ranges {\r\n  font-size: 11px;\r\n  float: none;\r\n  margin: 4px;\r\n  text-align: left;\r\n\r\n  ul {\r\n    list-style: none;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  li {\r\n    font-size: 14px;\r\n    background-color: rgba(246, 246, 246, 0.6);\r\n    border: 1px solid rgba(246, 246, 246, 0.6);\r\n    border-radius: $daterangepicker-ranges-border-radius;\r\n    color: $daterangepicker-ranges-color;\r\n    padding: 3px 12px;\r\n    margin-bottom: 8px;\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      background-color: $daterangepicker-ranges-hover-bg-color;\r\n      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;\r\n      color: $daterangepicker-ranges-hover-color;\r\n    }\r\n\r\n    &.active {\r\n      background-color: $daterangepicker-ranges-hover-bg-color;\r\n      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;\r\n      color: $daterangepicker-ranges-hover-color;\r\n    }\r\n  }\r\n}\r\n\r\n/*  Larger Screen Styling */\r\n@media (min-width: 564px) {\r\n  .#{$prefix-class} {\r\n    width: auto;\r\n\r\n    .ranges {\r\n      ul {\r\n        width: 160px;\r\n      }\r\n    }\r\n\r\n    &.single {\r\n      .ranges {\r\n        ul {\r\n          width: 100%;\r\n        }\r\n      }\r\n\r\n      .calendar.left {\r\n        clear: none;\r\n      }\r\n\r\n      &.ltr {\r\n        .ranges, .calendar {\r\n          float:left;\r\n        }\r\n      }\r\n      &.rtl {\r\n        .ranges, .calendar {\r\n          float:right;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.ltr {\r\n      direction: ltr;\r\n      text-align: left;\r\n      .calendar{\r\n        &.left {\r\n          clear: left;\r\n          margin-right: 0;\r\n\r\n          .calendar-table {\r\n            border-right: none;\r\n            border-top-right-radius: 0;\r\n            border-bottom-right-radius: 0;\r\n          }\r\n        }\r\n\r\n        &.right {\r\n          margin-left: 0;\r\n\r\n          .calendar-table {\r\n            border-left: none;\r\n            border-top-left-radius: 0;\r\n            border-bottom-left-radius: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      .left .daterangepicker_input {\r\n        padding-right: 12px;\r\n      }\r\n\r\n      .calendar.left .calendar-table {\r\n        padding-right: 12px;\r\n      }\r\n\r\n      .ranges, .calendar {\r\n        float: left;\r\n      }\r\n    }\r\n    &.rtl {\r\n      direction: rtl;\r\n      text-align: right;\r\n      .calendar{\r\n        &.left {\r\n          clear: right;\r\n          margin-left: 0;\r\n\r\n          .calendar-table {\r\n            border-left: none;\r\n            border-top-left-radius: 0;\r\n            border-bottom-left-radius: 0;\r\n          }\r\n        }\r\n\r\n        &.right {\r\n          margin-right: 0;\r\n\r\n          .calendar-table {\r\n            border-right: none;\r\n            border-top-right-radius: 0;\r\n            border-bottom-right-radius: 0;\r\n          }\r\n        }\r\n      }\r\n\r\n      .left .daterangepicker_input {\r\n        padding-left: 12px;\r\n      }\r\n\r\n      .calendar.left .calendar-table {\r\n        padding-left: 12px;\r\n      }\r\n\r\n      .ranges, .calendar {\r\n        text-align: right;\r\n        float: right;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (min-width: 730px) {\r\n  .#{$prefix-class} {\r\n    .ranges {\r\n      width: auto;\r\n    }\r\n    &.ltr {\r\n      .ranges {\r\n        float: left;\r\n      }\r\n    }\r\n    &.rtl {\r\n      .ranges {\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    .calendar.left {\r\n      clear: none !important;\r\n    }\r\n  }\r\n}\r\n",".daterangepicker {\n  position: absolute;\n  color: inherit;\n  background-color: #fff;\n  border-radius: 5px;\n  width: 278px;\n  padding: 4px;\n  margin-top: 1px;\n  font-family: \"Rubik\", sans-serif, sans-serif;\n  top: 100px;\n  left: 20px;\n  box-shadow: 0 4px 14px rgba(174, 197, 231, 0.5);\n  border: none;\n  /* Calendars */\n}\n.daterangepicker:before, .daterangepicker:after {\n  position: absolute;\n  display: inline-block;\n  border-bottom-color: rgba(0, 0, 0, 0.2);\n  content: \"\";\n}\n.daterangepicker:before {\n  top: -7px;\n  border-right: 7px solid transparent;\n  border-left: 7px solid transparent;\n  border-bottom: 7px solid #24695c;\n}\n.daterangepicker:after {\n  top: -6px;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid #fff;\n  border-left: 6px solid transparent;\n}\n.daterangepicker.opensleft:before {\n  right: 9px;\n}\n.daterangepicker.opensleft:after {\n  right: 10px;\n}\n.daterangepicker.openscenter:before {\n  left: 0;\n  right: 0;\n  width: 0;\n  margin-left: auto;\n  margin-right: auto;\n}\n.daterangepicker.openscenter:after {\n  left: 0;\n  right: 0;\n  width: 0;\n  margin-left: auto;\n  margin-right: auto;\n}\n.daterangepicker.opensright:before {\n  left: 9px;\n}\n.daterangepicker.opensright:after {\n  left: 10px;\n}\n.daterangepicker.dropup {\n  margin-top: -5px;\n}\n.daterangepicker.dropup:before {\n  top: initial;\n  bottom: -7px;\n  border-bottom: initial;\n  border-top: 7px solid #ccc;\n}\n.daterangepicker.dropup:after {\n  top: initial;\n  bottom: -6px;\n  border-bottom: initial;\n  border-top: 6px solid #fff;\n}\n.daterangepicker.dropdown-menu {\n  max-width: none;\n  z-index: 3001;\n}\n.daterangepicker.single .ranges, .daterangepicker.single .calendar {\n  float: none;\n}\n.daterangepicker.show-calendar .calendar {\n  display: block;\n}\n.daterangepicker .calendar {\n  display: none;\n  max-width: 270px;\n  margin: 4px;\n}\n.daterangepicker .calendar.single .calendar-table {\n  border: none;\n}\n.daterangepicker .calendar th, .daterangepicker .calendar td {\n  white-space: nowrap;\n  text-align: center;\n  min-width: 32px;\n}\n.daterangepicker .calendar-table {\n  border: 1px solid #fff;\n  padding: 4px;\n  border-radius: 5px;\n  background-color: #fff;\n}\n.daterangepicker table {\n  width: 100%;\n  margin: 0;\n}\n.daterangepicker td, .daterangepicker th {\n  text-align: center;\n  width: 20px;\n  height: 20px;\n  border-radius: 5px;\n  border: 1px solid transparent;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.daterangepicker td.available:hover, .daterangepicker th.available:hover {\n  border-color: transparent;\n  background-color: #24695c;\n  color: #fff;\n}\n.daterangepicker td.week, .daterangepicker th.week {\n  font-size: 80%;\n  color: #ccc;\n}\n.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {\n  background-color: #fff;\n  border-color: transparent;\n  color: #999;\n}\n.daterangepicker td.off.active {\n  color: #fff;\n}\n.daterangepicker td.in-range {\n  background-color: #ebf4f8;\n  border-color: transparent;\n  color: #000;\n  border-radius: 0;\n}\n.daterangepicker td.start-date {\n  border-radius: 5px;\n}\n.daterangepicker td.end-date {\n  border-radius: 5px;\n}\n.daterangepicker td.start-date.end-date {\n  border-radius: 5px;\n}\n.daterangepicker td.active, .daterangepicker td.active:hover {\n  background-color: #357ebd;\n  border-color: transparent;\n  color: #fff;\n}\n.daterangepicker th.month {\n  width: auto;\n}\n.daterangepicker td.disabled, .daterangepicker option.disabled {\n  color: #999;\n  cursor: not-allowed;\n  text-decoration: line-through;\n}\n.daterangepicker select.monthselect, .daterangepicker select.yearselect {\n  font-size: 12px;\n  padding: 1px;\n  height: auto;\n  margin: 0;\n  cursor: default;\n}\n.daterangepicker select.monthselect {\n  margin-right: 2%;\n  width: 56%;\n}\n.daterangepicker select.yearselect {\n  width: 40%;\n}\n.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {\n  width: 50px;\n  margin-bottom: 0;\n}\n.daterangepicker .input-mini {\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  color: #555;\n  height: 30px;\n  line-height: 30px;\n  display: block;\n  vertical-align: middle;\n  margin: 0 0 5px 0;\n  padding: 0 6px 0 28px;\n  width: 100%;\n}\n.daterangepicker .input-mini.active {\n  border: 1px solid #24695c;\n  border-radius: 4px;\n}\n.daterangepicker .daterangepicker_input {\n  position: relative;\n}\n.daterangepicker .daterangepicker_input i {\n  position: absolute;\n  left: 8px;\n  top: 8px;\n}\n.daterangepicker.rtl .input-mini {\n  padding-right: 28px;\n  padding-left: 6px;\n}\n.daterangepicker.rtl .daterangepicker_input i {\n  left: auto;\n  right: 8px;\n}\n.daterangepicker .calendar-time {\n  text-align: center;\n  margin: 5px auto;\n  line-height: 30px;\n  position: relative;\n  padding-left: 28px;\n}\n.daterangepicker .calendar-time select.disabled {\n  color: #ccc;\n  cursor: not-allowed;\n}\n\n.ranges {\n  font-size: 11px;\n  float: none;\n  margin: 4px;\n  text-align: left;\n}\n.ranges ul {\n  list-style: none;\n  margin: 0 auto;\n  padding: 0;\n  width: 100%;\n}\n.ranges li {\n  font-size: 14px;\n  background-color: rgba(246, 246, 246, 0.6);\n  border: 1px solid rgba(246, 246, 246, 0.6);\n  border-radius: 5px;\n  color: #08c;\n  padding: 3px 12px;\n  margin-bottom: 8px;\n  cursor: pointer;\n}\n.ranges li:hover {\n  background-color: #08c;\n  border: 1px solid #08c;\n  color: #fff;\n}\n.ranges li.active {\n  background-color: #08c;\n  border: 1px solid #08c;\n  color: #fff;\n}\n\n/*  Larger Screen Styling */\n@media (min-width: 564px) {\n  .daterangepicker {\n    width: auto;\n  }\n  .daterangepicker .ranges ul {\n    width: 160px;\n  }\n  .daterangepicker.single .ranges ul {\n    width: 100%;\n  }\n  .daterangepicker.single .calendar.left {\n    clear: none;\n  }\n  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {\n    float: left;\n  }\n  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {\n    float: right;\n  }\n  .daterangepicker.ltr {\n    direction: ltr;\n    text-align: left;\n  }\n  .daterangepicker.ltr .calendar.left {\n    clear: left;\n    margin-right: 0;\n  }\n  .daterangepicker.ltr .calendar.left .calendar-table {\n    border-right: none;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .daterangepicker.ltr .calendar.right {\n    margin-left: 0;\n  }\n  .daterangepicker.ltr .calendar.right .calendar-table {\n    border-left: none;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .daterangepicker.ltr .left .daterangepicker_input {\n    padding-right: 12px;\n  }\n  .daterangepicker.ltr .calendar.left .calendar-table {\n    padding-right: 12px;\n  }\n  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {\n    float: left;\n  }\n  .daterangepicker.rtl {\n    direction: rtl;\n    text-align: right;\n  }\n  .daterangepicker.rtl .calendar.left {\n    clear: right;\n    margin-left: 0;\n  }\n  .daterangepicker.rtl .calendar.left .calendar-table {\n    border-left: none;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n  .daterangepicker.rtl .calendar.right {\n    margin-right: 0;\n  }\n  .daterangepicker.rtl .calendar.right .calendar-table {\n    border-right: none;\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n  .daterangepicker.rtl .left .daterangepicker_input {\n    padding-left: 12px;\n  }\n  .daterangepicker.rtl .calendar.left .calendar-table {\n    padding-left: 12px;\n  }\n  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {\n    text-align: right;\n    float: right;\n  }\n}\n@media (min-width: 730px) {\n  .daterangepicker .ranges {\n    width: auto;\n  }\n  .daterangepicker.ltr .ranges {\n    float: left;\n  }\n  .daterangepicker.rtl .ranges {\n    float: right;\n  }\n  .daterangepicker .calendar.left {\n    clear: none !important;\n  }\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"]}