/*@media only screen and (min-width:40em){
  body{
    overflow: hidden;
  }
}*/
.grid-container{
  width:100%;
}
/********* NAVIGATION ************************************************************************************************ */
body{
  background:var(--body-bg-color);
}
#gc-cust-logo{
  background: var(--bg-cust-logo);
}
#page-header{
  /*padding-top:0.375rem;*/
  padding:0.5rem 0.5rem 0.5rem 0;
  background: var(--white);
  /*box-shadow: 1px 0 3px 0 rgb(0 0 0 / 20%);*/
  border-bottom:1px solid rgb(0 0 0 / 20%);
}
@media only screen and (max-width: 64em) {
  #page-header{
    padding-left:1rem
  }
}
/*main > div:first-of-type > .cell:first-of-type {
  padding-top: 1rem;
}*/
main div.page-top {
  padding-top: 1rem;
}
#layout-header-wrapper{
  z-index:2;
}
#layout-main-wrapper{
  z-index:1;
}
header .worqflow-logo
,header .app-logo{
  height: 18px;
  /*margin-left:5rem;*/
}
header .logo-cust-tag-header{
  margin-bottom:0;
  font-size: 0.625rem;
  color:var(--black);
  text-align: right;
}
header a:hover .logo-cust-tag-header
,header a:focus .logo-cust-tag-header{
  text-decoration: none;
  /*text-decoration-thickness: 0;*/
}
header .burger-icon{
  display: inline-block;
  width:46px;
  text-align: center;
  margin-right:0.5rem;
  cursor:pointer;
}
header .logo-menu-wrapper{
  margin-left:0;
}
#pane-nav-account button.button{
  background: var(--prog-accent);
}
.dropdown.menu.sub-nav-menu > li > a {
    padding: 0.4rem 1rem;
    font-size: 0.9175em;
}  
  
  .card.sub-nav{
    min-width:200px;
    max-width:240px;
    /*border-radius: 6px;*/
    border:none;
    margin-top:0.5rem;
  }
  .card.sub-nav .card-divider{
    background: var(--nav-active-bg-color);
    padding:0.25em 0.5em;
    border-top:1px solid var(--nav-active-bg-color);
    border-right:1px solid var(--nav-active-bg-color);
    border-left:1px solid var(--nav-active-bg-color);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .card.sub-nav .card-divider p{
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color:var(--white);
    margin:0;
    font-size:1rem;
    text-align:center;
  }
  .card.sub-nav .card-section ul:not(:last-of-type){
    margin-bottom:0.5em;
  }
  .card.sub-nav .card-section ul li:first-of-type a
  ,.card.sub-nav .card-section ul li:first-of-type .as-link{
    font-size:1em;
    padding:0.375em 0.375em;
  }
  .card.sub-nav .card-section ul li a
  ,.card.sub-nav .card-section ul li .as-link{
    font-size:0.9em;
    padding:0.5em 0.5em 0.5em 1rem;
  }
  .card.sub-nav .card-section{
    font-size:0.9em;
    padding:1em 0.5em;
    border-right:1px solid var(--gray);
    border-bottom:1px solid var(--gray);
    border-left:1px solid var(--gray);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .card.sub-nav .menu .is-active > a
  ,.card.sub-nav .menu li.is-active{
    background: #dddddd;
    border-radius: 4px;
    
  }
  .card.sub-nav .menu li.is-active a
  ,.card.sub-nav .menu li.is-active .as-link{ 
    color: #222222;
    font-weight: 500;
  }

  .card.sub-nav .menu .is-active > a {
    background: transparent;
  }
  .card.sub-nav .menu li.is-active:hover{
    background: #dddddd;
    text-decoration: none;
  }
  .card.sub-nav .menu li:hover{
    background: #ededed;
    border-radius: 4px;
  }
  
/* FOOTER **************************************************************/
  #ftr-info-tooltip{
  display:inline-block;
  border-bottom:none;
}
table#ftr-info-tooltip-content{
  color:#fefefe;
  font-size:0.8125rem;
  margin-bottom:0;
  width:100%;
  max-width: 500px;
}
table#ftr-info-tooltip-content tbody td{
  padding-top:4px;
  padding-bottom:4px;
  vertical-align: top;
}
table#ftr-info-tooltip-content .title{
  font-weight: 500;
  padding-right:0.5rem;
  white-space: nowrap;
}


.sw-logo{
  height:34px;
  /*width:264px;*/
}
.sw-logo-icon{
  height:32px;
}
header{
  display: block;
  width:100%;
}
#nav-search-wrapper{
  max-width:500px;
}
#nav-search-wrapper select
,#nav-search-wrapper input
,#nav-search-wrapper button{
  height:2rem;
}
#nav-search-wrapper select
,#nav-search-wrapper input{
  padding-top:0;
  padding-bottom:0;
  font-size:0.875rem;
}
input#nav-search{
  /*border-left: 1px solid transparent;*/
}
header select#nav-type{
  max-width:120px ;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  header select#nav-type{
    max-width:100px ;
  }
}
ul.nav-option-wrapper li .button{
  font-size:0.9375rem;
  padding:6px;
  background: transparent;
  border: 1px solid transparent;
  color:var(--gray-text);
  font-weight: normal;
  height:34px;
  line-height: 22px;
}
ul.nav-option-wrapper li .button i{
  font-size:1.2rem;
}
ul.nav-option-wrapper li .button:hover[disabled]{
  color:var(--gray-text);
}
ul.nav-option-wrapper li .button:hover
,ul.nav-option-wrapper li .button:focus
,ul.nav-option-wrapper li .button[aria-expanded="true"]{
  background: var(--nav-opt-hover-bg);
  border: 1px solid var(--nav-opt-border);
  color:var(--prog-primary);
}
/*.mobile-nav-option-wrapper .button{
  font-size: 0.875rem;
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(254,254,254,1);
  padding: 0.5rem 0.7rem;
  font-weight: 500;
}
ul.mobile-nav-option-wrapper li .button:hover
,ul.mobile-nav-option-wrapper li .button:focus{
  background:rgba(254,254,254,0.2);
}*/
ul.mobile-nav-option-wrapper{
  margin:1rem;
}
ul.mobile-nav-option-wrapper li .button{
  font-size: 0.875rem;
  border-radius: 6px;
  background: transparent;
  border: 1px solid rgba(254,254,254,1);
  padding: 0.5rem 0.7rem;
  font-weight: 500;
}
ul.mobile-nav-option-wrapper li:not(:last-of-type){
  padding-right:1rem;
}
ul.mobile-nav-option-wrapper li .button:hover
,ul.mobile-nav-option-wrapper li .button:focus{
  background:rgba(254,254,254,0.2);
}
ul.menu.nav-options-tab-mobile li {
  margin-right: 0.375rem;
  margin-left: 0.375rem;
}
ul.menu.nav-options-tab-mobile li:last-of-type {
  margin-right: 0;
}
#pane-nav-account ul{
  margin-bottom:1em;
}
#pane-nav-account ul li .as-link{
  font-size: 0.9125em;
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  display:inline;
}
#pane-nav-account ul li .as-link:hover{
  text-decoration: underline;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #mobile-nav-wrapper{
    margin-left:0;
  }
}

/*#workspace-wrapper{
  background: var(--primary-color);
  color:var(--primary-color-text);
  margin-right:0;
}
ul.workspaces li{
  padding:10px 8px;
  vertical-align: middle;
  cursor:pointer;
}
ul.workspaces li:hover{
  background:#d86655;
}
ul.workspaces li.active
,ul.workspaces li.active:hover{
  background:#f1725f;
  color:var(--white);
}
#workspace-wrapper ul.workspaces li i{
  font-size:1.75rem;
}*/

#page-footer{
  font-weight: 500;
  font-size:0.6875rem;
  background: #f1f3f4;
  padding-top:0.25rem;
  padding-bottom:0.25rem;
  border-top:1px solid var(--gray);
  color:#444444;
  margin-top:3px;
  z-index: 1000;
}
#page-footer a
,#page-footer .button.as-link{
  color: #444444;
  text-decoration: none;
}
#page-footer a:hover
,#page-footer a:focus
,#page-footer .button.as-link:hover
,#page-footer .button.as-link:focus{
  color: #111111;
  text-decoration: underline;
}
.pn-icon i{
  font-size:8px;
  margin-right:0.5rem;
  color: var(--dark-gray);
  filter: drop-shadow(0 0 2px var(--dark-gray));
}
.pn-icon i.info{
  color: #00458b;
  filter: drop-shadow(0 0 2px #00458b);
}
.pn-icon i.notice{
  color: #ffcc33;
  filter: drop-shadow(0 0 3px #ffcc33);
}
.pn-icon i.warning{
  color: #ff6600;
  filter: drop-shadow(0 0 3px #ff6600);
}
.pn-icon i.error{
  color: #cc0000;
  filter: drop-shadow(0 0 3px #cc0000);
}
.top-bar,.top-bar ul{
  background:var(--nav-bg-color);
}
ul.nav-operator-wrapper{
  margin-right:1rem;
}
ul.nav-operator-wrapper li .button{
  font-size:1.2rem;
  padding:0.2em;
  background: transparent;
  /*border-radius: 0;*/
  margin:0.175em 0.5em;
  /*border: 1px solid transparent;*/
  color:var(--white);
}
ul.nav-operator-wrapper li .button:last-of-type{
  margin-right:0; 
}
ul.nav-operator-wrapper li .button:hover
,ul.nav-operator-wrapper li .button:focus
,ul.nav-operator-wrapper li .button[aria-expanded="true"]{
  background: rgba(255,255,255,0.35);
/*  border: 1px solid rgba(72,39,110,0.08);*/
  color:var(--white);
}
ul.nav-operator-wrapper i{
  margin:0;
  padding:0;
}
#nav-mobile-wrapper{
  background-color: var(--workspace-bg-color);
  padding-left:0;
  padding-right:0;
}
#nav-mobile-wrapper > .grid-y{
  padding-bottom:25px;
}
#workspace-nav{
  height:100%;
  background-color: var(--workspace-bg-color);
  padding: 0;
  width: 46px;
  transition: width 150ms;
  /*position: fixed;*/
  padding-bottom:23px;
  z-index:999;
}
.workspace-menu.menu.dropdown > li{
  height:46px;
}
.workspace-menu span.sub-nav-title {
  line-height: 1.3;
}
.workspace-menu.menu.accordion-menu a
,.workspace-menu.menu.accordion-menu a:hover
,.workspace-menu.menu.accordion-menu a:focus{
  color:var(--nav-active-color);
  transition: color ease-in 0.1s;
}
.workspace-menu.menu.accordion-menu a:hover
,.workspace-menu.menu.accordion-menu a:focus{
  text-decoration: none;
}
.workspace-menu.menu.accordion-menu > li[aria-expanded='true'] > a {
  background: var(--nav-sub-bg-color);
}
.workspace-menu.menu.accordion-menu > li[aria-expanded='true'] > ul > li > ul li.is-accordion-submenu-item:last-of-type a{
  padding-bottom: 0.75rem;
}
.workspace-menu.menu.accordion-menu > li[aria-expanded='true'] > ul > li.is-accordion-submenu-item:last-of-type {
  margin-bottom:0.75rem;
}
.workspace-menu.menu.accordion-menu > li > a
,#workspace-nav .menu.dropdown > li > a{
  padding-left: 0;
  padding-top:13px;
  padding-bottom:7px;
  height: 46px;
  /*line-height: 26px;*/
}
.workspace-menu.menu.accordion-menu li > a {
  overflow: hidden;
  /*white-space: nowrap;*/
  font-weight: 500;
  font-size: 0.9175em;
}
.workspace-menu.menu.accordion-menu > li > a:hover
/*,.workspace-menu.menu.accordion-menu > li > a:focus*/
{
  background: var(--nav-sub-bg-color);
}
.workspace-menu.menu.accordion-menu > li.selected > a{
  background: var(--nav-sub-bg-color);
}
#nav-wkspc-acc li .menu.nested li.selected > a 
,#nav-wkspc-mobile li .menu.nested li.selected > a {
  background-color:rgba(255, 255, 255, 0.25);
}
ul.workspace-menu.menu.accordion-menu > li > a i 
,#workspace-nav .menu.dropdown > li > a i {
  margin-left: 8px;
  margin-right: 8px;
  font-size: 20px;
  padding: 0;
  width:30px;
}
ul.workspace-menu.accordion-menu > li > ul.nested {   
  padding-left: 22px;
  margin-left:0;
  padding-bottom: 8px;
/*  background: var(--nav-sub-bg-color);*/
}
ul.workspace-menu.accordion-menu > li > ul.nested > .is-accordion-submenu-item{
  border-left: 2px solid rgba(254,254,254,0.35);
}
ul.workspace-menu.accordion-menu .is-accordion-submenu-item a{
  padding:0.375rem 1rem;
  color:var(--nav-sub-color);
  font-size:0.9175em;
}
ul.workspace-menu.accordion-menu .is-accordion-submenu-item.has-submenu-toggle button[aria-expanded="false"] {
  height: 100% !important;
}

ul.workspace-menu.accordion-menu li:hover .is-accordion-submenu-item a{
  color:var(--nav-sub-color);
}
ul.workspace-menu.accordion-menu li .is-accordion-submenu-item a:hover
,ul.workspace-menu.accordion-menu li .is-accordion-submenu-item a:focus{
  color:var(--nav-sub-color-hover);
}
ul.workspace-menu.accordion-menu li.is-accordion-submenu-item.selected a{
  border-left-color: rgba(254,254,254,1);
  color: rgba(254,254,254,1);
  font-weight: 500;
}
.workspace-menu.menu.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: var(--nav-sub-color) transparent transparent;
}
ul.workspace-menu.accordion-menu .first-sub{
  /*margin-top:4px;*/
  margin-left:0;
}
ul.workspace-menu.accordion-menu .first-sub .is-accordion-submenu-item a{
  font-size:0.875em;
  /*border-left: none;*/
  padding-left:1.75rem;
}
.workspace-menu.accordion-menu .menu.second-sub{
  margin-top: 0.25rem;
  margin-bottom: 0.5rem; 
}
.workspace-menu.accordion-menu .menu.second-sub a{
  font-weight: normal;
}
.workspace-menu.accordion-menu .is-accordion-submenu-item > a 
,.workspace-menu.accordion-menu .is-accordion-submenu-item > .submenu-toggle{
  /*height: 27px;*/
  height: auto;
}
.workspace-menu.accordion-menu .is-accordion-submenu-item > .submenu-toggle{
  border-left: 1px solid rgba(255,255,255,0.15);
  height: 27px;
  
}

ul.workspace-menu.menu.accordion-menu > li .submenu-toggle::after{
  border-color:var(--white) transparent transparent;
}
ul.workspace-menu.menu.accordion-menu > li:hover > a{
  background: var(--nav-sub-bg-color);
  
}
ul.workspace-menu.menu.accordion-menu > li > a:hover{
  text-decoration: underline;
}

ul.workspace-menu.menu.accordion-menu > li:hover > .submenu-toggle 
,ul.workspace-menu.accordion-menu > li.selected > .submenu-toggle{
    background-color: var(--nav-acc-toggle-bg);
}
ul.workspace-menu.accordion-menu > li:hover > .submenu-toggle:hover {
    background: var(--nav-sub-bg-color);
}
ul.workspace-menu.accordion-menu > li:hover > ul.nested
,ul.workspace-menu.accordion-menu > li.selected > ul.nested{
  background: var(--nav-sub-bg-color);
}
ul.workspace-menu.accordion-menu > li > .submenu-toggle {
    height: 46px;
    border-left: 1px solid rgba(255,255,255,0.15);
}
ul.workspace-menu.accordion-menu .submenu-toggle{
  border-radius: 0;
}


/* --------    Dropdown (closed) menu ------------------------------------------ */
.workspace-menu.dropdown{
  max-width:325px;
}

.workspace-menu.dropdown.menu > li.is-dropdown-submenu-parent > a
,.workspace-menu.dropdown.menu a.back-btn{
  padding-right:0;
}
/*.workspace-menu.dropdown.menu li.nav-back
,.workspace-menu.menu.accordion-menu li.nav-back{
  border-bottom: 1px solid rgba(254,254,254,0.4);
}*/
#workspace-nav .menu.dropdown > li > a.back-btn
,#workspace-nav .menu.accordion-menu > li > a.back-btn{
  background-color: var(--nav-back-btn-bg);
}
#workspace-nav .menu.dropdown > li > a.back-btn{
  padding-top:6px; /* 13px */
}
#workspace-nav .menu.dropdown > li > a.inactive
,#workspace-nav .menu.accordion-menu > li > a.inactive{
  opacity: 0.6;
}
#workspace-nav .menu.dropdown > li > a.inactive:hover
,#workspace-nav .menu.dropdown > li > a.inactive:focus
,#workspace-nav .menu.accordion-menu > li > a.inactive:hover
,#workspace-nav .menu.accordion-menu > li > a.inactive:focus{
  background-color: #5c7bcb;
}
#workspace-nav .menu.dropdown > li > a.back-btn:hover
,#workspace-nav .menu.dropdown > li > a.back-btn:focus
,#workspace-nav .menu.accordion-menu > li > a.back-btn:hover
,#workspace-nav .menu.accordion-menu > li > a.back-btn:focus{
  background-color: var(--nav-back-btn-hover-bg);
  text-decoration: none;
}
.workspace-menu.dropdown.menu > li.opens-right > a::after {
    display: none;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent;
}
.workspace-menu.dropdown.menu > li > a
,.workspace-menu.dropdown.menu > li > a:hover
,.workspace-menu.dropdown.menu > li > a:focus{
  color:var(--nav-active-color);
}
/*.workspace-menu.dropdown li.is-dropdown-submenu-item a{
  color:var(--black);
}*/

.workspace-menu.dropdown .is-dropdown-submenu{
  border:none;
  min-width:275px;
  max-width:300px;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.workspace-menu.dropdown li.is-dropdown-submenu-item a{
  padding: 8px 1.5rem;
  color: #585b66;
  font-size:14px;
  /*border-left: 2px solid #2f353f;*/
}
.workspace-menu.dropdown li.is-dropdown-submenu-item a:hover{
  color: var(--black);
  background:#e9e9e9;
  text-decoration: none;
  /*border-left: 2px solid #2f353f;*/
}
.workspace-menu.dropdown li.title.is-dropdown-submenu-item{
  cursor:default;
  padding: 0 0.75rem;
}
.workspace-menu.dropdown li.title.is-dropdown-submenu-item a
,.workspace-menu.dropdown li.title.is-dropdown-submenu-item{
  background: var(--nav-sub-bg-color);
  color: var(--nav-color);
  height: 46px;
  font-size:1rem;
  line-height: 46px;
  font-weight: 500;
  font-size:0.9175rem;
  /*opacity: 92%;*/
  display:block;
}
.workspace-menu.dropdown li.title.is-dropdown-submenu-item{
  padding:0;
}
.workspace-menu.dropdown li.title.is-dropdown-submenu-item a{
  padding: 0 12px;
  color:var(--nav-color);
}
/*.workspace-menu.dropdown a.workspace-icon:hover ~ .menu.nested li.title.is-dropdown-submenu-item a*/
.workspace-menu.dropdown li.title.is-dropdown-submenu-item a:hover{
  text-decoration: underline;
  color:var(--nav-color);
}
  .workspace-menu.dropdown li.sub-menu-title.is-dropdown-submenu-item{
    cursor:default;
    padding: 0 0.75rem;
  }
  .workspace-menu.dropdown li.sub-menu-title.is-dropdown-submenu-item a
  ,.workspace-menu.dropdown li.sub-menu-title.is-dropdown-submenu-item{
    background: var(--nav-sub-bg-color);
    color: #fefefe;
    height: 36px;
    font-size:1rem;
    line-height: 36px;
    font-weight: 500;
    font-size:0.9175rem;
    /* padding-right: 0.5rem; */
    opacity: 92%;
    display:block;
  }
  .workspace-menu.dropdown li.sub-menu-title.is-dropdown-submenu-item a{
    padding:0;
  }
.workspace-menu.dropdown > li.is-active > a
,.workspace-menu.dropdown > li.selected > a{
  background: var(--nav-sub-bg-color);
}
.workspace-menu.dropdown li.is-dropdown-submenu-parent.opens-right > a::after {
  border-color: transparent transparent transparent #aaa;
}
.workspace-menu.dropdown li.is-dropdown-submenu-item.is-active > a
,.workspace-menu.dropdown li.is-dropdown-submenu-item.selected > a{
  background:#e9e9e9;
  color: var(--black);
}
.workspace-menu.dropdown li.is-dropdown-submenu-item.selected > a{
  font-weight: 500;
}

/* DYNAMIC FULL HEIGHT KENDO GRIDS **************************************/
main{
  height:100%
}
@media only screen and (min-height: 800px) {
  @media only screen {
    .ah-small{
      height:100%;
      overflow-y:hidden;
    }
  }
  @media only screen and (min-width: 40.0625em) {
    .ah-medium{
      height:100%;
      overflow-y:hidden;
    }
  }
  @media only screen and (min-width: 64.0625em) {
    .auto-height-wrapper
    ,.grid-container.auto-height-wrapper > .grid-x
    ,.auto-height-wrapper .k-grid{
      height:100%;
    }
    .auto-height-wrapper > div:not(.k-grid){
      height:100%;
    }
    .auto-height-wrapper > div:not(.k-grid) > div:not(.k-grid){
      height:100%;
    }
    .auto-height-wrapper{
      overflow-y:hidden;
    }
  }

  .grid-container.auto-height {
    height: 100%;
    overflow: hidden;
  }
}
/* **** Fix for Auto Height to Full Height Grids ******************************************************************/
    .auto-height-wrapper .k-grid{
      min-height:300px;
    }
/* ***************************************************************************/

.ws-opts-wrapper{
  overflow-x:hidden;
  width:225px;
  height:49px;
  /*margin-bottom:0.5rem;*/
}
.ws-opts-wrapper .button{
  color: var(--workspace-color);
  font-size:1rem;
  background-color: transparent;
  border-color: transparent;
  padding:0.5rem;
  margin-bottom:0;
}
.ws-opts-wrapper .button i{
  padding:0;
}
.ws-opts-wrapper .button i.pad-rt{
  padding-right:0.375em;
}
.ws-opts-wrapper .button:hover{
  background-color: var(--workspace-bg-color-opt-hover);
  border-color: var(--workspace-color-opt-hover);
  border:1px solid var(--workspace-border-opt);
}
.ws-opts-wrapper .prog-opt-lbl{
  font-size:0.875rem;
  font-weight: normal;
}
#wp-nav-opts-top{
  top:0;
}

nav{
  background-color:var(--white);
}
.sub-nav-tabs{
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid var(--sub-nav-tab-border);
  background-color: var(--white);
}
.sub-nav-tabs .tabs-title{
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.sub-nav-tabs .tabs-title > a{
  font-size:0.9175rem;
  color: var(--black);
  font-weight:normal;
}
.sub-nav-tabs .tabs-title > a::after {
  display: block;
  content: attr(title);
  font-weight: 500;
  font-size:0.9175rem;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.sub-nav-tabs .tabs-title.is-active
,.sub-nav-tabs .tabs-title.is-active:hover{
  border-top: 1px solid var(--sub-nav-tab-border);
  border-right: 1px solid var(--sub-nav-tab-border);
  border-left: 1px solid var(--sub-nav-tab-border);
}
.sub-nav-tabs .tabs-title.is-active:hover a{
  
  /*background-image: linear-gradient(red, yellow);*/
}
.sub-nav-tabs .tabs-title:hover{
  border-top: 1px solid var(--sub-nav-tab-border);
  border-right: 1px solid var(--sub-nav-tab-border);
  border-left: 1px solid var(--sub-nav-tab-border);
}
  .sub-nav-tabs .tabs-title:hover ~ .tabs-title.is-active{
    border-left:1px solid var(--sub-nav-tab-bg-hover);
  }
  .sub-nav-tabs .tabs-title.is-active ~ .tabs-title:hover {
    border-left:1px solid var(--sub-nav-tab-bg-hover);
  }
.sub-nav-tabs .tabs-title:hover a
,.sub-nav-tabs .tabs-title:focus a
,.sub-nav-tabs .tabs-title a:focus{
  background-color: var(--sub-nav-tab-bg-hover);
  /*background-image: linear-gradient(var(--body-bg-color),var(--sub-nav-tab-bg-hover));*/
}
.sub-nav-tabs .tabs-title.is-active > a{
  color: var(--prog-primary);
  font-weight:500;
  background: var(--body-bg-color);
  background-image: linear-gradient(var(--sub-nav-tab-bg-hover) 0%, var(--body-bg-color) 85%);
  margin-bottom:-1px;
  border-bottom:1px solid var(--body-bg-color);
}


/* **** Version & License *********************************************************************************************/
.license-info-wrapper p{
  font-size:0.6875rem;
  line-height:1.15;
  margin-bottom:0.5rem;
}
.license-info-wrapper p:last-of-type{
  margin-bottom:0;
}

.sys-notify {
  background: var(--alert);
  padding: 2px 0;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
  margin-right:-0.5rem;
  text-align: center;
}
.sys-notify strong{
  font-weight: 500;
}
.sys-notify.demo-sys{
  background-color:var(--error);
  color: var(--white);
}




/* **** END: Header Panel *********************************************************************************************/

/*@media screen and (min-width: 40.0625rem) and (max-width: 66.0625rem){
  header .worqflow-logo{
    margin-left:1rem;
  }
}*/
header{
  background:#ffffff;
  z-index:2;
}
header .nav-option-wrapper li:not(:last-of-type){
  margin-right:0.75rem;
}
header .nav-option-wrapper li.operator-wrapper{
  padding: 0.375rem 0.5rem;
  margin-top: -0.375rem;
  margin-bottom: -0.375rem;
  cursor:pointer;
  border:  1px solid transparent;
  color:var(--gray-text);
/*  background: var(--prog-primary-light);
  border: 1px solid var(--primary-color);*/
}
header .nav-option-wrapper li.operator-wrapper i.pad-lft{
  padding-left:0.5rem;
}
header .nav-option-wrapper li.operator-wrapper.hover
,header .nav-option-wrapper li.operator-wrapper:hover{
  background: var(--nav-opt-hover-bg);
  border-color:var(--nav-opt-border);
  color: var(--prog-primary);
}
header .operator-title{
 font-size:0.7rem;
 font-weight: 700; 
 margin-bottom:0;
 line-height: 1;
 letter-spacing:0.5px;
}
header .operator-name{
  font-size:1rem;
  font-weight: 400;
  margin-bottom: 0;
  color:#444;
}
#page-header a.back-btn{
  font-size:1.25rem;
  line-height:1;
  color:var(--nav-sub-bg-color);
  padding-right:0.5rem;
  padding-left:0.5rem;
  margin-left:-0.5rem;
  margin-right:0.5rem;
}

/* **** END: Header Panel *********************************************************************************************/

#notification-container {
  position: fixed;
  bottom: 24px;
  right: 16px;
  z-index: 99999; 
}
#notification-container .k-notification{
  margin-bottom:5px;
}