@import('./colors.css');
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}
img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
input.loading {
    background: url('../../images/progress01.gif') no-repeat right center;
}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button; white-space: pre-line; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner
{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring
{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;xpacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract from normalize.css */
html,body{font-family:Verdana,sans-serif;font-size:13px;line-height:1.2;}html{overflow-x:hidden}
/*html,body{font-family:Verdana,sans-serif;line-height:1.5}html{overflow-x:hidden}*/
h1,h2,h3,h4,h5,h6,.a4-slim,.a4-wide{font-family:"Segoe UI",Arial,sans-serif}
h1{font-size:26px}h2{font-size:20px}h3{font-size:14px}h4{font-size:10px}h5{font-size:8px}h6{font-size:6px}
.a4-serif{font-family:"Times New Roman",Times,serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.a4-wide{letter-spacing:3px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
img{margin-bottom:-5px}a{color:inherit}
.a4-bold{font-weight:bold}
.a4-table,.a4-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.a4-table-all{border:1px solid #ccc}
.a4-bordered tr,.a4-table-all tr{border-bottom:1px solid #ddd}
.a4-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.a4-table-all tr:nth-child(odd){background-color:#fff}
.a4-table-all tr:nth-child(even){background-color:#f1f1f1}
.a4-hoverable tbody tr:hover,.a4-ul.a4-hoverable li:hover{background-color:#ccc}
.a4-centered tr th,.a4-centered tr td{text-align:center}
.a4-table td,.a4-table th,.a4-table-all td,.a4-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}
.a4-table th:first-child,.a4-table td:first-child,.a4-table-all th:first-child,.a4-table-all td:first-child{padding-left:16px}
.a4-btn,.a4-btn-block{border:none;display:inline-block;outline:0;padding:4px 10px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap;border-radius:.25em;}
.a4-disabled,.a4-btn:disabled,.a4-btn-floating:disabled,.a4-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
/*.a4-btn.a4-disabled *,.a4-btn-block.a4-disabled,.a4-btn-floating.a4-disabled *,.a4-btn:disabled *,.a4-btn-floating:disabled *{pointer-events:none}*/
.a4-btn.a4-disabled:hover,.a4-btn-block.a4-disabled:hover,.a4-btn:disabled:hover,.a4-btn-floating.a4-disabled:hover,.a4-btn-floating:disabled:hover,
.a4-btn-floating-large.a4-disabled:hover,.a4-btn-floating-large:disabled:hover{box-shadow:none}
.a4-btn:hover,.a4-btn-block:hover,.a4-btn-floating:hover,.a4-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
/*border: 2px solid black !important;margin: -2px;*/
filter: saturate(1.5);
}
.a4-btn:focus,.a4-btn-block:focus,.a4-btn-floating:focus,.a4-btn-floating-large:focus{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgbaxxxx(0,0,0,0.19);
/*border: 2px solid black !important;margin: -2px;*/
filter: saturate(1.5);
}
.action a:hover,.action a:focus {box-shadow:0 3px 6px 0 rgb(0,0,0),0 2px 8px 0 rgb(0,0,0)}
/*.action a:hover{text-shadow: 8px 8px 16px xrgba(0,0,0,1)}*/
.a4-btn-block{width:100%}
.a4-btn,.a4-btn-floating,.a4-btn-floating-large,.a4-closenav,.a4-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.a4-btn-floating,.a4-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.a4-btn-floating{width:40px;height:40px;line-height:40px}
.a4-btn-floating-large{width:56px;height:56px;line-height:56px}
.a4-btn-group .a4-btn{float:left}
.a4-btn-bar .a4-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}
.a4-btn-bar .a4-btn:hover{background-color:#ccc}
.a4-ripple{position:relative;overflow:hidden}
.a4-ripple:after{content:"";background:#ccc;position:absolute;padding:300%;bottom:0;left:0;xpacity:0;transition:0.8s}
.a4-ripple:active:after{padding:0;xpacity:1;transition:0s}
.a4-badge,.a4-tag,.a4-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.a4-badge{border-radius:50%}
ul.a4-ul{list-style-type:none;padding:0;margin:0}
ul.a4-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}
ul.a4-ul li:last-child{border-bottom:none}
.a4-tooltip,.a4-display-container{position:relative}
.a4-fluid{max-width:100%;height:auto}
.a4-tooltip .a4-text{display:none}
.a4-tooltip:hover .a4-text{display:inline-block}
.a4-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.a4-navbar li{float:left}.a4-navbar li a,.a4-navitem{display:block;padding:4px 4px}.a4-navbar li a:hover{color:#000;background-color:#ccc}
.a4-navbar .a4-dropdown-hover,.a4-navbar .a4-dropdown-click{position:static}
.a4-navbar .a4-dropdown-hover:hover,.a4-navbar .a4-dropdown-hover:first-child,.a4-navbar .a4-dropdown-click:hover{background-color:#ccc;color:#000}
.a4-navbar a,.a4-topnav a,.a4-sidenav a,.a4-dropdown-content a,.a4-accordion-content a,.a4-dropnav a{text-decoration:none!important}
.a4-navbar .a4-opennav.a4-right{float:right!important}.a4-topnav{padding:8px 8px}
.a4-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .3s;transition:border-bottom .3s}
.a4-topnav a:hover{border-bottom:3px solid #fff}.a4-topnav .a4-dropdown-hover a{border-bottom:0}
.a4-opennav,.a4-closenav{color:inherit}.a4-opennav:hover,.a4-closenav:hover{cursor:pointer;xpacity:0.8}
.a4-btn,.a4-btn-floating,.a4-dropnav a,.a4-btn-floating-large,.a4-btn-block,.a4-hover-shadow,.a4-hover-xpacity,.a4-hover-xpacity-off,
.a4-navbar a,.a4-sidenav a,.a4-pagination li a,.a4-hoverable tbody tr,.a4-hoverable li,.a4-accordion-content a,.a4-dropdown-content a,.a4-dropdown-click:hover,.a4-dropdown-hover:hover,.a4-opennav,.a4-closenav,.a4-closebtn,
.a4-hover-amber,.a4-hover-aqua,.a4-hover-blue,.a4-hover-light-blue,.a4-hover-brown,.a4-hover-cyan,.a4-hover-blue-grey,.a4-hover-green,.a4-hover-light-green,.a4-hover-dark-green,.a4-hover-indigo,.a4-hover-khaki,.a4-hover-lime,.a4-hover-orange,.a4-hover-deep-orange,.a4-hover-pink,
.a4-hover-purple,.a4-hover-deep-purple,.a4-hover-red,.a4-hover-sand,.a4-hover-teal,.a4-hover-yellow,.a4-hover-white,.a4-hover-black,.a4-hover-grey,.a4-hover-light-grey,.a4-hover-dark-grey,.a4-hover-text-amber,.a4-hover-text-aqua,.a4-hover-text-blue,.a4-hover-text-light-blue,
.a4-hover-text-brown,.a4-hover-text-cyan,.a4-hover-text-blue-grey,.a4-hover-text-green,.a4-hover-text-light-green,.a4-hover-text-dark-green,.a4-hover-text-indigo,.a4-hover-text-khaki,.a4-hover-text-lime,.a4-hover-text-orange,.a4-hover-text-deep-orange,.a4-hover-text-pink,.a4-hover-text-purple,
.a4-hover-text-deep-purple,.a4-hover-text-red,.a4-hover-text-sand,.a4-hover-text-teal,.a4-hover-text-yellow,.a4-hover-text-white,.a4-hover-text-black,.a4-hover-text-grey,.a4-hover-text-light-grey,.a4-hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,xpacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,xpacity 0.3s}
.a4-sidenav{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.a4-sidenav a{padding:4px 2px 4px 16px}.a4-sidenav a:hover{background-color:#ccc}.a4-sidenav a,.a4-dropnav a{display:block;border-radius: .35em; padding: 0 1.5em .2em 1.0em;}
.a4-sidenav .a4-dropdown-hover:hover,.a4-sidenav .a4-dropdown-hover:first-child,.a4-sidenav .a4-dropdown-click:hover,.a4-dropnav a:hover{background-color:#ccc;color:#000}
.a4-sidenav .a4-dropdown-hover,.a4-sidenav .a4-dropdown-click {width:100%}.a4-sidenav .a4-dropdown-hover .a4-dropdown-content,.a4-sidenav .a4-dropdown-click .a4-dropdown-content{min-width:100%}
.a4-main,#main{transition:margin-left .4s}
.a4-modal{z-index:4;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:xrgba(0,0,0,0.4)}
.a4-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px;border-radius:1em;}.a4-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit;}
.a4-closebtn:hover,.a4-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.a4-pagination{display:inline-block;padding:0;margin:0}.a4-pagination li{display:inline}
.a4-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px}
.a4-pagination li a:hover{background-color:#ccc}
.a4-input-group,.a4-group{margin-top:24px;margin-bottom:24px}
.a4-input{padding:3px;display:block;border:none;border-bottom:1px solid #808080;width:100%;height:2em;}
.a4-required{/*outline: none;*/outline-color: #ed9e9e !important;border: 1px solid #ed9e9e !important;/*box-shadow: 0 0 10px #ed9e9e;*/}
.a4-input:not(.a4-classy):focus,.a4-radio:focus{background-color: #d0f8ce; outline-color: #13a709;}
input[readonly]{border-color: darkgrey;border-style: solid;border-width: 1px;background-color: rgb(235, 235, 228);color: rgb(84, 84, 84);padding: 2px 0px;}
.footer{font-family:"Arial Black", Gadget, sans-serif;color: #f65a5b;text-align:center;text-decoration: underline;}

/* .a4-required:focus{border-color: #ed9e9e} -- already ok since a4-required is important */
/*
 input[type=checkbox]:focus,input[type=radio]:focus, input[type=text]:focus, textarea:focus, select:focus{
 border: 1px solid #adf8f9 !important;
 background-color: #d0f8ce !important;
} */
.a4-label{xxxcolor:#004411}.a4-input:not(:valid)~.a4-validate{color:#f44336}
.a4-validate~.a4-input:not(:valid){color:#f44336}
/*.a4-select{padding:4px 5px;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688;height:2em;}*/
.a4-select{padding:4px 5px;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688;height:2em;}

/*.a4-select{width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688;height:2em;}*/
.a4-select select:focus{color:#000;border:1px solid #009688}.a4-select option[invalid]{color:#009688}
.a4-select option[invalid]{font-weight:bold;padding-left:4px;}
.a4-dropdown-click,.a4-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.a4-dropdown-hover:hover .a4-dropdown-content{display:block;z-index:1}
.a4-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.a4-dropdown-content a{padding:6px 16px;display:block}
.a4-dropdown-content a:hover{background-color:#ccc}
.a4-accordion {width:100%;cursor:pointer}
.a4-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.a4-accordion-content a{padding:1em 2em;display:block; font-size: 1.3em; border-bottom: 1px dashed lightgray;}.a4-accordion-content a:hover{background-color:#ccc}
.a4-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.a4-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
input[type=checkbox].a4-check,input[type=checkbox].a4-checkbox,input[type=radio].a4-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].a4-checkbox:checked+.a4-validate,input[type=checkbox].a4-check:checked+.a4-validate,input[type=radio].a4-radio:checked+.a4-validate{color:#009688;font-weight:bolder}
input[type=checkbox].a4-checkbox:disabled+.a4-validate,input[type=checkbox].a4-check:disabled+.a4-validate,input[type=radio].a4-radio:disabled+.a4-validate{color:#aaa}
.a4-responsive{overflow-x:auto}
.a4-container:after,.a4-panel:after,.a4-row:after,.a4-row-padding:after,.a4-topnav:after,.a4-clear:after,.a4-btn-group:before,.a4-btn-group:after,.a4-btn-bar:before,.a4-btn-bar:after
{content:"";display:table;clear:both}
.a4-col,.a4-full,.a4-half,.a4-third,.a4-twothird,.a4-threequarter,.a4-quarter,.a4-fifth,.a4-sixth,.a4-seventh,.a4-eighth,.a4-ninth,.a4-tenth{float:left;width:100%;}
/*.a4-half,.a4-third,.a4-twothird,.a4-threequarter,.a4-quarter,.a4-fifth,.a4-sixth,.a4-eighth,.a4-tenth{height: 4em;}
.a4-short {height: 2em;}*/
.a4-col.s1{width:8.33333%}
.a4-col.s2{width:16.66666%}
.a4-col.s3{width:24.99999%}
.a4-col.s4{width:33.33333%}
.a4-col.s5{width:41.66666%}
.a4-col.s6{width:49.99999%}
.a4-col.s7{width:58.33333%}
.a4-col.s8{width:66.66666%}
.a4-col.s9{width:74.99999%}
.a4-col.s10{width:83.33333%}
.a4-col.s11{width:91.66666%}
.a4-col.s12,.a4-half,.a4-third,.a4-twothird,.a4-threequarter,.a4-quarter,.a4-fifth,.a4-sixth,.a4-seventh,.a4-eighth,.a4-ninth,.a4-tenth{width:99.99999%}
.a4-content{max-width:980px;margin:auto}
.a4-rest{overflow:hidden}
.a4-hide{display:none!important}.a4-show-block,.a4-show{display:block!important}.a4-show-inline-block{display:inline-block!important}
@media print{
body { background-color: white !important; }
.a4-col.l1{width:8.33333%}
.a4-tenth{width:9.99999%}
.a4-ninth{width:11.11111%}
.a4-eighth{width:12.49999%}
.a4-seventh{width:14.28571%}
.a4-col.l2,.a4-sixth{width:16.66666%}
.a4-col.l25,.a4-fifth{width:19.99999%}
.a4-col.l3,.a4-quarter{width:24.99999%}
.a4-col.l4,.a4-third{width:33.33333%}
.a4-col.l5{width:41.66666%}
.a4-col.l6,.a4-half{width:49.99999%}
.a4-col.l7{width:58.33333%}
.a4-col.l8,.a4-twothird{width:66.66666%}
.a4-col.l9,.a4-threequarter{width:74.99999%}
.a4-col.l10{width:83.33333%}
.a4-col.l11{width:91.66666%}
.a4-col.l12{width:99.99999%}
}
.a4-top,.a4-bottom{position:fixed;width:100%;z-index:1}.a4-top{top:0}.a4-bottom{bottom:0}
.a4-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:xrgba(0,0,0,0.5);z-index:2}
.a4-left{float:left!important}.a4-right{float:right!important}
.a4-tiny{font-size:10px!important}.a4-small{font-size:12px!important}
.a4-medium{font-size:15px!important}.a4-large{font-size:18px!important}
.a4-xlarge{font-size:24px!important}.a4-xxlarge{font-size:36px!important}
.a4-xxxlarge{font-size:48px!important}.a4-jumbo{font-size:64px!important}
.a4-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.a4-left-align{text-align:left!important}.a4-right-align{text-align:right!important}
.a4-justify{text-align:justify!important}.a4-center{text-align:center!important}
.a4-display-topleft{position:absolute;left:0;top:0}.a4-display-topright{position:absolute;right:0;top:0}
.a4-display-bottomleft{position:absolute;left:0;bottom:0}.a4-display-bottomright{position:absolute;right:0;bottom:0}
.a4-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.a4-display-topmiddle{position:absolute;left:0;top:0;width:100%;text-align:center}.a4-display-bottommiddle{position:absolute;left:0;bottom:0;width:100%;text-align:center}
.a4-circle{border-radius:50%!important}
.a4-round-small{border-radius:2px!important}.a4-round,.a4-round-medium{border-radius:4px!important}
.a4-round-large{border-radius:8px!important}.a4-round-xlarge{border-radius:16px!important}
.a4-round-xxlarge{border-radius:32px!important}.a4-round-jumbo{border-radius:64px!important}
.a4-border-0{border:0!important}
.a4-border{border:1px solid #ccc!important;border-radius:.35em;}
.a4-required{/*outline: none;*/outline-color: #ed9e9e !important;border: 1px solid #ed9e9e; border-color: #ed9e9e !important;/*box-shadow: 0 0 10px #ed9e9e;*/}
.a4-border-top{border-top:1px solid #ccc!important}.a4-border-bottom{border-bottom:1px solid #ccc!important}
.a4-border-left{border-left:1px solid #ccc!important}.a4-border-right{border-right:1px solid #ccc!important}
.a4-margin{margin:16px!important}.a4-margin-0{margin:0!important}
.a4-margin-top{margin-top:16px!important}.a4-margin-bottom{margin-bottom:16px!important}
.a4-margin-left{margin-left:16px!important}.a4-margin-right{margin-right:16px!important}
.a4-section{margin-top:16px!important;margin-bottom:16px!important}
.a4-padding-tiny{padding:2px 4px!important}.a4-padding-small{padding:4px 8px!important}
.a4-padding-medium,.a4-padding,.a4-form{padding:8px 16px!important}
.a4-padding-large{padding:12px 24px!important}.a4-padding-xlarge{padding:16px 32px!important}
.a4-padding-xxlarge{padding:24px 48px!important}.a4-padding-jumbo{padding:32px 64px!important}
.a4-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.a4-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.a4-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.a4-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.a4-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.a4-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.a4-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.a4-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.a4-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.a4-padding-0{padding:0!important}
.a4-padding-top{padding-top:8px!important}.a4-padding-bottom{padding-bottom:8px!important}
.a4-padding-left{padding-left:16px!important}.a4-padding-right{padding-right:16px!important}
.a4-topbar{border-top:6px solid #ccc!important}.a4-bottombar{border-bottom:6px solid #ccc!important}
.a4-leftbar{border-left:6px solid #ccc!important}.a4-rightbar{border-right:6px solid #ccc!important}
.a4-row-padding,.a4-row-padding>.a4-half,.a4-row-padding>.a4-third,.a4-row-padding>.a4-twothird,.a4-row-padding>.a4-threequarter,.a4-row-padding>.a4-quarter,.a4-row-padding>.a4-fifth,.a4-row-padding>.a4-sixth,.a4-row-padding>.a4-seventh,.a4-row-padding>.a4-eighth,.a4-row-padding>.a4-ninth,.a4-row-padding>.a4-tenth,.a4-row-padding>.a4-col{padding:0 8px}
.a4-spin{animation:a4-spin 2s infinite linear;-webkit-animation:a4-spin 2s infinite linear}
@-webkit-keyframes a4-spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes a4-spin{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.a4-container{padding:0.01em 16px;}.a4-container.long{padding-bottom:8em;}
.a4-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important}
.a4-example{background-color:#f1f1f1;padding:0.01em 16px}
.a4-code,.a4-codespan{font-family:Consolas,"courier new";font-size:16px}
.a4-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #009688;word-wrap:break-word}
.a4-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.a4-example,.a4-code,.a4-reference{margin:20px 0}
.a4-card{border:1px solid #ccc}
.a4-card-2,.a4-example{box-shadow:0 2px 4px 0 rgb(0,0,0),0 2px 10px 0 rgb(0,0,0)!important}
.a4-card-4,.a4-hover-shadow:hover{box-shadow:0 4px 8px 0 rgb(0,0,0),0 6px 20px 0 rgb(0,0,0)!important}
.a4-card-8{box-shadow:0 8px 16px 0 rgb(0,0,0),0 6px 20px 0 rgb(0,0,0)!important}
.a4-card-12{box-shadow:0 12px 16px 0 rgb(0,0,0),0 17px 50px 0 rgb(0,0,0)!important}
.a4-card-16{box-shadow:0 16px 24px 0 rgb(0,0,0),0 25px 55px 0 rgb(0,0,0)!important}
.a4-card-24{box-shadow:0 24px 24px 0 rgb(0,0,0),0 40px 77px 0 rgb(0,0,0)!important}
/*
.a4-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{xpacity:0}50%{xpacity:1}100%{xpacity:0}}
@keyframes fading{0%{xpacity:0}50%{xpacity:1}100%{xpacity:0}}
.a4-animate-xpacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{xpacity:0} to{xpacity:1}}
@keyframes opac{from{xpacity:0} to{xpacity:1}}
.a4-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;xpacity:0} to{top:0;xpacity:1}}
@keyframes animatetop{from{top:-300px;xpacity:0} to{top:0;xpacity:1}}
.a4-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;xpacity:0} to{left:0;xpacity:1}}
@keyframes animateleft{from{left:-300px;xpacity:0} to{left:0;xpacity:1}}
.a4-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;xpacity:0} to{right:0;xpacity:1}}
@keyframes animateright{from{right:-300px;xpacity:0} to{right:0;xpacity:1}}
.a4-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;xpacity:0} to{bottom:0px;xpacity:1}}
@keyframes animatebottom{from{bottom:-300px;xpacity:0} to{bottom:0;xpacity:1}}
.a4-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.a4-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.a4-animate-input:focus{width:100%!important}
.a4-xpacity,.a4-hover-xpacity:hover{xpacity:0.60;filter:alpha(xpacity=60);-webkit-backface-visibility:hidden}
.a4-xpacity-off,.a4-hover-xpacity-off:hover{xpacity:1;filter:alpha(xpacity=100);-webkit-backface-visibility:hidden}
.a4-text-shadow{text-shadow:1px 1px 0 #444}.a4-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.a4-transparent{background-color:transparent!important}
.a4-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
*/
/* Start of colors */
.a4-amber,.a4-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.a4-aqua,.a4-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.a4-blue,.a4-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.a4-light-blue,.a4-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.a4-brown,.a4-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.a4-cyan,.a4-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.a4-blue-grey,.a4-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
.a4-green,.a4-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.a4-light-green,.a4-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.a4-dark-green,.a4-hover-dark-green:hover{color:#fff!important;background-color:#191!important}
.a4-indigo,.a4-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.a4-khaki,.a4-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.a4-lime,.a4-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.a4-orange,.a4-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.a4-deep-orange,.a4-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.a4-pink,.a4-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.a4-purple,.a4-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.a4-deep-purple,.a4-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.a4-red,.a4-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.a4-deep-red,.a4-hover-deep-red:hover{color:#fff!important;background-color:#d2190b!important}
.a4-sand,.a4-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.a4-teal,.a4-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.a4-yellow,.a4-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.a4-white,.a4-hover-white:hover{color:#000!important;background-color:#fff!important; opacity: .8}
.a4-black,.a4-hover-black:hover{color:#fff!important;background-color:#000!important}
.a4-grey,.a4-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.a4-light-grey,.a4-hover-light-grey:hover{color:#000!important;background-color:#f1f1f1!important}
.a4-dark-grey,.a4-hover-dark-grey:hover{color:#fff!important;background-color:#616161!important}
.a4-pale-red,.a4-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.a4-pale-green,.a4-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.a4-pale-yellow,.a4-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.a4-pale-blue,.a4-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.a4-text-amber,.a4-hover-text-amber:hover{color:#ffc107!important}
.a4-text-aqua,.a4-hover-text-aqua:hover{color:#00ffff!important}
.a4-text-blue,.a4-hover-text-blue:hover{color:#2196F3!important}
.a4-text-light-blue,.a4-hover-text-light-blue:hover{color:#87CEEB!important}
.a4-text-brown,.a4-hover-text-brown:hover{color:#795548!important}
.a4-text-cyan,.a4-hover-text-cyan:hover{color:#00bcd4!important}
.a4-text-blue-grey,.a4-hover-text-blue-grey:hover{color:#607d8b!important}
.a4-text-green,.a4-hover-text-green:hover{color:#BA5151!important}
.a4-text-dark-green,.a4-hover-text-dark-green:hover{color:#191!important}
.a4-text-light-green,.a4-hover-text-light-green:hover{color:#8bc34a!important}
.a4-text-indigo,.a4-hover-text-indigo:hover{color:#3f51b5!important}
.a4-text-khaki,.a4-hover-text-khaki:hover{color:#b4aa50!important}
.a4-text-lime,.a4-hover-text-lime:hover{color:#cddc39!important}
.a4-text-orange,.a4-hover-text-orange:hover{color:#ff9800!important}
.a4-text-deep-orange,.a4-hover-text-deep-orange:hover{color:#ff5722!important}
.a4-text-pink,.a4-hover-text-pink:hover{color:#e91e63!important}
.a4-text-purple,.a4-hover-text-purple:hover{color:#9c27b0!important}
.a4-text-deep-purple,.a4-hover-text-deep-purple:hover{color:#673ab7!important}
.a4-text-red,.a4-hover-text-red:hover{color:#f44336!important}
.a4-text-deep-red,.a4-hover-text-deep-red:hover{color:#d2190b!important}
.a4-text-sand,.a4-hover-text-sand:hover{color:#fdf5e6!important}
.a4-text-teal,.a4-hover-text-teal:hover{color:#009688!important}
.a4-text-yellow,.a4-hover-text-yellow:hover{color:#d2be0e!important}
.a4-text-white,.a4-hover-text-white:hover{color:#fff!important}
.a4-text-black,.a4-hover-text-black:hover{color:#000!important}
.a4-text-grey,.a4-hover-text-grey:hover{color:#757575!important}
.a4-text-light-grey,.a4-hover-text-light-grey:hover{color:#f1f1f1!important}
.a4-text-dark-grey,.a4-hover-text-dark-grey:hover{color:#3a3a3a!important}
.a4-border-amber,.a4-hover-border-amber:hover{border-color:#ffc107!important}
.a4-border-aqua,.a4-hover-border-aqua:hover{border-color:#00ffff!important}
.a4-border-blue,.a4-hover-border-blue:hover{border-color:#2196F3!important}
.a4-border-light-blue,.a4-hover-border-light-blue:hover{border-color:#87CEEB!important}
.a4-border-brown,.a4-hover-border-brown:hover{border-color:#795548!important}
.a4-border-cyan,.a4-hover-border-cyan:hover{border-color:#00bcd4!important}
.a4-border-blue-grey,.a4-hover-blue-grey:hover{border-color:#607d8b!important}
.a4-border-green,.a4-hover-border-green:hover{border-color:#4CAF50!important}
.a4-border-light-green,.a4-hover-border-light-green:hover{border-color:#191!important}
.a4-border-light-green,.a4-hover-border-light-green:hover{border-color:#8bc34a!important}
.a4-border-indigo,.a4-hover-border-indigo:hover{border-color:#3f51b5!important}
.a4-border-khaki,.a4-hover-border-khaki:hover{border-color:#f0e68c!important}
.a4-border-lime,.a4-hover-border-lime:hover{border-color:#cddc39!important}
.a4-border-orange,.a4-hover-border-orange:hover{border-color:#ff9800!important}
.a4-border-deep-orange,.a4-hover-border-deep-orange:hover{border-color:#ff5722!important}
.a4-border-pink,.a4-hover-border-pink:hover{border-color:#e91e63!important}
.a4-border-purple,.a4-hover-border-purple:hover{border-color:#9c27b0!important}
.a4-border-deep-purple,.a4-hover-border-deep-purple:hover{border-color:#673ab7!important}
.a4-border-red,.a4-hover-border-red:hover{border-color:#f44336!important}
.a4-border-sand,.a4-hover-border-sand:hover{border-color:#fdf5e6!important}
.a4-border-teal,.a4-hover-border-teal:hover{border-color:#009688!important}
.a4-border-yellow,.a4-hover-border-yellow:hover{border-color:#ffeb3b!important}
.a4-border-white,.a4-hover-border-white:hover{border-color:#fff!important}
.a4-border-black,.a4-hover-border-black:hover{border-color:#000!important}
.a4-border-grey,.a4-hover-border-grey:hover{border-color:#9e9e9e!important}
.a4-border-light-grey,.a4-hover-border-light-grey:hover{border-color:#f1f1f1!important}
.a4-border-dark-grey,.a4-hover-border-dark-grey:hover{border-color:#616161!important}
.a4-border-pale-red,.a4-hover-border-pale-red:hover{border-color:#ffe7e7!important}.a4-border-pale-green,.a4-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.a4-border-pale-yellow,.a4-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.a4-border-pale-blue,.a4-hover-border-pale-blue:hover{border-color:#e7ffff!important}

/* as400 Font Logo */
.as400-logo {
text-decoration:none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:37px;
letter-spacing:3px;
color:#555555;
display:block;
position:relative;
}

@font-face {
font-family:'fontawesome';
src:url('../fonts/fontawesome-webfont.eot?4.6.3#iefix') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff?4.6.3') format('woff'),
url('../fonts/fontawesome-webfont.ttf?4.6.3') format('truetype'),
url('../fonts/fontawesome-webfont.svg?4.6.3#fontawesome') format('svg');
font-style:normal;
}

@font-face {
  font-family: 'Font Awesome 5 ProS';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff")     format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }


@font-face {
  font-family: 'Font Awesome 5 ProB';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 ProB' !important;
  font-weight: 400 !important; }


@font-face {
  font-family: 'Font Awesome 5 ProS';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../webfonts/fa-light-300.eot");
  src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 ProS';
  font-weight: 300 !important; }

.far {
  font-family: 'Font Awesome 5 ProS';
  font-weight: 400 !important; }
  
  
@font-face {
  font-family: 'Font Awesome 5 ProS';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas, .fa5a {
  font-family: 'Font Awesome 5 ProS';
  font-weight: 900; }



.fa {
display:inline-block;
/*font:normal normal normal 14px/1 FontAwesome;*/
/*font-weight: 300;*/
font-size:16px;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
transform:translate(0,0);
line-height:1;
}
/*.fa-home:before {content:'\e800';}
.fa-globe:before {content:'\e801';}
.fa-search:before {content:'\e802';}
.fa-thumbs-o-up:before {content:'\e803';}
.fa-left-open:before {content:'\e804';}
.fa-right-open:before {content:'\e805';}
.fa-caret-down:before {content:'\e809';}
.fa-caret-up:before {content:'\e80a';}*/

.fa-openday:before {content: "\f048";}
.fa-opencycle:before {content: "\f049";}
.fa-person:before {content: "\f21d";}
.fa-search:before {content: "\f002";}
.fa-caret-down:before {content: "\f0d7";}
.fa-caret-up:before {content: "\f0d8";}
.fa-angle-up:before {content: "\f106";}
.fa-angle-down:before {content: "\f107";}
.fa-globe:before {content: "\f0ac";}
.fa-wrench:before {content: "\f0ad";}
.fa-user:before {content: "\f007";}
.fa-user-times:before {content: "\f235";}
.fa-user-plus:before {content: "\f234";}
.fa-switch:before  {content: "\f204";}
.fa-pencil:before {content: "\f040";}
.fa-eye:before {content: "\f06e";}
.fa-edit:before {content: "\f040";}
.fa-view:before {content: "\f06e";}
.fa-sign-out:before {content: "\f08b";}
.fa-sign-in:before {content: "\f090";}
.fa-out:before {content: "\f08b";}
.fa-in:before {content: "\f090";}
.fa-th-list:before {content: "\f00b";}
.fa-barcode:before {content: "\f02a";}
.fa-print:before {content: "\f02f";}
.fa-users:before {content: "\f0c0";}
.fa-group:before {content: "\f0c0";}
.fa-road:before {content: "\f018";}
.fa-building-o:before {content: "\f0f7";}
.fa-envelope-o:before {content: "\f003";}
.fa-pull:before {content: "\f08e";}
.fa-putaway:before {content: "\f255";}
.fa-unpull:before {content: "\f00d";}
.fa-unputaway:before {content: "\f00d";}
.fa-printlabel:before {content: "\f1ea";}
.fa-price:before {content: "\f155";}
.fa-tag:before {content: "\f02b";}
.fa-untag:before {content: "\f127";}
.fa-warehouse-bin:before {content: "\f187";}
.fa-warehouse-row:before {content: "\f00a";}
.fa-bin-activation:before {content: "\f11e";}
.fa-pick:before {content: "\f1b2";}
.fa-unpick:before {content: "\f0e2";}
.fa-shortpick:before {content: "\f147";}
.fa-plus-circle:before {content: "\f055";}
.fa-keyboard-o:before {content: "\f11c";}
.fa-clearX:before {content: "\f00d";}
.fa-cube:before {content: "\f1b2";}
.fa-cubes:before {content: "\f1b3";}
.fa-invoice:before {content: "\f0f6";}
.fa-activity:before {content: "\f0e7";}
.fa-check:before {content: "\f00c";}
.fa-chrome:before {content: "\f268";}
.fa-truck:before {content: "\f0d1";}
.fa-order:before {content: "\f090";}
.fa-repeat:before {content: "\f01e";}
.fa-flag-checkered:before {content: "\f11e";}
.fa-files-o:before {content: "\f0c6";}
.fa-attach:before {content: "\f0c5";}
.fa-money:before {content: "\f0d6";}
.fa-split:before {content: "\f0e8";}
.fa-sitemap:before {content: "\f0e8";}
.fa-refresh:before {content: "\f021";}
.fa-sliders:before {content: /*"\f1de"*/"\f480";}
.fa-pulledit:before {content: "\f044";}
.fa-list:before {content: "\f03a";}
.fa-plus-square:before {content: "\f0fe";}
.fa-minus-square:before {content: "\f146";}
.fa-undo:before {content: "\f0e2";}
.fa-stop:before {content: "\f04d";}
.fa-play:before {content: "\f04b";}
.fa-calendar-o:before {content: "\f133";}
.fa-pref:before {content: "\f013";}
.fa-attach-edit:before {content: "\f249";}
.fa-attach-add:before {content: "\f24a";}
.fa-clone:before {content: "\f24d";}
.fa-barcode:before {content: /*"\f02a"*/ "\f464";}
.fa-notes:before {content: "\f0ea";}
.fa-wrench:before {content: "\f0ad";}
.fa-flag:before {content: "\f024";}
.fa-flag-o:before {content: "\f11d";}
.fa-scale:before {content: "\f24e";}
.fa-release:before {content: "\f045";}
.fa-exclamation-circle:before {content: "\f06a";}
.fa-pick:before {content: "\f256";}
.fa-tally:before {content: "\f022";}
.fa-check-pdf:before {content: "\f0d6";}
.fa-location:before {content: "\f278";}
.fa-receipt:before {content: "\f0ca";}
.fa-receiptq:before {content: "\f16c";}
.fa-tags:before {content: "\f02c";}
.fa-ban:before {content: "\f05e";}
.fa-fork:before {content: "\f126";}
.fa-map:before {content: "\f279";}
.fa-calendar-plus-o:before {content: "\f271";}
.fa-calendar-check-o:before {content: "\f274";}
.fa-book:before {content: "\f02d";}
.fa-noteview:before {content: "\f022";}
.fa-question:before {content: "\f128";}
.fa-clearO:before {content: "\f05c";}
.fa-pencil-square:before {content: "\f14b";}
.fa-clock:before {content: "\f017";}
.fa-vendcatlg:before {content: "\f02d";}
.fa-putback:before {content: "\f01a";}
.fa-code:before {content: "\f121";}
.fa-item:before {content: "\f03a";}
.fa-statement:before {content: "\f15c";}
.fa-credit-card:before {content: "\f09d";}
.fa-audits:before {content: "\f129";}
.fa-reply:before {content: "\f112";}
.fa-commenting-o:before {content: "\f27b";}
.fa-calendar-minus-o:before {content: "\f272";}
.fa-plus-square-o:before {content: "\f196";}
.fa-check-circle-o:before {content: "\f05d";} 
.fa-star-o:before {content: "\f006";} 
.fa-home-alt:before {content: "\f80a";} 
.fa-star:before {content: "\f005";} 
.fa-print-search:before {content: "\f81a";} 
.fa-person-booth:before {content: "\f756";}
.fa-user-tag:before {content: "\f507";}
.fa-book-heart:before {content: "\f499";}
.fa-clipboard-list-check:before {content: "\f737";}
.fa-GL:before {content: "\f640";}
.fa-abacus:before {content: "\f640";}
.fa-run:before {content: "\f70c";}
.fa-ownertfr:before {content: "\e068";}
.fa-ownertfrinprog:before {content: "\f4ce";}
.fa-batch:before {content: "\f5fd";}
.fa-reject:before {content: "\f05e";}
.fa-approve:before {content: "\f11e";}
.fa-calc:before {content: "\f1ec";}
.fa-file-code:before {content: "\f1c9";}
.fa-info-circle:before {content: "\f05a";}
.fa-file-contract:before {content: "\f56c";}


/*font-awesome 5 changes*/
.fa-building-o:before {content: "\f1ad";}
.fa-envelope-o:before {content: "\f0e0";}
.fa-shortpick:before {content: "\f146";}
.fa-invoice:before {content: "\f15c";}
.fa-attach-add:before {content: "\f249";}
.fa-flag-o:before {content: "\f024";}
.fa-release:before {content: "\f14d";}
.fa-location:before {content: "\f279";}
.fa-clearO:before {content: "\f057";} 
.fa-putback:before {content: "\f358";} 
.fa-reply:before {content: "\f3e5";}
.fa-commenting-o:before {content: "\f27a";}
.fa-plus-square-o:before {content: "\f0fe";}
.fa-check-circle-o:before {content: "\f058";} 
.fa-star-o:before {content: "\f005";}

/* */
.fa-source-data:before {content: "\f387";}
.fa-university:before {content: "\f19c";}
.fa-stream:before {content: "\f550";}
.fa-terminal:before {content: "\f120";}
.fa-sign-edit:before , .fa-sign-add:before {content: "\f573";}
.fa-sign-edit:before , .fa-sign-add:before {content: "\f5b7";}

/*some new testing
.fa-attach-add:before {content: "\f574";}
.fa-attach-edit:before {content: "\f574";}
.fa-attach-edit:before {content: "\f7fd";}
.fa-attach-add:before {content: "\f7fd";}
*/

/* list here of icons that should be outlined
.fa-building-o, .fa-envelope-o, .fa-shortpick, .fa-invoice, .fa-attach-add, .fa-flag-o,
.fa-location, .fa-clearO, .fa-commenting-o, .fa-plus-square-o, .fa-check-circle-o
*/
.fa-putaway, .fa-invoice, .fa-clock, .fa-noteview, .fa-tally, .fa-attach-add, .fa-view, .fa-envelope-o, .fa-scale, .fa-pick, .fa-calendar-o, .fa-sign-add
 { font-weight: 400; }

.fa-chrome, .fa-receiptq {
  font-family: 'Font Awesome 5 ProB' !important;
  font-weight: 400 !important;
}


/* 
prev/next: chevron-left, -right
home
repeat/redo
spinner
*/

#nav_translate, #nav_search {display:none;}
#nav_translate a {display:inline;}

.searchdiv {
max-width:400px;
margin:auto;
text-align:left;
font-size:16px;
}
div.cse .gsc-control-cse, div.gsc-control-cse {
background-color:transparent;
border:none;
padding:0px;
margin:0px;
}

td.gsc-search-button input.gsc-search-button {background-color:#555555;border-color:#555555;}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button {
box-sizing:content-box;
line-height:normal;
}
.gsc-tabsArea div {overflow:visible;}
.gsst_a .gscb_a {margin-top:3px;}

.a4-dropnav {
display:none;
padding-bottom:.6em;
position:absolute;
width:100%;
z-index:99 !important;
font-size: .9em;
padding-top: .6em;
min-width: 10em;
}

.a4-col .a4-btn {
margin:5px 5px 5px 0;
font-size:16px;
}
.a4-col.l4 .a4-card-2 {
padding:15px 10px;
height:260px;
}
.a4-closebtn {
z-index: 5;
padding:10px 20px !important;
position:absolute;
right:0;
}
.a4-closebtn:hover {background-color:#cccccc;}
.a4-theme {color:#111;background-color:#0f4472;} /*{color:#111 !important;background-color:#a3e9a4 !important;}*/
.a4-theme-darker {color:#333;background-color:#B80000;} /*{color:#111 !important;background-color:#a3e9a4 !important;}*/
.text-theme {color:#63c964;}
.a4-accordion-content .a4-closebtn{display:none;}
.a4-sidenav {
z-index:3;
width:230px;
overflow:hidden !important;
position:absolute !important;
margin-bottom:-155px;
}
.a4-sidenav a {
padding:0 16px;
font-size:16px;
}
.a4-navbar {
position:relative;
z-index:3;
font-size:15px;
}
/*
h1 {
font-size:40px;
color:#191919;
margin:2px 0 -0px 0 !important;
}
*/
/* theme #BA5151 */





/* -- a4-themebox style ------------------------------- */
html,
body {
  position: relative;
  min-height: 100%;
  height: 100%;
  color: #212121;
  /*background-color: #f5f5f5;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html {
  position: relative;
  padding: 0;
  min-height: 100%;
  font-size: 62.5%;
}
#a4-themebox, .a4-themebox {
  margin: 20px 20px;
  /*max-width: 960px;*/
  min-height: 15em;
}
@media screen {
 .shadow-z-1 {
   -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0);
   -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0);
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0), 0 1px 2px 0 rgba(0, 0, 0);
 }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #fff;
  border-spacing: 0;
}
.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.table > tbody > tr.empty > td { padding:0; border:0; display:none; }
.table > tbody > tr > td.ext { padding: 0;  border: 0; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: .6em .4rem;
  vertical-align: top;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgb(20,128,20/*,.5*/);
  border-top: 1px solid rgb(20,128,20/*,.5*/);
  border-left: 1px solid rgb(218,218,218/*,.05*/);
  border-right: 1px solid rgb(218,218,218/*,.05*/);
}
.centered { text-align: center; }
.table > thead > tr > th {
  font-weight: bolder;
  color: #153515;
  vertical-align: bottom;
  border-bottom: 1px solid rgb(0, 0, 0/*, 0.32*/);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgb(0, 0, 0/*, 0.12*/);
}
.table .table {
  background-color: #fff;
  border: 1px solid #3d3d3d;
  max-width: 92vw;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f0f0f0;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: xrgba(0, 0, 0, 0.12);
}

.table-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  background-color: #d0f8ce;
}
.table-hover.table-mc-green > tbody > tr:hover > td,
.table-hover.table-mc-green > tbody > tr:hover > th {
  background-color: #a3e9a4;
}


.bigspace {
height:15rem;
}

#a4-themebox, .a4-themebox {
  background-color: rgb(255,255,255/*,.62*/);
  border-radius: 6px;
  /*border: 2px dashed rgb(0,100,0*//*,.22*//*);*/
  /*padding: 2rem .5rem 2rem .5rem;*/
  overflow-x: auto;
}

/*
h1 {
    padding-bottom: 2rem;
}
*/
.u { text-decoration: underline}

.a4-bottom-buttons {
padding-top:12px; 
padding-bottom:1px;
}

.sr > .a4-row-padding {
padding-top: 8px;
}
.a4-full { padding:8px }

td.action {
	white-space: nowrap;
	text-align: center;
}
td.action a {padding:0 .5em;display:inline-block;}
div.action a {margin-bottom: 1em}
td.action a.act{display: block;text-decoration:none;
	text-align: left; border-radius: .5em; padding:.25em; margin-bottom:.2em;
}
td.action a.act .fa{display: inline-block;width:1.2em;text-align:center;}
td.action .hidden {display:none;}
td.action .dropdiv {
    position: relative;
    margin-right: -60em;
    width: 35em;
    background-color: rgba(255,255,255,.95);
    border: 1px dashed black;
    white-space: normal;
    padding: .5em;
    border-radius: 0 1em 1em 1em;
    box-shadow: 0 2px 4px 0 rgb(0,0,0),0 2px 10px 0 rgb(0,0,0);
    /*margin-bottom: -40em;*/
    z-index: 1;
}
td.action .dropdiv a.act {
  display: inline-block;
  width: 50%;
  padding: .5em;
}
td.action .dropdiv a.act .fa {
  display: block;
  width: 2.5em;
  float: left;
}

.hyphens {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

div#myAccordion br {
    display: none;
}



.a4-opennavA {
	 background: url('../../images/041_hamburger_menu-128.png') center center !important;
  background-size: 25px 25px !important;
 	background-repeat: no-repeat !important;
}

.info, .success, .warning, .error, .validation {
/*border: 1px solid;*/
background-repeat: no-repeat;
background-position: 10px center;
border-radius: .5em;
padding: .2em;
}
.info {
color: #00529B;
background-color: #BDE5F8;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}
.comboboxbtn {
	float: right;
    margin-top: -2em;
    /*margin-right: .25em*/
}
.AnyTime-win {
	z-index: 3; /*100000;*/
}






.progressbarWrapper{
	position: absolute;
	left: 25%;
	width: 50%;
	height: 15px;
}

#progressbar{
	/*position: relative;*/
	top: 0%;
	width: 100%;
	height: 2%;
	border: 0px solid black;
	
	div.progressbarstep{
		position: relative;
		border-right: 1px solid black;
		height: 100%;
		float: left;
		z-index: 999;
	}
}

#progressProgress{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: orange !important;
	transition: all 1s linear;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}


#loading-img {
    background: url('../../images/velocity.gif') center center no-repeat;
    height: 100%;
    z-index: 21;
}

.loadingoverlay {
    position:fixed;
    background: #e9e9e9;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    xpacity: 0.75;
	z-index: 20;
}

.aboveInput {
	position: relative;
	top: .75em; /*-1.2em;*/
	right: .25em;
	font-size: .75em;
	width: 10%;
	margin-left: 88%;
	text-align: right;
}
a.aboveInput {
	text-decoration: none;
}
 .aboveInput + input {
	margin-top: -1em;
 }
div.AnyTime-win.AnyTime-pkr{
	margin-top: 1em;
}
/* floating scrollbar stuff */
.fl-scrolls{bottom:0;height:35px;overflow:auto;position:fixed}.fl-scrolls,.fl-scrolls div{font-size:0;line-height:0;margin:0;padding:0}.fl-scrolls div{height:1px;overflow:hidden}.fl-scrolls div:before{content:""}.fl-scrolls-hidden{bottom:9999px}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{left:0;position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s ease .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}

body {
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

::placeholder               { color: #AAA}

/*
::placeholder               { color: #44c; background-color: #eee; }
::-webkit-input-placeholder { color: #44c; background-color: #eee; }
::-moz-placeholder          { color: #44c; background-color: #eee; }
:-ms-input-placeholder      { color: #44c; background-color: #eee; }
:-moz-placeholder           { color: #44c; background-color: #eee; }
*/
.banner {
    position: absolute;
    right: 33vw;
    top: 1em;
    background-color: red;
    border-radius: 3em;
    width: 3em;
    text-align: center;
    color: white;
    font-weight: bold;
    height: 3em;
    padding-top: .75em;
    font-size: 1em;
    z-index: 4;
    cursor: pointer;
    /* margin-top: -1em; padding-left: .25em; */
}
.banner-extra {
    display: none;
}
.banner:hover {
    width: 20em;
}
.banner:hover > .banner-extra {
    display: inline-block;
}
.force3em {
    width: 3em !important;
}
.pulseAttn2 {
 animation-name: pulseAttnAnim2;
 animation-duration:2s;
 animation-direction: normal;
 animation-iteration-count: 2;
 animation-timing-function: ease-in;
}
@-webkit-keyframes pulseAttnAnim {
 0% {
   transform: scale(1.0);
 }
 50% {
   transform: scale(1.3);
 }
 12% {
   transform: scale(1.0);
 }
}
.pulseAttn {
 animation-name: pulseAttnAnim;
 animation-duration:4s;
 animation-direction: normal;
 animation-iteration-count: infinite;
 animation-timing-function: ease-in;
}
.pulseAttn:hover {
   animation-name: none;
   transform: scale(1.2);
}
@-webkit-keyframes pulseAttnAnim {
 0% {
   transform: scale(1.0) rotate(0deg);
 }
 4% {
   transform: scale(1.3) rotate(-15deg);
 }
 8% {
   transform: scale(1.3) rotate(15deg);
 }
 12% {
   transform: scale(1.0) rotate(-15deg);
 }
 32% {
   transform: scale(1.3) rotate(-15deg);
 }
 55% {
   transform: scale(1.0) rotate(0deg);
 }
 100% {
   transform: scale(1.0) rotate(0deg);
 }
}



@media print{
body >*, .a4-btn-block, .a4-bottom-buttons  {display:none !important}.a4-maincon{display:block !important}
.table{font-size: smaller;border-spacing:0}.action,.action a{display:none !important}
.body {background-color: inherit;}.a4-themebox{margin:0; border-color:rgba(0,100,0,.2);border:0;}.a4-container{padding: 0 .1em}
.table-striped.table-mc-green > tbody > tr > td, .table-striped.table-mc-green > thead > tr > th { background-color: white !important; border: 1px solid rgb(200,200,200) !important; border-collapse: collapse; }
.a4-col,.a4-full,.a4-half,.a4-third,.a4-twothird,.a4-threequarter,.a4-quarter,.a4-fifth,.a4-sixth,.a4-seventh,.a4-eighth,.a4-ninth,.a4-tenth{ padding:0.1rem !important; }
input.a4-border,textarea.a4-border,select.a4-border{border:0!important;}td{padding:0.1rem !important}
input:placeholder-shown{background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAZBAMAAACx9nFWAAAAG1BMVEX///8AAAC/v78/Pz+fn58fHx/f399/f39fX1/PIF2nAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAaUlEQVQokWNgGMSALQCLIHsBFkHWBFS+kKGgA0MqA3ugBJKEqAKLAEM5Q3FCegOSSgYGAYYwIARScABkCoAsV2lFEwRarhrhhiYItDyEgQ1NMBVEsaAJljMwmCe4ogkCrU4WNUISHDAAAG0oDTih8u9XAAAAAElFTkSuQmCC);}
.a4-row-padding: {0 2px !important;} body{line-height: 1em;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none}
::-webkit-input-placeholder{color:transparent}:-moz-placeholder{color:transparent}::-moz-placeholder{color:transparent}:-ms-input-placeholder{color:transparent}
input[type="radio"]{display:none}input[type="radio"]:checked+label:before{content:"[X] "}input[type="radio"]:not(:checked)+label:before{content:"[ ] "}
input[type=checkbox].a4-checkbox:checked+.a4-validate, input[type=checkbox].a4-check:checked+.a4-validate, input[type=radio].a4-radio:checked+.a4-validate{color:inherit !important}
body{background:white;}
.dl-xlsx-link{display:none;}
}


@media screen {
 .dl-xlsx-link{
  position:absolute;
  right:4em;
  color:purple;
  font-size:1.2em;
 }
 .dl-xlsx-link-top { top: 0; }
 .dl-xlsx-link-bottom { bottom: .8em; }
 .table-xlsx-shiftdown{position:relative;padding-top:2.5em; padding-bottom:2.5em;}
 .awesomplete:before {
    content: "autocomplete";
    float: right;
    line-height: 0;
    margin-top: 1em;
    margin-bottom: -1em;
    margin-right: .25em;
    font-size: .75em;
    color: #aaa !important;
 }
}



.graph-areaX {
    max-height: 1080px;
    max-width:  1920px;
}
.audits {
    font-size: x-small;
    float: right;
    padding: 0em 2em 0em 0em;
}
.tiny {
	font-size: x-small;
}
.a4-hide-large {
	display: none;
}
div#searchBarDiv  { display:none; position: fixed; z-index: 100; border-bottom: 4px solid black; width:100vw;}
div#searchBarDiv  input { width:100%; font-size:1em; }
div#searchBarDiv  .awesomplete {font-size: 1em}
div#searchBarDiv  .awesomplete:before { content:""}
.nodecorate { text-decoration:none; }
.a4-dropnav {
  background-color: rgba(250,250,250,.96)!important;
  /*padding-left: 1.2em;
  padding-right: 2em;*/
  border-radius: 0 1em 1em 1em;
  font-size: 1.1em;
  /*transition: all .2s linear;*/
  box-shadow: 0 2px 4px 0 rgb(0,0,0),0 2px 10px 0 rgb(0,0,0)!important;
}
.a4-navbar { padding-left: .4em; }
.a4-navbar .a4-right a { padding: 0 .4em; /*padding: 0 .75em; */ }
.navbarbtns a { border-radius: 1em 1em 0 0; }
.navbarbtns a.open { background-color: white ; opacity: 1 !important}
.navbarbtns i.fa.fa-caret-down, .navbarbtns i.fa.fa-caret-up { font-size: small; opacity: 0;}
span.FKey {
    font-size: .7em;
    opacity: .5;
    padding-left: .5em;
    margin-right: .5em;
}
.a4-btn-block { /*border: 2px solid black !important;*/ border-width: 0px !important; border-radius:.35em; 
}
.a4-closebtn { display: none; }



.a4-modal .a4-btn-block { margin-top:1em; }
.a4-caret-holder, .a4-caret-holder2 { position:fixed;  bottom:6em;right:1.5em; display:none; z-index:4;
  animation: fadein 2s;
  transition: all 1.3s ease;}
.a4-caret-holder2 { position:fixed;  bottom:3em;}
.a4-site-warning {
font-family: "Verdana";	
position:fixed;
top: 1em;
left: 40%;
display: table;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.a4-caret {font-size: large;
background-color: navajowhite; /*#dbdbdb;
    color: #0099cc;*/
    border-radius: 2em;
    width: 2em;
    height: 2em;
    text-align: center;
    padding-top: .25em; padding-left: .15em;
    opacity: .8;
}
.a4-caret :hover {opacity: 1;}
/*body.controlIsDown .a4-dropnav span.FKey, body.controlIsDown .navbarbtns span.FKey { opacity:1; background-color:white; color:red; }*/
body.controlIsDown:not(.FQM) .a4-dropnav span.FKey, body.controlIsDown:not(.FQM) .navbarbtns span.FKey, body.controlIsDown.FQM #nav_FQM span.FKey { opacity:1; background-color:white; color:red; }

button:hover span.FKey {
	opacity:1;
}
button span.FKey {
    font-size: .7em;
    opacity: .8/*.5*/;
    display: block;
    position: relative;
    top: .2em;
    left: .2em;
    text-align: left;
    /*margin: -.7em 1em -1em -1.2em;*/
    margin: -.72em 0 -.72em -1em;
}


a.smallnavlink:first-of-type {
	border-top: none !important;
}

a.smallnavlink {
	text-align: left;
	border-top: 1px solid darkgray !important;
	width: 100%;
	border-radius: 0;
	margin-top: 0 !important;
	margin-left: 0 !important;
}
a.smallnavlink i.fa.fa-caret-down {
	right: 1em;
	text-align: right;
	width: 98%;
	position: absolute;
	font-size: 1.2em;
	font-style: normal;
}

div#snb_parking .a4-accordion-content a {
	padding: 0.7em 1.2em;
	font-size: 1.2em;
	text-align: left;
}
div#snb_parking .a4-accordion-content a.hasSubmenu::after {
	content:none;
}
div#snb_parking .a4-accordion-content a i.fa.fa-caret-down {
	right:2em;
}

div#site-warning div {border-radius: 0 0 2em 2em;}
div#site-warning {
	width: 30%;
	left: 35%;
    display: block;
    top: 0;
    text-align: center;
    color: black;
	opacity: .65;
	line-height: 2em;
	z-index: 5;
	pointer-events: none;
	padding: 0 1.2em;
	font-size: .6em;
}

.graph-area canvas { border-radius: 1em; }
.a4-select[readonly], .a4-select[disabled], .a4-input.a4-select[disabled] {
    background-color: #dedede; /*rgb(235, 235, 228);*/
    color: rgb(84, 84, 84);
    padding: 2px 0px;
}
h1.helpTextOnly {
    width: 2em;
    height: 0em;
    margin: 0;
}

#popDataCon, #pdcc {width: 44em; max-width: 100%;}
#popDataCon.pinpopped{z-index: 102;}
#popDataCon {
	z-index: 2;
	position: absolute;
	background: white;
	height: fit-content;
	overflow: hidden;
	opacity: 0;
	transition: all .5s ease;
	box-shadow: 0 1px 2px 0 rgb(0,0,0),0 1px 6px 0 rgb(0,0,0); border-radius: 0 0 0 1em;
}
#popDataCon table {
	width: 100%; border-spacing: 0;
	padding: .5em; text-align: left;
}
.popDataConCtl .fa {
	font-size: x-small;
}
.popDataConCtl button {
	background-color: inherit;
	border: 0;
	font-weight: bolder;
	padding: 0 .6em;
	cursor: pointer;
	outline: none;
}
#pdcc.minimized div#popDataCon {
	height: 2em !important;
	min-height: 2em !important;
	opacity:.5 !important;
}
div#popDataCon a {text-decoration: none;} div#popDataCon a:hover {text-decoration: underline dotted #a9a9a9;}
div#pdcc {float:right;font-size: xx-small;}
.popDataConCtl {
	float: right; height:2em; padding-right: 1em;
	margin-top:.3em; 
}
div#popDataCon .title {
	top:.3em;
	font-size: x-small;
	position: absolute;
	left: 0em;
	text-align: center;
	width: 100%;
	font-weight: bold;
	padding-right: 1em;
}

div.action {
	display: flex;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between
}
div.action a { width: 33px; }
td.action {
    text-align: center;
}
/******/
#WEIGHTBOX { display: none; } 
#WEIGHTBACK {
	z-index:3;position:fixed;border-radius: 2em 2em 2em 2em; top:8.8em; 
	width:32em !important; left:calc(50% - 16em); 
	height: 11em; /*6em;*/
	line-height: 6.6em;
}
#WEIGHTBOX_CLOSE, #WEIGHTBOX_CLOSE2 {
	color: #f88;
	position: absolute;
	top: .5em;
	right: 1em;
	font-size: x-large;
	text-decoration:none;
	font-family: monospace;
}
.glowBack{
	display: flex;
	justify-content: center; align-items: center;
	background: #050801;
	height:9em;
}
.glowX {
	padding: 15px 40px;
	transition: .8s;
	overflow: hidden;
	border-radius: 50px;
}
.glowStart.glowX { 
	/*letter-spacing: 0.35em;*/
	color: #050801;
}
.glowGood.glow2 { /*darker, thus dimmer*/
	box-shadow: 0 0 5px #191,0 0 15px #191,0 0 10px #191,0 0 50px #191;
	background: #191;
}
.glowGood { background: #3f4; color: #050801;box-shadow: 0 0 5px #3f4, 0 0 25px #3f4,0 0 50px #3f4,0 0 200px #3f4;}

.glowBad.glow2{ /*darker, thus dimmer*/
	box-shadow: 0 0 5px #971,0 0 15px #971,0 0 10px #971,0 0 50px #971;
	background: #971;
}
.glowBad {
	box-shadow: 0 0 5px #fa0, 0 0 25px #fa0,0 0 50px #fa0,0 0 200px #fa0;
	background: #fa0;
}

.glowVeryBad {
	box-shadow: 0 0 5px #f00, 0 0 25px #f00,0 0 50px #f00,0 0 200px #f00;
	background: #f00;
}


div#WEIGHTBACK2 .glowBack {
	justify-content: space-between;
}
div#WEIGHTBACK2 {
	display:none;
	z-index: 3;
	position: fixed;
	border-radius: 2em 2em 2em 2em;
	bottom: 3vh;
	width: 98vw;
	left: 1vw;
	height: 20em;
	flex-flow: row;
	justify-content: space-between;
	padding: 0 4em;
	color: white;
}
div#WEIGHTBACK2 div#lastWeight {
    font-size: 11em;
}
.glowX2.glowX2header{
	font-size: 3em;
	width: 5em;
	text-align: left;
	padding: 0 1em 0 0;
}
.glowX2 {
	/*color: limegreen;*/
	font-family: sans-serif;
	/*text-shadow: 0px 0px 29px #00cc00;*/
}



#WEIGHTBOX.posRel #WEIGHTBACK {
	/*position: fixed;*/ /*relative*/
	/*top: 16em;
	height: 16em;
	margin-top: -16em;*/
	/*left: 0;*/
}

#WEIGHTBACK {
	width: 42em !important;
	left: calc(50% - 21em);
}

.glowX {
	padding: 0.2em 0.5em;
	transition: .8s;
	overflow: hidden;
	border-radius: 50px;
	font-size: 6em;
	width: 6em;
}





div#errorModalWrap, div#genModalWrap {
height: 100%; width: 100vw; position: fixed; top: 0;left: 0;
background-color: rgba(0,0,0,.8);
z-index: 3;
font-size: 3em; padding: 2em;
display:none;
flex-direction: column;
justify-content: space-around;
overflow:auto;
}
div#genModalWrap {
	flex-direction: row;
	font-size: inherit;
	padding-top: 4em;
}
div#errorModalWrap ::-webkit-scrollbar {width: .25em !important;}
/*div#errorModalWrap .FKey {display:none;}*/
div#errorModalWrap > div { max-height: 50vh; overflow-y: auto; }

.error.noAck {color: #bf000b;background-color: #ffe9e9;}
.warning.ack {color: #b53200;background-color: #ffe98b;}


#target4 {
background-color: #defdef;
position: fixed;
top: 20em;0; left: 0;
height: 30em; width: 30em;
border-radius: 0 0 1.2rem;
box-shadow: 0 1px 2px 0 rgb(0 0 0), 0 1px 6px 0 rgb(0 0 0);
z-index: 5;
padding: 2em;
}

span.nWin, span.mI { /*menu-Icon*/
	/*color: white;
	background-color: red;*/
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	border-radius: 1.5em;
	line-height: 1.5em;
	font-family: "Font Awesome 5 ProS";
	/*content: "\f0ea";*/
	margin: 0px -1.5em;
	padding: 0em 2.5em 0 0.7em;
	text-align: center;
	font-size: .9em;
	opacity: .2;
	position: absolute;	right: .8em;
	font-weight: 900;
}
span.mIo {
	font-weight: 300;
}
/*.span.nWin:after {content: "\f048";}*/
.tdiv span.nWin:hover, .tdiv span.mI:hover {opacity: 1;}


.action input[type=checkbox].a4-check,.action input[type=checkbox].a4-checkbox,.action input[type=radio].a4-radio {width:33px;}

div.action input[type=checkbox].a4-check,div.action input[type=checkbox].a4-checkbox,div.action input[type=radio].a4-radio {top: inherit}

body.FQM div#genModalWrap  { 
	display: flex;
}
body.FQM div#errorModalWrap { 
	display: none !important 
}
nav#nav_FQM {
	font-size: 1.2em;
	max-width: 22em;
	padding: 1em 0.3em;
}
body.mobile nav#nav_FQM {
	font-size: .8em;
}
nav#nav_FQM .a4-closebtn {
	display: block;
	font-size: 1.2em !important;
	margin: -0.5em 0em;
	padding: 0.5em;
}
#nav_FQM span.mI { padding: 0; }
span.mI.down { right: 3.8em; }
span.mI.up { right: 5em; }
span.mI.star {
	left: -0.5em;
	margin: 0 1em;
	padding-top: 0.1em !important;
}

#nav_FQM span.FKey {margin-left: 0.5em;}

#nav_FQM h2{
margin: 0 auto;
text-align: center;
/*padding: 0.5em 0 0em 0;*/
text-decoration: underline;
font-size: 1.2em;
}
h2#QUICKMENU_e {
line-height: 0.5em;
}

#nav_FQM .mI, #nav_FQM .nWin {
	text-indent: 0;
}

#nav_FQM a {
	padding-left: 3em;
	text-indent: -2em;
	padding-right: 4em;
}
.a4-round, nav#nav_FQM, nav#nav_FQM .tdiv {
border-radius: 1em;
}
#nav_FQM .a4-closebtn { padding: .5em !important; border-radius: 0em 1em 0em 1em;} 
#nav_FQM .a4-closebtn:hover { background-color: inherit;}
/*#nav_FQM .a4-closebtn:hover, .a4-closebtn:focus {color: #ccc;}*/


nav.a4-dropnav.submenu {
	font-size: 1em;
	width: fit-content;
	white-space: nowrap;
	min-width: 100%;
	margin-top: 0.2em;
}
div.a4-accordion-content div.tdiv a.hasSubmenu > span.FKey,
div.a4-accordion-content div.tdiv a.hasSubmenu > div.a4-accordion-content span.FKey {
	display:none;
}
.submenu {
	margin-left:40%;
}
a.hasSubmenu::after {
	content:'\f0d7';
	font-family: 'Font Awesome 5 ProS' !important;
	font-weight: 900 !important;
	color: #888;
}

span.tag {
	padding: 0.15em 1em;
	border-radius: 1em;
	line-height: 1.9em;
	white-space: nowrap;
}

body.mobile span.tag {
	text-overflow: ellipsis;
	/*width: 86vw;*/
	overflow-x: clip;
	display: inline-block;
	text-align: center;
}

.a4-vertical-middle { vertical-align: middle; }
.nowrap { white-space: nowrap; }
.boldspan span { font-weight: bold; }

.pick {
	width: 25px;
	height: 25px;
	margin: auto;
}
.pick img {
	max-width: 25px;
	max-height: 25px;
}
.pickIn {
	width: 1em;
	height: 1em;
	margin: auto;
	display: inline-block;
}
.pickIn img {
	max-width: 1em;
	max-height: 1em;
	margin-bottom: 0;
}

img.imagePreview {
	max-width:50vw;
	max-height:40em;
}

form#pinPopForm {padding: 1em;}

.homeCompaniesRow {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.homeCompaniesColumn {
	margin: 10px; flex-basis: calc(33.33% - 20px);
	display: flex; justify-content: center; flex-direction: column;
}
.homeCompaniesColumn a img {
	width: 100%;height: auto;
	padding: 2vh;
}

button.cShowExpander {
	margin: 0.7em 1.2em;
	font-size: 0.6em;
	float: right;
	border: none;
	color: gray;
	background-color: white;
	outline-style: none;
	display:none;
	cursor:pointer;
}
button.cShowExpander:after{content:"\f107"; font-family: 'Font Awesome 5 ProS';}
.cShow button.cShowExpander:after{content:"\f106";}

/*
button.cShowExpander:focus {
	background-color: #e9e9ff;
	outline-color: #0f4472;
}

div.a4-container[data-a4-type="c"].cShow a4-row-padding {
    max-height: none !important;
    overflow-y: visible !important;
}

div.a4-container[data-a4-type="c"] {
    max-height: 75px;
    overflow-y: hidden;
}*/



#loading {
width: 80% !important;
left: 10% !important;
margin: 0;
height: 5.9em !important;
top: 10em !important;/*10px*/
}

/* large screens - allow multiple columns input fields*/
@media only screen and (min-width:993px){
.a4-eighth .a4-btn-block, .a4-tenth .a4-btn-block { font-size: .9em; }
.a4-col.m1{width:8.33333%}
.a4-tenth{width:9.99999%}
.a4-ninth{width:11.11111%}
.a4-eighth{width:12.49999%}
.a4-seventh{width:14.28571%}
.a4-col.m2,.a4-sixth{width:16.66666%}
.a4-col.m25,.a4-fifth{width:19.99999%}
.a4-col.m3,.a4-quarter{width:24.99999%}
.a4-col.m4,.a4-third{width:33.33333%}
.a4-col.m5{width:41.66666%}
.a4-col.m6,.a4-half{width:49.99999%}
.a4-col.m7{width:58.33333%}
.a4-col.m8,.a4-twothird{width:66.66666%}
.a4-col.m9,.a4-threequarter{width:74.99999%}
.a4-col.m10{width:83.33333%}
.a4-col.m11{width:91.66666%}
.a4-col.m12{width:99.99999%}
::-webkit-scrollbar {width: 1em;}
button span.FKey {
    display: inline-block;
    width: fit-content;
    top: auto;
    left: auto;
    margin: 0 1em 0 -3em;
}
.a4-bottom-buttons div {
	padding-bottom: .8em !important;
}

	.a4-sidenav.a4-collapse{display:block !important;}
	.a4-opennav,.a4-accordion{display:none !important;}

 div#loading { 
	width: 500px !important;
	left: calc(50% - 250px) !important;
 }
}




/* small screens - single column (implicitly based on prior), responsive tables */
@media only screen and (max-width:992px){
div.action {min-width: 100% !important;}
.a4-modal-content{margin:0 10px;width:auto!important}.a4-modal{padding-top:30px}
.a4-modal-content{width:500px}.a4-modal{padding-top:50px}
.a4-modal-content{width:900px}
	.a4-topnav a{display:block}.a4-navbar li:not(.a4-opennav){float:none;width:100%!important}.a4-navbar li.a4-right{float:none!important}
	.a4-topnav .a4-dropdown-hover .a4-dropdown-content,.a4-navbar .a4-dropdown-click .a4-dropdown-content,.a4-navbar .a4-dropdown-hover .a4-dropdown-content{position:relative}
	.a4-topnav,.a4-navbar{text-align:center}
	.a4-hide-small{display:none!important}
	.a4-hide-large{display:inherit;}
	.a4-main{margin-left:0!important;margin-right:0!important}
	.a4-sidenav.a4-collapse,.navbarbtns,.navex{display:none !important;}
	h1,.a4-jumbo{font-size:20px !important; line-height: 1.1 !important;margin: 1em 0;}
	.a4-padding-jumbo{padding:32px !important;}

 .homeCompaniesRow { display: block !important; }
 .homeCompaniesColumn { width: 66% !important; margin: auto;}
  .homeCompaniesColumn {
	flex-basis: 100%;
	margin: 10px auto;
  }
.a4-hide-medium{display:none!important}
.a4-hide-largex230331{display:none!important}
.graph-area {
	width: 100% !important;
	max-height: 200vw !important;
	min-height: 65%;
}
	div#id01 .a4-modal-content {
		min-width: 95%;
	}
	div#id01.a4-modal .a4-btn-block {
		max-width: 99%;
		margin: .25em auto !important;
	}
#a4-themebox, .a4-themebox { margin: 2px; } 
.a4-container { padding-left: 2px; padding-right: 2px; }
.a4-row-padding { padding-left: 2px; padding-right: 2px; }
h1, h2, h3, h4, h5, h6 { margin-top: 2px; margin-bottom: 2px;}
body {font-size: small;top:-.4em;}
.info, .success, .warning, .error, .validation { padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; }

/*#errorModalWrap .error { padding: 0.3em!important; }*/
/*button#ACKNOWLEDGE_ERRORS span.FKey {margin-right: 0.6em;margin-left: -1.6em;}*/
div#errorModalWrap, div#genModalWrap { font-size: 2em; }
div#errorModalWrap div, div#genModalWrap div { padding: 0.3em!important; }

.a4-btn-block {padding:1em; font-size: 1.3em ; margin: 0.25em 0 !important; }

/* Open/In Progress window - adjust transitions, smaller width & hide title when minmized  */
	#pdcc, 	#pdcc.minimized div#popDataCon .popDataConCtl .refresh, #pdcc.minimized div#popDataCon .title {transition: all .5s ease;}
	#pdcc.minimized, #pdcc.minimized div#popDataCon { width:5em; }
	#pdcc.minimized div#popDataCon .popDataConCtl .refresh, #pdcc.minimized div#popDataCon .title { display: none }


 button span.FKey {
	display: inline-block;
	width: fit-content;
	top: auto;
	left: auto;
	margin: 0 1em 0 -3em;
 }
.a4-input { font-size: 1.5em; }
.a4-label { font-size: 1.3em; }
.a4-input { margin-bottom: 0.5em;}
div#messageSection { margin-bottom: 1em; font-size: 1.5em; 
	padding-left: .5em !important; margin-left: .5em !important;
	padding-right: .5em !important; margin-right: .5em !important;
	}
.a4-radio + .a4-validate {
	font-size: 1.3em;
	margin-right: 0.7em;
}

.a4-navbar {
	font-size: 22px;
	line-height: 1.2em;
}

h1#formTitle {
	font-size: 2em !important;
	/*font-weight: bold;*/
	margin-top: 1em;
	margin-bottom: .5em;
}

form#myForm01 .a4-section { padding: 1em; }


.filePreviewHolder div.fa {
	font-size: 2em !important;
}


#WEIGHTBOX.posRel #WEIGHTBACK {
	position: fixed;
	top: 16em;
	height: 16em;
	margin-top: 0;
	left: 0;
}

#WEIGHTBACK {
	width: 42em !important;
	left: calc(50% - 21em) !important;
	line-height: 4.6em;
}

/* Add new small-screen-specific rules above this line */

/*start of responsive hiding Filters v */

button.cShowExpander {
	display: block !important;
}

div.a4-container[data-a4-type="c"] input, 
div.a4-container[data-a4-type="c"] radio, 
div.a4-container[data-a4-type="c"] label, 
div.a4-container[data-a4-type="c"] select, 
div.a4-container[data-a4-type="c"] .awesomplete  {
	max-height: 0px;
	height: 0px;
	visibility: collapse;
	overflow-y: hidden;
	margin-bottom: -1em;
	xdisplay:none;
	line-height: .2em;
}
div.a4-container[data-a4-type="c"].cShow input, 
div.a4-container[data-a4-type="c"].cShow radio, 
div.a4-container[data-a4-type="c"].cShow label , 
div.a4-container[data-a4-type="c"].cShow select, 
div.a4-container[data-a4-type="c"].cShow .awesomplete {
	max-height: none !important;
	overflow-y: visible !important;
	height: auto;
	xdisplay:inherit !important;
	visibility: visible;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
div.a4-container[data-a4-type="c"]:not(.cShow) :is(input,radio,label,select,.awesomeplete) {
	display:none;
}
div.a4-container[data-a4-type="c"]:not(.cShow) :is(.a4-full) {
	padding:0;
}

div.a4-container[data-a4-type="c"].cShow input {
	height: 2em;
}

div.a4-container[data-a4-type="c"].cShow input[type=checkbox].a4-check,
div.a4-container[data-a4-type="c"].cShow input[type=checkbox].a4-checkbox, 
div.a4-container[data-a4-type="c"].cShow input[type=radio].a4-radio {
    height: 24px;
}

div.a4-container[data-a4-type="c"] .a4-row-padding.a4-bottom-align,
div.a4-container[data-a4-type="c"] .xa4-bottom-buttons{
	line-height: 0em;
}

div.a4-container[data-a4-type="c"].cShow .a4-row-padding.a4-bottom-align,
div.a4-container[data-a4-type="c"].cShow .xa4-bottom-buttons{
	line-height: 1.2em;
}

/*start of responsive tables as cards */
tr.extRow { display:none !important;}
tr.extRow.inset { display: block !important; }
input {font-size: 1.5em; }

 .inset {
	margin-top: -1.6em;
	padding-top: 0.2em;
	border-top: none 1px !important;
 }
 .inset  tr {
	border: none !important;
	border-top: 1px dashed black !important;
 }
 .inset .a4-container .a4-container {
	padding: 0 !important;
 }
  .table-responsive-vertical > .table {
	margin-bottom: 0;
	background-color: transparent;
	padding-right: 2px;
	padding-left: 2px;
	border: none;
 }
 .table-responsive-vertical > .table > thead,
 .table-responsive-vertical > .table > tfoot {
	display: none;
 }
 .table-responsive-vertical > .table > tbody {
	display: block;
 }
 .table-responsive-vertical > .table > tbody > tr {
	display: block;
	border: 4px solid darkgreen;
	border-radius: 2px;
	margin-bottom: 1.6rem;
	/*max-width: 98vw;*/
  }
 .table-responsive-vertical > .table > tbody > tr > td {
	background-color: #fff;
	vertical-align: middle;
	display: block;
	}
 .table-responsive-vertical > .table > tbody > tr > td.mt { display: none; }

 .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {	
	content: attr(data-title);
	float: left;
	background-color: rgb(228, 228, 250 );
	padding: 0.4rem;
	margin-top: -0.7rem;
	min-width: 15%;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.4em;
	line-height: 0.8em;
	width: calc(100% + .5em); /*1/3 keep width & margin-left in sync and table td/th */
	margin-left: -.5em; /* 2/3 */
  }

 .table-responsive-vertical > .table > tbody > tr > td.action::before {
	background-color: inherit;
	text-align: center; 
 }
 td.action a.fa-caret-down {
	/*enable for auto-expand* visibility: hidden; */
	margin-left: calc(-100% - 1em);
	margin-top: -0.8em;
	vertical-align: middle;
	text-align: center;
	text-indent: 4.6em;
	width: 100%;
	box-shadow: none!important;
 }

 /* these two rules make the dropdown-list single-column */
 td.action .dropdiv {
	position: relative !important;
	margin-right: 0em !important;
	width: 100% !important;
 }
 td.action .dropdiv a {
	width: 100% !important;
 }

 td > .nowrap {
	white-space: inherit;
 }
 td.action { 
	padding-bottom: 0 !important;
	white-space: inherit !important;
 }
 td.action .dropdiv {
	background-color: inherit !important;
	box-shadow: none !important;
	border: none !important;
	/*enable for auto-expand* display: block !important;*/
}
  
.table {
	padding-top: .75em;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 0.7rem 0rem;
	margin: 0 0 0 .5em; /* 3/3 keep in sync with above */
	border: none !important;
}

  .table-responsive-vertical.shadow-z-1 {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr.empty {
	  display: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
	border: 2px solid #dedede;
	-webkit-box-shadow: 0 1px 3px 0 xrgba(0, 0, 0, 0.24), 0 1px 2px 0 xrgba(0, 0, 0, 0.48);
	-moz-box-shadow: 0 1px 3px 0 xrgba(0, 0, 0, 0.24), 0 1px 2px 0 xrgba(0, 0, 0, 0.48);
	box-shadow: 0 1px 3px 0 xrgba(0, 0, 0, 0.24), 0 1px 2px 0 xrgba(0, 0, 0, 0.48);
  }
  .table-responsive-vertical > .table-bordered {
	border: 0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td {
	border: 0;
	border-bottom: 1px solid #e0e0e0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
	border-bottom: 0;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f0f0f0;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
	background-color: #fff;
  }
 .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
	background-color: xrgba(0, 0, 0, 0.12);
 }
 body.mobile td.action div.action a {padding: .4em 2.2em;}
 body.mobile td.action div.action span.fa {margin-left: -0.4em;}

 .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
 .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
	xxxxxxbackground-color: #fff;
 }
 .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
	xxxxxxbackground-color: #d0f8ce;
 }
}/*end of responsive table as cards*/
/* END @MEDIA QUERY FOR SMALL SCREENS */

.forgotPassword { /*height:1em;text-align: left;font-size:1em;*/
padding: 1.1em 0 .2em 0;
text-align: center;
}
.forgotPassword a {
	text-decoration: none;
	xcolor: rgb(26, 115, 232);
	color: #5e5e5e;
}
.forgotPassword a:hover {
	text-decoration: underline;
	xcolor: rgb(26, 115, 232);
	color: #5e5e5e;
}

span.hoverMore {
	text-decoration: double underline;
	text-decoration-color: #888888;
}

/*span.hoverMore:after , span.hoverMore:before {
	content: '';
}*/
span.moreText {
	display: none;
	position: absolute;
	background-color: #fff59d;
	border: double 1px #888888;
	border-radius: 0.5em;
	padding: .15em;
	margin: .15em;
	width: fit-content;
	margin-left: 1em;
	/*text-align: center;*/
	line-height: 1.5em;
	opacity: .9;
	z-index: 1;
}
span.hoverMore:hover + span.moreText {
	display: inline-block;
}
/*@media only screen and (max-width:992px){
span.moreText {
	right: 0;
	margin-top: 1.5em;
	max-width: 100vw;
	padding: 0;
	margin: 0;
}
}*/
.a4-input:disabled, .a4-input[readonly] {
	cursor:not-allowed;
}
.a4-input:disabled {
	background-color: #e9e9e9;
}
.a4-input.a4-select.a4-disabled {
	background-color: #e9e9e9;
	opacity: 1;
	color: darkgray;
}

.filePreviewHolder > div {
	max-height: 15.1vh;
	max-width: 15.1vw;
	padding: 1.5em 1em;
	display: inline-block;
	word-break: break-all;
	max-height: fit-content;
}

.filePreviewHolder div img,
 .filePreviewHolder div iframe,
 .filePreviewHolder div div.fa,
 .filePreviewHolder div object {
	max-height: 14.9vh;
	max-width: 14.9vw;
	padding: 0em;
}
.filePreviewHolder div.fa {
	font-size: 14em;
	color: darkgray;
}
.qtyGood {
	color: green;
	font-weight: bold;
}
.qtyLow {
	/*color: #bc7d0b;*/
	/*background-color: #ffcb6d;*/
	color: red;
	font-weight: bold;
}
.qty {
	font-weight: bold;
}
.qty> span.moreText, .qtyLow> span.moreText, .qtyGood span.moreText {
	color: black;
	font-weight: normal;
}





/*start of pagebreak tables as 1row=1page */
@media print {
table.printStyleCards tr , table.printStyleCards { page-break-before: always; }
table.printStyleCards tr:first-of-type { page-break-before: auto; }

table.printStyleCards tr.extRow { display:none !important;}
table.printStyleCards tr.extRow.inset { display: block !important; }
table.printStyleCards .inset {
	margin-top: -1.6em;
	padding-top: 0.2em;
	border-top: none 1px !important;
 }
table.printStyleCards  .inset  tr {
	border: none !important;
	border-top: 1px dashed black !important;
 }
table.printStyleCards  .inset .a4-container .a4-container {
	padding: 0 !important;
 }
table.printStyleCards.table {
	margin-bottom: 0;
	background-color: transparent;
	border: none;
 }
table.printStyleCards.table > thead,
table.printStyleCards.table > tfoot {
	display: none;
 }
table.printStyleCards.table > thead.printHeading {
	display: table-header-group;
}
 
table.printStyleCards.table > tbody {
	display: block;
 }
table.printStyleCards.table > tbody > tr {
	display: block;
	border-radius: 2px;
	margin-bottom: 1.6rem;
	/*padding-top: 5em;*/
  }
table.printStyleCards.table > tbody > tr > td {
	background-color: #fff;
	vertical-align: middle;
	display: block;
	}
table.printStyleCards.table-responsive-vertical.table > tbody > tr > td.mt { display: none; }

table.printStyleCards > tbody > tr > td[data-title]:before {	
	content: attr(data-title);
	float: left;
	background-color: rgb(240, 240, 240 );
	padding: 0.4rem;
	margin-top: .7em;
	/*padding-top: 1.8em;*/
	min-width: 15%;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.4em;
	line-height: 1.2em;
	width: calc(100% + 1em);
	margin-left: -1em; /* 2/3 */
	border-top: 1px dotted black;
  }

 td > .nowrap {
	white-space: inherit;
 }
 
 
 /*action doesn't print, but if it did, these apply*/
 td.action a.fa-caret-down {
	/*enable for auto-expand* visibility: hidden; */
	margin-left: calc(-100% - 1em);
	margin-top: -0.8em;
	vertical-align: middle;
	text-align: center;
	text-indent: 4.6em;
	width: 100%;
	box-shadow: none!important;
 }
 td.action { 
	padding-bottom: 0 !important;
	white-space: inherit !important;
 }
 td.action .dropdiv {
	background-color: inherit !important;
	box-shadow: none !important;
	border: none !important;
}
 /* these two rules make the dropdown-list single-column */
 td.action .dropdiv {
	position: relative !important;
	margin-right: 0em !important;
	width: 100% !important;
 }
 td.action .dropdiv a {
	width: 100% !important;
 }

.table {
	padding-top: 0em;
}

table.printStyleCards.table > thead > tr > th,
table.printStyleCards.table > tbody > tr > th,
table.printStyleCards.table > tfoot > tr > th,
table.printStyleCards.table > thead > tr > td,
table.printStyleCards.table > tbody > tr > td,
table.printStyleCards.table > tfoot > tr > td {
	padding: 0.7rem 0rem;
	margin: 0 0 0 2em; /* 3/3 keep in sync with above */
	border: none !important;
}

  .table-responsive-vertical.shadow-z-1 {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr.empty {
	  display: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
	border: 1pt solid #dedede;
  }

.printHeading h1, .printHeading #formTitle { visibility: visible; display: inline-block; } 
.printHeading div { text-align: center; padding-bottom: .5em }
.printHeading div img { height: 2em; } 

}

@media screen {
	.printHeading { display: none }
}
/*end of print table 1row=1page*/



.filePreviewHolder div div.fa {
    padding-left: 0.25em;
}


.AnyTime-pkr, .AnyTime-pkr * {
    text-align: center;
    font-size: 1.3rem !important;
}

.a4-themebox {
	padding-bottom: 3.3em;
}

.a4-mono {
	white-space: pre;
	font-family: monospace;
}