/*
     Author    : Dane Sapp
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

p { -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/*	--------------------------------------------------
        :: Typography
        -------------------------------------------------- */

/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=b84e632c-5ac5-4ce4-a0f5-a2338806d2cb");*/
@font-face { font-family: "HelveticaNeueW01-45Ligh";
             src: url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
             src: url("fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"),
                 url("fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"),
                 url("fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),
                 url("fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),
                 url("fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); }
@font-face { font-family: "HelveticaNeueW01-55Roma";
             src: url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
             src: url("fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"),
                 url("fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"),
                 url("fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"),
                 url("fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"),
                 url("fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); }

/* Redefine font families */
body, * { font-family: Arial, sans-serif; font-weight: normal; }

p { font-size: 1rem; margin-bottom: 1rem; line-height:1.4; }
h1 { line-height: 3.5rem; }
h1, h3 { font-family: "HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-weight: normal; }
h2, h4, h5, h6 { font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.4; }
h1 { font-size: 2.125rem; }
h2 { font-size: 1.6875rem; }
h3 { font-size: 1.375rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }
a { color: #3394BE; }

@media only screen and (min-width: 40.0625em) {
    h1 { font-size: 2.75rem; }
    h2 { font-size: 2.3125rem; }
    h3 { font-size: 1.6875rem; }
    h4 { font-size: 1.4375rem; }
    h5 { font-size: 1.125rem; }
    h6 { font-size: 1rem; }
}

.section-header { font-size: 2.5rem; /*40px = 30pt*/ }
.tile-header { font-size: 2.1875rem; /*35px = 26pt*/ }
.bold, b, strong { font-weight: bold; }

.line-height { line-height:1.4; }


/*	--------------------------------------------------
        :: Colors
        -------------------------------------------------- */
/* Used for buttons and text */
.primary-blue { color: #343F52; }
.primary-blue-bg { background: #343F52; }

/* Used for header bar and row highlights */
.header-blue { color: #798C9F; }
.header-blue-bg { background: #798C9F; }

/* Used for form fields */
.form-blue { color: #CBD6DD; }
.form-blue-bg { background: #CBD6DD; }

/* Used for background accent */
.light-blue { color: #ECF2F6; }
.light-blue-bg { background: #ECF2F6; }

/* Used for menu background color */
.menu-blue { color: #27313A; }
.menu-blue-bg { background: #27313A; }

/* Used for menu rollovers */
.rollover-blue { color: #1D2429; }
.rollover-blue-bg { background: #1D2429; }

/* Used for blue tile and icons */
.light-bright-blue { color: #3394BE; }
.light-bright-blue-bg { background: #3394BE; }

/* Used for buttons on blue tile */
.dark-bright-blue { color: #1E6F92; }
.dark-bright-blue-bg { background: #1E6F92; }

/* Used for green tile and icons */
.light-green { color: #02AC8B; }
.light-green-bg { background: #02AC8B; }

/* Used for buttons on green tile */
.dark-green { color: #027B64; }
.dark-green-bg { background: #027B64; }

/* Used for icons, text updates, and warnings*/
.red { color: #E2574C; }
.red-bg { background: #E2574C; }

/* Used for icons */
.yellow { color: #EFC75E; }
.yellow-bg { background: #EFC75E; }

.white { color: #fff; }


/*	--------------------------------------------------
        :: App
        -------------------------------------------------- */

html, body { background-color: #667a9b; }
body[style*="overflow: hidden;"] { overflow: auto !important; }
crss-app { color:#1D2429; overflow: hidden; }
crss-app iron-selector.app-drawer-layout > #main.app-drawer-layout { position: relative; margin-right: 0; top: auto; bottom: auto; right: auto; }
crss-app .transition > iron-selector.app-drawer-layout > #main.app-drawer-layout{ transition: left ease-in-out 0.3s, padding ease-in-out 0.3s, margin ease-in-out 0.3s; }
app-drawer-layout { margin: auto; max-width: 1300px; }
app-drawer-layout:not([narrow]) [drawer-toggle] {
    display: none;
}
app-drawer { position: absolute; }
#primaryPanel { background: white; margin: 0 auto; max-width: 1280px; position: relative; display: block; overflow: hidden; min-height: 100%; }
#navPanel { background-color: #27313a; color: #fff; height: 100%; }

@media only screen and (min-width:768px) {
    crss-app iron-selector.app-drawer-layout > #main.app-drawer-layout { margin-right: 256px; }
}

@media only screen and (min-width: 1300px) {
    app-drawer {
        left: unset;
    }
}
@media only screen and (max-width: 1299px) {
    app-drawer {
        left: 0;
    }
}
.main-content { background-color: #fff; overflow: hidden; }
.main-content #dropShadow { box-shadow: none; border-bottom: 1px solid #DBDBDB; height: auto; }

.crss-profile { text-align: center; padding: 0 0 1rem 0; }
.dropShadow { border-bottom: 1px solid #3D464E; box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.3); min-height: 3px; }
.profile-img { height: 100px; padding: 5px; }
.closeTicker { width: 35px; height: 35px; padding: 4px; }
.editTicker { width: 100%; height: 25px; margin-top: 10px;margin-left:0px;padding-left:0px; }
.editTickerInput { width:910px;text-align:left; }

app-toolbar#headerBottomToolBar .toolbar-tools#topBar { height: 25px; padding-right: 0px; }
app-toolbar#headerBottomToolBar { height: 25px; background-color: lightsteelblue; color: white; padding: 0; font-size: inherit; }
app-toolbar#headerToolBar { background-color: #fff; height: 100px; border-bottom: 1px solid #CBD6DD; color:#1D2429; }
app-toolbar#headerToolBar .top-bar { width: 100%; height: 100px; }
app-toolbar#headerToolBar .top-bar .site-logo { margin-left: 0.5rem; margin-right: -1.6rem; width: 7em;}
.site-title { margin: auto; }
.site-title h3 { margin: 0.5rem 0; font-family: Arial, sans-serif;  text-align: center;  }
app-toolbar paper-icon-button:hover { background-color: #ECF2F6; border-radius:50%; }

@media only screen and (max-width: 350px) {
    #topBar > div > paper-icon-button { margin-right: 2.4px; }
}

.chat-button { margin-right: 2rem; }
@media only screen and (max-width: 500px) {
    .chat-button { margin-right: 0rem; }
    #chatNow { --radius: 2.7rem; width: var(--radius); height: var(--radius); padding: 0; }
}
@media only screen and (max-width: 850px) {
    .site-title { margin-left: 0rem; padding-left: 0rem; }
}

app-toolbar#headerToolBar .toolbar-tools#topBar { height: 100px; }
@media only screen and (max-width: 767px) {
    app-toolbar#headerToolBar .toolbar-tools#topBar .site-logo { margin-left: -1.3rem; }
    .top-bar .logout { display: none; }
}
.logout { margin: 0 0 0 0.5rem; }

#welcome main, article { bottom: 0; position: relative; -ms-flex: 1 1 0.000000001px; -webkit-flex: 1; flex: 1; -webkit-flex-basis: 0.000000001px; flex-basis: 0.000000001px; }
footer { padding: 0; position: fixed; width: 100%; }
.content-padding, footer > :first-child { max-width: none; margin: inherit; }
footer #copyright { float: left; }
/*	--------------------------------------------------
        :: Display
        -------------------------------------------------- */
/*paper-toast will hide beneath the navigation bar without this.*/
paper-toast{z-index: 50000 !important;}

/*	--------------------------------------------------
        :: Nav
        -------------------------------------------------- */
.menu-header { margin: 1rem 0 0.5rem 1rem; font-size: 1.375rem !important; }
.menu-link.paper-item-0 { min-height: 0; padding: 0; }
/*.menu-link:hover { background-color: #1D2429 !important; }*/
.menu-link *:hover { color: #ffffff !important; text-decoration: underline !important; }
.menu-link * { font-family: "HelveticaNeueW01-45Ligh", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1rem; padding: 8px 0px 10px 16px; color: #ffffff !important; font-size: 1em !important; font-weight: 100; text-decoration: none !important; cursor:pointer; }
.menu-link .selected-menu-item { text-decoration: underline !important; background-color: #1D2429 !important; }
.link-menu { margin: 1px 1px 1px 1px !important; background-color:#27313a !important;}
.link-menu paper-item.paper-item-0:focus:before { color: #ffffff !important; opacity: 0 !important;}
.link-menu paper-item.paper-item-0:focus:after { color: #ffffff !important; opacity: 0 !important;}
#navPanel .mobile-toolbar { margin: 1rem 1rem 0 1rem; }
#navPanel .logout { background-color: #798C9F; }
#navPanel .logout:hover { background-color: #343F52; }
.menu-link { padding: 0; }
.menu-link a { width: 100%; }

@media only screen and (min-width: 768px) {
    #navPanel .mobile-toolbar { display: none; }
}

/*	--------------------------------------------------
        :: Router
        -------------------------------------------------- */

repdesk-router { min-height: 1300px; display: block; padding-bottom: 5em; background-color: #fff; }
repdesk-router .router { background-color: #fff; display: block; padding: 0rem; position:relative !important; }
repdesk-router .router.padded { padding: 16px; }
/*app-router ::content > * { position: relative; top: auto; bottom: auto; left: auto; right: auto; }*/
neon-animated-pages > * { position: relative !important; }
neon-animatable#chooseDate {position: absolute !important; }
#dashboard-route { padding: 0; }
/*@media only screen and (min-width:30.0625em) {
    app-route {  padding: 1rem; }
}*/

/*	--------------------------------------------------
        :: Buttons
        -------------------------------------------------- */
paper-button { color: #fff; font-size: 14px; font-weight: normal !important; white-space: nowrap; background-color: #343F52; border-radius: 0; margin-left: 0; margin-bottom: 1rem; }
paper-button a { color: #fff; text-decoration: initial; }
paper-button.end { margin-right: 0; }
paper-button > iron-icon { margin-right: 4px; }
paper-button[raised] { background: #fafafa; }
paper-button:hover, paper-button.active { text-decoration: none; background: #798C9F; box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1); }
.paper-button[sink] { color: inherit; padding: 7px 10px; transition: none; }
.paper-button[sink]:hover, .paper-button[sink].active { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(5%, rgba(0,0,0,0)),color-stop(40%, rgba(0,0,0,0.08))); background: -moz-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%); background: linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,0.08) 40%); box-shadow: 0 1px 1px rgba(0,0,0,0.2) inset,0 -1px 1px rgba(0,0,0,0.1) inset,0 1px 0px rgba(0,0,0,0.2) inset; }
paper-button, paper-tab .tab-content { font-family: "HelveticaNeueW01-55Roma", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 0.9rem; text-transform: uppercase; }
paper-tab:focus .tab-content.paper-tab { font-weight:normal; }
paper-button { padding: 0.73825rem 0.75rem 0.63825rem; }
paper-button[disabled] {
    background: #eaeaea;
    color: #a8a8a8;
    cursor: auto;
    pointer-events: none;
}
@media only screen and (min-width:62.5em) {
    paper-button, paper-tab .tab-content { font-size:1rem; }
}

.paper-checkbox-0 #checkbox.checked.paper-checkbox {
    background-color: #1e6f92;
    border-color: #1e6f92;
}

.middle-align { margin: 0 auto !important; }
.no-underline * { text-decoration: none !important; }
iron-menu { margin: 0; }

/*	--------------------------------------------------
        :: Fields
        -------------------------------------------------- */
.form-control-group { -ms-flex: 1 1 0.000000001px; -webkit-flex: 1; flex: 1; -webkit-flex-basis: 0.000000001px; flex-basis: 0.000000001px; }
@media only screen and (max-width: 850px) {
    .form-control-group { -ms-flex: none; -webkit-flex: none; flex: none; -webkit-flex-basis: unset; flex-basis: unset; width: 100%; }
}
#tabsContainer { white-space: normal; }
label, paper-input, paper-textarea { font-family: Arial, sans-serif; font-weight: normal; font-size: 1rem !important; margin: 0; }
    paper-input, paper-dropdown-menu, paper-textarea { margin-bottom:1rem; }
        paper-input input { height:24px; }
paper-dropdown-menu { display: block; }
        paper-dropdown-menu paper-input { margin-bottom:0; }
textarea { -ms-overflow-style: -ms-autohiding-scrollbar; }
paper-input-container { color: #000000; padding: 0; }
    paper-input-container .label-and-input-container { flex-basis: auto !important; }
 paper-input-container[disabled] {
    opacity: 1 !important;
    pointer-events:all;
}
paper-input-container[disabled] input{ color: gray !important; }
paper-input-error { position: relative; overflow:visible; white-space:normal; display:none; }
.is-invalid paper-input-error { display:inline-block; white-space: normal; }
.label { display: inline-block; padding-bottom: 0.3125rem; margin-top:9px; }
paper-input-container .input-content { border: solid 1px #CBD6DD; padding: 0.5em 0.25em 0.25em; }
paper-input-decorator.invalid .input-content { border: solid 1px #E2574C; }
.unfocused-line { display:none !important;  }
.focused-line { background-color: #798C9F !important; }
.underline.is-invalid .focused-line { background-color: #E2574C !important; }
.is-invalid { color:  #E2574C !important; }
iron-autogrow-textarea {
    border: solid 1px #b3ffff !important;
    width: 100% !important;
    padding: 7px !important;
    color: #212121 !important;
    font-family: 'Roboto', 'Noto', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

/*paper-dropdown-menu { position: relative; background-color: #CBD6DD; padding: 0.5rem 0.35rem 0.35rem 0.7rem; border: none; margin: 0 0 1rem 0; min-width:5rem; }
paper-dropdown-menu.dark { background-color: #343F52; }
paper-dropdown-menu.dark:hover, paper-dropdown-menu.dark:active  { background-color: #798C9F; }
paper-dropdown-menu.dark #label, paper-dropdown-menu.dark #arrow { color: #fff; }
paper-dropdown { border: solid 1px #CBD6DD; min-width:10em; }
    paper-dropdown #scroller {  width: auto; overflow: initial; }
    paper-dropdown #background { display: none; }
.dropdown { position: absolute !important; overflow-y: auto; overflow-x: hidden; min-height: 38px; background-color: #fff; color: #000; }
paper-dropdown paper-item { font-size: 0.9rem; }
    paper-dropdown paper-item:hover { background-color: #ECF2F6; }
    paper-dropdown paper-item .button-content { padding: 0.7em 1.75em 0.7em 0.75em; }
*/
.field.horizontal .label { width: 100%; }
.field.horizontal paper-input { min-width: 10rem; }
@media only screen and (min-width: 30em) {
    .field.horizontal .label { width: 10em; margin-top:9px; }
}
/*	--------------------------------------------------
        :: Tabs
        -------------------------------------------------- */
.tabs { margin-bottom: 1rem; }
.tabs paper-tab { margin-right: 0.5rem; }
.tabs paper-tab:last-child { margin-right: 0; }
paper-tab { background-color: #CBD6DD; }
paper-tab.iron-selected { background-color: #343F52; color: #fff; }
.paper-tab { white-space:normal; }
.paper-tabs-0 #selectionBar.paper-tabs { background-color: #CBD6DD; }
/*@media only screen and (min-width: 40.0625em) {
    .tabs paper-tab { margin-right: 1rem; }
}*/
.paper-tabs paper-tab:last-child { margin-right:0; }

/*	--------------------------------------------------
        :: Tables
        -------------------------------------------------- */

table, .table { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; margin-bottom:1rem; }
td, th { padding: 0; }
table, th, td { border: none; }
td, th { display: table-cell; text-align: left; vertical-align: middle; }

.table .table-title { display:table-caption; text-align:center; font-size:larger; font-weight:bold; }
.table .table-header { display:table-header-group; }
    .table .table-body { display: table-row-group; }
.table .table-row { display:table-row; }
.table-cell { display:table-cell; }
.table .table-header .table-row, .rwd-table .table-header .table-row { background-color: #798C9F; color: #fff; padding: 1rem; }
.table-header .table-cell { padding: 1rem 0 1rem 1rem; text-align: left; vertical-align: middle; border: none; }
.table .table-cell { padding: 0.5rem 0 0.5rem 1rem; }
.table.bordered .table-cell:first-child { padding-left: 0; }
.table .table-cell:last-child, .table .table-cell:last-child  { padding-right:1rem; }
.table .table-body td.clickable:hover {
    background-color: #798C9F;
    cursor: pointer;
}
.table .table-cell a { color:#000; }
.table .table-cell a:hover { color: #798C9F; text-decoration:none; }
.table-cell .link, td .link { text-decoration: underline;  cursor: pointer; -webkit-user-select: none;  }
.table-cell .link:hover, td .link:hover { color: #798C9F; text-decoration: none; }

/*.table .table-body .table-row:nth-child(odd) { background-color: #f2f2f2; }*/
.table.hoverable .table-body .table-row { -webkit-transition: background-color .25s ease; -moz-transition: background-color .25s ease; -o-transition: background-color .25s ease; -ms-transition: background-color .25s ease; transition: background-color .25s ease; }
.table.hoverable .table-body .table-row:hover { background-color: #f2f2f2; }
.table.centered .table-header .table-row .table-cell, .table.centered .table-body .table-row .table-cell { text-align: center; }

/* table row styling */
.table .table-body .table-row, .responsive-table .table-body .table-row, .rwd-table .table-body .table-row { background-color: #CBD6DD; }
.responsive-table .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }
.table .table-body .table-cell { border-top: solid 1rem #ECF2F6; }
.table.bordered .table-header { border-left: solid 1rem #798C9F; border-right: solid 1rem #798C9F; }
.table.bordered .table-cell:first-child { border-left: solid 1rem #ECF2F6; padding-left:0; }
.table.bordered .table-cell:last-child { border-right: solid 1rem #ECF2F6; }
.table.no-header .table-row:first-child .table-cell  { border-top:none; }

/* scroll table */
.responsive-table { font-size: 0.9rem; }
.responsive-table .table-body { background-color: #CBD6DD; }
.responsive-table .table-header .table-cell { padding: 1rem 0 1rem 1rem; }
.responsive-table .table-cell:last-child { padding-right:1rem; }
.responsive-table .table-body .table-cell {  border-top: solid 1rem #ECF2F6; padding: 0.5rem 0 0.5rem 1rem; }

/* stack-till-1000 */
@media only screen and (max-width : 999px) {
    .responsive-table.stack-till-1000 { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; }
    .responsive-table.stack-till-1000 .table-header { display: block; float: left; }
    .responsive-table.stack-till-1000 .table-header .table-row { display: block; }
    .responsive-table.stack-till-1000 .table-header .table-row .table-cell::before { content: "\00a0"; }
    .responsive-table.stack-till-1000 .table-body { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .responsive-table.stack-till-1000 .table-body .table-row { display: inline-block; vertical-align: top; border-bottom: none; }
    .responsive-table.stack-till-1000 .table-row { padding: 0 0.5rem; }
    .responsive-table.stack-till-1000 .table-cell { margin: 0; vertical-align: top; display: block; min-height: 2.5rem; }
    .responsive-table.stack-till-1000 .table-body .table-cell {  border-top: none; padding: 0.5rem 0 0.5rem 0; }
    .responsive-table.stack-till-1000 .table-header .table-cell { text-align: right; padding: 0.5rem 0 0.5rem 0; }
    .responsive-table.stack-till-1000 .table-cell:last-child, .responsive-table.stack-till-1000 .table-cell:last-child { padding-right: 0; }
}
/* stack-till-1200 */
@media only screen and (max-width : 1199px) {
    .responsive-table.stack-till-1200 { width: 100%; border-collapse: collapse; border-spacing: 0; display: block; position: relative; }
    .responsive-table.stack-till-1200 .table-header { display: block; float: left; }
    .responsive-table.stack-till-1200 .table-header .table-row { display: block; }
    .responsive-table.stack-till-1200 .table-header .table-row .table-cell::before { content: "\00a0"; }
    .responsive-table.stack-till-1200 .table-body { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
    .responsive-table.stack-till-1200 .table-body .table-row { display: inline-block; vertical-align: top; border-bottom: none; }
    .responsive-table.stack-till-1200 .table-row { padding: 0 0.5rem; }
    .responsive-table.stack-till-1200 .table-cell { margin: 0; vertical-align: top; display: block; min-height: 2.5rem; }
    .responsive-table.stack-till-1200 .table-body .table-cell {  border-top: none; padding: 0.5rem 0 0.5rem 0; }
    .responsive-table.stack-till-1200 .table-header .table-cell { text-align: right; padding: 0.5rem 0 0.5rem 0; }
    .responsive-table.stack-till-1200 .table-cell:last-child, .responsive-table.stack-till-1200 .table-cell:last-child { padding-right: 0; }
}

/*  stack table */
.rwd-table { font-size: 0.9rem; }
.rwd-table { background-color: #CBD6DD; }
.rwd-table .table-header .table-cell { display: none;  border-top:none; }
.rwd-table .table-cell { padding: 0; text-align: left; }
.rwd-table .table-body .table-row:last-child { border-bottom: none; }
.rwd-table .table-body .table-cell { display: table-row; border-top:none; }
.rwd-table .table-row { display:table; width:100%; }
.rwd-table .table-body .table-cell:before { content: " "; width: 6.5em; display: table-cell; background-color: #798C9F; color: #fff; }
.rwd-table .table-cell[data-th]:before { content: attr(data-th) ": "; }
.rwd-table .table-cell:before { padding: 0.5rem;  /*border-right: solid 1rem transparent;*/ }
.rwd-table .table-body .table-cell > * { padding:0.5rem; }
.rwd-table .table-body .table-row .table-cell:last-child { border-bottom: solid 1rem #ECF2F6; }
.rwd-table .table-row:last-child .table-cell:last-child { border-bottom: none; }
.rwd-table .table-body .table-cell > .stacked-header { background-color: #798C9F; color: #fff; }
.rwd-table .table-row.hide-stacked { display: none; }
/* background-color: #798C9F; */
@media (min-width: 480px) {
    .rwd-table.stack-to-480 .table-row { border-bottom:none; display: table-row; }
    .rwd-table.stack-to-480 .table-row.hide-stacked { display: table-row; }
    .rwd-table.stack-to-480 .table-header .table-cell { padding: 1rem 0 1rem 1rem; display: table-cell; }
    .rwd-table.stack-to-480 .table-body .table-cell { padding: 0.5rem 0 0.5rem 1rem; display: table-cell; border-top: solid 1rem #ECF2F6; }
    .rwd-table.stack-to-480 .table-body .table-cell:before { display: none; }
    .rwd-table.stack-to-480 .table-body .table-cell > * { padding: 0rem; }
    .rwd-table.stack-to-480 .table-cell:last-child { padding-right:1rem; }
    .rwd-table.stack-to-480 .table-body .table-cell:last-child {  border-bottom: none;  }
    .rwd-table.bordered.stack-to-480 .table-header .table-cell:first-child {  padding-left: 0; }
    .rwd-table.stack-to-480 .table-body .table-cell > .stacked-header { background-color: inherit; color: inherit; }
    .rwd-table.stack-to-480 .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }

}
@media (min-width: 599px) {
    .rwd-table.stack-to-600 .table-row { border-bottom:none; display: table-row; }
    .rwd-table.stack-to-600 .table-row.hide-stacked { display: table-row; }
    .rwd-table.stack-to-600 .table-header .table-cell { padding: 1rem 0 1rem 1rem; display: table-cell; }
    .rwd-table.stack-to-600 .table-body .table-cell {   border-top: solid 1rem #ECF2F6; padding: 0.5rem 0 0.5rem 1rem; display: table-cell; }
    .rwd-table.stack-to-600 .table-body .table-cell > * { padding: 0rem; }
    .rwd-table.stack-to-600 .table-body .table-cell:before { display: none; }
    .rwd-table.stack-to-600 .table-cell:last-child { padding-right:1rem; }
    .rwd-table.stack-to-600 .table-body .table-cell:last-child {  border-bottom: none;  }
    .rwd-table.bordered.stack-to-600 .table-header .table-cell:first-child {  padding-left: 0; }
    .rwd-table.stack-to-600 .table-body .table-cell > .stacked-header { background-color: inherit; color: inherit; }
    .rwd-table.stack-to-600 .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }
}
@media (min-width: 899px) {
    .rwd-table.stack-to-900 .table-row { border-bottom:none; display: table-row; }
    .rwd-table.stack-to-900 .table-row.hide-stacked { display: table-row; }
    .rwd-table.stack-to-900 .table-header .table-cell { padding: 1rem 0 1rem 1rem; display: table-cell; }
    .rwd-table.stack-to-900 .table-body .table-cell {   border-top: solid 1rem #ECF2F6; padding: 0.5rem 0 0.5rem 1rem; display: table-cell; }
    .rwd-table.stack-to-900 .table-body .table-cell > * { padding: 0rem; }
    .rwd-table.stack-to-900 .table-body .table-cell:before { display: none; }
    .rwd-table.stack-to-900 .table-cell:last-child { padding-right:1rem; }
    .rwd-table.stack-to-900 .table-body .table-cell:last-child {  border-bottom: none;  }
    .rwd-table.bordered.stack-to-900 .table-header .table-cell:first-child {  padding-left: 0; }
    .rwd-table.stack-to-900 .table-body .table-cell > .stacked-header { background-color: inherit; color: inherit; }
    .rwd-table.stack-to-900 .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }
}
@media (min-width: 1199px) {
    .rwd-table.stack-to-1200 .table-row { border-bottom:none;  display: table-row; }
    .rwd-table.stack-to-1200 .table-row.hide-stacked { display: table-row; }
    .rwd-table.stack-to-1200 .table-header .table-cell { padding: 1rem 0 1rem 1rem; display: table-cell; }
    .rwd-table.stack-to-1200 .table-body .table-cell { padding: 0.5rem 0 0.5rem 1rem; display: table-cell; border-top: solid 1rem #ECF2F6; }
    .rwd-table.stack-to-1200 .table-body .table-cell > * { padding: 0rem; }
    .rwd-table.stack-to-1200 .table-body .table-cell:before { display: none; }
    .rwd-table.stack-to-1200 .table-cell:last-child { padding-right:1rem; }
    .rwd-table.stack-to-1200 .table-body .table-cell:last-child {  border-bottom: none;  }
    .rwd-table.bordered.stack-to-1200 .table-header .table-cell:first-child {  padding-left: 0; }
    .rwd-table.stack-to-1200 .table-body .table-cell > .stacked-header { background-color: inherit; color: inherit; }
    .rwd-table.stack-to-1200 .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }

}
@media (min-width: 1279px) {
    .rwd-table.stack-to-1280 .table-row { border-bottom:none; display: table-row; }
    .rwd-table.stack-to-1280 .table-row.hide-stacked { display: table-row; }
    .rwd-table.stack-to-1280 .table-header .table-cell{ padding: 1rem 0 1rem 1rem; display: table-cell; }
    .rwd-table.stack-to-1280 .table-body .table-cell { padding: 0.5rem 0 0.5rem 1rem; display: table-cell; border-top: solid 1rem #ECF2F6; }
    .rwd-table.stack-to-1280 .table-body .table-cell > * { padding: 0rem; }
    .rwd-table.stack-to-1280 .table-body .table-cell:before { display: none; }
    .rwd-table.stack-to-1280 .table-cell:last-child { padding-right:1rem; }
    .rwd-table.stack-to-1280 .table-body .table-cell:last-child { border-bottom: none; }
    .rwd-table.bordered.stack-to-1280 .table-header .table-cell:first-child { padding-left: 0; }
    .rwd-table.stack-to-1280 .table-body .table-cell > .stacked-header { background-color: inherit; color: inherit; }
    .rwd-table.stack-to-1280 .table-body .table-row.clickable:hover { background-color: #798C9F; cursor:pointer; }

}

/*	--------------------------------------------------
        :: Misc
        -------------------------------------------------- */
img {  max-width: 100%; }
.center { margin: 0 auto; text-align:center; }

.margin-bottom-0 { margin-bottom: 0; }
.margin-bottom-0-5 { margin-bottom: 0.5rem; }
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-1-5 { margin-bottom: 1.5rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-top-0 { margin-top: 0; }
.margin-top-0-5 { margin-top: 0.5rem; }
.margin-top-1 { margin-top: 1rem; }
.margin-top-1-5 { margin-top: 1.5rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }

.margin-left-1 { margin-left: 1rem; }
.margin-right-1 { margin-right: 1rem; }

.padding-bottom-0 { padding-bottom: 0; }
.padding-bottom-0-5 { padding-bottom: 0.5rem; }
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-1-5 { padding-bottom: 1.5rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-top-0 { padding-top: 0; }
.padding-top-0-5 { padding-top: 0.5rem; }
.padding-top-1 { padding-top: 1rem; }
.padding-top-1-5 { padding-top: 1.5rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }

.max-len-2 { width: 3rem; }
.max-len-3 { width: 4rem; }
.max-len-4 { width: 5rem; }
.max-len-5 { width: 6rem; }
.max-len-6 { width: 7rem; }
.max-len-7 { width: 8rem; }
.max-len-8 { width: 9rem; }
.max-len-9 { width: 10rem; }
.max-len-10 { width: 11rem; }

.word-break-all { word-break:break-all; }
.no-wrap { white-space:nowrap; }

pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ max-width: 768px; }

.text-left { text-align: left; }
.text-sm p { font-size:0.875em; line-height:1.3; }
.text-xs p { font-size:0.75em; line-height:1.2; }

.fit {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width:100%;
    height:100%;
}

.layout.center-justified, .layout.center-center {
    justify-content: center;
}
.layout.center, .layout.center-center {
    align-items: center;
}
.layout.vertical {
    flex-direction: column;
}
.layout.horizontal, .layout.vertical{
    display: flex;
}
.layout.horizontal {
    flex-direction: row;
}
.hidden { display: none !important; }

[hidden] {
    display: none !important;
}
:host {
    --lumo-primary-text-color: '#343F52';
}

/* For Analytics pie chart to stop tooltip flickering on hover */
svg > g:last-child > g:last-child { pointer-events: none }
.google-visualization-tooltip { pointer-events: none }