/**** User agent fix on element outline ***************************/
div:focus,button:focus,a:focus,select:focus,input:focus,textarea:focus,ul:focus{
  outline: none;
}
button{
  cursor: pointer;
}
button.clear.as-link{
  text-decoration: none;
  color: var(--primary-color);
}
button.clear.as-link:hover{
  text-decoration: underline;
  color: var(--primary-color-hover);
}

/**** Color definitions ***************************/
.bg-primary{
  background: var(--primary-color);
  color: var(--primary-color-text);
}
.bg-black{
  background: var(--black);
}
.bg-white{
  background: var(--white);
}
.bg-gray{
  background: var(--gray);
}
.bg-dark-gray{
  background: var(--dark-gray);
}
.bg-lt-gray{
  background: var(--light-gray);
}
.bg-x-lt-gray{
  background: var(--x-light-gray);
}
.bg-alert{
  background: var(--alert);
}
.bg-info{
  background: var(--info-bg);
}
.bg-error
,.bg-delete
,.bg-remove{
  background: var(--error);
}
.bg-prog-primary
,.button.bg-prog-primary{
  background: var(--prog-primary);
}
.force-bg-prog-primary
,.button.force-bg-prog-primary{
  background: var(--prog-primary) !important;
}
.force-bg-prog-primary:hover
,.force-bg-prog-primary:focus
,.button.force-bg-prog-primary:hover
,.button.force-bg-prog-primary:focus{
  background: var(--button-bg-color-hover) !important;
  color: var(--button-color-hover) !important;
}
.bg-prog-accent
,.button.bg-prog-accent{
  background: var(--prog-accent);
}
.bg-cust-a {
  background-color: var(--panel-bg-cust-a);
}
.bg-cust-b {
  background-color: var(--panel-bg-cust-b);
}
.bg-cust-c {
  background-color: var(--panel-bg-cust-c);
}
.bg-cust-d {
  background-color: var(--panel-bg-cust-d);
}
.bg-cust-e {
  background-color: var(--panel-bg-cust-e);
}
.bg-cust-f {
  background-color: var(--panel-bg-cust-f);
}
.bg-cust-g {
  background-color: var(--panel-bg-cust-g);
}
.tag-a{
  color: var(--tag-a);
}
.tag-b{
  color: var(--tag-b);
}
.tag-c{
  color: var(--tag-c);
}
.tag-d{
  color: var(--tag-d);
}
.tag-e{
  color: var(--tag-e);
}
.txt-primary{
  color: var(--primary-color);
}
.txt-black{
  color: var(--black) !important;
}
.txt-dark-gray{
  color: var(--dark-gray);
}
.txt-gray{
  color: var(--gray-text);
}
.txt-white{
  color: var(--white) !important;
}
.txt-warning{
  color: #f58c00;
}
.txt-red{
  color:rgb(165,24,7);
}
.txt-green{
  color:green;
}
.force-text-left{
  text-align: left !important;
}
.force-text-center{
  text-align: center !important;
}
.force-text-right{
  text-align: right !important;
}
.stat-incr{
  color: var(--stat-increase-color);
}
.stat-decr{
  color: var(--stat-decrease-color);
}
.transparent{
  color:transparent;
}
.brown{
  color:saddlebrown;
}
span.highlight {
  background-color: cornsilk;
  padding: 2px 4px;
}
.fs-12{
  font-size:0.75rem !important;
}
.fs-16{
  font-size:1rem !important;
}
.fs-110p{
  font-size:1.1rem;
}
.fs-150p{
  font-size:1.5rem;
}
.fs-200p{
  font-size: 2rem;
}
/**** Page structure ***************************/

html, body {
  width: 100%;
  height: 100%;
  font-family: 'Roboto', 'Arial',Helvetica, sans-serif;
}
article {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

main {
  flex-grow: 1;
}

header, main, footer {
  flex-shrink: 0;
}
.grid-container.expanded
,.grid-container.wide{
  max-width:1200px;
}
.card.login {
    border-radius: 20px;
}

/**** Global element styling ***************************/
.no-vis{
  visibility: hidden !important;
}
.cursor-help,.c-help{
  cursor: help;
}
.cursor-default, .c-default{
  cursor: default;
}
.opacity-25{
  opacity:25%;
}
.opacity-50{
  opacity:50%;
}
.opacity-60{
  opacity:60%;
}
.opacity-75{
  opacity:75%;
}
h2{
  font-size:2rem;
  font-weight:600;
  /*text-transform: uppercase;*/
}
/*i{
  margin-right:0.375em;
}*/
.as-link > i
,.button > i
,a > i{
  padding-right:0.375em;
}
i.warning{
  color: var(--warning);
}
.fw-500{
  font-weight: 500 !important;
}
.upper{
  text-transform: uppercase;
}
.kerning-2{
  letter-spacing:2px;
}
.kerning-1{
  letter-spacing:1px;
}

@media screen and (max-width: 40em) {
  .lead{
    font-size:115%;
  }
}
a.inactive
,a.inactive:hover,a.inactive:focus{
  cursor: not-allowed;
  color: var(--gray-text);
}
.ul-hover{
  border-bottom: 1px solid transparent;
}
.ul-hover:hover{
  border-bottom: 1px solid var(--black);
}
.ul-hover-dotted:hover{
  border-bottom: 1px dotted var(--black);
}
.bold,strong,b{
  font-weight: 600;
}
strong.light{
  font-weight: 500;
}
thead th{
  font-weight: 600;
}
.semi-bold{
  font-weight: 500;
}
.quarter-below{
  margin-bottom:0.25em !important;
}
.quarter-above{
  margin-top:0.25em !important;
}
.half-below{
  margin-bottom:0.5em !important;
}
.half-above{
  margin-top:0.5em !important;
}
.single-below{
  margin-bottom:1em !important;
}
.single-above{
  margin-top:1em !important;
}
.half-right{
  margin-right:0.5em !important;
}
.single-right{
  margin-right:1em !important;
}
.single-left{
  margin-left:1em !important;
}
.kill-below{
  margin-bottom:0 !important;
}
.kill-above{
  margin-top:0 !important;
}
.kill-right{
  margin-right:0 !important;
}
.kill-left{
  margin-left:0 !important;
}
.kill-pad{
  padding: 0 !important;
}
.kill-margin{
  margin:0 !important;
}
.double-below{
  margin-bottom: 2em !important;
}
.double-above{
  margin-top: 2em !important;
}
.triple-below{
  margin-bottom: 3em !important;
}
.triple-above{
  margin-top: 3em !important;
}
.quad-below{
  margin-bottom: 4em !important;
}
.quad-above{
  margin-top: 4em !important;
}
.quarter-right{
  margin-right:0.25em !important;
}
.half-left{
  margin-left:0.5rem !important;
}
.kill-pad-top{
  padding-top:0 !important;
}
.kill-pad-left{
  padding-left:0 !important;
}
.kill-pad-right,.kill-pad-rt{
  padding-right:0 !important;
}
.half-pad-right{
  padding-right:0.5em !important;
}
.half-pad-left{
  padding-left:0.5em !important;
}
h1.ul.ul,h2.ul,h3.ul,h4.ul,h5.ul,h6.ul{
  border-bottom: 1px solid var(--black);
  
}
h1.ul-primary.ul-primary,h2.ul-primary,h3.ul-primary,h4.ul-primary,h5.ul-primary,h6.ul-primary{
  border-bottom: 1px solid var(--primary-color);
}
h1.ul-gray.ul-gray,h2.ul-gray,h3.ul-gray,h4.ul-gray,h5.ul-gray,h6.ul-gray{
  border-bottom: 1px solid var(--gray);
  line-height: 1.75;
}

.hide{
  display: none;
}
.font-90{
  font-size: 90%;
}
.backward{
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
  -o-transform:rotateY(180deg);
  -ms-transform:rotateY(180deg);
  unicode-bidi:bidi-override;
  direction:rtl;
}
.fa-spin{
  padding:0 !important;
  margin:0 !important;
  line-height:1 !important;
}
.close-button{
  background: transparent;
}
  .close-button:hover{
    background: transparent;
    text-decoration: none;
  }
 
  input.error, select.error, textarea.error{
    border:1px solid var(--error);
    margin-bottom:0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  small.error{
    background-color: var(--error);
    color: var(--white);
    padding:.25em .5em;
    margin:0 0 1em 0;
    border:none;
    display: block
  }
/*  .is-invalid-input:not(:focus)::-webkit-input-placeholder{
    color:#c60f13
  }
  .is-invalid-input:not(:focus):-ms-input-placeholder{
    color:#c60f13
  }
  .is-invalid-input:not(:focus)::-ms-input-placeholder{
    color:#c60f13
  }
  .is-invalid-input:not(:focus)::placeholder{
    color:#c60f13
  }*/

.required:after{
  content:"*";
  color: var(--error);
  margin-left:2px;
}
.no-break, .nobr{
  white-space: nowrap;
}
.nobo{
  border:none;
}
.border-dk-gray{
  border:1px solid var(--dark-gray);
}
.border-top-black{
  border-top: 1px solid var(--black);
}
.border-btm-black{
  border-bottom: 1px solid var(--black);
}
.border-lft-lt-gray{
  border-left: 1px solid var(--light-gray);
}
hr.black{
  border-bottom: 1px solid var(--black);
}
hr.thin{
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}

.callout[data-closable]{
  padding-right:2.5rem;
}
.callout.error {
    background: var(--error-bg);
    color: var(--black);
}
.callout.info{
  background-color: var(--info-bg);
}
.callout.info a, .callout.info a:visited{
  color: #1779ba;
  color: #14679f;
}
.callout > p:last-of-type{
  margin-bottom:0;
}
.callout.inline{
  display:inline-block;
}
.callout.tight{
  padding:0.25rem 0.5rem;
}
.callout.form-feedback{
  padding:0.25rem 0.5rem;
}
.callout.form-feedback.error p{
  color:var(--black);
}
.callout-accent-left{
  background: var(--primary-color);
  background: -moz-linear-gradient(var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  background: -webkit-linear-gradient(var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  background: linear-gradient(to bottom, var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  border-radius: 3px;
}
.callout-accent-top{
  background: var(--primary-color);
  background: -moz-linear-gradient(left, var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  background: -webkit-linear-gradient(left, var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  background: linear-gradient(to right, var(--callout-accent-dk) 0%, var(--callout-accent-lt) 20%, var(--callout-accent-dk) 100%);
  border-radius: 3px;
}
.callout-accent-top.plain
,.callout-accent-left.plain{
  background: var(--primary-color);
}
.callout-accent-left > .callout{
  margin-left:0.5rem;
  margin-bottom: 0;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.callout-accent-top > .callout{
  margin-top:0.5rem;
  margin-bottom: 0;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.callout > .callout-title{
  font-weight: bold;
  font-size:1.375em;
  margin-bottom: 0.25rem;
}
.callout-body p:last-of-type{
  margin-bottom: 0;
}

.label{
  background: var(--primary-color);
}
div.notice{
  clear: both;
  text-align: left;
  padding:0.5rem 1rem;
  background-color: var(--warning);
}

ul.error-list{
  margin-left:0;
  margin-bottom:0
}
ul.error-list li{
  font-size: 0.9375rem;
}
.error-list-title{
  font-weight: bold;
}
ul.error-list li.list-err{
  list-style-image: url("/img/ErrorWarningIcon/error-12.png");
  background: url("/img/ErrorWarningIcon/error-12.png") no-repeat left top 6px;
  list-style: none;
  margin-bottom:0;
  text-decoration: none; 
  cursor: default;
  padding-left:18px;
}
ul.error-list li.list-warn{
  background: url("/img/ErrorWarningIcon/warning-12.png") no-repeat left top 6px;
  list-style: none;
  margin-bottom:0;
  text-decoration: none; 
  cursor: pointer;
  padding-left:18px;
}
ul.error-list li a{
  text-decoration: none;
  color:#8a1f11;
  color: var(--black);
}
ul.plain{
  list-style-type: none;
  margin-left:0;
}

span.as-link{
  color: var(--link-color);
  cursor:pointer;
}
span.as-link:hover,span.as-link:focus{
  color: var(--link-color-hover);
  text-decoration: underline;
  cursor:pointer;
}
span.pad-rt
,i.pad-rt{
  padding-right:0.375rem;
}
i.fa-spin{
  padding:0;
  margin:0;
}
i.standalone{
  padding-right:0 !important;
}
.pad-rt{
  padding-right:0.375rem;
}
.pad-lft{
  padding-left:0.375rem;
}
svg ~ span.pad-lft{
  padding-left:0.375rem;
}
.c-help{
  cursor: help !important;
}

/********* FOUNDATION LINK to SPAN  ***********************************************************************************/
.dropdown.menu > li > span.as-link {
    padding: 0.7rem 1rem;
}
nav .top-bar ul span.as-link {
    color: var(--nav-color);
}
.menu span.as-link {
    margin-bottom: 0;
}
.menu span.as-link {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
nav span.as-link
,nav span.as-link:hover{
    text-decoration: none;
}

nav .menu .is-active > span.as-link {
  background: var(--nav-bg-color-hover);
}


/***** General element styling **********************************/
img{
  font-size:9px;
  font-weight: 400;
}
a{
  color: var(--link-color);
}
  a:hover, a:focus{
    color: var(--link-color-hover);
    text-decoration: underline;
  }
a.subtle{
  color: #757575;
}
  a.subtle:hover, a.subtle:focus{
    color: #555;
    text-decoration: underline;
  }
  a.no-ul:hover,a.no-ul:focus,a.no-ul{
    text-decoration: none;
  }
.menu .active > a{
  background: var(--primary-color);
}
.error a,.error a:hover,.error a:active,.error a:focus{
  color:var(--error);
  text-decoration: underline;
}
.button
,.button-std{
  background: var(--button-bg-color);
  color: var(--button-color);
  text-decoration: none;
  font-weight: 500;
  margin-bottom:0;
}
  .button:hover, .button:focus, main.button:active
  ,.button-std:hover, .button-std:focus, main.button-std:active{
    background: var(--button-bg-color-hover);
    color: var(--button-color-hover);
  }
  .button.hollow{
    border: 2px solid var(--button-bg-color);
    background: transparent;
    color: var(--button-bg-color)
  }
  .button.hollow.bg-white{
    background: var(--white);
  }
    .button.hollow:hover, main .button.hollow:focus{
      background: var(--button-bg-color);
      color: var(--button-color);
      border-color: var(--button-bg-color);
    } 
  .button.light,.button.light:visited{
    border:1px solid var(--button-bg-color);
    background-color:var(--button-bg-color-light);
    color:var(--button-bg-color);
  }
    .button.light:hover,.button.light:focus{
      background-color: var(--button-bg-color-light-hover);
      color:var(--button-color);
    }
    .button.light.accent,.button.light.accent:visited{
      border:1px solid var(--prog-accent);
      background-color:var(--prog-accent-light);
      color:var(--prog-accent);
    }
    .button.light.accent:hover,.button.light.accent:focus{
      background-color: var(--prog-accent);
      color:var(--primary-color-text);
    }
    .button.as-link{
      border:none;
      background:transparent;
      text-decoration: none;
      color:var(--link-color);
      padding:0;
      margin-bottom:0;
      font-size:1em;
      font-weight:400;
    }
    .button.as-link:hover
    ,.button.as-link:focus{
      text-decoration: underline;
      color:var(--link-color-hover);
    }
    .button.force-as-link{
      border:none !important;
      background:transparent !important;
      text-decoration: none !important;
      color:var(--link-color) !important;
      padding:0 !important;
      margin-bottom:0 !important;
      font-size:1em !important;
      font-weight:400 !important;
    }
    .button.force-as-link:hover
    ,.button.force-as-link:focus{
      text-decoration: underline !important;
      color:var(--link-color-hover) !important;
    }
    .button.as-text {
      color: var(--black);
      border: 1px solid transparent;
      background:transparent;
      cursor:default;
      font-weight:400;
    }
    .button.as-text:hover {
      border-color:transparent;
      color:var(--black);
      background:transparent;
    }
    .button.clear{
      color:var(--button-bg-color);
      font-weight:400;
    }
    .button.clear:hover, .button.clear:focus {
      border: 1px solid var(--button-bg-color);
      color: var(--button-bg-color);
    }
    button.clear.as-link{
      text-decoration: none;
      color: var(--primary-color);
      border:none;
      padding-left:0;
      padding-right:0;
      font-size: 1em;
    }
    button.clear.as-link:hover, button.clear.as-link:focus{
      text-decoration: underline;
      color: var(--primary-color-hover);
      border:none;
    }
  .button.round{
    -webkit-border-radius: 1000px;
       -moz-border-radius: 1000px;
            border-radius: 1000px;
  }
/*  .button.inactive, .button:disabled, .button:disabled:hover{
    background: var(--dark-gray);
    color: var(--white);
    cursor: not-allowed;
    opacity: 1;
  }*/
  .button.inactive, .button:disabled, .button:disabled:hover{
    cursor: not-allowed;
    opacity: 0.6;
  }
.button.thin{
  padding-left:0.75rem;
  padding-right:0.75rem;
}
.button.medium{
  font-size:1.1em;
}
.button.small{
  padding:0.6em;
  font-weight: 500;
  font-size:0.8rem;
  letter-spacing: 0.2px;
}
main .form-group{
  margin-bottom:1.5em;
}

.data-lbl{
  font-weight: 600;
  font-size: .8rem;
  color: var(--dark-gray);
  margin-bottom: 0;
  line-height: 1.1;
}
.data-det{
  font-size: 100%;
  line-height: 1.1
}
p.data-lbl{
  margin-bottom:0.25rem;
}

i.error
,span.error{
  color: var(--error);
}

p.small{
  font-size: 0.75rem;
}
p.tiny, a.tiny{
  font-size:0.6875rem;
}

button.note{
  padding:0.4em 0.75em;
  margin-bottom:0;
  margin-top:-8px;
  font-size: 0.875rem;
}
td.ln-rt, th.ln-rt{
  border-right: 1px solid var(--black);
}
.plain{
  background: transparent;
  color: var(--black);
  border: none;
  border-radius: 0;
}
.button.gray{
  border-left:0;
  background: var(--light-gray);
  color: var(--black);
}
.button.gray:hover{
  background: var(--gray);
}



/**** Basic Page styling *********************************/
article {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

main {
  flex-grow: 1;
}

header, footer {
  flex-shrink: 0;
}
/*article {
  font-size:0.875rem;
}*/
/*section.page-top{
  margin-top:1rem;
}*/
section.page-top p{
  color: var(--gray-text);
}
section.standard{
  margin-bottom:4.5rem;
}
.section-sub-head{
  font-size:1rem;
  text-align: center;
}

/****************************** ACCORDION ********************************/
.accordion-item{
  background:var(--x-light-gray);
}
.accordion-title{
  border-color:var(--gray);
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom-color:var(--gray);
}
/******************************* TABS ********************************/
.tabs{
 border:1px solid #ddd;
}
.tabs .tabs-title:not(:last-of-type){
  border-right:1px solid #ddd;
}
.tabs .tabs-title a{
  font-size:0.9375rem;
  padding:1.25em 1.5em;
  color: var(--black);
  background: #f1f1f1;
}
.tabs .tabs-title a:hover{
  background: #e6e6e6;
  color: var(--black);
}
.tabs-title > a:focus
,.tabs-title > a[aria-selected='true']
,.tabs-title > a[aria-selected='true']:hover{
  background: var(--primary-color);
  color: var(--primary-color-text);
  text-decoration: none;
  font-weight:500;
}
/******** STATE INFO ************************************************************************************************/
.state-bar{
  margin-bottom:0.5rem;
  margin-top:-0.627rem;
  overflow: hidden;
  display: block;
}
span.active-session{
  font-weight: bold;
}
span.active-student{
  font-weight: bold;
}

/**** Login Modal  ***********************************/
@media screen and (min-width: 40em){
  #mdlLogin{
    max-width: 400px;
  }
}

/**** Tables ****************************************/
table thead tr th, table tr th{
  font-size:0.9em;
  padding: 0.25rem 0.75rem;
}
table thead{
  background: #e6e6e6;
}

table tbody tr td, table tr td{
  padding: 0.375rem 0.75rem 0.5rem;
}

table.structural, table.structural thead, table.structural tbody
 ,table.structural thead tr, table.structural tbody tr
 ,table.structural thead tr th, table.structural tbody tr td{
   border:0;
   background-color: transparent;
   width:auto;
   padding:0;
 }
  table.structural.pad-x th, table.structural.pad-x td{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  table.structural.pad-y th, table.structural.pad-y td{
    padding-top: 0.375rem;
    padding-bottom: 0.5rem;
  }
table.standard .button{
  padding: 0.375rem 0.75rem;
}
div.callout.w-auto{
  display: inline-block;
}
table.w-auto{
  width:auto;
}
.w-full{
  width:100%;
}
.can-click{
  cursor: pointer;
}
table.vert-lines th:not(:last-of-type)
,table.vert-lines-lt th:not(:last-of-type)
,table.vert-lines td:not(:last-of-type){
  border-right:1px solid var(--light-gray);
}
table.vert-lines-lt td:not(:last-of-type){
  border-right:1px solid var(--light-gray);
}

table td.is-link{
  cursor:pointer;
}
table{
  font-size:0.875rem;
}

.breadcrumbs li:not(:last-child)::after{
  font-family: "Font Awesome 5 Pro";
  content: "\f105";
}
section.breadcrumbs{
  margin-top: 1.5rem;
}
ul.breadcrumbs{
  margin-bottom: 0;
}
ul.breadcrumbs li{
  font-weight: 600;
  font-size: 1em;
  color: var(--gray-text);
}
ul.breadcrumbs li span.as-link{
  color: var(--gray-text);
}
ul.breadcrumbs li span.as-link:hover{
  text-decoration: none;
  color: var(--link-color);
}

@media screen and (min-width: 40em){
  td.tbl-btn{
    width:1px;
    white-space: nowrap;
  }
  td.force-min{
    width:1px;
    white-space: nowrap;
  }
}

.tooltip{
  max-width: 20rem;
}
.tooltip.tag-tooltip{
  padding:0.5em;
  z-index:999999
}
/**** FontAwesome Overrides ****************************************/
.fad.fa-heart-circle{
  --fa-secondary-opacity: 0.25;
}


/**** Responsive Tables ****************************************/
@media screen and (max-width: 39.99875em){
  table.cards-for-small {
      border: 0;
      width: 100% !important;
    }

  table.cards-for-small > thead {
    display: none;
  }

  table.cards-for-small > tbody > tr {
    display: block;
    padding-top:1rem;
    padding-bottom:1rem;
  }

  table.cards-for-small > tbody > tr > td {
    display: block;
    padding:0.25rem 1rem;
    text-align: center
  }
    table.cards-for-small td.class-name {
      font-size:125%;
    }

  table.cards-for-small > tbody > tr > td:last-child {
    border-bottom: 0;
  }

  table.cards-for-small > tbody > tr > td::before {
    content: attr(data-label);
    display:block;
    font-weight: 600;
    font-size: 0.8rem;
    color: #808080;
    margin-bottom: 0;
    padding-bottom:2px;
    line-height: 1.1em;
  }
    table.cards-for-small.label-left > tbody > tr > td::before{
/*       TODO: vertical align label to bottom  */
      float:left;
      padding-right:0.5rem;
      padding-top:3px;
      min-width:25%;
      text-align:left;
    }
    table.cards-for-small.label-left > tbody > tr > td {
      text-align: right;
    }
    table.cards-for-small.label-left > tbody > tr > td.text-center {
      text-align: center;
    }
  
  table.cards-for-small.class-list .button{
    padding:0.5rem 1rem;
  }
  
  table.cards-for-small > tbody > tr > td.data-is-empty{
    display: none;
  }
 
  .card-text-large{
    font-size:1.2em;
  }
}

/**** Customer-Generated Html Reset ****************************************/
.cust-html *{
  font-family: 'Roboto', 'Arial',Helvetica, sans-serif;
  font-size: 1em !important;
  width: 100% !important;
  height: 100% !important;
  color: var(--black) !important;
}

/***************************************************************************/

p.tight{
  line-height:1.2;
}
.card .card-divider.v-tight{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.card .card-section.v-tight{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.card .card-divider.h-tight{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.card .card-section.h-tight{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.card .card-divider.tight{
  padding:0.5rem;
}
.card .card-section.tight{
  padding:0.5rem;
}
.keylines{
  border-top: 1px solid var(--light-gray);
  border-bottom: 1px solid var(--light-gray);
  line-height: 1;
  padding-top:0.562em;
  padding-bottom:0.5em;
}

/** MENUS ******************************************************************/
.menu.stacked-data:last-of-type{
  margin-bottom: 0.25rem;
}
  .menu.stacked-data li{
    margin-bottom:0.75rem;
  }
  .menu.stacked-data li:not(:last-of-type){
    padding-right:1.75rem;
  }
  .menu.stacked-data .data-lbl, .menu.stacked-data .data-det{
    display:block;
  }
  .menu.stacked-data .data-lbl{
    margin-bottom:0.1875rem;
  }
.menu.inline-data:last-of-type{
  margin-bottom: 0.25rem;
}
  .menu.inline-data li{
    margin-bottom:0.75rem;
  }
  .menu.inline-data li:not(:last-of-type){
    padding-right:1.75rem;
  }
  .menu.inline-data .data-lbl{
    padding-right:0.5em;
  }
  
  
/** FORMS ******************************************************************/
select.disabled,input.disabled,textarea.disabled{
  color:var(--dark-gray);
  background-color: var(--light-gray);
  cursor: not-allowed;
}
input.show-cal{
  background: url('/img/studioworks/calendar-medgray.png') no-repeat right;
  background-origin: content-box;
}
.input-group-label.plain{
  padding-left:0;
}
.input-group-label.plain + input.input-group-field{
  border-radius: 3px;
}
input::placeholder{
  color:#999999;
}
input:-ms-input-placeholder{
  color:#999999;
}
.input-group.view-as .button{
  padding-left:0.5rem;
  padding-right:0.5rem;
  color:var(--gray-text);
  font-size:1.25rem;
}
.input-group.view-as .button:hover
,.input-group.view-as .button.is-active{
  color:var(--primary-color);
}
.input-group.view-as span.input-group-label{
  padding-right:0.25em;
}
span.form-error{
  font-weight:500;
}
input.is-invalid-input[data-invalid]::placeholder {
  color: gray;
}
input[type=text].underline{
  border:0;
  outline: none;
  border-bottom:1px solid var(--black);
  background: transparent;
  box-shadow: none;
  padding-bottom:2px;
}
.input-group-textbox span.input-group-label{
  border-right:1px solid #cacaca;
  border-bottom:none;
  padding:3px 0.5rem;
}
.input-group-textbox textarea.input-group-textarea{
  height:3.5rem;
  font-size:0.75rem;
  margin-bottom:0;
}
.help-text {
  margin-top: -0.75rem;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--black);
  font-style: normal;
}
input[type=checkbox] {
  margin: 0;
  padding: 0;
  line-height: initial;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  -ms-flex: none;
  flex: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-color: rgba(0,0,0,.25);
  background-color: #fff;
  border-radius: 3px;
}
input[type=checkbox]:focus
,input[type=radio]:focus{
  border: 1px solid var(--prog-primary);
  box-shadow: 0 0 0 2px rgb(92 123 203 / 20%);
}
input[type=checkbox].checked, input[type=checkbox]:checked {
  border-color: #5c7bcb;
  color: #fff;
  background-color: #5c7bcb;
}
input[type=checkbox].k-checked, input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
}
input[type=checkbox]:checked:focus {
  box-shadow: 0 0 0 2px rgb(92 123 203 / 30%);
}
input[type=checkbox] + label{
  margin: 0;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
input[type=checkbox] + label{
  display: inline;
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
}



input[type=radio].checked, input[type=radio]:checked {
  border-color: #5c7bcb;
  color: #fff;
  background-color: #5c7bcb;
}
input[type=radio].checked, input[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3ccircle cx='50%25' cy='50%25' r='4' fill='white'/%3e%3c/svg%3e");
}
.k-radio.k-checked.k-focus, .k-radio:checked:focus {
  box-shadow: 0 0 0 2px rgb(92 123 203 / 30%);
}
input[type=radio] {
  border-color: rgba(0,0,0,.25);
  background-color: #fff;
}
input[type=radio] {
  border-radius: 50%;
  margin: 0;
  padding: 0;
  line-height: initial;
  border-width: 1px;
  border-style: solid;
  outline: 0;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  -ms-flex: none;
  flex: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
}
input[type=radio][disabled]
,input[type=checkbox][disabled]{
  cursor:not-allowed;
}
input[type=radio] + label{
  margin: 0;
  padding: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 4px;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
}
input[type=radio] + label{
  display: inline;
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
}
input[type=radio][disabled] + label
,input[type=radio].disabled + label
,input[type=checkbox][disabled] + label
,input[type=checkbox].disabled + label{
  color:gray;
  cursor:not-allowed;
}
/** SHAPES ****************************************************************/
.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--black);
}
.arrow-up.inactive {
  border-bottom: 6px solid var(--gray);
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--black);
}
.arrow-down.inactive {
  border-top: 6px solid var(--gray);
}
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid var(--black);
}
.arrow-right.inactive {
  border-left: 6px solid var(--gray);
}
.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent; 
  border-right:6px solid var(--black); 
}
.arrow-left.inactive {
  border-right:6px solid var(--gray); 
}

/*** CARDS *****************************************************************/
.card .card-divider.v-tight{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.card .card-section.v-tight{
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.card .card-divider.h-tight{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.card .card-section.h-tight{
  padding-left:0.5rem;
  padding-right:0.5rem;
}
.card .card-divider.tight{
  padding:0.5rem;
}
.card .card-section.tight{
  padding:0.5rem;
}
.card .menu-card-icon{
  font-size:3.5em;
  line-height: 1;
  margin-bottom:0.25rem;
}
.has-shadow{
  box-shadow: #dddddd 0 0 25px 0;
}
.has-shadow-tight{
  box-shadow: #dddddd 0 0 10px 0;
}
.menu-card-icon i{
  margin-right: 0;
}
.menu-card{
  background-color:#f4f5f7;
  box-shadow: 0 2px 3px #999;
  cursor: pointer;
}
  .menu-card:hover{
    background-color:#f1f1f1;
  }
  .menu-card.inactive:hover{
    background-color:#f4f5f7;
  }
  .menu-card a, .menu-card a p, .menu-card:hover a,  .menu-card:hover a p{
    text-decoration: none;
    color: var(--black);
  }
.menu-card.inactive *{
  cursor:not-allowed;
}

.content-filter-section:not(:last-of-type){
  margin-bottom:1.5rem;
}
.vendor-filter-title{
  font-size:1.2em;
  line-height: 2;
  font-weight: 600;
  margin-bottom:0.5rem;
}
.filter-wrapper > div.cell{
  margin-bottom:1.5rem;
}
.filter-wrapper .input-group
,.filter-wrapper input
,.filter-wrapper select{
  margin-bottom:0;
}
.filter-header{
  font-size:1.2em;
  font-weight: 500;
  margin-bottom: 0;
}
.k-grid table tbody tr td a, .k-grid table tbody tr td .as-link {
  font-weight: 500;
}
/* *************** From Worqflow **************************************************************************************/
.truncate-line{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.page-header-panel .truncate-line{
  max-width:550px;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .page-header-panel .truncate-line{
    max-width:480px;
  }
}
@media only screen and (max-width:40em){
  .page-header-panel .truncate-line{
    max-width:290px;
    /*padding-right:0 !important;  //Removed because it was removing padding on h1 title group on mobile*/
    padding-right:0;
  }
}
.title-group .truncate-250{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width:250px;
}
.truncate{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display:inline-block;
  max-width:250px;
}
.truncate.len-225{
  max-width:225px;
}
.truncate.len-200{
  max-width:200px;
}
.truncate.len-175{
  max-width:175px;
}
.truncate.len-150{
  max-width:150px;
}
.truncate.len-100{
  max-width:100px;
}
.page-header-panel{
  background-color: var(--white);
  margin-bottom: 1.5rem;
  padding-top:1rem;
}
/* **** Header Panel **************************************************************************************************/
.title-group{
  margin-bottom:12px;
}
.title-group h1
,.title-group h2
,.title-group h3{
  display:inline-block;
  margin-bottom:0;
  margin-top:0;
  vertical-align:top;
  color:#6e6e6e;
  font-size: 1.3125rem;
  line-height: normal;
}
.title-group h1{
  font-weight: 600;
  color:#555;
}
.title-group h2{
  font-weight: 500;
}
.title-group h3{
  font-weight: 400;
}
.title-group > h1
,.title-group > h2
,.title-group > h3{
  padding:0 0.5rem !important;
  border-right: 1px solid #bbb;
}
.title-group > *:last-child
,.title-group > h3{
  border-right: none;
}
.title-group > *:first-child{
  padding-left:0 !important;
}
.page-header-panel.is-contained {
  margin-left: -15px;
  margin-right: -15px;
}
.page-header-panel.is-contained > .contained-tab-wrapper{
  background-color: #f6f6f6;
}

/*** TAGS **********************************************************/
.tag{
  border-radius:80px;
  margin-right:8px;
  margin-bottom:10px;
  background-color: #ededed;
  color: #646464;
  display:inline-block;
  line-height: 20px;
  padding:3px 8px 3px 9px;
  font-size:13px;
  font-weight: normal;
}
.tag.has-tip{
  position: relative;
  display: inline-block;
  border-bottom: none;
  font-weight: normal;
  cursor: default;
}
.tag i{
  display: inline-block;
  margin-right: 5px;
  line-height: 20px;
}
.tag .title{
  font-weight: 600;
  margin-right: 5px;
  line-height: 20px;
}
.tooltip.tag-tooltip{
  padding:0.5em;
  z-index:999999
}
.tag a
,.tag a:visited
,.tag .as-link{
  color:inherit;
  text-decoration: none;
}
.tag a:hover
,.tag a:focus
,.tag .as-link:hover{
  color:var(--link-color);
  text-decoration: underline;
}
.tag i.fa-check.pad-rt{
  padding-right:0;
}
/*.page-header-panel div.tag i{
  font-size:1.2em;
}*/


/* **** Header Panel Buttons ******************************************************************************************/
.header-btn
,.page-header-panel .btn-note
,.page-header-panel .btn-msg{
  font-size:0.875rem;
  padding:0.5rem 0.75rem;
  margin: 0 0.75rem 0.75rem 0;
  font-weight:500;
  border-width:2px;
}
.header-btn
,.header-btn[disabled]
,.header-btn[disabled]:hover
,.header-btn[disabled]:focus{
  background-color: var(--header-btn-bg);
  color: var(--header-btn-color);
}
.header-btn:hover
,.header-btn:focus{
  background-color: var(--header-btn-bg-hover);
  color: var(--header-btn-color-hover);
}
.header-btn:disabled
,.header-btn.disabled{
  opacity:65%;
  cursor:not-allowed;
}
.button.action-btn{
  border-width:2px;
  padding: 0.5rem 0.6rem;
  text-align: left;
  margin-bottom:1rem;
  width:100%;
  border: 2px solid var(--button-bg-color);
  background-color: var(--button-bg-color-light);
  color: var(--button-bg-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.button.action-btn.aa-has-dropdown::after{
  content: "\f0d7";
  font: var(--fa-font-solid);
  font-size: 1.25rem;
  margin-left: auto;
  padding-right: 0.25rem;
  padding-left: 0.75rem;
}
.action-btn-pane {
  width: 200px;
}
.action-btn-pane ul li + li {
  border-top: 1px solid var(--gray);
}
.action-btn-pane ul li .as-link, .action-btn-pane ul li a {
  font-size: 0.875rem;
  font-weight: 500;
}
.action-btn-pane ul li .as-link:hover, .action-btn-pane ul li a:hover {
    background-color: var(--prog-primary-light);
    /*background-color: var(--light-gray);*/
}
.button.action-btn:visited{
  background-color: var(--button-bg-color-light);
  color: var(--button-bg-color);
}
.button.action-btn:hover, .button.action-btn:focus {
  background-color: var(--button-bg-color-light-hover);
  color: var(--button-color);
}
.button.action-btn.delete{
  background-color: var(--delete-light);
  color: var(--delete);
  border-color: var(--delete);
}
.button.action-btn.delete:hover
,.button.action-btn.delete:focus{
  background-color: var(--delete-light-hover);
  color: var(--white);
  border-color: var(--delete);
}
.button.action-btn > i{
  font-size: 1.5rem;
  font-weight: 700;
  padding-right:0;
}
.button.action-btn > .action-btn-text{
  padding-left:0.5rem;
}
.page-header-panel .aa-btn-group
,.page-header-panel .aa-button-group{
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-header-panel .aa-btn-group .button
,.page-header-panel .aa-btn-group button
,.page-header-panel .aa-button-group .button
,.page-header-panel .aa-button-group button{
  margin-left:0.75rem;
  margin-right: 0;
  margin-bottom:0.5rem;
}
.page-header-panel .aa-btn-group .button:first-child
,.page-header-panel .aa-btn-group button:first-child
,.page-header-panel .aa-button-group .button:first-child
,.page-header-panel .aa-button-group button:first-child{
  margin-left: 0;
}
.page-header-panel .aa-button-group .header-btn{
  margin-bottom: 0.75rem;
}
.grid-filter .panel-header .aa-button-group .header-btn{
  margin-bottom:0;
}
.btn-cancel
,.btn-delete
,.header-btn.btn-delete{
  border-width: 2px;
  border-style: solid;
}
.button.btn-delete:hover
,.button.btn-delete:focus
,.button.hollow.btn-delete:focus{
  background-color: var(--error);
  border-color: var(--error);
  color: var(--white);
}
.btn-delete,.btn-delete.disabled,.btn-delete[disabled],.btn-delete[disabled]:hover,.btn-delete[disabled]:focus{
  border-color: var(--error);
  background-color: transparent;
  color: var(--error);
}
/*.header-btn.btn-delete::before
,.header-btn.btn-cancel::before{*/
.btn-cancel::before{
  content:"\f00d";
  padding-right:6px;
  font:var(--fa-font-solid);
}
.btn-delete::before{
  content:"\f1f8";
  padding-right:6px;
  font:var(--fa-font-solid);
}

/*.header-btn.btn-accent
,.header-btn.btn-continue
,.header-btn.btn-save{*/
.btn-accent,.btn-accent.disabled,.btn-accent[disabled],.btn-accent[disabled]:hover,.btn-accent[disabled]:focus
,.btn-continue,.btn-continue.disabled,.btn-continue[disabled],.btn-continue[disabled]:hover,.btn-continue[disabled]:focus
,.btn-save,.btn-save.disabled,.btn-save[disabled],.btn-save[disabled]:hover,.btn-save[disabled]:focus{
  background-color: var(--prog-accent);
  color: #ffffff;
}
/*.header-btn.btn-continue::after{*/
.btn-continue::after{
  content:"\f054";
  /*content:"\f324";*/
  padding-left:6px;
  font:var(--fa-font-solid);
}
/*.header-btn.btn-save::before{*/
.btn-save::before{
  content:"\f00c";
  padding-right:6px;
  font:var(--fa-font-solid);
}
.button.btn-save:hover
,main .button.btn-save:focus
,.button.btn-continue:hover
,main .button.btn-continue:focus
,.button.btn-accent:hover
,main .button.btn-accent:focus{
  background-color: var(--prog-accent-hover);
}

.header-btn.btn-task::before{
  content:"\f14a";
  padding-right:6px;
  font:var(--fa-font-regular);
}

/*.header-btn.btn-add::before{*/
.btn-add::before{
  content:"\2b";
  padding-right:6px;
  font:var(--fa-font-solid);
}

/*.header-btn.btn-edit::before{*/
.btn-edit::before{
  content:"\f303";
  padding-right:6px;
  font:var(--fa-font-solid);
}

/*.header-btn.btn-external::before{*/
.btn-external::before{
  content:"\f08e";
  padding-right:6px;
  font:var(--fa-font-solid);
}

/*.header-btn.btn-refresh::before{*/
.btn-refresh::before{
  content:"\f01e";
  padding-right:6px;
  font:var(--fa-font-solid);
}

/*.header-btn.btn-print::before{*/
.btn-print::before{
  content:"\f02f";
  padding-right:6px;
  font:var(--fa-font-solid);
}

button.button.btn-note::before{
  content: '\e1da';
  padding-right:6px;
  font:var(--fa-font-regular);
}
button.button.btn-msg::before{
  content: '\f4b6';
  padding-right:6px;
  font:var(--fa-font-solid);
}

button.button.btn-note{
  color: #6e5609;
  background-color: #fff0b3;
  border: 2px solid #f3d986;
}

button.button.btn-note:hover
,button.button.btn-note:focus{
  background-color:#f3d986;
  border-color: #d7bf75;
}

button.button.btn-note:disabled
,button.button.btn-note:disabled:hover{
  opacity: 0.6;
  background-color:#f3d986;
  color:initial;
}

button.button.btn-msg{
  /*color: #2a5924;*/
  color: #275221;
  background-color: #dde8dc;
  border: 2px solid #90b58b;
}

button.button.btn-msg:hover
,button.button.btn-msg:focus{
  background-color:#b9d0b6;
}

button.button.btn-msg:disabled
,button.button.btn-msg:disabled:hover{
  opacity: 0.6;
  background-color:#dde8dc;
  border-color: #90b58b;
  color:initial;
}

/*.header-btn.btn-secondary
,.header-btn.btn-task
,.header-btn.btn-cancel
,.header-btn.btn-print
,.header-btn.btn-refresh
,.header-btn.btn-external{*/
.btn-secondary
,.btn-task
,.btn-cancel
,.btn-print
,.btn-refresh
,.btn-external{
  border: 2px solid var(--header-btn-bg);
  background: transparent;
  color: var(--header-btn-bg);
}
/*.header-btn.has-tip{*/
.has-tip{
  cursor: pointer;
}
/*.header-btn.btn-secondary:hover
,main .header-btn.btn-secondary:focus
,.header-btn.btn-task:hover
,main .header-btn.btn-task:focus
,.header-btn.btn-cancel:hover
,main .header-btn.btn-cancel:focus
,.header-btn.btn-print:hover
,main .header-btn.btn-print:focus
,.header-btn.btn-refresh:hover
,main .header-btn.btn-refresh:focus
,.header-btn.btn-external:hover
,main .header-btn.btn-external:focus{*/
.header-btn.btn-secondary:hover
,main .header-btn.btn-secondary:focus
,.header-btn.btn-task:hover
,main .header-btn.btn-task:focus
,.header-btn.btn-cancel:hover
,main .header-btn.btn-cancel:focus
,.header-btn.btn-print:hover
,main .header-btn.btn-print:focus
,.header-btn.btn-refresh:hover
,main .header-btn.btn-refresh:focus
,.header-btn.btn-external:hover
,main .header-btn.btn-external:focus{
  border: 2px solid var(--header-btn-bg);
  /*background: var(--header-btn-bg);*/
  background: var(--header-btn-secondary-bg-hover);
  color: #ffffff;
}
.btn-task[disabled]{
  background: var(--header-btn-secondary-bg-hover);
}
/*.page-header-panel .button.btn-delete{
  border-width: 2px;
}
.page-header-panel .button
,.panel.grid-filter .filter-action-btn-wrapper .button{
  margin-bottom:0.5rem;
  padding:0.5rem 0.75rem;
}
.page-header-panel .button.hollow{
  border-width: 2px;
}
.page-header-panel .button.primary{
  background: var(--prog-accent);
}
.page-header-panel .button.primary:hover
,.page-header-panel .button.primary:focus{
  background: var(--prog-accent-hover);
}*/
.grid-filter .panel-header i.title-icon.has-tip
,.page-header-panel i.title-icon.has-tip {
  border-bottom: none;
}
.grid-filter .panel-header i.title-icon
,.page-header-panel i.title-icon {
  font-size: 1.25rem;
}
.grid-filter .panel-header .title-group
,.page-header-panel .title-group{
  margin-bottom:0;
}
.page-header-panel .header-left-bottom{
  margin-top:0.75rem;
}
.page-header-panel .title-group .header-title-link.as-link{
  font-size: 0.875rem;
  padding-left:0.5rem;
}

.k-grid table button.button.order-line-note
,.k-grid table button.button.aa-clear{
  background-color: transparent;
  color: var(--primary-color);
  font-size: 1rem;
  padding: 0.25rem;
  border-radius: 3px;
}
.k-grid table button.button.aa-clear{
  font-size:0.875rem;
}
.k-grid table button.button.order-line-note > i
,.k-grid table button.button.aa-clear > i{
  margin:0;
  padding:0;
}
.k-grid table button.button.aa-clear:hover > i{
  font-weight:bold;
}
.k-grid table button.button.order-line-note:hover
,.k-grid table button.button.aa-clear:hover{
  background-color: rgba(49,79,142,0.15);
}

.disc-markup{
  color: var(--stat-increase-color);
}
.disc-markdown{
  color: var(--error);
}
.k-grid .k-master-row .button.as-link{
  padding:0;
}

.info-dropdown-header{
  background-color: var(--workspace-bg-color);
}
.info-dropdown-header a{
  color: var(--white) !important;
}
.paper-wrapper{
  background: var(--white);
  border:1px solid #c9c9c9;
  padding:0.9375rem ;
  width:100%;
  box-shadow: #bbb 5px 5px 8px;
}