{"version":3,"sources":["jsgrid.css","jsgrid/_jsgrid.scss","theme/_variables.scss","jsgrid/_jsgrid-theme.scss"],"names":[],"mappings":"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","file":"jsgrid.css","sourcesContent":["@charset \"UTF-8\";\n.jsgrid {\n  position: relative;\n  overflow: hidden;\n  font-size: 1em;\n  box-sizing: border-box;\n}\n.jsgrid * {\n  box-sizing: border-box;\n}\n.jsgrid :after {\n  box-sizing: border-box;\n}\n.jsgrid :before {\n  box-sizing: border-box;\n}\n.jsgrid input {\n  font-size: 1em;\n}\n.jsgrid select {\n  font-size: 1em;\n}\n.jsgrid textarea {\n  font-size: 1em;\n}\n\n.jsgrid-grid-header {\n  overflow-x: hidden;\n  overflow-y: scroll;\n  user-select: none;\n}\n\n.jsgrid-grid-body {\n  overflow-x: auto;\n  overflow-y: scroll;\n}\n\n.jsgrid-table {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\n.jsgrid-cell {\n  padding: 0.5em;\n}\n\n.jsgrid-header-cell {\n  box-sizing: border-box;\n  padding: 0.5em;\n}\n\n.jsgrid-сell {\n  box-sizing: border-box;\n}\n\n.jsgrid-align-left {\n  text-align: left;\n}\n\n.jsgrid-align-center {\n  text-align: center;\n}\n.jsgrid-align-center input {\n  text-align: center;\n}\n.jsgrid-align-center select {\n  text-align: center;\n}\n.jsgrid-align-center textarea {\n  text-align: center;\n}\n\n.jsgrid-align-right {\n  text-align: right;\n}\n.jsgrid-align-right input {\n  text-align: right;\n}\n.jsgrid-align-right select {\n  text-align: right;\n}\n.jsgrid-align-right textarea {\n  text-align: right;\n}\n\n.jsgrid-edit-row input {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-edit-row select {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-edit-row textarea {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-edit-row input[type=checkbox] {\n  width: auto;\n}\n\n.jsgrid-filter-row input {\n  width: 100%;\n  padding: 0.3em 0.5em;\n  background-color: #f5f7fb;\n  border: none;\n  box-shadow: none;\n  outline: none;\n}\n.jsgrid-filter-row select {\n  width: 100%;\n  padding: 0.3em 0.5em;\n  background-color: #f5f7fb;\n  border: none;\n  box-shadow: none;\n  outline: none;\n}\n.jsgrid-filter-row textarea {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-filter-row input[type=checkbox] {\n  width: auto;\n}\n\n.jsgrid-insert-row input {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-insert-row select {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-insert-row textarea {\n  width: 100%;\n  padding: 0.3em 0.5em;\n}\n.jsgrid-insert-row input[type=checkbox] {\n  width: auto;\n}\n\n.jsgrid-header-sort {\n  cursor: pointer;\n}\n\n.jsgrid-pager {\n  padding: 0.5em 0;\n}\n\n.jsgrid-pager-nav-button {\n  padding: 0.2em 0.6em;\n}\n\n.jsgrid-pager-nav-inactive-button {\n  display: none;\n  pointer-events: none;\n}\n\n.jsgrid-pager-page {\n  padding: 0.2em 0.6em;\n}\n\n.jsgrid-selected-row .jsgrid-cell {\n  cursor: pointer;\n}\n\n.jsgrid-nodata-row .jsgrid-cell {\n  padding: 0.5em 0;\n  text-align: center;\n}\n\n.jsgrid-grid-body {\n  border: 1px solid #e9e9e9;\n  border-top: none;\n}\n.jsgrid-grid-body .jsgrid-cell:first-child {\n  border-left: none;\n}\n.jsgrid-grid-body .jsgrid-cell:last-child {\n  border-right: none;\n}\n.jsgrid-grid-body .jsgrid-alt-row:first-child .jsgrid-cell {\n  border-top: none;\n}\n.jsgrid-grid-body .jsgrid-row:first-child .jsgrid-cell {\n  border-top: none;\n}\n\n.jsgrid-grid-header {\n  border: 1px solid #e9e9e9;\n  background-color: #f5f7fb;\n}\n\n.jsgrid-header-row .jsgrid-align-left {\n  text-align: center;\n}\n.jsgrid-header-row .jsgrid-align-right {\n  text-align: center;\n}\n.jsgrid-header-row .jsgrid-header-sort {\n  background: #c4e2ff;\n}\n.jsgrid-header-row > .jsgrid-header-cell {\n  border: 1px solid #e9e9e9;\n  border-top: 0;\n  background-color: #f5f7fb;\n  border-bottom: 0;\n}\n.jsgrid-header-row > .jsgrid-header-cell:first-child {\n  border-left: none;\n}\n.jsgrid-header-row > .jsgrid-header-cell:last-child {\n  border-right: none;\n}\n\n.jsgrid-header-scrollbar {\n  scrollbar-arrow-color: #f1f1f1;\n  scrollbar-base-color: #f1f1f1;\n  scrollbar-3dlight-color: #f1f1f1;\n  scrollbar-highlight-color: #f1f1f1;\n  scrollbar-track-color: #f1f1f1;\n  scrollbar-shadow-color: #f1f1f1;\n  scrollbar-dark-shadow-color: #f1f1f1;\n}\n\n.jsgrid-header-scrollbar::-webkit-scrollbar {\n  visibility: hidden;\n}\n\n.jsgrid-header-scrollbar::-webkit-scrollbar-track {\n  background: #f1f1f1;\n}\n\n.jsgrid-cell {\n  border: 1px solid #f3f3f3;\n}\n\n.jsgrid-invalid input {\n  background: #ffe3e5;\n  border: 1px solid #ff808a;\n}\n.jsgrid-invalid select {\n  background: #ffe3e5;\n  border: 1px solid #ff808a;\n}\n.jsgrid-invalid textarea {\n  background: #ffe3e5;\n  border: 1px solid #ff808a;\n}\n\n.jsgrid-pager-current-page {\n  font-weight: 700;\n}\n\n.jsgrid-button:hover {\n  opacity: 0.5;\n  transition: opacity 200ms linear;\n}\n.jsgrid-button + .jsgrid-button {\n  margin-left: 5px;\n}\n\n.jsgrid .jsgrid-button {\n  width: 16px;\n  height: 16px;\n  border: none;\n  cursor: pointer;\n  background-image: url(../images/js-grid.png);\n  background-repeat: no-repeat;\n  background-color: transparent;\n}\n.jsgrid .jsgrid-mode-button {\n  width: 24px;\n  height: 24px;\n}\n\n@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {\n  .jsgrid .jsgrid-button {\n    background-image: url(../images/js-grid.png);\n    background-size: 24px 352px;\n  }\n}\n.jsgrid-mode-on-button {\n  opacity: 0.5;\n}\n\n.jsgrid-cancel-edit-button {\n  background-position: 0 0;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-clear-filter-button {\n  background-position: 0 -40px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-delete-button {\n  background-position: 0 -80px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-edit-button {\n  background-position: 0 -120px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-insert-mode-button {\n  background-position: 0 -160px;\n  width: 24px;\n  height: 24px;\n}\n\n.jsgrid-insert-button {\n  background-position: 0 -208px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-search-mode-button {\n  background-position: 0 -248px;\n  width: 24px;\n  height: 24px;\n}\n\n.jsgrid-search-button {\n  background-position: 0 -296px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-update-button {\n  background-position: 0 -336px;\n  width: 16px;\n  height: 16px;\n}\n\n.jsgrid-load-shader {\n  background: #ddd;\n  opacity: 0.5;\n  filter: alpha(opacity=50);\n}\n\n.jsgrid-load-panel {\n  width: 15em;\n  height: 5em;\n  background: #fff;\n  border: 1px solid #e9e9e9;\n  padding-top: 3em;\n  text-align: center;\n}\n.jsgrid-load-panel:before {\n  content: \" \";\n  position: absolute;\n  top: 0.5em;\n  left: 50%;\n  margin-left: -1em;\n  width: 2em;\n  height: 2em;\n  border: 2px solid #009a67;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: indicator 1s linear infinite;\n}\n\n@-webkit-keyframes indicator {}\n@keyframes indicator {\n  from {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(180deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.jsgrid-edit-row > .jsgrid-cell {\n  border: 1px solid #e9e9e9;\n  background: #fdffe3;\n}\n\n.jsgrid-filter-row > .jsgrid-cell {\n  border: 1px solid #e9e9e9;\n  border-bottom: 0;\n  background-color: rgba(36, 105, 92, 0.04);\n}\n.jsgrid-filter-row > .jsgrid-cell:first-child {\n  border-left: none;\n}\n.jsgrid-filter-row > .jsgrid-cell:last-child {\n  border-right: none;\n}\n\n.jsgrid-insert-row > .jsgrid-cell {\n  border: 1px solid #e9e9e9;\n  border-bottom: 0;\n  background-color: #f5f7fb;\n}\n.jsgrid-insert-row > .jsgrid-cell:first-child {\n  border-left: none;\n}\n.jsgrid-insert-row > .jsgrid-cell:last-child {\n  border-right: none;\n}\n\n.jsgrid-header-sortable:hover {\n  cursor: pointer;\n  background: #f9f9f9;\n}\n\n.jsgrid-header-sort:before {\n  content: \" \";\n  display: block;\n  float: right;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  margin-top: 8px;\n  margin-right: 9px;\n}\n\n.jsgrid-header-sort-asc:before {\n  border-width: 0 5px 5px;\n  border-color: transparent transparent #ffc412;\n}\n\n.jsgrid-header-sort-desc:before {\n  border-width: 5px 5px 0;\n  border-color: #ffc412 transparent transparent;\n}\n\n.jsgrid-row > .jsgrid-cell {\n  background-color: #f5f7fb;\n}\n\n.jsgrid-alt-row > .jsgrid-cell {\n  background-color: #f5f7fb;\n  background-color: rgba(36, 105, 92, 0.04);\n}\n\n.jsgrid-selected-row > .jsgrid-cell {\n  background: #c4e2ff;\n  border-color: #c4e2ff;\n}\n\n.jsgrid-nodata-row > .jsgrid-cell {\n  background: #fff;\n}\n\n.jsgrid-pager-nav-inactive-button a {\n  color: #d3d3d3;\n}","@import \"../theme/variables\";\r\n.jsgrid {\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\tfont-size: 1em;\r\n\t//Instead of the line below you could use @include box-sizing($bs)\r\n\tbox-sizing: border-box;\r\n\t* {\r\n\t\t//Instead of the line below you could use @include box-sizing($bs)\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t:after {\r\n\t\t//Instead of the line below you could use @include box-sizing($bs)\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t:before {\r\n\t\t//Instead of the line below you could use @include box-sizing($bs)\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\tinput {\r\n\t\tfont-size: 1em;\r\n\t}\r\n\tselect {\r\n\t\tfont-size: 1em;\r\n\t}\r\n\ttextarea {\r\n\t\tfont-size: 1em;\r\n\t}\r\n}\r\n.jsgrid-grid-header {\r\n\toverflow-x: hidden;\r\n\toverflow-y: scroll;\r\n\t//Instead of the line below you could use @include user-select($select)\r\n\tuser-select: none;\r\n}\r\n.jsgrid-grid-body {\r\n\toverflow-x: auto;\r\n\toverflow-y: scroll;\r\n}\r\n.jsgrid-table {\r\n\twidth: 100%;\r\n\ttable-layout: fixed;\r\n\tborder-collapse: collapse;\r\n\tborder-spacing: 0;\r\n}\r\n.jsgrid-cell {\r\n\tpadding: .5em;\r\n}\r\n.jsgrid-header-cell {\r\n\t//Instead of the line below you could use @include box-sizing($bs)\r\n\tbox-sizing: border-box;\r\n\tpadding: .5em;\r\n}\r\n.jsgrid-сell {\r\n\t//Instead of the line below you could use @include box-sizing($bs)\r\n\tbox-sizing: border-box;\r\n}\r\n.jsgrid-align-left {\r\n\ttext-align: left;\r\n}\r\n.jsgrid-align-center {\r\n\ttext-align: center;\r\n\tinput {\r\n\t\ttext-align: center;\r\n\t}\r\n\tselect {\r\n\t\ttext-align: center;\r\n\t}\r\n\ttextarea {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n.jsgrid-align-right {\r\n\ttext-align: right;\r\n\tinput {\r\n\t\ttext-align: right;\r\n\t}\r\n\tselect {\r\n\t\ttext-align: right;\r\n\t}\r\n\ttextarea {\r\n\t\ttext-align: right;\r\n\t}\r\n}\r\n.jsgrid-edit-row {\r\n\tinput {\r\n\t\twidth:100%;\r\n\t\tpadding:.3em .5em;\t\r\n\t\t\r\n\t}\r\n\tselect {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\ttextarea {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\tinput[type=checkbox] {\r\n\t\twidth: auto;\r\n\t}\r\n}\r\n.jsgrid-filter-row {\r\n\tinput {\r\n\t\twidth:100%;\r\n\t\tpadding:.3em .5em;\r\n\t\tbackground-color:$light-background;\r\n\t\tborder:none;\t\r\n\t\tbox-shadow: none;\r\n\t\toutline:none;\r\n\t}\r\n\tselect {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t\tbackground-color:$light-background;\r\n\t\tborder:none;\t\r\n\t\tbox-shadow: none;\r\n\t\toutline:none;\r\n\t\t}\r\n\ttextarea {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\tinput[type=checkbox] {\r\n\t\twidth: auto;\r\n\t}\r\n}\r\n.jsgrid-insert-row {\r\n\tinput {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\tselect {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\ttextarea {\r\n\t\twidth: 100%;\r\n\t\tpadding: .3em .5em;\r\n\t}\r\n\tinput[type=checkbox] {\r\n\t\twidth: auto;\r\n\t}\r\n}\r\n.jsgrid-header-sort {\r\n\tcursor: pointer;\r\n}\r\n.jsgrid-pager {\r\n\tpadding: .5em 0;\r\n}\r\n.jsgrid-pager-nav-button {\r\n\tpadding: .2em .6em;\r\n}\r\n.jsgrid-pager-nav-inactive-button {\r\n\tdisplay: none;\r\n\tpointer-events: none;\r\n}\r\n.jsgrid-pager-page {\r\n\tpadding: .2em .6em;\r\n}\r\n.jsgrid-selected-row .jsgrid-cell {\r\n\tcursor: pointer;\r\n}\r\n.jsgrid-nodata-row .jsgrid-cell {\r\n\tpadding: .5em 0;\r\n\ttext-align: center;\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","///////////////////JsGrid tables css\r\n\r\n//colors\r\n$color_gray_nurse_approx: #e9e9e9;\r\n$color_alabaster_approx: #f9f9f9;\r\n$seashell: #f1f1f1;\r\n$color_tropical_blue_approx: #c4e2ff;\r\n$color_lightning_yellow_approx: #ffc412;\r\n$color_concrete_approx: #f3f3f3;\r\n$white: #fff;\r\n$color_hint_of_green_approx: #e3ffe5;\r\n$color_half_and_half_approx: #fdffe3;\r\n$color_pippin_approx: #ffe3e5;\r\n$color_geraldine_approx: #ff808a;\r\n$color_quill_gray_approx: #d3d3d3;\r\n$color_alto_approx: #ddd;\r\n$color_green_haze_approx: #009a67;\r\n\r\n//urls\r\n$url_0: url(../images/js-grid.png);\r\n@import \"../theme/variables\";\r\n\r\n.jsgrid-grid-body {\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\tborder-top: none;\r\n\t.jsgrid-cell {\r\n\t\t&:first-child {\r\n\t\t\tborder-left: none;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tborder-right: none;\r\n\t\t}\r\n\t}\r\n\t.jsgrid-alt-row:first-child .jsgrid-cell {\r\n\t\tborder-top: none;\r\n\t}\r\n\t.jsgrid-row:first-child .jsgrid-cell {\r\n\t\tborder-top: none;\r\n\t}\r\n}\r\n.jsgrid-grid-header {\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\t// background: $color_alabaster_approx;\r\n\tbackground-color:$light-background;\r\n}\r\n.jsgrid-header-row {\r\n\t.jsgrid-align-left {\r\n\t\ttext-align: center;\r\n\t}\r\n\t.jsgrid-align-right {\r\n\t\ttext-align: center;\r\n\t}\r\n\t.jsgrid-header-sort {\r\n\t\tbackground: $color_tropical_blue_approx;\r\n\t}\r\n\t> .jsgrid-header-cell {\r\n\t\tborder: 1px solid $color_gray_nurse_approx;\r\n\t\tborder-top: 0;\r\n\t\t// background: $color_alabaster_approx;\r\n\t\tbackground-color:$light-background ;\r\n\t\tborder-bottom: 0;\r\n\t\t&:first-child {\r\n\t\t\tborder-left: none;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tborder-right: none;\r\n\t\t}\r\n\t}\r\n}\r\n.jsgrid-header-scrollbar {\r\n\tscrollbar-arrow-color: $seashell;\r\n\tscrollbar-base-color: $seashell;\r\n\tscrollbar-3dlight-color: $seashell;\r\n\tscrollbar-highlight-color: $seashell;\r\n\tscrollbar-track-color: $seashell;\r\n\tscrollbar-shadow-color: $seashell;\r\n\tscrollbar-dark-shadow-color: $seashell;\r\n}\r\n.jsgrid-header-scrollbar::-webkit-scrollbar {\r\n\tvisibility: hidden;\r\n}\r\n.jsgrid-header-scrollbar::-webkit-scrollbar-track {\r\n\tbackground: $seashell;\r\n}\r\n.jsgrid-cell {\r\n\tborder: 1px solid $color_concrete_approx;\r\n}\r\n.jsgrid-invalid {\r\n\tinput {\r\n\t\tbackground: $color_pippin_approx;\r\n\t\tborder: 1px solid $color_geraldine_approx;\r\n\t}\r\n\tselect {\r\n\t\tbackground: $color_pippin_approx;\r\n\t\tborder: 1px solid $color_geraldine_approx;\r\n\t}\r\n\ttextarea {\r\n\t\tbackground: $color_pippin_approx;\r\n\t\tborder: 1px solid $color_geraldine_approx;\r\n\t}\r\n}\r\n.jsgrid-pager-current-page {\r\n\tfont-weight: 700;\r\n}\r\n.jsgrid-button {\r\n\t&:hover {\r\n\t\topacity: .5;\r\n\t\t//Instead of the line below you could use @include transition($transition-1, $transition-2, $transition-3, $transition-4, $transition-5, $transition-6, $transition-7, $transition-8, $transition-9, $transition-10)\r\n\t\ttransition: opacity 200ms linear;\r\n\t}\r\n\t+ .jsgrid-button {\r\n\t\tmargin-left: 5px;\r\n\t}\r\n}\r\n.jsgrid {\r\n\t.jsgrid-button {\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tborder: none;\r\n\t\tcursor: pointer;\r\n\t\tbackground-image: $url_0;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\t.jsgrid-mode-button {\r\n\t\twidth: 24px;\r\n\t\theight: 24px;\r\n\t}\r\n}\r\n@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {\r\n\t.jsgrid .jsgrid-button {\r\n\t\tbackground-image: $url_0;\r\n\t\tbackground-size: 24px 352px;\r\n\t}\r\n}\r\n.jsgrid-mode-on-button {\r\n\topacity: .5;\r\n}\r\n.jsgrid-cancel-edit-button {\r\n\tbackground-position: 0 0;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-clear-filter-button {\r\n\tbackground-position: 0 -40px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-delete-button {\r\n\tbackground-position: 0 -80px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-edit-button {\r\n\tbackground-position: 0 -120px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-insert-mode-button {\r\n\tbackground-position: 0 -160px;\r\n\twidth: 24px;\r\n\theight: 24px;\r\n}\r\n.jsgrid-insert-button {\r\n\tbackground-position: 0 -208px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-search-mode-button {\r\n\tbackground-position: 0 -248px;\r\n\twidth: 24px;\r\n\theight: 24px;\r\n}\r\n.jsgrid-search-button {\r\n\tbackground-position: 0 -296px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-update-button {\r\n\tbackground-position: 0 -336px;\r\n\twidth: 16px;\r\n\theight: 16px;\r\n}\r\n.jsgrid-load-shader {\r\n\tbackground: $color_alto_approx;\r\n\topacity: .5;\r\n\tfilter: alpha(opacity=50);\r\n}\r\n.jsgrid-load-panel {\r\n\twidth: 15em;\r\n\theight: 5em;\r\n\tbackground: $white;\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\tpadding-top: 3em;\r\n\ttext-align: center;\r\n\t&:before {\r\n\t\tcontent: ' ';\r\n\t\tposition: absolute;\r\n\t\ttop: .5em;\r\n\t\tleft: 50%;\r\n\t\tmargin-left: -1em;\r\n\t\twidth: 2em;\r\n\t\theight: 2em;\r\n\t\tborder: 2px solid $color_green_haze_approx;\r\n\t\tborder-right-color: transparent;\r\n\t\t//Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: indicator 1s linear infinite;\r\n\t}\r\n}\r\n@-webkit-keyframes indicator {\r\n\tfrom {\r\n\t}\r\n\t50% {\r\n\t}\r\n\tto {\r\n\t}\r\n}\r\n@keyframes indicator {\r\n\tfrom {\r\n\t\t//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t50% {\r\n\t\t//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)\r\n\t\ttransform: rotate(180deg);\r\n\t}\r\n\tto {\r\n\t\t//Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n.jsgrid-edit-row > .jsgrid-cell {\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\tbackground: $color_half_and_half_approx;\r\n}\r\n.jsgrid-filter-row > .jsgrid-cell {\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\tborder-bottom: 0;\r\n\tbackground-color:rgba($primary-color,0.04);\r\n\t&:first-child {\r\n\t\tborder-left: none;\r\n\t}\r\n\t&:last-child {\r\n\t\tborder-right: none;\r\n\t}\r\n}\r\n.jsgrid-insert-row > .jsgrid-cell {\r\n\tborder: 1px solid $color_gray_nurse_approx;\r\n\tborder-bottom: 0;\r\n\tbackground-color:$light-background ;\r\n\t&:first-child {\r\n\t\tborder-left: none;\r\n\t}\r\n\t&:last-child {\r\n\t\tborder-right: none;\r\n\t}\r\n}\r\n.jsgrid-header-sortable:hover {\r\n\tcursor: pointer;\r\n\tbackground: $color_alabaster_approx;\r\n}\r\n.jsgrid-header-sort:before {\r\n\tcontent: \" \";\r\n\tdisplay: block;\r\n\tfloat: right;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tborder-style: solid;\r\n\tmargin-top: 8px;\r\n\tmargin-right: 9px;\r\n}\r\n.jsgrid-header-sort-asc:before {\r\n\tborder-width:0 5px 5px;\r\n\tborder-color:transparent transparent $color_lightning_yellow_approx;\r\n}\r\n.jsgrid-header-sort-desc:before {\r\n\tborder-width:5px 5px 0;\r\n\tborder-color:$color_lightning_yellow_approx transparent transparent;\r\n}\r\n.jsgrid-row > .jsgrid-cell {\r\n\tbackground-color:$light-background;\r\n}\r\n.jsgrid-alt-row > .jsgrid-cell {\r\n\t// background: $color_alabaster_approx;\r\n\tbackground-color:$light-background ;\r\n\tbackground-color:rgba($primary-color,0.04);\r\n}\r\n.jsgrid-selected-row > .jsgrid-cell {\r\n\tbackground: $color_tropical_blue_approx;\r\n\tborder-color: $color_tropical_blue_approx;\r\n}\r\n.jsgrid-nodata-row > .jsgrid-cell {\r\n\tbackground: $white;\r\n}\r\n.jsgrid-pager-nav-inactive-button a {\r\n\tcolor: $color_quill_gray_approx;\r\n}"]}