/*  THEME COLORs
========================================================================== */
/* Looks good on chrome default color profile */
/* We will manually convert these primary colors to rgb for the dark mode option of the theme */
/* looks good in sRGB but washed up on chrome default 
$color-primary:						#826bb0;
$color-success:						#31cb55;
$color-info:						#5e93ec;
$color-warning:						#eec559;
$color-danger:						#dc4b92;
$color-fusion:						darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
/*  Color Polarity
========================================================================== */
/*  PAINTBUCKET MIXER
========================================================================== */
/* the grays */
/* the sapphires */
/* the emeralds */
/* the amethyths */
/* the topaz */
/* the rubies */
/* the graphites */
/*  Define universal border difition (div outlines, etc)
========================================================================== */
/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
========================================================================== */
/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
/* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
/* global var used for spacing*/
/* Uniform Padding variable */
/* Heads up! This is a global scoped variable - changing may impact the whole template */
/*   BOOTSTRAP OVERRIDES (bootstrap variables)
========================================================================== */
/* usage: theme-colors("primary"); */
/* forms */
/*$input-height:							calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
/* links */
/* checkbox */
/*$custom-file-height-inner:				calc(2.25rem - 1px);*/
/* not part of bootstrap variable */
/* custom checkbox */
/* custom range */
/* custom file */
/* badge */
/* cards */
/*border radius*/
/* alert */
/* toast */
/* breadcrumb */
/* input button */
/* nav link */
/* nav, tabs, pills */
/* tables */
/* dropdowns */
/* dropdowns sizes */
/* popovers */
/* tooltips */
/* modal */
/* reference guide
http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
8px = 0.5rem
9px = 0.5625rem
10px = 0.625rem
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem
14px = 0.875rem
15px = 0.9375rem
16px = 1rem (base)
17px = 1.0625rem
18px = 1.125rem
19px = 1.1875rem
20px = 1.25rem
21px = 1.3125rem
22px = 1.375rem
24px = 1.5rem
25px = 1.5625rem
26px = 1.625rem
28px = 1.75rem
30px = 1.875rem
32px = 2rem
34px = 2.125rem
36px = 2.25rem
38px = 2.375rem
40px = 2.5rem
*/
/* Fonts */
/* carousel */
/*  BASE VARS
========================================================================== */
/* font vars below will auto change to rem values using function rem($value)*/
/* 11px   */
/* 12px   */
/* 12.5px */
/* 14px   */
/* 15px   */
/* 16px   */
/*    */
/* 28px   */
/*  Font Family
========================================================================== */
/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
/*  ANIMATIONS
========================================================================== */
/* this addresses all animation related to nav hide to nav minify */
/*  Z-INDEX declearation
========================================================================== */
/* we adjust bootstrap z-index to be higher than our higest z-index*/
/*  CUSTOM ICON PREFIX 
========================================================================== */
/*  PRINT CSS (landscape or portrait)
========================================================================== */
/* landscape or portrait */
/* auto, letter */
/*  Common Element Variables
========================================================================== */
/* Z-index decleartion "birds eye view"
========================================================================== */
/*  Components
========================================================================== */
/*  PAGE HEADER STUFF
========================================================================== */
/* colors */
/* height */
/* logo */
/* try not to go beywond the width of $main_nav_width value */
/* you may need to change this depending on your logo design */
/* adjust this as you see fit : left, right, center */
/* icon font size (not button) */
/* search input box */
/* suggestion: #ccced0*/
/* btn */
/* dropdown: app list */
/* badge */
/* COMPONENTS & MODS */
/*  NAVIGATION STUFF

Guide:

aside.page-sidebar ($nav-width, $nav-background)
	.page-logo
	.primary-nav
		.info-card
		ul.nav-menu
			li
				a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
					icon 
					span
					collapse-sign 
					
				ul.nav-menu-sub-one  
					li
						a ($nav-level-1... $nav-sub-link-height)
							span
							collapse-sign

						ul.nav-menu-sub-two
							li
								a ($nav-level-2... $nav-sub-link-height)
									span

		p.nav-title ($nav-title-*...)


========================================================================== */
/* main navigation */
/* left panel */
/* nav footer */
/* nav parent level-0 */
/* nav link level-1 */
/* nav level-1 bg */
/* nav icon sizes */
/* badge default */
/* all child */
/* nav title */
/* nav Minify */
/* when the menu pops on hover */
/* navigation Width */
/* partial visibility of the menu */
/* top navigation */
/* nav Info Card (appears below the logo) */
/* width is auto */
/* nav DL labels for all child */
/* will be pulled to left as a negative value */
/*   MISC Settings
========================================================================== */
/* List Table */
/*   PAGE SETTINGS
========================================================================== */
/*   PAGE BREADCRUMB 
========================================================================== */
/*   PAGE COMPONENT PANELS 
========================================================================== */
/*   PAGE COMPONENT PROGRESSBARS 
========================================================================== */
/*   PAGE COMPONENT MESSENGER 
========================================================================== */
/*   FOOTER
========================================================================== */
/*   GLOBALS
========================================================================== */
/* ACCESSIBILITIES */
/* SHORTCUT BUTTON (appears on bottom right of the page) */
/* GULP WARNINGS */
.j-select-box {
  position: relative;
  margin-bottom: 0.5rem; }
  .j-select-box .k-checkbox, .j-select-box .k-radio {
    z-index: 2;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0; }
  .j-select-box .k-checkbox-label, .j-select-box .k-radio-label {
    z-index: 0;
    display: block;
    border-width: 1px;
    border-style: dotted;
    border-radius: 3px;
    padding: 0.9rem 0.5rem 0.8rem 2.2rem;
    margin: 0; }
  .j-select-box .k-checkbox-label::before, .j-select-box .k-radio-label::before,
  .j-select-box .k-checkbox-label::after, .j-select-box .k-radio-label::after {
    position: absolute;
    left: 0.5rem;
    font-size: 1.2rem;
    font-family: "WebComponentsIcons", monospace;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .j-select-box .k-checkbox-label::before, .j-select-box .k-radio-label::before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-width: 2px;
    border-style: solid;
    border-radius: 20%;
    border-color: #bdc3c7; }
  .j-select-box .k-radio-label::before {
    border-radius: 100%; }
  .j-select-box .k-checkbox-label::after, .j-select-box .k-radio-label::after {
    content: "\e118";
    width: 1rem;
    height: 1rem;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .j-select-box .k-radio-label::after {
    content: "\e30a"; }
  .j-select-box .k-checkbox:checked + .k-checkbox-label
, .j-select-box .k-radio:checked + .k-radio-label {
    background-color: #2a2a2a;
    border-color: #2a2a2a;
    color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s; }
    .j-select-box .k-checkbox:checked + .k-checkbox-label::after
, .j-select-box .k-radio:checked + .k-radio-label::after {
      -webkit-transform: scale(1);
      transform: scale(1); }
  .j-select-box .k-checkbox:checked + .k-checkbox-label::before
, .j-select-box .k-radio:checked + .k-radio-label::before {
    background-color: #2a2a2a;
    border: none; }
  .j-select-box .k-checkbox:hover + .k-checkbox-label::before
, .j-select-box .k-radio:hover + .k-radio-label::before {
    border-color: #2a2a2a; }
  .j-select-box .k-radio:checked + .k-radio-label::before {
    border-color: #bdc3c7; }

.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
  margin: 0 .3em .3em; }

.j-tabstrip--contentFull .k-content {
  padding: 0;
  margin: 0; }

.k-in {
  position: relative; }
  .k-in .j-statusBox {
    margin-top: -0.5em;
    margin-bottom: -0.5em; }
    .k-in .j-statusBox .j-status {
      display: block; }
    .k-in .j-statusBox .j-status-action {
      display: none; }
      .k-in .j-statusBox .j-status-action ul {
        list-style: none;
        padding: 0;
        margin: 0 0 0 5px;
        white-space: nowrap; }
        .k-in .j-statusBox .j-status-action ul > li {
          display: inline-block;
          margin-left: 5px; }

.k-state-selected .j-statusBox .j-status, .k-state-hover .j-statusBox .j-status, .k-state-focus .j-statusBox .j-status {
  display: none; }

.k-state-selected .j-statusBox .j-status-action, .k-state-hover .j-statusBox .j-status-action, .k-state-focus .j-statusBox .j-status-action {
  display: block; }

.k-state-selected .s-treeAction, .k-state-hover .s-treeAction, .k-state-focus .s-treeAction {
  display: block; }

li[aria-selected='true'] .s-treeAction {
  display: block; }

.j-treeview .k-treeview .k-item {
  padding-left: 10px; }

.j-treeview .k-treeview .k-top,
.j-treeview .k-treeview .k-mid,
.j-treeview .k-treeview .k-bot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.j-treeview .k-treeview span.k-in {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.j-treeview .k-treeview .k-i-collapse, .j-treeview .k-treeview .k-i-expand {
  position: absolute;
  margin-top: 0.5em;
  -ms-flex-item-align: baseline;
      align-self: baseline; }

.j-treeview .k-treeview li[aria-checked='true'] .k-in {
  font-weight: 800; }

.j-treeview .k-treeview > .k-group > .k-item > .k-top
, .j-treeview .k-treeview > .k-group > .k-item > .k-mid
, .j-treeview .k-treeview > .k-group > .k-item > .k-bot {
  background: #F4F5F9;
  border-bottom: 1px solid #EDEFF0;
  -webkit-box-shadow: inset 2px 0 #1CA1C1;
          box-shadow: inset 2px 0 #1CA1C1;
  font-weight: 700;
  margin-left: -10px;
  padding-left: 5px; }

.j-grid--autoPage {
  margin: 0;
  padding: 0;
  border-width: 0;
  height: 100%; }

.j-grid--scrollHidden .k-grid-header {
  padding-right: 0 !important; }

.j-grid--scrollHidden .k-grid-content {
  overflow-y: visible; }

.j-toolbar {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background-color: transparent;
  border-width: 0; }
  .j-toolbar .k-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0.6rem;
    padding-right: 0.6rem; }

.form-group .k-textbox, .form-group .k-numerictextbox, .form-group .k-datepicker, .form-group .k-datetimepicker, .form-group .k-timepicker, .form-group .k-dropdown {
  width: 100%;
  font-weight: 400; }

/* reset everything to the default box model */
*, :before, :after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/* set a border-box model only to elements that need it */
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*# sourceMappingURL=j-kendo-style.css.map */