{"version":3,"sources":["time-picker/_timepicker.scss","timepicker.css","theme/_variables.scss"],"names":[],"mappings":"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","file":"timepicker.css","sourcesContent":["//colors\r\n$color_tropical_blue_approx: lighten(#4466f2 ,33%);\r\n$color_cerulean_25_approx: lighten(#4466f2 ,35%);\r\n@import \"../theme/variables\";\r\n\r\n%function-1 {\r\n  position: absolute;\r\n  display: block;\r\n  width: 0;\r\n  height: 0;\r\n  border-color: transparent;\r\n  border-style: solid;\r\n  overflow: visible;\r\n  margin: 0;\r\n  padding: 0;\r\n  z-index: auto;\r\n  background-color: transparent;\r\n  box-shadow: none;\r\n  bottom: auto;\r\n  left: auto;\r\n  right: auto;\r\n  top: auto;\r\n  transform: none;\r\n}\r\n%function-2 {\r\n  background-image: none;\r\n  outline: 0;\r\n  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\r\n}\r\n%function-3 {\r\n  color: #333;\r\n  background-color: #ebebeb;\r\n  border-color: #adadad;\r\n}\r\n\r\n%function-4 {\r\n  width: 200px;\r\n  height: 200px;\r\n  position: absolute;\r\n  left: -1px;\r\n  top: -1px;\r\n}\r\n\r\n\r\n.popover {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1010;\r\n  display: none;\r\n  max-width: 276px;\r\n  text-align: left;\r\n  white-space: normal;\r\n  background-color: #ffffff;\r\n  background-clip: padding-box;\r\n  border-radius: 6px;\r\n  box-shadow: 1px 1px 2px 1px #e2e2e2;\r\n  border: 0px solid transparent;\r\n  &.top {\r\n    margin-top: -10px;\r\n    > .arrow {\r\n      bottom: -11px;\r\n      left: 50%;\r\n      margin-left: -11px;\r\n      border-top-color: #e6e6e6;\r\n      border-bottom-width: 0;\r\n      &:after {\r\n        bottom: 1px;\r\n        margin-left: -10px;\r\n        content: \" \";\r\n        border-top-color: #ffffff;\r\n        border-bottom-width: 0;\r\n      }\r\n    }\r\n  }\r\n  &.right {\r\n    margin-left: 10px;\r\n    > .arrow {\r\n      top: 50%;\r\n      left: -11px;\r\n      margin-top: -11px;\r\n      border-right-color: rgba(0,0,0,.25);\r\n      border-left-width: 0;\r\n      &:after {\r\n        bottom: -10px;\r\n        left: 1px;\r\n        content: \" \";\r\n        border-right-color: #ffffff;\r\n        border-left-width: 0;\r\n      }\r\n    }\r\n  }\r\n  &.bottom {\r\n    margin-top: 10px;\r\n    > .arrow {\r\n      top: -11px;\r\n      left: 50%;\r\n      margin-left: -11px;\r\n      border-top-width: 0;\r\n      border-bottom-color: rgb(230, 230, 230);\r\n      &:after {\r\n        top: 1px;\r\n        margin-left: -10px;\r\n        content: \" \";\r\n        border-top-width: 0;\r\n        border-bottom-color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n  &.left {\r\n    margin-left: -10px;\r\n    > .arrow {\r\n      top: 50%;\r\n      right: -22px;\r\n      margin-top: -11px;\r\n      border-right-width: 0;\r\n      border-left-color: #e6e6e6;\r\n      &:after {\r\n        right: 7px;\r\n        bottom: -10px;\r\n        content: \" \";\r\n        border-right-width: 0;\r\n        border-left-color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n  > .arrow {\r\n    @extend %function-1;\r\n    border-width: 11px;\r\n    &:after {\r\n      @extend %function-1;\r\n      content: \"\";\r\n      border-width: 10px;\r\n    }\r\n  }\r\n}\r\n.popover-title {\r\n  padding: 8px 14px;\r\n  margin: 0;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 18px;\r\n  background-color: #f7f7f7;\r\n  border-bottom: 1px solid #ebebeb;\r\n  border-radius: 5px 5px 0 0;\r\n}\r\n.popover-content {\r\n  padding: 9px 14px;\r\n  &:last-child {\r\n    border-bottom-left-radius: 5px;\r\n    border-bottom-right-radius: 5px;\r\n  }\r\n}\r\n.btn {\r\n  cursor: pointer;\r\n  user-select: none;\r\n  background-image: none;\r\n  border: 1px solid transparent;\r\n  &.active {\r\n    @extend %function-2;\r\n    &:focus {\r\n      outline: dotted thin;\r\n      outline-offset: -2px;\r\n    }\r\n  }\r\n  &:active {\r\n    @extend %function-2;\r\n    &:focus {\r\n      outline: dotted thin;\r\n      outline-offset: -2px;\r\n    }\r\n  }\r\n  &:focus {\r\n    outline: dotted thin;\r\n    outline-offset: -2px;\r\n    color: #333;\r\n    text-decoration: none;\r\n  }\r\n  &:hover {\r\n    color: #333;\r\n    text-decoration: none;\r\n  }\r\n}\r\n.btn-default {\r\n  color: #333;\r\n  background-color: #ffffff;\r\n  border-color: #ccc;\r\n  &.active {\r\n    @extend %function-3;\r\n    background-image: none;\r\n  }\r\n  &:active {\r\n    @extend %function-3;\r\n    background-image: none;\r\n  }\r\n  &:focus {\r\n    @extend %function-3;\r\n  }\r\n  &:hover {\r\n    @extend %function-3;\r\n  }\r\n}\r\n.btn-block {\r\n  display: block;\r\n  width: 100%;\r\n}\r\n.clockpicker-moving {\r\n  cursor: move;\r\n}\r\n.clockpicker-popover {\r\n  .popover-title {\r\n    background-color:$white;\r\n    color:#999;   \r\n    font-size:24px;\r\n    font-weight:700;\r\n    line-height:30px;\r\n    text-align:center;\r\n    span {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .popover-content {     \r\n    padding:12px;   \r\n  }\r\n}\r\n.clockpicker-plate{\r\n  background-color:#ffffff; \r\n  border-radius: 50%;\r\n  width: 200px;\r\n  height: 200px;\r\n  overflow: visible;\r\n  position: relative;\r\n  user-select: none;\r\n}\r\n.clockpicker-canvas {\r\n  @extend %function-4;\r\n  transition: opacity 175ms;\r\n  line {\r\n    stroke: #4466f2;\r\n    stroke-width: 1;\r\n    stroke-linecap: round;\r\n  }\r\n}\r\n.clockpicker-dial {\r\n  @extend %function-4;\r\n  transition: transform 350ms,opacity 350ms;\r\n}\r\n.clockpicker-minutes {\r\n  visibility: hidden;\r\n  &.clockpicker-dial-out {\r\n    transform: scale(.8,.8);\r\n  }\r\n}\r\n.clockpicker-tick {\r\n  border-radius: 50%;\r\n  color: #666;\r\n  line-height: 26px;\r\n  text-align: center;\r\n  width: 26px;\r\n  height: 26px;\r\n  position: absolute;\r\n  cursor: pointer;\r\n  &.active {\r\n    background-color: $color_tropical_blue_approx;   \r\n    color: #fff;\r\n  }\r\n  &:hover {\r\n    color: #fff;\r\n    background-color: $color_tropical_blue_approx;\r\n  }\r\n}\r\n.clockpicker-button {\r\n  background-image: none;\r\n  background-color: #ffffff;\r\n  border-width: 1px 0 0;\r\n  border-top-left-radius: 0;\r\n  border-top-right-radius: 0;\r\n  margin: 0;\r\n  padding: 10px 0;\r\n  &:hover {\r\n    background-image: none;\r\n    background-color: #ebebeb;\r\n  }\r\n  &:focus {\r\n    outline: 0!important;\r\n  }\r\n  &.am-button {\r\n    margin: 1px;\r\n    padding: 5px;\r\n    border: 1px solid rgba(0,0,0,.2);\r\n    border-radius: 4px;\r\n  }\r\n  &.pm-button {\r\n    margin: 1px 1px 1px 136px;\r\n    padding: 5px;\r\n    border: 1px solid rgba(0,0,0,.2);\r\n    border-radius: 4px;\r\n  }\r\n}\r\n.clockpicker-dial-out {\r\n  opacity: 0;\r\n}\r\n.clockpicker-canvas-out {\r\n  opacity: .25;\r\n}\r\n.clockpicker-canvas-bearing {\r\n  stroke: none;\r\n  fill: #4466f2;\r\n}\r\n.clockpicker-canvas-fg {\r\n  stroke: none;\r\n  fill: #4466f2;\r\n}\r\n.clockpicker-canvas-bg {\r\n  stroke: none;\r\n  fill: $color_tropical_blue_approx;\r\n}\r\n.clockpicker-canvas-bg-trans {\r\n  fill: $color_cerulean_25_approx;\r\n}\r\n.open .dropdown-toggle.btn-default {\r\n  @extend %function-3;\r\n  background-image: none;\r\n}\r\n.clockpicker .input-group-addon {\r\n  cursor: pointer;\r\n}\r\n.clockpicker-align-left.popover > .arrow {\r\n  left: 25px;\r\n}\r\n.clockpicker-align-top.popover > .arrow {\r\n  top: 17px;\r\n}\r\n.clockpicker-align-right.popover > .arrow {\r\n  left: auto;\r\n  right: 25px;\r\n}\r\n.clockpicker-align-bottom.popover > .arrow {\r\n  top: auto;\r\n  bottom: 6px;\r\n}\r\n.clockpicker-hours.clockpicker-dial-out {\r\n  transform: scale(1.2,1.2);\r\n}",".popover > .arrow:after, .popover > .arrow {\n  position: absolute;\n  display: block;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n  overflow: visible;\n  margin: 0;\n  padding: 0;\n  z-index: auto;\n  background-color: transparent;\n  box-shadow: none;\n  bottom: auto;\n  left: auto;\n  right: auto;\n  top: auto;\n  transform: none;\n}\n\n.btn:active, .btn.active {\n  background-image: none;\n  outline: 0;\n  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n\n.open .dropdown-toggle.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {\n  color: #333;\n  background-color: #ebebeb;\n  border-color: #adadad;\n}\n\n.clockpicker-dial, .clockpicker-canvas {\n  width: 200px;\n  height: 200px;\n  position: absolute;\n  left: -1px;\n  top: -1px;\n}\n\n.popover {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1010;\n  display: none;\n  max-width: 276px;\n  text-align: left;\n  white-space: normal;\n  background-color: #ffffff;\n  background-clip: padding-box;\n  border-radius: 6px;\n  box-shadow: 1px 1px 2px 1px #e2e2e2;\n  border: 0px solid transparent;\n}\n.popover.top {\n  margin-top: -10px;\n}\n.popover.top > .arrow {\n  bottom: -11px;\n  left: 50%;\n  margin-left: -11px;\n  border-top-color: #e6e6e6;\n  border-bottom-width: 0;\n}\n.popover.top > .arrow:after {\n  bottom: 1px;\n  margin-left: -10px;\n  content: \" \";\n  border-top-color: #ffffff;\n  border-bottom-width: 0;\n}\n.popover.right {\n  margin-left: 10px;\n}\n.popover.right > .arrow {\n  top: 50%;\n  left: -11px;\n  margin-top: -11px;\n  border-right-color: rgba(0, 0, 0, 0.25);\n  border-left-width: 0;\n}\n.popover.right > .arrow:after {\n  bottom: -10px;\n  left: 1px;\n  content: \" \";\n  border-right-color: #ffffff;\n  border-left-width: 0;\n}\n.popover.bottom {\n  margin-top: 10px;\n}\n.popover.bottom > .arrow {\n  top: -11px;\n  left: 50%;\n  margin-left: -11px;\n  border-top-width: 0;\n  border-bottom-color: rgb(230, 230, 230);\n}\n.popover.bottom > .arrow:after {\n  top: 1px;\n  margin-left: -10px;\n  content: \" \";\n  border-top-width: 0;\n  border-bottom-color: #ffffff;\n}\n.popover.left {\n  margin-left: -10px;\n}\n.popover.left > .arrow {\n  top: 50%;\n  right: -22px;\n  margin-top: -11px;\n  border-right-width: 0;\n  border-left-color: #e6e6e6;\n}\n.popover.left > .arrow:after {\n  right: 7px;\n  bottom: -10px;\n  content: \" \";\n  border-right-width: 0;\n  border-left-color: #ffffff;\n}\n.popover > .arrow {\n  border-width: 11px;\n}\n.popover > .arrow:after {\n  content: \"\";\n  border-width: 10px;\n}\n\n.popover-title {\n  padding: 8px 14px;\n  margin: 0;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 18px;\n  background-color: #f7f7f7;\n  border-bottom: 1px solid #ebebeb;\n  border-radius: 5px 5px 0 0;\n}\n\n.popover-content {\n  padding: 9px 14px;\n}\n.popover-content:last-child {\n  border-bottom-left-radius: 5px;\n  border-bottom-right-radius: 5px;\n}\n\n.btn {\n  cursor: pointer;\n  user-select: none;\n  background-image: none;\n  border: 1px solid transparent;\n}\n.btn.active:focus {\n  outline: dotted thin;\n  outline-offset: -2px;\n}\n.btn:active:focus {\n  outline: dotted thin;\n  outline-offset: -2px;\n}\n.btn:focus {\n  outline: dotted thin;\n  outline-offset: -2px;\n  color: #333;\n  text-decoration: none;\n}\n.btn:hover {\n  color: #333;\n  text-decoration: none;\n}\n\n.btn-default {\n  color: #333;\n  background-color: #ffffff;\n  border-color: #ccc;\n}\n.btn-default.active {\n  background-image: none;\n}\n.btn-default:active {\n  background-image: none;\n}\n.btn-block {\n  display: block;\n  width: 100%;\n}\n\n.clockpicker-moving {\n  cursor: move;\n}\n\n.clockpicker-popover .popover-title {\n  background-color: #fff;\n  color: #999;\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n}\n.clockpicker-popover .popover-title span {\n  cursor: pointer;\n}\n.clockpicker-popover .popover-content {\n  padding: 12px;\n}\n\n.clockpicker-plate {\n  background-color: #ffffff;\n  border-radius: 50%;\n  width: 200px;\n  height: 200px;\n  overflow: visible;\n  position: relative;\n  user-select: none;\n}\n\n.clockpicker-canvas {\n  transition: opacity 175ms;\n}\n.clockpicker-canvas line {\n  stroke: #4466f2;\n  stroke-width: 1;\n  stroke-linecap: round;\n}\n\n.clockpicker-dial {\n  transition: transform 350ms, opacity 350ms;\n}\n\n.clockpicker-minutes {\n  visibility: hidden;\n}\n.clockpicker-minutes.clockpicker-dial-out {\n  transform: scale(0.8, 0.8);\n}\n\n.clockpicker-tick {\n  border-radius: 50%;\n  color: #666;\n  line-height: 26px;\n  text-align: center;\n  width: 26px;\n  height: 26px;\n  position: absolute;\n  cursor: pointer;\n}\n.clockpicker-tick.active {\n  background-color: #e1e7fd;\n  color: #fff;\n}\n.clockpicker-tick:hover {\n  color: #fff;\n  background-color: #e1e7fd;\n}\n\n.clockpicker-button {\n  background-image: none;\n  background-color: #ffffff;\n  border-width: 1px 0 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  margin: 0;\n  padding: 10px 0;\n}\n.clockpicker-button:hover {\n  background-image: none;\n  background-color: #ebebeb;\n}\n.clockpicker-button:focus {\n  outline: 0 !important;\n}\n.clockpicker-button.am-button {\n  margin: 1px;\n  padding: 5px;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n.clockpicker-button.pm-button {\n  margin: 1px 1px 1px 136px;\n  padding: 5px;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  border-radius: 4px;\n}\n\n.clockpicker-dial-out {\n  opacity: 0;\n}\n\n.clockpicker-canvas-out {\n  opacity: 0.25;\n}\n\n.clockpicker-canvas-bearing {\n  stroke: none;\n  fill: #4466f2;\n}\n\n.clockpicker-canvas-fg {\n  stroke: none;\n  fill: #4466f2;\n}\n\n.clockpicker-canvas-bg {\n  stroke: none;\n  fill: #e1e7fd;\n}\n\n.clockpicker-canvas-bg-trans {\n  fill: #ebeffe;\n}\n\n.open .dropdown-toggle.btn-default {\n  background-image: none;\n}\n\n.clockpicker .input-group-addon {\n  cursor: pointer;\n}\n\n.clockpicker-align-left.popover > .arrow {\n  left: 25px;\n}\n\n.clockpicker-align-top.popover > .arrow {\n  top: 17px;\n}\n\n.clockpicker-align-right.popover > .arrow {\n  left: auto;\n  right: 25px;\n}\n\n.clockpicker-align-bottom.popover > .arrow {\n  top: auto;\n  bottom: 6px;\n}\n\n.clockpicker-hours.clockpicker-dial-out {\n  transform: scale(1.2, 1.2);\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"]}