{"version":3,"sources":["scrollable/_scrollable.scss","theme/_variables.scss","scrollable.css"],"names":[],"mappings":"AAAA,iDAAA;AAGA;EACE,6BCckB;EDblB,cAAA;AEDF;;AFGA;EACE,aAAA;EACA,kBAAA;EACA,yBAAA;EACA,cAAA;EACA,aAAA;AEAF;AFCE;EACE,aAAA;AECJ;;AFEA;EACE,sBAAA;MAAA,kBAAA;EACA,2BAAA;AECF;AFAE;EACE,oBAAA;AEEJ;AFDI;EACE,yBCZS;EDaT,YAAA;AEGN;AFFM;EACE,yBCLK;ACSb;AFDI;EACE,yBCnBS;EDoBT,YAAA;AEGN;AFFM;EACE,yBCZK;ACgBb;AFCI;EACE,aAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;EACA,qEAAA;EAAA,6DAAA;EACA,WAAA;EACA,WAAA;AECN;AFAM;EACE,kBAAA;EACA,yBC3BK;ED4BL,kBAAA;EACA,gDAAA;EAAA,wCAAA;EACA,SAAA;EACA,WAAA;AEER;AFCI;EACE,UAAA;EACA,UAAA;EACA,aAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA;EACA,qEAAA;EAAA,6DAAA;AECN;AFAM;EACE,WAAA;EACA,kBAAA;EACA,yBC7CK;ED8CL,kBAAA;EACA,gDAAA;EAAA,wCAAA;EACA,QAAA;AEER;AFGI;EACE,oBAAA;AEDN;AFEM;EACE,yBCxDK;EDyDL,YAAA;AEAR;AFCQ;EACE,YAAA;EACA,yBAAA;AECV;AFEM;EACE,yBChEK;EDiEL,YAAA;AEAR;AFCQ;EACE,yBAAA;AECV;AFIM;EACE,YAAA;AEFR;AFGQ;EACE,yBCrFK;EDsFL,YAAA;AEDV;AFEU;EACE,yBAAA;AEAZ;AFIM;EACE,YAAA;AEFR;AFGQ;EACE,yBC/FK;EDgGL,YAAA;AEDV;AFEU;EACE,yBCxFC;ACwFb;AFcE;EACE,YAAA;AEZJ;AFcE;EACE,YAAA;AEZJ;;AFgBE;EACE,aAAA;AEbJ;AFeE;EACE,eAAA;AEbJ;;AFgBA,+CAAA","file":"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-gray;\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-gray;\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-gray;\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-gray;\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-gray;\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: #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","/*=============Scrollable css start=============*/\n.ps-container.ps-active-y > .ps-scrollbar-y-rail, .ps-container.ps-active-x > .ps-scrollbar-x-rail {\n  background-color: transparent;\n  display: block;\n}\n\n.scroll-demo {\n  padding: 10px;\n  position: relative;\n  border: 1px solid #e6edef;\n  overflow: auto;\n  height: 300px;\n}\n.scroll-demo .horz-scroll-content {\n  width: 1600px;\n}\n\n.ps-container {\n  touch-action: none;\n  overflow: hidden !important;\n}\n.ps-container.ps-in-scrolling {\n  pointer-events: none;\n}\n.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {\n  background-color: #e6edef;\n  opacity: 0.9;\n}\n.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  background-color: #59667a;\n}\n.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {\n  background-color: #e6edef;\n  opacity: 0.9;\n}\n.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  background-color: #59667a;\n}\n.ps-container > .ps-scrollbar-x-rail {\n  display: none;\n  position: absolute;\n  border-radius: 4px;\n  opacity: 0;\n  transition: background-color 0.2s linear, opacity 0.2s linear;\n  bottom: 3px;\n  height: 8px;\n}\n.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  position: absolute;\n  background-color: #59667a;\n  border-radius: 4px;\n  transition: background-color 0.2s linear;\n  bottom: 0;\n  height: 8px;\n}\n.ps-container > .ps-scrollbar-y-rail {\n  right: 3px;\n  width: 8px;\n  display: none;\n  position: absolute;\n  border-radius: 4px;\n  opacity: 0;\n  transition: background-color 0.2s linear, opacity 0.2s linear;\n}\n.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  width: 10px;\n  position: absolute;\n  background-color: #59667a;\n  border-radius: 4px;\n  transition: background-color 0.2s linear;\n  right: 0;\n}\n.ps-container:hover.ps-in-scrolling {\n  pointer-events: none;\n}\n.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {\n  background-color: #59667a;\n  opacity: 0.9;\n}\n.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {\n  width: 128px;\n  background-color: #999999;\n}\n.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {\n  background-color: #59667a;\n  opacity: 0.9;\n}\n.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {\n  background-color: #999999;\n}\n.ps-container:hover > .ps-scrollbar-x-rail {\n  opacity: 0.6;\n}\n.ps-container:hover > .ps-scrollbar-x-rail:hover {\n  background-color: #e6edef;\n  opacity: 0.9;\n}\n.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {\n  background-color: #999999;\n}\n.ps-container:hover > .ps-scrollbar-y-rail {\n  opacity: 0.6;\n}\n.ps-container:hover > .ps-scrollbar-y-rail:hover {\n  background-color: #e6edef;\n  opacity: 0.9;\n}\n.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {\n  background-color: #59667a;\n}\n.always-visible.ps-container > .ps-scrollbar-x-rail {\n  opacity: 0.6;\n}\n.always-visible.ps-container > .ps-scrollbar-y-rail {\n  opacity: 0.6;\n}\n\n.large-margin.ps-container > .ps-scrollbar-x-rail {\n  margin: 0 25%;\n}\n.large-margin.ps-container > .ps-scrollbar-y-rail {\n  margin: 100px 0;\n}\n\n/*=============Scrollable css end=============*/"]}