1 line
37 KiB
Plaintext
1 line
37 KiB
Plaintext
{"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"]} |