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: 1.25rem;
    color:#4a4a4a;
    font: inherit;
}

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, section {
    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: black; text-decoration: none;}

.pageHeader {
    font-size: 2.75rem;
    margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.4;
}
@media only screen and (max-width: 767px){
.pageHeader{
    font-size: 1.5rem;
    margin-left: 1rem;
 }
}

@media only screen and (min-width: 768px) {
    .pageHeader {
        font-size: 2rem;
        margin-left: 1rem;
    }
}

div.aepLogo img{
    width: 5rem;
}

@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: #008080; }
.primary-blue-bg { background: #008080; }

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

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

/* Used for background accent */
.light-blue { color: rgba(229,240,254,1);; }
.light-blue-bg { background: rgba(229,240,254,1);; }

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

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

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

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

/* 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
        -------------------------------------------------- */


custdesk-app { color:#003333; background: #ffffff; }
custdesk-app iron-selector.paper-drawer-panel > #main.paper-drawer-panel { position: relative; margin-right: 0; top: auto; bottom: auto; right: auto; }
custdesk-app .transition > iron-selector.paper-drawer-panel > #main.paper-drawer-panel{ transition: left ease-in-out 0.3s, padding ease-in-out 0.3s, margin ease-in-out 0.3s; }
custdesk-tile { margin-bottom: 10px; }
custdesk-dialog .dialogMessage{font-size: 1.2rem;}

@media only screen and (max-width: 414px){
    custdesk-dialog .dialogMessage {
        font-size: 1rem;
    }
}

custdesk-dialog iron-icon#icon{margin-right: 0.5rem;}
.slot {
    width: 100%;
}
.contentWrapper {
    /* background: white; */
   width: 85%;
}
.wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 1200px) {
    .wrapper {
        width: 100%;
    }
}
@media only screen and (max-width: 1024px) {
    /*.wrapper {
        width: 100%;
    }*/
    custdesk-home.withMedia {
        display: block;
    }
}

header .logo {
    background-size: auto 100%;
 }
.logo .clickable {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 54px;
    width: 100px;
    z-index: 2;
}

.mainTitle{
    font-size: 2.5rem;
    margin-left: -15rem;

}
@media only screen and (max-width: 767px) {
    .mainTitle{
        font-size: inherit;
    }
}
@media only screen and (min-width: 768px) {
    .mainTitle{
        font-size: 2rem;
    }
}
@media only screen and (max-width: 414px) {
    .mainTitle{
        padding-left: 75%;
    }
}
@media only screen and (max-width: 320px) {
    .mainTitle{
        margin-left: -13rem;
    }
}

#primaryPanel { background: white; margin: 0 auto; max-width: 1280px;position: relative;display: block;overflow: hidden;min-height: 100%; }
#navPanel { background-color: white; color: #0e8dfc; }
#headerToolBar {background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(229,240,254,1) 50%,rgba(184,217,252,1) 100%); margin-bottom: 5px;}

#headerToolBar app-toolbar{
    height: inherit;
}
@media only screen and (min-width: 768px){
    #headerToolBar {
        height: 100px;
    }
}

@media only screen and (min-width: 1024px){
    #headerToolBar{
    height: 125px;
    }
}


#menuIcon { display: none; }
#selectionBar { color: blue; }
#headerTopRight {display: inline;}
#btnLogin {background-color: #025A95;}
#btnLogout {  margin-bottom: 0; }
#btnRegister { background-color: #025A95; }
.btnSecondary  {
    color: #4a4a4a;
    background-color: rgba(255,255,255,.23);
    border: solid 1px #4a4a4a;
}

#registerLink {font-size: small;color: #0e8dfc;text-decoration: none; margin-right: 2%;}
.site-title { text-align: center; }
.logout { background-color: #025A95; }
.searchBar { white-space: nowrap; padding-right: 2%; overflow: hidden; }
.searchBox .input-content { background-color: white; }
.searchBox { display: inline-block; }
.searchDiv {display: contents;}
.registerLink { text-decoration: none; color: #0e8dfc; }
.headerAndTabs { background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(229,240,254,1) 50%,rgba(184,217,252,1) 100%); padding-bottom: 4px; }
.mobile-toolbar.layout.horizontal.center { display: block; }
.tabLink { display: block; color: #4a4a4a; font-weight: bold; padding:1rem;   font-size:1.25rem; height:auto;}
paper-tab {
    background: #deecfd;
    font-size: 1.3rem;
    font-weight: bold;
    color: black;

}

paper-tab div.tab-content { font-size: inherit; opacity: unset; }
paper-tab:hover { background: white; color: black;}
paper-tab:hover > .tabLink {color: black;}
paper-tab.iron-selected > .tabLink {color: black;}
custdesk-sort {width: 100%;}
iron-icon.arrowUp{

    color: white;
}
iron-icon.arrowDown  {

    color: white;
}
/* App Drawer Styling */
app-drawer {z-index: 1;}
.drawer paper-tab { width: 100%; text-align: left; margin-bottom: 2px; }
.drawer paper-tab a { height: 45px; }
#drawerButtons { margin-bottom: 2%; margin-top: 2%; }
.drawer paper-tab:hover { background: white; }
.drawer paper-tab.focused { background: white; }
.drawer #inputSearch { width: 85%; margin-left: 1%; display: inline-block; }
@media only screen and (min-width:768px) {
    custdesk-app iron-selector.paper-drawer-panel > #main.paper-drawer-panel { margin-right: 0px; }
}


paper-header-panel.main-content { background-color: #fff; }
.main-content #dropShadow { box-shadow: none; border-bottom: 1px solid #DBDBDB; height: auto; }

.custdesk-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; }

paper-toolbar#headerToolBar { background: transparent; height: 100px; border-bottom: 1px solid #b3ffff; color:#003333; }
paper-toolbar#headerToolBar .top-bar { width: 100%; height: 100px; }
.site-logo { margin-left: 0.5rem; width: 7em;}
paper-toolbar#headerToolBar .ht-actions { display: none; padding-right: 0; width: 35%; justify-content: space-between; }
.site-title {/* margin-left: 1rem; *//* padding-left: 1rem; */}
.site-title h3 { margin: 0.5rem 0; font-family: Arial, sans-serif;  text-align: center;  }
paper-toolbar paper-icon-button:hover { background-color: rgba(229,240,254,1);; border-radius:50%; }
@media only screen and (min-width: 768px) {
    paper-toolbar#headerToolBar .ht-actions { display: inherit; }
}

paper-toolbar#headerToolBar .toolbar-tools#topBar { height: 100px; }
.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: #003333 !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: #003333 !important; }
.link-menu { margin: 1px 1px 1px 1px !important; background-color:#003333 !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: #006666; }
#navPanel .logout:hover { background-color: #008080; }

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

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

/*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: 1.25rem;
      font-weight: normal !important;
    white-space: nowrap;
    opacity: 1;
    background-color: #025A95; border-radius: 5px; margin-left: 0; margin-bottom: 1.5rem; }

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: black;/* box-shadow: 0px 4px 10px 0 rgba(0,0,0,0.1),0px 2px 10px 0px rgba(0,0,0,0.1); */}
paper-button[disabled] { opacity: .4;}
.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: bold; 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; */}
@media only screen and (min-width:62.5em) {
    paper-button, paper-tab .tab-content {font-size:1.25rem;}
}

.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: 1024px) {
    .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[hidden]{display:none;}
        paper-dropdown-menu paper-input { margin-bottom:0; }
textarea { -ms-overflow-style: -ms-autohiding-scrollbar;  background: white; }
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 #b3ffff; padding: 0.5em 0.25em 0.25em; }
paper-input-decorator.invalid .input-content { border: solid 1px #E2574C; }
/*.unfocused-line { display:none !important;  }*/
#labelAndInputContainer { border: none; }
.focused-line { background-color: #006666 !important; }
.underline.is-invalid .focused-line { background-color: #E2574C !important; }
.is-invalid { color:  #E2574C !important; }

/*paper-dropdown-menu { position: relative; background-color: #b3ffff; 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: #008080; }
paper-dropdown-menu.dark:hover, paper-dropdown-menu.dark:active  { background-color: #006666; }
paper-dropdown-menu.dark #label, paper-dropdown-menu.dark #arrow { color: #fff; }
paper-dropdown { border: solid 1px #b3ffff; 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: rgba(229,240,254,1);; }
    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 {     }
 paper-tab.iron-selected { background: white; font-weight: bold; border:solid #deecfd; border-bottom:none; color:black;  }
paper-tab { background: #deecfd; font-size: 1.3rem; font-weight: bold; color: black; }
.paper-tab { white-space:normal; }
.paper-tabs-0 #selectionBar.paper-tabs { background-color: #b3ffff; }
/*@media only screen and (min-width: 40.0625em) {
    .tabs paper-tab { margin-right: 1rem; }
}*/
.paper-tabs paper-tab:last-child { margin-right:0; }


#appTabs paper-tab { width: 100%; text-align: left; margin-bottom: 2px;height: 3rem; background: transparent}
#appTabs paper-tab.iron-selected { width: 100%; text-align: left; margin-bottom: 2px;height: 3rem;background:green;}
/*	--------------------------------------------------
        :: 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: #025A95;color: #ffffff; }
.table .table-header .table-row span, .table .table-header .table-row .table-cell  {color: #ffffff;}
.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: #006666;
    cursor: pointer;
}
.table .table-cell a { color:#4a4a4a; }
.table .table-cell a:hover { color: #006666; 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: #006666; 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: rgba(229, 240, 254, 1); }
.responsive-table .table-body .table-row.clickable:hover { background-color: #006666; cursor:pointer; }
.table .table-body .table-cell { border-top: solid 1rem rgba(229,240,254,1); font-weight: bold;}
.table.bordered .table-header { border-left: solid 1rem #006666; border-right: solid 1rem #006666; font-weight: bold;}
.table.bordered .table-cell:first-child { border-left: solid 1rem rgba(229,240,254,1); padding-left:0; font-weight: bold;}
.table.bordered .table-cell:last-child { border-right: solid 1rem rgba(229,240,254,1); font-weight: bold;}
.table.no-header .table-row:first-child .table-cell  { border-top:none; font-weight: bold;}

/* scroll table */
 .responsive-table .table-header .table-cell { padding: 1rem 0 1rem 1rem; font-size: 1.3rem; }
@media only screen and (max-width: 1024px) {
    /*.wrapper {
        width: 100%;
    }*/
    .responsive-table .table-header .table-cell {   font-size: 1rem; }

}
.responsive-table .table-cell:last-child { padding-right:1rem; }
.responsive-table .table-body .table-cell {  border-top: solid 1.5rem #ffffff; padding: 0.75rem; font-weight: bold; font-size: 1.15rem;}

/* 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 .table-header .table-cell { display: none;  border-top:none; font-size: 1.3rem;}
.rwd-table .table-cell { padding: 0; text-align: left; font-size: 1.15rem;}
@media only screen and (max-width: 1024px) {
    .rwd-table .table-cell {   font-size: 1rem; }
    .rwd-table .table-row {margin-bottom:1rem;}
}
.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: #025A95;color: #fff; border-right: solid 0.5rem transparent;}
.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:2px; }
 .rwd-table .table-row:last-child .table-cell:last-of-type { border-bottom: none;  }

.rwd-table .table-body .table-cell > .stacked-header { background-color: #006666; color: #fff; }
.rwd-table .table-row.hide-stacked { display: none; }
/* background-color: #006666; */
@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 {   border-top: solid 1.5rem #ffffff;  padding: 0.75rem; display: table-cell;}
    .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: #006666; 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 1.5rem #ffffff; font-weight: bold; padding: 0.75rem; 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: #006666; 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 1.5rem #ffffff;  padding: 0.75rem; 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: #006666; 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 {   border-top: solid 1.5rem #ffffff;  padding: 0.75rem; display: table-cell; }
    .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: #006666; 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 {   border-top: solid 1.5rem #ffffff;  padding: 0.75rem; display: table-cell; }
    .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: #006666; cursor:pointer; }

}

/*	--------------------------------------------------
        :: Misc
        -------------------------------------------------- */
img {max-width: 100%;width: 105px;}
.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-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; */
}

.layout.wrap{
    flex-wrap: wrap;
}

.hidden { display: none !important; }

.leftNavStyle {
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(229,240,254,1) 50%,rgba(184,217,252,1) 100%);
    width: 14.25%;
}
#contentWrapperDiv {
    width: 100%;
    margin-left: 1%;
}
.containerFluid{
    display: flex;
    min-height: 1000px;
}
@media only screen and (max-width: 1024px) {

    #contentWrapperDiv {
        margin-top: 0rem;
        margin-left: 0;
    }
    #menuIcon {
        display: block;
    }
    #headerTopRight {
        display: none;
    }
    #headerTabs {
        display: none;
    }
    #leftNavBar {
        display: none;
    }

    body{
        font-size: 1rem;
    }
}