{"version":3,"sources":["vendors/scrollable/_scrollable.scss","utils/_variables.scss"],"names":[],"mappings":"AAGA,8FACE,8BCyB6B,CDxB7B,aAAc,CACf,aAEC,YAAa,CACb,iBAAkB,CAClB,wBCSmB,CDRnB,aAAc,CACd,YAAa,CALf,kCAOI,YAAa,CACd,cAGD,qBAAkB,CAAlB,iBAAkB,CAClB,0BAA2B,CAF7B,8BAII,mBAAoB,CAJxB,wDAMM,wBCJe,CDKf,WAAY,CAPlB,wEASQ,wBCKW,CDdnB,wDAaM,wBCXe,CDYf,WAAY,CAdlB,wEAgBQ,wBCFW,CDdnB,mCAsBM,YAAa,CACb,iBAAkB,CAClB,iBAAkB,CAClB,SAAU,CACV,oEAA6D,CAA7D,4DAA6D,CAC7D,UAAW,CACX,UAAW,CA5BjB,mDA8BQ,iBAAkB,CAClB,wBCjBW,CDkBX,iBAAkB,CAClB,+CAAwC,CAAxC,uCAAwC,CACxC,QAAS,CACT,UAAW,CAnCnB,mCAuCM,SAAU,CACV,SAAU,CACV,YAAa,CACb,iBAAkB,CAClB,iBAAkB,CAClB,SAAU,CACV,oEAAY,CAAZ,4DAA6D,CA7CnE,mDA+CQ,UAAW,CACX,iBAAkB,CAClB,wBCnCW,CDoCX,iBAAkB,CAClB,+CAAwC,CAAxC,uCAAwC,CACxC,OAAQ,CApDhB,oCA0DM,mBAAoB,CA1D1B,8DA4DQ,wBC9CW,CD+CX,WAAY,CA7DpB,8EA+DU,WAAY,CACZ,qBAAuC,CAhEjD,8DAoEQ,wBCtDW,CDuDX,WAAY,CArEpB,8EAuEU,qBAAuC,CAvEjD,yCA6EQ,WAAY,CA7EpB,+CA+EU,wBC7EW,CD8EX,WAAY,CAhFtB,+DAkFY,qBAAuC,CAlFnD,yCAuFQ,WAAY,CAvFpB,+CAyFU,wBCvFW,CDwFX,WAAY,CA1FtB,+DA4FY,wBC9EO,CD+ER,kDAcP,WAAY,CAFhB,kDAKI,WAAY,CACb,gDAIC,YAAa,CAFjB,gDAKI,cAAe","file":"vendors/scrollable.css","sourcesContent":["/*=============Scrollable css start=============*/\r\n\r\n\r\n%scroll-xy {\r\n  background-color: $transparent-color;\r\n  display: block;\r\n}\r\n.scroll-demo {\r\n  padding: 10px;\r\n  position: relative;\r\n  border: 1px solid $light-color;\r\n  overflow: auto;\r\n  height: 300px;\r\n  .horz-scroll-content {\r\n    width: 1600px;\r\n  }\r\n}\r\n.ps-container {\r\n  touch-action: none;\r\n  overflow: hidden !important;\r\n  &.ps-in-scrolling {\r\n    pointer-events: none;\r\n    &.ps-x > .ps-scrollbar-x-rail {\r\n      background-color: $light-color;\r\n      opacity: 0.9;\r\n      > .ps-scrollbar-x {\r\n        background-color: $semi-dark;\r\n      }\r\n    }\r\n    &.ps-y > .ps-scrollbar-y-rail {\r\n      background-color: $light-color;\r\n      opacity: 0.9;\r\n      > .ps-scrollbar-y {\r\n        background-color: $semi-dark;\r\n      }\r\n    }\r\n  }\r\n  > {\r\n    .ps-scrollbar-x-rail {\r\n      display: none;\r\n      position: absolute;\r\n      border-radius: 4px;\r\n      opacity: 0;\r\n      transition: background-color 0.2s linear, opacity 0.2s linear;\r\n      bottom: 3px;\r\n      height: 8px;\r\n      > .ps-scrollbar-x {\r\n        position: absolute;\r\n        background-color: $semi-dark;\r\n        border-radius: 4px;\r\n        transition: background-color 0.2s linear;\r\n        bottom: 0;\r\n        height: 8px;\r\n      }\r\n    }\r\n    .ps-scrollbar-y-rail {\r\n      right: 3px;\r\n      width: 8px;\r\n      display: none;\r\n      position: absolute;\r\n      border-radius: 4px;\r\n      opacity: 0;\r\n      transition: background-color 0.2s linear, opacity 0.2s linear;\r\n      > .ps-scrollbar-y {\r\n        width: 10px;\r\n        position: absolute;\r\n        background-color: $semi-dark;\r\n        border-radius: 4px;\r\n        transition: background-color 0.2s linear;\r\n        right: 0;\r\n      }\r\n    }\r\n  }\r\n  &:hover {\r\n    &.ps-in-scrolling {\r\n      pointer-events: none;\r\n      &.ps-x > .ps-scrollbar-x-rail {\r\n        background-color: $semi-dark;\r\n        opacity: 0.9;\r\n        > .ps-scrollbar-x {\r\n          width: 128px;\r\n          background-color: lighten($black , 60%); ;\r\n        }\r\n      }\r\n      &.ps-y > .ps-scrollbar-y-rail {\r\n        background-color: $semi-dark;\r\n        opacity: 0.9;\r\n        > .ps-scrollbar-y {\r\n          background-color: lighten($black , 60%); ;\r\n        }\r\n      }\r\n    }\r\n    > {\r\n      .ps-scrollbar-x-rail {\r\n        opacity: 0.6;\r\n        &:hover {\r\n          background-color: $light-color;\r\n          opacity: 0.9;\r\n          > .ps-scrollbar-x {\r\n            background-color: lighten($black , 60%); ;\r\n          }\r\n        }\r\n      }\r\n      .ps-scrollbar-y-rail {\r\n        opacity: 0.6;\r\n        &:hover {\r\n          background-color: $light-color;\r\n          opacity: 0.9;\r\n          > .ps-scrollbar-y {\r\n            background-color: $semi-dark;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &.ps-active-x > .ps-scrollbar-x-rail {\r\n    @extend %scroll-xy;\r\n  }\r\n  &.ps-active-y > .ps-scrollbar-y-rail {\r\n    @extend %scroll-xy;\r\n  }\r\n}\r\n.always-visible.ps-container > {\r\n  .ps-scrollbar-x-rail {\r\n    opacity: 0.6;\r\n  }\r\n  .ps-scrollbar-y-rail {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n.large-margin.ps-container > {\r\n  .ps-scrollbar-x-rail {\r\n    margin: 0 25%;\r\n  }\r\n  .ps-scrollbar-y-rail {\r\n    margin: 100px 0;\r\n  }\r\n}\r\n/*=============Scrollable css end=============*/\r\n","// General variables\r\n$theme-font-color: #242934;\r\n$theme-body-font-color: #2b2b2b;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.54);\r\n$body-color: #f4f6fd;\r\n\r\n// Theme colors variables\r\n$primary-color: #6362e7;\r\n$secondary-color: #ffc500;\r\n$success-color: #7dc006;\r\n$info-color: #1d97ff;\r\n$warning-color: #ff8819;\r\n$danger-color: #e52727;\r\n$light-1: #8f97b2;\r\n$light-2: #f4f6fd;\r\n$dark: #1e2f65;\r\n$black: #000;\r\n$white: #fff;\r\n$light: #f4f6fd;\r\n$light-color: #f4f4f4;\r\n$light-gray: #ecf3fa;\r\n$light-widget-border: #efeeff;\r\n$light-semi-gray: #efefef;\r\n$font-gray-color: #6c757d;\r\n$dark-light: $theme-font-color;\r\n$dark-gray: #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$semi-dark: #59667a;\r\n$light-text: #999999;\r\n$light-paragraph: #8f8f8f;\r\n$light-background: #d7e2e9;\r\n$light-font: rgba(27, 49, 85, 0.4);\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$pitch-color: #fe8a7d;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$black: #000;\r\n$white: #fff;\r\n$off-white: #f7f6ff;\r\n$theme-medium-color: #eae8ff;\r\n$dropdown-border-color: #918e99;\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(\r\n  26deg,\r\n  var(--theme-deafult) 0%,\r\n  #a26cf8 100%\r\n);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$insta: radial-gradient(\r\n    circle farthest-corner at 35% 90%,\r\n    #fec564,\r\n    transparent 50%\r\n  ),\r\n  radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),\r\n  radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),\r\n  linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\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-rubik: Rubik;\r\n$font-roboto: \"Roboto\", sans-serif;\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// dark layout variables\r\n$dark-body-background: #1d1e26;\r\n$dark-card-background: #262932;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color: #98a6ad;\r\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\r\n$light-all-font-color: rgba(255, 255, 255, 0.2);\r\n$sidebar-submenu-font-color: rgba(255, 255, 255, 0.6);\r\n$dark-border-color: $dark-body-background;\r\n$dark-card-border: #374558;\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$ancher-color: var(--theme-deafult);\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: var(--theme-deafult);\r\n\r\n$paragraph-font-size: 13px;\r\n$paragraph-line-height: 1.7;\r\n$paragraph-letter-spacing: 0.7px;\r\n\r\n$code-tag-color: var(--theme-deafult);\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: var(--theme-deafult);\r\n$list-group-active-border-color: var(--theme-deafult);\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\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: 0.9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: 0.75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: 0.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: 0.75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\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: 0.75rem 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: 15px;\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: 11px;\r\n$btn-xs-padding: 0.05rem 0.4rem;\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: 15px;\r\n$common-shadow-color: rgba($info-color, 0.08);\r\n$card-box-shadow: 0px 4px 30px rgba(95, 94, 231, 0.07);\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-footer-bg-color: $white;\r\n$card-hover-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);\r\n\r\n//footer settings\r\n$footer_bg_color: $white;\r\n$footer_box_shadow: 0 0 20px rgba(95, 94, 231, 0.07);\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: var(--theme-deafult);\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-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color: var(--theme-deafult);\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$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: var(--theme-deafult);\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 - 115px);\r\n$new-sidebar-height: calc(100vh - 400px);\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($semi-dark, 0.1);\r\n$main-header-shadow-1: 0px 4px 40px rgba(0, 0, 0, 0.07);\r\n\r\n//page settings\r\n$page-body-padding: 0 15px 0 15px;\r\n$page-body-bg-color: $light-color;\r\n$page-body-margin-bottom: 0px;\r\n$page-title-padding: 30px 0px;\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\r\n$page-title-font-size: 25px;\r\n$page-title-margin-bottom: 0;\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//main header left settings\r\n$header-left-bg-color: $white;\r\n$main-header-padding: 27px 22px;\r\n$main-header-z-index: 9;\r\n$header-wrapper-padding: 13px 30px;\r\n$header-wrapper-nav-right: 0px;\r\n$header-wrapper-nav-icon-size: 20px;\r\n$header-wrapper-nav-icon-color: $theme-font-color;\r\n$header-wrapper-nav-icon-align: middle;\r\n$header-size: 136px;\r\n$box-layout-space: 40px;\r\n"]}