/***************************
    Global Site Styles
****************************/
/*#region Global Site Styles */

:root {
    --LabelBG: #22AADD;
	--BannerGB: #91CFE1;
	--TableStripe1: #E0EFF4;
	--TableStripe2: aliceblue;
	--WidgetBG: #EEF8FA;
}

html {
  /*overflow-y: scroll;*/ 
}

body {    
    color: #333;
    font-size: .85em;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #EEF1F1;
    list-style-type: none;
	overflow-y: scroll;
}

.CloseX {
    background: url(images/XClearX.png) repeat-x right #EBEBEB;
    width:30px;
    height:30px;
    /*margin:5px;*/
}

.CloseX:hover {
    background: url(images/XClearX.png) no-repeat right var(--BannerGB);
}

input, textarea {
   font-family: inherit;
   font-size: inherit;
}

textarea {
  resize: none;
}

p
{
    font-size:.9em; 
}

input::-ms-clear {
  width : 0;
  height: 0;
  display:none;
}

.bold
{
    font-weight:bold !important;
    letter-spacing:-0.035em !important;
}

#body
{
/*    min-width:1024px;
    margin: 0px 150px;
    box-shadow: 0 10px 30px rgba(0,0,0,.3);*/
    display:flex;
    flex-direction:column;
    min-height:100vh;
    width:1024px;
    margin: 0 auto;
}

a {
    color: #333;
    outline: none;
    text-decoration: underline;
}

a:link, a:visited,
a:active, a:hover {
        color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

.InfoTable
{
    width:900px;
    border-collapse: separate;
    margin:0px;
}

.InfoTable td
{
    width:400px;
    padding-right:50px;    
    height:35px;
}

.InfoTable div
{
    width:100%;
    padding-left:10px;
}

.InfoTable .Invalid
{
    border-color:#ED5A4D;
    box-shadow: 0 0 5px rgba(237,90,77,1);
}

.IndexTableDiv
{    
    width:100%;
    padding: 0px 20px;
    background-color:#F9FAFC;
    box-sizing: border-box;
}

.IndexDiv
{
    background-color:#F9FAFC;
    /*padding: 5px 20px 0px;*/
    box-sizing: border-box;
}

.IndexDiv > * {
    box-sizing: border-box;
}

.IndexTable
{
    font-size:.8rem;
    width:100%;
    margin-top:0px;
    /*table-layout: fixed;*/
}

.IndexTable tr
{
    padding: 0px 0px 0px 0px;
}

.IndexTable td
{
    /*white-space:nowrap;*/
    cursor: pointer;
    overflow:hidden;
    position:relative;
    vertical-align: top;
    color:#9E9E9E;
    padding:0px;
    font-weight:600;
}

.IndexTable td.GetReport *
{
    transition: all 200ms;
}

.IndexTable td.GetReport div
{
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 5px;
    width: 100%;
    height:100%;
    padding: 3px;
    box-sizing: border-box;
}

.IndexTable td.GetReport.NavButtonSelected div
{
    /*background-color: aliceblue;*/
}

.IndexTable td.GetReport.NavButtonSelected div
{
    color: black;
    background-color:var(--TableStripe1);
    transition: all 0ms;
}

.IndexTable td.GetReport img.StatusIcon
{
    display:inline !important;
}

.IndexTable td.GetReport img.PinIcon
{
    display:none !important;
}

.IndexTable td.GetReport.NavButtonSelected img.StatusIcon
{
    display:none !important;
}

.IndexTable td.GetReport.NavButtonSelected img.PinIcon
{
    display:inline !important;
}

.IndexTable td.GetReport:not(.NavButtonSelected):hover div
{
/*    text-shadow: 0px 0px 0px black; */
    color: dimgray;
    background-color: var(--TableStripe2);
    transition: all 50ms;
}

.IndexTable img
{
    padding:0px 3px 0px 0px;
    /*vertical-align:middle;*/
}

.ReportLabel {
    display:flex;
    align-items:center;
    gap:5px;
}

.ReportLabel img {
    padding: 2px 0px;
}

.ReferenceIndexTableDiv
{
    background-color:#EFF3F6;
    float:right;
    width:225px;
    height:110px;
}

.ReferenceIndexTableHeader
{
    color:var(--LabelBG);
    font-weight:bold;
}

.ReferenceIndexTable
{
    background-color:#EFF3F6;
    font-size:.8em;
    float:right;
    table-layout:fixed;
    width:100%
}

.ReferenceIndexTable tr
{
    /*line-height:50px;*/
    padding: 0px 0px 0px 0px;
}

.ReferenceIndexTable td
{
    padding: 0px 0px 3px 5px;
    white-space:nowrap;
    cursor: pointer; 
}

.ReferenceIndexTable img
{
    padding-right: 5px;
    vertical-align:middle;
}

.CalculationsTable
{
    font-size:.9em;    
    position:relative;
    margin-left:15px;
}

.CalculationsTable td
{
    padding: 2px;
    white-space:nowrap;
    /*cursor: pointer;*/ 
}

.required:after {
    content: " *";
    color: red;
}

.CalculationsTable img
{
    height:15px;
    width:15px;
    vertical-align:middle;
    margin-right:3px;
}

.CalculationsTable .even
{
    background-color: var(--TableStripe1);
}

.CalculationsTable .odd
{
    background-color: var(--TableStripe2);
}

.CalculationsTable input
{
    background-color: white;
    border: 1px solid transparent;
    text-align:right;
}

.CalculationsTableDiv p
{
    color:var(--LabelBG);
    font-weight:bold;
    margin-left:15px;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    margin-bottom:0px;
    margin-top:0px;
    padding-top:10px;
}

.SummaryTable
{
    width:900px;
    border-collapse: collapse;
    margin:0px;
    border-style: solid; 
    border-width: 3px;
    border-spacing:2px;
    border-color:#D1D1D1;
}

.SummaryTable td
{
    border-collapse: separate;
    padding-right:50px;    
    height:25px;
    border-width: 2px;
    border-style: solid;
    border-color:#D1D1D1;
}

.SpacerRow td
{
    height:25px;
    border-color:transparent;
}

.SummaryTable div
{
    width:100%;
    padding-left:10px;
}   

.text-button, .text-button:visited, .text-button:link, .text-button:active, .text-button-inactive {
   box-sizing:content-box;
   border-width: 2px;
   border-style: solid;
   border-color: var(--BannerGB);
   background-color:var(--BannerGB);
   color:white;
   padding: 8px;
   text-align:center;
   cursor: pointer; 
   text-decoration:none;
   margin:0px;
   border-radius: 5px;
   user-select: none;
   font-size:.8rem;
   height: fit-content;
   transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.text-button:hover {
    background-color: var(--LabelBG);
    border-color: var(--LabelBG);
}

.text-button-inactive {
   background-color:lightgray;
   cursor: default;
   border-color:lightgray;
}

.text-button-dark {
    background-color: var(--LabelBG);
    border-color: var(--LabelBG);
}

.text-button-dark:hover {
   border: 2px solid var(--BannerGB);
   background-color:var(--BannerGB);
}

.text-button-dark:active {
    background-color: var(--LabelBG);
    border-color: var(--LabelBG);
}

.NavButtonPanel .text-button, .NavButtonPanel .text-button-inactive {
    padding: 0px 5px;
    border: 2px solid var(--BannerGB);
    background-color:white;
    color:var(--BannerGB);
    height: 34px;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 14px;
    flex-grow: 1;
    justify-content: center;
}

.NavButtonPanel .text-button-inactive { 
    color: dimgray;
    border: 2px solid lightgray;
    background-color: lightgray;
}

.NavButtonPanel .text-button:hover {
    background-color: var(--BannerGB);
    color:white;
}

.NavButtonPanel .text-button:active {
    background-color: var(--LabelBG);
    color:white;    
}

.bwtext-button {
   border: 1px solid black;
   background-color:white;
   color:black;
   padding: 0;
   width:85px;
   height:33px;
   line-height:33px;
   text-align:center;
   cursor: pointer; 
}

.input-cell .text-box {
    width:100%;
    height:35px;
    /*padding:0px;*/
    padding-left:10px;
    margin:0px;
    border:1px;
    border-style:solid;
    line-height:33px;
    float:left;    
    background-color:#EBEBEB;
    border-color:#EBEBEB;
    border-radius:0px 5px 5px 0px;
}

.input-cell .text-box:hover {
    border-color: #dbdbdb; 
    box-shadow: inset 0 0 5px rgba(51,102,248,.4);
}

.input-cell .date-box {
    height:35px;
    padding:0px;
    margin:0px;
    border:0px;
    border-style:solid;
    line-height:33px;
    float:right;    
    background: url(images/BlueCalendar.png) no-repeat right #EBEBEB;
    width:130px;
    padding-left:5px;
}

.input-cell .date-label
{
    width:260px;
    color:white;
    height:33px;
    padding:0px;
    margin:0px;
    border:1px;
    border-style:solid;
    line-height:33px;
    float:left;    
    background-color:var(--BannerGB);
    border-color:var(--BannerGB);
    text-align:center;
    font-size:.8rem;
    border-radius: 5px 0px 0px 5px;
}

.UForm
{
    border:1px;
    border-style:solid;
    border-color:#EBEBEB;
}

.UMForm div
{
    /*padding:0px;*/
    /*line-height:35px;*/
    vertical-align: top;
    box-sizing:border-box;
}

.UMForm div.UMRow
{

}

.UMForm div.UMRow > div {
    padding: 0px 5px 0px 0px;
    display:inline-block;
}

.UMForm div.UMRow > div:last-child {
    padding: 0px;
}

.UMForm h4
{
    line-height:20px;
}

.UMForm label
{
    color: #658AA8;
}

.UMForm .text-box
{
    background-color:transparent;
    height:33px;
    padding:0px 0px 0px 10px;
    /*margin:2px;*/
    border:1px solid var(--BannerGB);
    border-radius:5px;
    line-height:33px;
    width:100%;

    box-sizing:border-box;
}

.UMForm .text-box.input-validation-error {
    border: 1px solid #e80c4d;
}

.UMForm .text-box.input-validation-error:hover
{
    box-shadow: inset 0px 0px 10px pink;
}

div.UMForm 
{
	min-height:70px;
}

.UMForm .text-box:focus
{
    box-shadow: 0 0 5px rgba(51,102,248,.4);
}

.UMForm .text-box.disabled
{
    background-color: #EDEDED;
    color:gray;
    cursor:default;
    border-color: lightgray;
    padding-left:10px;
    line-height: 32px;
}

.UMForm .text-box.disabled:focus
{
    box-shadow: none;
    outline:none;
}

.UMForm .disabled:hover
{
    box-shadow: none;
}

.UMForm .date-box
{
   outline: none;
}

.UMForm .date-box:hover
{
    box-shadow: none;
}

.UMForm input:hover
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.UMForm .Invalid input
{
    border-color:#ED5A4D;
    box-shadow: 0 0 5px rgba(237,90,77,1);
}

.UMForm .Invalid div
{
    border-color:#ED5A4D;
    box-shadow: 0 0 5px rgba(237,90,77,1);
}

.UMForm .Invalid .date-label
{
    border-color:var(--BannerGB);
    box-shadow: none;
}

.UMForm .nice-select 
{
    border:1px;
    border-style:solid;
    border-color:var(--BannerGB);
    border-radius:5px;
}

.UMForm .SimpleSelect 
{
    position: relative;
    overflow: visible;
    height:33px;
    border:1px;
    border-style:solid;
    border-color:var(--BannerGB);
    border-radius:5px;
}

.UMForm .SimpleSelect select
{
    padding: 0px 25px 0px 10px;
}

.UMForm .SimpleSelect select:focus {
    box-shadow: none;
    outline: none;
    border: 1px rgba(135, 206, 235, .75);
    padding: 0px 27px 0px 11px;
}

.ui-datepicker {
    z-index:3 !important;
}

.UMForm .field-validation-error
{
    font-size: 11px;
}

.UMForm td
{
    vertical-align:bottom;
}

.UMFormFull div
{
    padding:0px;
    line-height:35px;
}

.UMFormFull .text-box
{
    background-color:transparent;
    height:33px;
    padding:0px;
    margin:2px;
    border:1px;
    border-style:solid;
    border-color:#EBEBEB;
    line-height:33px;
    width:95%;
    padding-left:10px;
}

.UMFormFull .text-box:focus
{
    box-shadow: 0 0 5px rgba(51,102,248,.4);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #EBEBEB inset;
}

.label-cell, .label-cell:link, .label-cell:visited
{
    min-width:65px;
    box-sizing: content-box;
    color: white;
    background-color: var(--BannerGB);
    padding: 10px;
    text-decoration: none;
    user-select: none;
    border-radius:5px 0px 0px 5px;
    transition: background-color 0.2s ease;
    border-color: transparent;
	white-space:nowrap;
	text-align: center;
    border:5px;
    position:relative;
    /*float:left;*/
    font-size:.8rem;
    height: fit-content;
}

.label-cell-dark
{
    background-color: var(--LabelBG);
}

a.label-cell:hover,a.label-cell:active
{
    background-color: var(--LabelBG);
}

a.label-cell, a.label-cell:link, a.label-cell:visited, a.label-cell:active, a.label-cell:hover
{
    border-radius: 5px;
}

.logout-cell, .logout-cell:link, .logout-cell:visited, .logout-cell:active, .logout-cell:hover
{   
    min-width:65px;
    box-sizing: content-box;
    color: white;
    background-color: lightgray;
    padding: 10px;
    text-decoration: none;
    user-select: none;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    border-color: transparent;
	white-space:nowrap;
	text-align: center;
    border:5px;
    position:relative;
    /*float:left;*/
    font-size:.8rem;
    height: fit-content;
}

.logout-cell:active, .logout-cell:hover
{
    background-color: gray;
}

.input-cell
{
    padding:0px;
    background-color:#EBEBEB;
    width:260px;
    height:35px;
    /*float:left;*/
    line-height:35px;
}

.pale-blue-box
{
    background-color:var(--WidgetBG);
    color:var(--LabelBG);
}

.top-banner
{
    padding:10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1
{
    color:#626262;
    font-weight: bold;
    margin-bottom:5px;
    margin-top:0px;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    font-size:1.5em;
    display: inline-block;
}

h2
{
    color:#626262;
    font-weight: bold;
    margin-bottom:5px;
    margin-top:0px;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    font-size:1.2em;
    display: inline-block;
    /* Derek Edit below*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    
}

h3
{
    color:#626262;
    font-weight: bold;
    margin-bottom:5px;
    margin-top:0px;
    -webkit-margin-before:0px;
    -webkit-margin-after:0px;
    font-size:1.1em;
    display: inline-block;
}

h4
{
    color: #658AA8;
    font-size:1em;
    font-weight:100;
    margin-bottom:0px;
    margin-top:5px;
    -webkit-margin-before:5px;
    -webkit-margin-after:0px;
}

.pale-blue-box p
{
    font-weight: bold;
    margin:0px;
}

.main-content
{
    background-color:white;
    flex:1;
    display:flex;
    flex-direction:column;
    /*min-height:calc(100vh - 250px);*/
    /*min-height:50vh;*/
    /*min-height:75vh;*/
}

.tabitem.dashboard
{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex: 1;
    /*min-height:calc(100vh - 375px);*/
}

.tabitem.dashboard form 
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

hr {
    border:#BDC7D0 1px dashed;
    border-style: none none dashed;
    clear: both;
}

.hr
{
    border:#BDC7D0 1px dashed;
    border-style: none none dashed;
    width:100%;
    height:1px;
    clear: both;
}

.hr-vertical
{
    border:#BDC7D0 1px dashed;
    border-style: none none none dashed;
    height:100%;
    width:1px;
}

.hr-solid
{
    border:#BDC7D0 1px solid;
    border-style: none none solid;
    width:90%;
    margin-left:5%;
    height:1px;
    clear: both;
}

.FilterTextInput {
   background-color:transparent;
   width: 250px;
   height: 29px;
   color: #000;
   padding-left:12px;
   border-bottom-left-radius:0px;
   border-top-left-radius:0px;
   font-size:.9em;
   margin:0px;
   border-style:solid;
   border-color:#EBEBEB;
}

.FilterTextInput:focus
{
    box-shadow: 0 0 5px rgba(51,102,248,.4);
}

.multi-select {
   width: 270px;
   height: 35px;
   color: #000;
}

.MultiSelectList.Selected {
    background-color:var(--BannerGB);
    color:white;
}

.MultiSelectList {
    background-color:white;
    color:black;
}

.SimpleSelect
{
    overflow: hidden;
    background-image: url("images/ddlArrow.png"), url("images/ddlNoArrow.png");
    background-position: right, right;
    background-repeat: no-repeat, repeat-y;
	padding: 0px;
/*    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;*/
}

.SimpleSelect select {
   font-family: 'Open Sans', sans-serif;
   width: inherit;
   border: 0px solid #ccc;
   overflow: hidden;
   font-size:1em;
   padding: 0px 25px 0px 5px;
   background: transparent;
   background-image: none;
   -webkit-appearance: none;
   width:100%;
   height:100%;
   cursor:pointer;
   position: absolute;
   top:0px;
   left:0px;
   white-space: pre-wrap;
}

.SimpleSelect.EditField:hover
{
    /*box-shadow: 0 0 5px rgba(0,0,0,.15) inset;*/
	box-shadow: 0px 0px 3px 1px rgba(17, 153, 193,.50) inset;
}

.SimpleSelect:focus-within
{
    /*box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;*/
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
	border: 1px rgba(135,206,235,.75);
}

.SimpleSelect select:focus
{
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
	border: 1px rgba(135,206,235,.75);
	/*box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;*/
    outline: none;
}

.StripedTable td.SimpleSelect
{
	padding: 0px 25px 0px 10px;
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
    vertical-align:middle;
}

.StripedTable td.SimpleSelect.EditField
{
	border: 1px solid transparent;
	border-top: none;
	border-bottom: 1px solid #DDD;
	/*box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;*/
	outline: 0;
	top:0px;
	left:0px;
}

.StripedTable td.SimpleSelect.EditField:hover
{
    box-shadow: 0 0 5px 2px rgba(17, 153, 193,.50) inset;
}

.StripedTable div[contenteditable="true"] {
    -webkit-appearance: textfield;
    background-color: white;
    box-shadow: 1px 1px 1px 0 lightgray inset;
}

div[contenteditable="true"].Invalid {
    color:red;
    outline-color:red;
    box-shadow: 0px 0px 1px 1px red inset;
}

.styled-select {
   width: 450px;
   /*height: 35px;*/
   color: #000;
   /*outline: 1px solid #EBEBEB;*/
   position: relative;
   /*overflow: hidden;*/
   border-radius: 0px 5px 5px 0px;
}

.styled-select:hover
{
    box-shadow: 0 0 5px rgba(0,0,0,.15) inset;
}

.ui-autocomplete {
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    opacity: 0;
    transform-origin: 50% 0;
    transform: scaleY(0);
    transition: transform .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
}

.ui-autocomplete.ccopen { 
    transform: scaleY(1);
    opacity: 1;
}

.ui-autocomplete .ui-menu-item
{
    text-indent: 5px;
	padding: 0px;
	font-size: 12px;
	border: 0px;
}

.ui-autocomplete .ui-menu-item .ui-state-active, .ui-autocomplete .ui-menu-item:hover {
	transition: all 0.2s;
	background: var(--LabelBG);
    color: #fff;
	margin: 0px;
	border: 0px;
}

.ui-autocomplete .CurrentSelection {
	font-weight:500 !important;
}

.ui-autocomplete .ui-state-disabled { 
    font-style:italic;
    opacity: .5;
}


.ui-autocomplete {
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}

.ui-menu-item-wrapper {
	padding: 3px 5px;
}

.styled-select select {
   visibility:hidden;
}

.styled-select-year {
   width: 110px;
   /*height: 35px;*/
   color: #000;
   /*outline: 1px solid #EBEBEB;*/
   position: relative;
   border-radius: 0px 5px 5px 0px;
}

.styled-select-year:hover
{
    box-shadow: 0 0 5px rgba(0,0,0,.15) inset;
}

.styled-select-year select {
    visibility:hidden;
   }

.styled-select-year .nice-select, .styled-select .nice-select {
    border-radius:0px 5px 5px 0px;
}

.styled-select-user {
   width: 180px;
   height: 35px;
   outline: 1px solid #EBEBEB;
   position: relative;
   }

.styled-filter-state {
    width: 110px;
    height: 35px;
    color: #000;
    outline: 1px solid #EBEBEB;
}

 
.dropdown .scrollable {
   width: 180px;
   height: 35px;
   }

div.dropdown {
    padding-left:0px;
   }

.styled-select-user select {
    visibility:hidden;
   }

.styled-select-state {
    width:90%;    
    background-color:#FFF;
    height: 35px;
	position: relative;
   }

.styled-select-state select {
    visibility:hidden;
   }

.styled-select-state .dropdown {
    border:1px solid #EBEBEB;
   }

.styled-select-state-gray {
    width:140px;    
    background-color:#EBEBEB;
    height: 35px;
   }

.styled-select-state-gray select {
    visibility:hidden;
   }

.styled-select-state-red {
   width: 240px;
   height: 35px;
   overflow: hidden;
   background: url(images/ddlArrow.png) no-repeat right #FAF0E6;
   border: 0px solid #000;
   font-size:.9em;
   }

.styled-select-state-red select {
   background: transparent;
   width: 268px;
   padding: 5px;
   line-height: 1;
   height: 34px;
   -webkit-appearance: none;
   font-size:.9em;
    border:1px;
    border-style:solid;
    border-color:#EBEBEB;
   }

.styled-select-state-ie {
   width: 115px;
   height: 35px;
   overflow: hidden;
   border: 0px solid #000;
   }

.styled-select-state-ie select {
   background: url(images/ddlArrow.png) no-repeat 90px 0px;
   width: 143px;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   }

.styled-select-state-ie-info {
   width: 115px;
   height: 35px;
   overflow: hidden;
   border: 0px solid #000;
   }

.styled-select-state-ie-info select {
   background: url(images/ddlArrow.png) no-repeat 350px 0px;
   width: 143px;
   padding: 5px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   }

.ImportantDates
{
    text-decoration:none;
    color:#3BB4DF;
    font-weight:bold;
    font-size:.9em;
}

.ImportantDates tr
{
    height: 20px;
}

.ImportantDates td
{
    padding: 3px;
}

.ImportantDates a
{
    text-decoration:none;
    color:#3BB4DF;
    font-weight:bold;
    font-size:.9em;
    word-break: break-all;
}

.dashboard 
{
    padding: 0px 20px;
    min-height: 60px;
    position:relative;
}

.topNavigation
{
    background-color:#F9FAFC;
    padding-bottom:0px;
    width:100%;
    clear:both;
}

.stickyNavigation
{
    background-color:white;
}

.StickyBottomWrapper
{
    height:33px;
    position:sticky;
    bottom:0px;
}

.StickyBottomControls
{
    margin-top:10px;
    height:33px;
    line-height:33px;
    width:940px;
    background-color:white;
}

.StickyBottomControls div
{
    float:right;
    margin-left:5px;
    margin-right:5px;
}

.StickyBottomControls.stuck
{
    position: relative;
    bottom: 0px;
    z-index:100;
}

.stickyNavigationWrapper
{
    min-height:fit-content;
    width:100%;
/*    position:sticky;
    z-index:2;
    top:0px;*/
}

.stickyNavigation
{
    background-color:white;
}

.stickyNavigation.stuck
{
    position: fixed;
    top: 0;
    z-index:100;
    /*width:1024px;*/
    background:transparent;
}

button
{
    text-shadow:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:5px 10px;
}


/*#endregion */


/***************************
    Header and Footer
****************************/

/*#region Header and Footer */
.header-container {
	position:relative;
    background-color: var(--LabelBG);
    width:auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    user-select:none;
}

.header-container img {
    max-height: 100%;
}

.header-container-logo {
    height:55px;
    margin-right:10px;
}

.header-container-text
{
    color:white;
    font-family:Calibri;
    text-align:left;
    font-size:17px;
    width:100%;
    text-decoration:none !important;
    letter-spacing: .21em;
}

.footer-container {
    position: relative;
    background: #2B2B2B url(images/FooterAmbulance.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: contain;
    height: 160px;
}

.footer-left-logo
{
    width:100px;
    height:inherit;
    background:url(images/Logo-Gray-small.png);
    background-repeat:no-repeat;
    background-position:center;
    float:left;
}

.footer-left
{
    width:350px;
    height:inherit;
    background:#2B2B2B;
    float:left;
}


.footer-left-header
{
    margin-top:20px;
    margin-bottom:10px;
    color:white;
    font-size:1.2em;
    font-weight:700;
}

.footer-left-text
{
    color:#97999F;
    padding: 0px;
    font-size:.85em;
    line-height:1.5;
}

.footer-left-text a:link, .footer-left-text a:visited, .footer-left-text a:active, .footer-left-text a:hover
{
    color:#97999F;
    padding: 0px;
    text-decoration:none;
    background-color:#2B2B2B;
}

.footer-right
{
    height:inherit;
    position:relative;
    float:left;
    padding-left:0px;
}

.footer-logo
{
    background:url(images/HLTWs.png);
    position:absolute;
    right:10px;
    top:10px;
    background-size: 225px 65px;
    background-repeat: no-repeat;
    background-position:bottom right;
    height:65px;
    width:225px;   
}

.footer-right-header
{
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    margin-bottom:0px;
    color:white;
    padding: 0px;
    font-size:1.2em;
    font-weight:700;
}

.footer-right-text
{
    margin-left:20px;
    margin-right:20px;
    margin-bottom:10px;
    color:#97999F;
    padding: 0px;
    font-size:.85em;
    line-height:1.5;
}

.footer-right-text a:link, .footer-right-text a:visited, .footer-right-text a:active, .footer-right-text a:hover
{
    color:#97999F;
    text-decoration:none;
    background-color:#565657;
}
/*#endregion */

/***************************
    Login Page
****************************/
/*#region Login Page */
.LoginContainer 
{
    height: 683px;
    position: relative;
    background: url(Images/AmbulanceandFireTruck.jpg) no-repeat;
    width: 1024px;
    margin: 0 auto;
}

.LoginContainer > * {
    box-sizing: border-box;
}

.LoginMessage 
{
    left: 90px;
    top: 140px;
    padding-left: 30px;
    padding-top: 130px;
    position: absolute;
    height: 270px;
    width: 400px;
    background: url(Images/AmbulanceandFireTruck.jpg) -90px -140px no-repeat;
}

.LoginMessage h2
{
    color:white;
    font-size:2em;
    font-weight:100;    
}

.LoginForm
{
    position:relative;
    background-color:white;
    z-index:2;
    left:500px;
    top:130px;
    height:fit-content;
    width:485px;
    padding:15px 30px;
    box-shadow: 0 0 4px 4px white;
}

.LoginForm.ui-widget:before {
    position:absolute;
    content: " ";
    width:1px;
    left:-1px;
    top:0;
    height:100%;
    background:white;
    z-index:1;    
}

.LoginForm h2
{
    text-align:center;
    color:#B9B9B9;
    font-size:1.5em;
    font-weight:400;
    /*height:90px;*/
    padding:5px;
}

.LoginForm table
{ 
    width:100%;
    margin-top:.5em;
}

.LoginForm td
{
    height: 35px;
    padding: 0px;
    border: 0 none;
}

.NoSpaceTable td
{
    padding: 0px 0px 20px 0px;
    border: 0 none;
}

.right-align
{
    float:right;
}

.center-text
{
    text-align: center;
}

.forgot-password-link
{
    text-decoration:underline;
    color:#97999F;
    font-size:.8em;
    cursor: pointer; 
}

.clickable
{
    text-decoration:underline;
    cursor: pointer; 
}

.LandingPage
{
    position:relative;
    background-color:white;
    z-index:2;
    /*top:130px;*/
    /*height:fit-content;*/
    width:90%;
    margin:auto;
    padding:0px;
    border-radius: 10px;
    /*box-shadow: 2px 2px 4px 2px gray;*/
}

.LandingContainer
{
    display:flex;
    padding:20px;
    gap:20px;
    height:100%;
}

/*#endregion */

/***************************
    Validation Popup
****************************/
/*#region Validation Popup */
.ValidationPopup
{
}

.ValidationHeader
{
    /*height:40px;
    width:700px;
    float:right;
    background-color:#2FB6DE;
    padding:10px 25px;*/
    height:fit-content;
    background-color:#2FB6DE;
    padding:10px;
}

.ValidationHeader h1
{
    /*font-size:2em;*/
    color:white;
    font-weight:100;
}

.ValidationSubHeader
{
    padding:10px 40px;
}

.ValidationItem
{
    /*margin:0px 0px 10px 30px;*/
    padding:5px 35px;
    /*min-height:40px;*/
    /*width:700px;*/
    display:flex;
    align-items: center;
    /*justify-content: space-around;*/
    gap:10px;
}

.ValidationIcon
{
    height:43px;
    /*float:left;*/
    /*width:50px;*/
/*    padding-top:10px;
    padding-right:0px;*/
}

.ValidationText
{
    /*float:left;*/
    width:500px;
/*    padding-top:20px;
    padding-bottom:20px;
    padding-right:5px;*/
}

.ValidationEdit
{
    /*float:left;*/
    width:120px;
/*    padding-top:15px;
    text-align:center;*/
}

.ValidationEdit img
{
    /*padding-top:30px;*/
}

.ValidationItem span
{
    color:#2FB6DE;
    font-weight:900;
}

/*#endregion */

/***************************
    Modal Popup
****************************/
/*#region Modal Popup */
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    opacity: .5;
    /*filter: Alpha(Opacity=50);*/
}

.ui-front {
    z-index: 100;
}

.BlueLockBox
{
    height:193px;
    width:151px;
    float:left;
    background: url(images/LockIcon.png) 50% 50% no-repeat;
    background-color:#074051;    
}

.LightBlueBox
{
    height:143px;
    width:239px;
    float:right;
    background-color:#2FB6DE;
    padding:25px;
}

.LightBlueBox h1
{
    font-size:large;
    color:white;
    font-weight:100;
}

.ForgotPasswordPopup
{
    height:336px;
    width:440px;
    background-color:white;
    color:white;
    overflow:hidden;
}

.noTitleStuff .ui-dialog-titlebar {display:none}

.noTitleStuff { position:fixed; overflow:visible; }

.EnterNote .ui-dialog-buttonpane { background-color:lightgray; }

.rednote
{
    background-color:rgba(255,0,0, 0.8);
} 

.lightrednote
{
    background-color:rgba(255,0,0, 0.3);
} 

#forgotpasswordpopup
{
    padding:0px;
}

.ui-dialog .ui-dialog-content{
  padding: 0px;
  /*overflow:hidden;*/
}

/*#endregion */

/***************************
    Progress Bar
****************************/
/*#region Progress Bar */
#progressBar {
        width: 100%;
        height: 12px;
        border: 0px solid #111;
        border-radius: 4px;
        background-color: #82E1FF;
}
 
#progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: midnightblue;
        border-radius: 4px;
        position:relative;
}

#progressBar img
{
    position:absolute;
    top:-15px;
}

.progressBar {
        width: 100%;
        height: 12px;
        border: 0px solid #111;
        border-radius: 4px;
        background-color: #82E1FF;
}
 
.progressBar div {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: midnightblue;
        border-radius: 4px;
        position:relative;
}

.progressBar img
{
    position:absolute;
    top:-15px;
}

/*#endregion */

/***************************
    Main Menu
****************************/
/*#region Main Menu */
.myMenu {
	margin:0;
	padding:0;
    border-radius: 5px;
    /*float:left;*/
}

.myMenu li {
	list-style:none;
	/*float:left;*/
}

.myMenu li a:link, .myMenu li a:visited {
	display:block;
	text-decoration:none;
	margin:0;
}

.myMenu > li > .label-cell {
    background-color: var(--LabelBG);
}

.myMenu li a:hover {
    background-color:var(--BannerGB);
	transition: background-color 0.3s ease-out;
}

/*style the sub menu*/
.myMenu li ul {
	position:absolute;
	margin:0;
	padding:0;
    z-index:100;
    opacity: 0;
    transform-origin: 50% 0;
    transform: scaleY(0);
    transition: all .2s cubic-bezier(0.5, 0, 0, 1.25), opacity .15s ease-out;
}

.myMenu li ul.open {
    transform: scaleY(1);
    opacity: 1;
}

.myMenu li a.open {
    border-radius: 5px 5px 0px 0px;
    background-color:var(--LabelBG);
}

.myMenu li ul li a:link, .myMenu li ul li a:visited {
	width:155px;
	text-align:left;
	padding-left:25px;
    border-radius:0px;
    transition: background-color 200ms;
}

.myMenu li ul li a:hover, .myMenu li ul li:nth-child(even) a:hover {
    background-color:#46B3DA;
    transition: background-color 50ms;
}


.myMenu li ul li:first-child a {
    border-radius: 0px 5px 0px 0px;
}

.myMenu li ul li:last-child a {
    border-radius: 0px 0px 5px 5px;
}

/*#endregion */

/***************************
    Scrolling Table
****************************/
/*#region Scrolling Table */

.TableWrapper 
{
    /*float:left;*/
}

.ScrollingTable
{
    color:black;
    max-width:940px;
    table-layout:fixed;
    font-size:.8em;    
    text-align:right;
    /*float:right;*/
}

.ScrollingTable tfoot
{
    display: table-row-group;
}

.ScrollingTable input {
    text-align:right;
    background-color: transparent;
    border: 0;
    padding:5px;
    outline:none;
}

.ScrollingTable .Left input {
    text-align:left;
}

.ScrollingTable textarea {
    /*text-align: right;*/
    background-color: transparent;
    border: 0;
    padding: 5px;
    outline: none;
    width: 95%;
}

.ScrollingTable .custom-combobox input {
    width: 95%;
}

#NoteEntry {
    text-align:left;
    width:auto;
}

.NoteValidationEntry {
    text-align:left;
    width:auto;
    border: 1px solid lightblue;
    outline:none;
}

.NoteValidationEntry:focus
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.ScrollingTable td
{
    border: 1px solid white;
    height:33px;
    width:110px;
    padding:0px;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
}

.ScrollingTable .AllocationTable td
{
    border: 1px solid white;
    height:35px;
    width:110px;
    padding:5px;
    overflow:hidden;
}

.ScrollingTable.CategoryCrosswalkTable td
{
    padding:2px 5px;
	width: unset;
	height:30px;
}

.ScrollingTable.CostCenterCrosswalkTable td {
    padding: 5px;
}

.ScrollingTable thead {
    position: sticky;
    top: 0px;
    z-index: 1;
}

.ScrollingTable tbody tr:nth-child(even) 
{
    background: var(--TableStripe1)
}

.ScrollingTable tbody tr:nth-child(odd) 
{
    background: var(--TableStripe2)
}

.ScrollingTable tbody tr:nth-child(even) .ReadOnlyCell
{
    background-color: #DCE8EB;
    color:gray;
    padding:5px;
    height:30px;
}

.ScrollingTable tbody tr:nth-child(odd) .ReadOnlyCell
{
    background-color: #EDEDED;
    color:gray;
    padding:5px;
    height:30px;
}

.ScrollingTable input[type='text'] 
{ 
    font-size: 1em; 
    height:inherit;
    width:inherit;
}

.ScrollingTable .CostCenter input  {
    width:95%;
}

.ScrollingTable input[type='text']::-ms-clear {
    display: none;
}

.ScrollingTable .auto_submit_item:focus-within
{
    background:white;
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
    /*box-shadow: 0 0 5px 2px rgba(17, 153, 193,.75) inset;*/
}

.ScrollingTable .EditField
{
    transition: all 0.5s ease;
    box-shadow: none;
}

.ScrollingTable .EditField:focus-within
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.ScrollingTable .EditField input[type='text']
{
    text-align: left;
    height: 100%;
    padding: 0px 0px 0px 5px;
	box-sizing: border-box;
	width:100%;
}

.ScrollingTable .CostCenterID
{
    background-color: var(--LabelBG);
    color: white;
    text-align: center;
    width:20px;
}

.ScrollingTable .HeaderColumn
{
    background-color: var(--LabelBG);
    color: white;
    text-align:right;
    /*border-left: 5px solid transparent;*/
    width:20px;
}

.ScrollingTable .FileTrash
{
    cursor:pointer;
    background-image: url('Images/Trash_Can.png');
    background-repeat: no-repeat;
    background-position: center;
    border:0px solid white;
    width:40px;
}

.ScrollingTable .SecondaryHeaderColumn
{
    background-color: var(--LabelBG);
    color: white;
    text-align:right;
    width:170px;
}

td.ColWidth0, th.ColWidth0 /* Slim Header Columns */
{
    width:30px;
    padding:5px;
}

td.ColWidth1, th.ColWidth1
{
    min-width:110px; /* (110 * 1) + (11 * 0) */
    /*padding:5px;*/
}

td.ColWidth2, th.ColWidth2
{
    min-width:230px;
	/*width:220px;*/
	/*min-width:231px;*/
    /*width:231px;*/ /* (110 * 2) + (11 * 1) */
    /*padding:5px;*/
}

td.ColWidth3, th.ColWidth3
{
    min-width:350px; /* (110 * 3) + (11 * 2) */
    /*padding:5px;*/
}

td.ColWidth4, th.ColWidth4
{
    width:473px; /* (110 * 4) + (11 * 3) */
    /*padding:5px;*/
}


.ScrollingTable .SecondaryHeaderColumn input
{
    color: white;
}

.ScrollingTable .nice-select:hover
{
    box-shadow: none;
}

.ScrollingTable .auto_submit_item:hover
{
	transition: all 0.5s ease;
    box-shadow: 0 0 5px 2px rgba(17, 153, 193,.75) inset;
}

.ScrollingTable .EditField:hover
{
	transition: all 0.5s ease;
    box-shadow: 0 0 5px 2px rgba(17, 153, 193,.75) inset;
}

.ScrollingTable .auto_submit_item:hover
{
    color: black;
}

.ScrollingTable .EditField
{
    color:black;
    cursor: auto;
}

.ScrollingTable .ReadOnlyCell:hover
{
    box-shadow: none;
}

.ScrollingTable .RollBackError input[type='text']
{
    color:red;
	box-shadow: 0 0 5px 2px pink inset;
}

.ScrollingTable .RollBackError .nice-select
{
    color:red;
	box-shadow: 0 0 5px 2px pink inset;
}

.ScrollingTable .UpdatedAfterRollback
{
	box-shadow: 0 0 5px 2px gold inset;
}

.ScrollingTable .UpdatedAfterRollback:hover
{
    box-shadow: 0 0 5px 2px gold inset;
}

.ScrollingTable .Invalid
{
    background-color:rgba(237,90,77,.3);
    color:black;
}

 .StripedTable
 {
	 width:100%;
	 margin: 0px;
	 box-sizing: border-box;
	 font-size: .7rem;
 }

.StripedTable *
 {
	 box-sizing: border-box;
 }

.StripedTable thead {
    position: sticky;
    top: 0px;
    z-index: 2;
}

.StripedTable tfoot
{
	position:sticky;
	bottom:0;
	z-index:1;
}

.StripedTable tbody tr
{
    background-color: var(--TableStripe1);
}

.StripedTable tbody tr:nth-child(even) 
{
    background-color: var(--TableStripe2);
}

.StripedTable tbody tr:hover > td:not(td.HeaderColumn):not(td.CostCenterID):not(td.HeaderRow)
{
    background-color: rgba(192,192,192, 0.1);
}

.StripedTable tbody tr:nth-child(even) td > table tr {
    background-color: var(--TableStripe2);
}

.StripedTable tbody tr:nth-child(even) td > table tr:nth-child(even) {
    background-color: var(--TableStripe1);
}

.StripedTable tbody tr td > table tr {
    background-color: var(--TableStripe1);
}

.StripedTable tbody tr td > table tr:nth-child(even) {
    background-color: var(--TableStripe2);
}

.StripedTable tbody tr.red td:not(td.HeaderColumn)
{
    background-color: rgba(240 128 128 /0.25);
	transition: background-color 0.5s ease;
    /*color: darkred;*/
}
.StripedTable tbody tr.yellow td:not(td.HeaderColumn)
{
    background-color: rgb(250 250 210 / .5);
	transition: background-color 0.5s ease;
    /*color: black;*/
}
.StripedTable tbody tr.green td:not(td.HeaderColumn)
{
    background-color: rgb(144 238 144 / .25);
	transition: background-color 0.5s ease;
    /*color: green;*/
}

.StripedTable thead th, .StripedTable tfoot th, .StripedTable td.HeaderColumn, .StripedTable td.HeaderRow {
	background-color: var(--LabelBG);
	color: white;
	text-align: left;
	padding: 2px 5px;
	overflow: hidden;
	border: 1px solid white;
	/*font-weight: normal;*/
	word-break: keep-all;
	vertical-align: middle;
}

.StripedTable td.HeaderColumn {
	border: 1px solid white;
}

.StripedTable thead th.gray
{
	background-color: lightgray;
    color: #565656;
}

.StripedTable thead th.HeaderRowGray
{
	background-color: lightgray;
    color: #565656;
}

.StripedTable td.gray
{
	background-color: lightgray;
    color: #565656;
}


.StripedTable thead th {
	border-top: 0px;
	/*min-width:100px;*/
}

.StripedTable tfoot th {
	border-bottom: 0px;
}

.StripedTable  td.HeaderColumn {
	/*border-left: 0px;*/
}

.StripedTable.FilterTable thead, .StripedTable.FilterTable thead tr
{
	overflow:visible;
}

.StripedTable thead th.Filter
{
	overflow:visible;
	position:relative;
}

.StripedTable.FilterTable thead th 
{
	background: white;
	padding:0px;
	overflow:visible;
}

.StripedTable.FilterTable thead th div.FilterHeaderLabel
{
	background-color: var(--LabelBG);
	color: white;
	text-align: left;
	padding: 5px;
	height:60px;
	overflow:visible;
}

.StripedTable.FilterTable thead th div.FilterHeader
{
	background-color: white;
	color: black;
	text-align: left;
	padding: 0px;
	height:60px;
	overflow:visible;
}

.StripedTable thead th:first-child, .StripedTable tbody td:first-child {
    border-left: 0px;
}

.StripedTable thead th:last-child, .StripedTable tbody td:last-child {
	border-right: 0px;
}

.StripedTable th.empty, .StripedTable td.empty {
	background-color: white;
    border-color: white;
}

.StripedTable tr
{
	height:25px;
}

.StripedTable td
{
    border: 1px solid white;
    padding:5px;
    overflow:hidden;
    position:relative;
	word-break: break-word;
	vertical-align:top;
}

.StripedTable td.EditField
{
    padding:0px;
    position:relative;
	overflow:visible;
}

.StripedTable td.Centered
{
    text-align:center;
}

.StripedTable td.CostCenterID
{
    background-color: var(--LabelBG);
    color: white;
}

.StripedTable td.Currency, .StripedTable td.Currency input, .StripedTable td.Integer, .StripedTable td.Integer input,
.StripedTable td.Percentage, .StripedTable td.Percentage input, .StripedTable td.Numeric, .StripedTable td.Numeric input
{
    text-align:right;
}

.StripedTable td.EditField.DragCopyCell.isSelected
{
	background-color:lightgray;
}

.StripedTable td.EditField.DragCopyCell.isFirstSelected
{
	box-shadow: 0 0 5px 2px rgb(17 153 193 / 50%) inset;
	background-color:white;
}

.StripedTable .nice-select, .StripedInfoTable .nice-select {
	font-size: 1em;
	/*min-width:150px;*/
	height:100%;
    background-image: url(images/ddlArrow.png), url(images/ddlNoArrow.png);
    background-position: right, right;
    background-repeat: no-repeat, repeat-y;
	position:absolute;
	top:0px;
}

.StripedTable input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
}
.StripedTable input[type=number]::-webkit-inner-spin-button, 
.StripedTable input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.StripedTable td.LineNumberCol {
    white-space: nowrap;
    width:1%;
}

.nice-select.dropup-container ul.list.dropup {top: auto; bottom: 100%; margin-bottom: 4px;}

.nice-select .list {
    -webkit-transform: scale(1, 0) translateY(-21px);
        -ms-transform: scale(1, 0) translateY(-21px);
            transform: scale(1, 0) translateY(-21px);
    margin-top: 2px;
}

.nice-select.open .list {
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); 
}

.StripedTable .EditField input[type="text"],.StripedTable .EditField input[type="number"],.StripedTable .EditField input[type="date"]
,.StripedTable textarea,.StripedTable .nice-select,.StripedTable .date-box,.StripedInfoTable .EditField input[type="text"]
,.StripedInfoTable .EditField input[type="number"],.StripedInfoTable textarea,.StripedInfoTable .nice-select
,.StripedInfoTable .EditField input[type="date"],.StripedInfoTable .date-box
{
	height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,.25);
	padding:6px;
	border-radius: 3px;
	border: 2px inset rgba(135,206,235,.75);
	/*border: 1px solid transparent;*/
/*	border-top: none;
	border-bottom: 1px solid #DDD;*/
	/*box-shadow: inset 0px 1px 2px rgba(0,0,0,.39),inset 0px -1px 1px #FFF,inset 0px 1px 0px #FFF;*/
	outline: 0;
	position:absolute;
	top:0px;
	left:0px;
	/*border-style:inset;*/
}

.StripedTable .EditField.Percentage input[type="text"]
{
	padding-right:15px;
}

.StripedTable .EditField.Percentage input[type="text"]:focus
{
	padding-right:17px;
}

.StripedTable .EditField input[type="text"]:hover,.StripedTable textarea:hover,.StripedTable  .nice-select:hover
,.StripedTable .EditField input[type="number"]:hover,.StripedTable .EditField input[type="checkbox"]:hover,.StripedTable .date-box:hover
,.StripedInfoTable .EditField input[type="text"]:hover,.StripedInfoTable textarea:hover
,.StripedInfoTable .nice-select:hover,.StripedInfoTable .date-box:hover,.StripedInfoTable .EditField input[type="number"]:hover
,.StripedInfoGrid .EditField input[type="text"]:hover,.StripedInfoGrid textarea:hover
,.StripedInfoGrid .nice-select:hover,.StripedInfoGrid .date-box:hover,.StripedInfoGrid .EditField input[type="number"]:hover
,.StripedInfoGrid .EditField input[type="checkbox"]:hover
{
    box-shadow: 0px 0px 5px 1px rgba(17, 153, 193,.25) inset,0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
}

.StripedTable .EditField input[type="text"].input-validation-error:hover,.StripedTable textarea.input-validation-error:hover,.StripedTable  .nice-select.input-validation-error:hover
,.StripedTable .EditField input[type="number"].input-validation-error:hover,.StripedTable .EditField input[type="checkbox"].input-validation-error:hover,.StripedTable .date-box:hover
,.StripedInfoTable .EditField input[type="text"].input-validation-error:hover,.StripedInfoTable textarea.input-validation-error:hover
,.StripedInfoTable .nice-select.input-validation-error:hover,.StripedInfoTable .date-box.input-validation-error:hover,.StripedInfoTable .EditField input[type="number"].input-validation-error:hover
,.StripedInfoGrid .EditField input[type="text"].input-validation-error:hover,.StripedInfoGrid textarea.input-validation-error:hover
,.StripedInfoGrid .nice-select.input-validation-error:hover,.StripedInfoGrid .date-box.input-validation-error:hover,.StripedInfoGrid .EditField input[type="number"].input-validation-error:hover
{
    box-shadow: 0px 0px 5px 1px rgba(255, 0, 0,.25) inset,0px 0px 1px 1px rgba(255, 0, 0,.75) inset;
}

.StripedTable .EditField input[type="text"]:focus,.StripedTable textarea:focus,.StripedTable .EditField input[type="number"]:focus
,.StripedInfoTable .EditField input[type="text"]:focus, .StripedInfoTable textarea:focus
,.StripedInfoTable .EditField input[type="number"]:focus
,.StripedInfoGrid .EditField input[type="text"]:focus, .StripedInfoGrid textarea:focus
,.StripedInfoGrid .EditField input[type="number"]:focus
{
    background: white;
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
	border: 1px rgba(135,206,235,.75);
	padding:5px 8px; /*padding to compensate for smaller border*/
}

.StripedTable .EditField input[type="text"].input-validation-error:focus,.StripedTable textarea.input-validation-error:focus,.StripedTable .EditField input[type="number"].input-validation-error:focus
,.StripedInfoTable .EditField input[type="text"].input-validation-error:focus, .StripedInfoTable textarea.input-validation-error:focus
,.StripedInfoTable .EditField input[type="number"].input-validation-error:focus
,.StripedInfoGrid .EditField input[type="text"].input-validation-error:focus, .StripedInfoGrid textarea.input-validation-error:focus
,.StripedInfoGrid .EditField input[type="number"].input-validation-error:focus
{
    background: white;
	box-shadow: 0px 0px 1px 1px rgba(255, 0, 0,.75) inset;
	border: 1px rgba(255,0,0,.75);
	padding:5px 8px; /*padding to compensate for smaller border*/
}

.StripedTable .read-only-text-box,.StripedTable .read-only-text-box:hover,.StripedTable .read-only-text-box:focus,
.StripedInfoTable .read-only-text-box,.StripedInfoTable .read-only-text-box:hover,.StripedInfoTable .read-only-text-box:focus
.StripedInfoGrid .read-only-text-box,.StripedInfoGrid .read-only-text-box:hover,.StripedInfoGrid .read-only-text-box:focus
{
	box-shadow: none;
	background: transparent;
}

.StripedTable td.UncategorizedWarning 
{
	padding:0px 5px;
    line-height: 1em;
    vertical-align: middle;
}

.StripedTable td.FileTrash
{
    cursor:pointer;
    background-image: url('Images/Trash_Can.png');
    background-repeat: no-repeat;
    background-position: center;
    border:0px solid white;
	width:35px;
}

.StripedTable td.ReadOnlyCell
{
    color:#757575;
	box-shadow: rgba(158,158,158,.15) 0px 0px 100px inset;
}

.StripedTable td.ReadOnlyCellDark
{
    color:#565656;
	box-shadow: rgba(211, 211, 211) 0px 0px 100px inset;
}


.StripedTable td.ReadOnlyCell input[type="text"],.StripedTable td.ReadOnlyCell input[type="text"]:hover, .StripedTable td.ReadOnlyCell input[type="text"]:focus
{
    color:#757575;
	box-shadow: rgba(158,158,158,.15) 0px 0px 100px inset;
    height: 100%;
    width: 100%;
    outline: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px;
    background:transparent;
    padding: 6px;
}

.StripedTable td.Scrollable, .StripedTable td.ColumnSum, .StripedTable td.Scrollable input
{
    /*background-color: #DCE8EB;*/
    /*text-align:right;*/
    padding:5px;
}

.StripedTable td.RollBackError input[type='text'],.StripedTable td.RollBackError input[type='text']:hover,.StripedTable td.RollBackError input[type='text']:focus
{
    color:red;
	box-shadow: 0 0 5px 2px pink inset;
    background: white;
}

.StripedTable td.RollBackError .nice-select
{
    color:red;
	box-shadow: 0 0 5px 2px pink inset;
}

.StripedTable td.UpdatedAfterRollback
{
	box-shadow: 0 0 5px 2px gold inset;
}

.StripedTable td.UpdatedAfterRollback:hover
{
    box-shadow: 0 0 5px 2px gold inset;
}

.StripedTable .Invalid
{
    background-color:rgba(237,90,77,.3);
    color:black;
}

.input-sizer {
  display: inline-grid;
  vertical-align: top;
  align-items: center;
  border: none;
  margin: 0px;  
  width: 100%;
  max-width: fit-content;
}

.input-sizer::after {
    content: attr(data-value) ' ';
    visibility: hidden;
    white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-word;
	padding:5px 8px;
}

.input-sizer textarea
{
	overflow:hidden;
	padding-top:3px;
}


fieldset {
	width:fit-content;
	margin: 10px 0px 20px 20px;
	border: 3px solid var(--LabelBG);
}

legend {
	font-size: 20px;
	color: var(--LabelBG);
	font-weight: bold;
}

.StripedInfoTable *
{
	box-sizing: border-box;
}
	
.StripedInfoTable {
	 box-sizing: border-box;
	 font-size: 12px;
	 border:2px solid var(--LabelBG);
	 margin:10px;
	 display: table;
	 border-radius: 4px;
	 width: fit-content;
}

.StripedInfoTable div.InfoRow
{
    background-color: var(--TableStripe1);
/*	width:100%;
	min-height: 35px;
*/}

.StripedInfoTable div.InfoRow:nth-child(even) 
{
    background-color: var(--TableStripe2)
}

.StripedInfoTable div.InfoHeaderRow {
	background-color: var(--LabelBG);
	color: white;
	padding: 5px 5px;
	overflow: hidden;
	font-size:16px;
	text-align: left;
	/*border:2px solid var(--LabelBG);*/
	/*width:100%;*/
}

.StripedInfoTable div.InfoNotesRow {
	font-size:1.1em;
	margin:2px 5px;
}

.StripedInfoTable div.InfoCell:first-child {
	width:175px;
}

.StripedInfoTable div.InfoCell:last-child {
	width:200px;
}

.StripedInfoTable div.InfoCell:last-child.DoubleCell {
	width:450px;
}

.StripedInfoTable div.InfoCell:first-child.DoubleCell {
	width:375px;
}

.StripedInfoTable .InfoCell {
	display:table-cell;
	padding:5px;
	border:1px solid white;
	height:100%;
	width: 250px;
	position: relative;
    word-break: break-word;
}

.StripedInfoTable .InfoRow:first-of-type .InfoCell:first-of-type {
	border-top-left-radius: 5px;
}

.StripedInfoTable .InfoRow:first-of-type .InfoCell:last-of-type {
	border-top-right-radius: 5px;
}

.StripedInfoTable .InfoRow:last-of-type .InfoCell:first-of-type {
	border-bottom-left-radius: 5px;
}

.StripedInfoTable .InfoRow:last-of-type .InfoCell:last-of-type {
	border-bottom-right-radius: 5px;
}

.StripedInfoTable .InfoRow:first-of-type {
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.StripedInfoTable .InfoRow:last-of-type {
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.StripedInfoTable .DoubleCell {
	width: 600px;
}

.StripedInfoTable .SubHeader {
	font-weight:bold;
}

.StripedInfoTable .EditField.InfoCell {
	padding:0px;
}

.StripedInfoTable label {
	display: block;
	padding:5px;
}

.StripedInfoTable.EditField label {
	cursor: pointer;
}

.StripedInfoTable div.SignOffButton
{
    width: 100px;
	float: right;
	margin: 2px;
}

.StripedInfoTable .RadioDiv {
	outline: 0;
	width:100%;
	height:100%;
}

.StripedInfoTable .EditField .RadioDiv {
	/*border-bottom: 1px solid #DDD;*/
	/*box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;*/
	border: 2px inset rgba(135,206,235,.75);
}


.RadioDivNoTable {
    border-bottom: 1px solid #DDD;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
    outline: 0;
    width: 100%;
    height: 100%;
}

.StripedInfoTable .EditField label:hover {
    box-shadow: 0 0 3px 1px rgba(17, 153, 193,.50) inset;
}

.StripedInfoTable input[type="radio"]:checked + label {
	font-weight:bold;
}

.StripedInfoTable input[type="radio"]:checked + label .circle {
	border-color: var(--BannerGB);
	background-color: var(--LabelBG);
}

.StripedInfoTable .disabled input[type="radio"]:checked + label .circle {
	border-color: darkgray;
	background-color: darkslategray;
}

.StripedInfoTable input[type="radio"] {
	display: none;
}

.StripedInfoTable input[type="checkbox"] {
	vertical-align: middle;
}

.StripedInfoGrid * {
	box-sizing:border-box;
}

.StripedInfoGrid {
	 width:100%;
	 display:grid;
	 grid-template-columns: max-content auto;
	 margin: 10px;
	 border:2px solid var(--LabelBG);
	 border-radius: 4px;
	 box-sizing:border-box;
	 font-size: 12px;

}

.StripedInfoGrid>div:nth-child(4n+1),.StripedInfoGrid>div:nth-child(4n+2) {
    background: var(--TableStripe2);
}

.StripedInfoGrid2 {
	 grid-template-columns: max-content auto auto;
}

.StripedInfoGrid div.InfoHeaderRow {
	grid-column: 1/3;
	background-color: var(--LabelBG);
	color: white;
	padding: 5px 5px;
	overflow: hidden;
	font-size:16px;
	text-align: left;
}

.StripedInfoGrid div.InfoRow {
	display: contents;
}

.StripedInfoGrid .InfoCell {
	background-color: var(--TableStripe1);
	padding:5px;
	border:1px solid white;
	position: relative;
}

.StripedInfoGrid .WideCell {
    grid-column: span 2;
}

.StripedInfoGrid .InfoCell .field-validation-error {
	position:absolute;
	left:105%;
	white-space:nowrap;
	background-color:white;
	padding:5px;
	border:2px solid var(--LabelBG);
	font-weight:bolder;
	border-radius: 4px;
}

.StripedInfoGrid .InfoCell .field-validation-error::after {
  content: " ";
  position: absolute;
  top: 30%;
  right: 100%; /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent var(--LabelBG) transparent transparent;
}

.StripedInfoGrid div.InfoRow:nth-child(even) > .InfoCell
{
    background-color: var(--TableStripe2)
}
.StripedInfoGrid .EditField {
	padding:0px;
}

.StripedInfoGrid .EditField input[type="text"],.StripedInfoGrid .EditField input[type="number"],
.StripedInfoGrid textarea,.StripedInfoGrid .nice-select,.StripedInfoGrid .EditField input[type="date"]
,.StripedInfoGrid .date-box,.StripedInfoGrid .EditField label
{
	height: 100%;
    width: 100%;
    background-color: transparent;
	/*padding:5px;*/
	border-radius: 3px;
	/*border: 1px solid transparent;*/
	border-top: none;
	border-bottom: 1px solid #DDD;
	/*box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;*/
	outline: 0;
    
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
	border: 1px rgba(135,206,235,.75);
	padding:5px 8px; /*padding to compensate for smaller border*/
}

.StripedInfoGrid .EditField input[type="checkbox"]
{
    border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(17, 153, 193,.75) inset;
    border: 1px rgba(135,206,235,.75);
    background-color: transparent;
}

.StripedInfoGrid .EditField input.input-validation-error,.StripedTable .EditField input.input-validation-error {
    box-shadow: 0px 0px 1px 1px rgba(255, 0, 0,.75) inset;
}

.SelectTable tbody tr:hover 
{
	background-color:#e1e5e7;
}
.SelectTable 
{
	margin: 0px;
}

.circle {
  height: 20px;
  width: 20px;
  background: #ccc;
  border: 5px solid transparent;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  transition: all 0.25s ease;
  box-shadow: inset -4px -4px 10px rgba(0, 0, 0, 0.2);
  vertical-align: text-bottom;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.BlueDialogConfirm, .BlueDialogConfirm .ui-dialog-content,
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.BlueDialogRow, .BlueDialogRow .ui-dialog-content
{
	overflow:visible;
}

.BlueDialogConfirm .ui-widget-header
{
	color:white;
	background: linear-gradient(var(--BannerGB), var(--LabelBG));
	font-weight:normal;
	padding: 0.2em 0.5em;
}

.BlueDialogRow .ui-widget-header
{
	color:black;
	background: linear-gradient(var(--TableStripe1), var(--TableStripe2));
	font-weight:normal;
	font-size: 12px;
	padding: 0.2em 0.5em;
}

.BlueDialogConfirm .ui-dialog-buttonset button, .BlueDialogRow .ui-dialog-buttonset button {
    margin: 0.5em 0.4em 0.3em 0em;
    background-color: var(--BannerGB);
    color: white;
    cursor: pointer;
    padding: 0.4em 1em;
	transition: background-color 0.2s ease;
}

.BlueDialogConfirm .ui-dialog-buttonset button:hover, .BlueDialogRow .ui-dialog-buttonset button:hover {
    background-color: var(--LabelBG);
}

.BlueDialogConfirm .ui-dialog-titlebar-close, .BlueDialogRow .ui-dialog-titlebar-close {
	background-color: #EBEBEB;
	font-weight: 900;
	color:var(--BannerGB);
    padding:0px;
    line-height:16px;
    font-size:16px;
/*    line-height: 1em;
    font-size: 14pt;*/
	/*width: 30px;
	height: 30px;*/
}

.BlueDialogConfirm .ui-dialog-titlebar-close:hover, .BlueDialogRow .ui-dialog-titlebar-close:hover {
	color:var(--LabelBG);
	/*background-color: var(--BannerGB);*/
	/*width: 30px;
	height: 30px;*/
}

.BlueDialogConfirm .ui-icon, .BlueDialogRow .ui-icon {
	background-image: none;
	/*background-image: url(images/XClearX.png);*/
}

.BlueDialogConfirm .ui-dialog-buttonpane, .BlueDialogRow .ui-dialog-buttonpane {
	margin: 0px; 
    padding: 0px;
}

.BlueDialogConfirm *:focus-visible {
	outline-color:gray;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.BlueDialogConfirm {
	box-shadow: rgba(158,158,158,.4) 5px 5px 5px;
}

.MHeader {
	color: white;
    background-color: var(--BannerGB);
    padding-left: 10px;
    cursor: initial;
    text-decoration: none;
    user-select: none;
    border-radius: 5px 5px 0px 0px;
    transition: background-color 0.2s ease;
    border: 0px;
    white-space: nowrap;
	line-height:30px;
}

.MContent {
	border:2px solid var(--BannerGB);
	border-bottom: 0px;
	border-top: 0px;
	margin:0px;
	height:400px;
	overflow-y:scroll;
	/*transition:all 1s ease-in-out;*/
}

.MFooter {
    color: white;
    background-color: var(--BannerGB);
    /*padding: 10px;*/
    /*cursor: pointer;*/
    text-decoration: none;
    user-select: none;
	border-radius: 0px 0px 5px 5px;
    transition: background-color 0.2s ease;
    border: 0px;
    line-height:1;
    font-size:14px !important;
	white-space:nowrap;
	text-align: center;
	min-height: 35px;
	display: flex;
	justify-content: flex-end;
}

.MFooter .BottomButtonBlue {
	border: 1px dotted var(--LabelBG);
}

.MFooter .BottomButtonBlue:active {
	border: 1px dotted white;
}

.MAddRemoveInfo {
	font-size:14px;
	background-color: white;
	padding:0px 5px;
	border:2px solid var(--BannerGB);
}


.MInfo {
	font-size:12px;
	background-color: white;
	padding:0px 5px;
	border:2px solid var(--BannerGB);
}

.InitiallySelected {
	color:blue;
}

.TableRowModal .ui-widget-header 
{
	color:black;
	background: linear-gradient(var(--TableStripe1), var(--TableStripe2));
	font-weight:normal;
	padding: 0.1em 0.5em;
	font-size: 11px;
}

.TableRowModal .ui-dialog-buttonset button {
    margin: 0.5em 0.4em 0.5em 0;
    background-color: var(--BannerGB);
    color: white;
    cursor: pointer;
    padding: 0.4em 1em;
	transition: background-color 0.2s ease;
}

.TableRowModal .ui-dialog-buttonset button:hover {
    background-color: var(--LabelBG);
}

.TableRowModal .ui-dialog-titlebar-close {
	background-color: var(--BannerGB);
	font-weight: 900;
	color:var(--BannerGB);
    line-height: 1em;
	right:0px;
	border:1px solid black;
}

.TableRowModal .ui-dialog-titlebar-close:hover {
	background-color: var(--LabelBG);
	color:var(--LabelBG);
}

.TableRowModal .ui-icon {
	/*background-image: none;*/
}

.TableRowModal .ui-dialog-buttonpane {
	margin: 0px; 
    padding: 0px;
}

.TableRowModal.ui-widget-content {
	padding:0px;
	border: 2px solid var(--LabelBG);
}

.RemoveCARRow {
	background-image: url(images/Trash_Can.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.SupportingDocumentsWrapper {
	width:100%;
	margin:0px;
}

table.TabTable
{
    width: 100%;
    margin-top: 0px;
    /*table-layout: fixed;*/
}

table.TabTable td
{
    color: dimgray;
    text-align: left;
    box-shadow: 0 0 .9em .9em rgba(220,220,220,.4) inset;
    cursor: default;
	min-height:30px;
	padding:0px 5px;
}

table.TabTable td.HeaderRow
{
    padding-right: 6px;
    position: sticky;
    top: 0;
    z-index: 100;
    /*border-top: 0px;*/
    box-shadow: none;
}

table.TabTable td.EditField
{
	padding:0px;
}

table.TabTable td.EditField
{
	padding:0px;
}

table.TabTable td input[type='text'] 
{
	padding:0px 0px 0px 10px;
}

td.HeaderRow
{
    box-shadow: none;
}

.AddGridRowButton
{
    margin-top:5px;
    height:35px;
    margin-bottom:5px;
    float:right;
}

.DocumentAlertTable
{
    color:black;
    /*font-size:.8em;*/    
    text-align:left;
}

.DocumentAlertTable input {
    text-align:left;
    width:95%;
    background-color: transparent;
    border: 1px solid transparent;
    outline: none;
	box-sizing: border-box;
	cursor:pointer;
}

.DocumentAlertTable input[type='text'] 
{ 
    cursor:text;
}

.DocumentAlertTable input[type='number'] 
{ 
    cursor:text;
}

.DocumentAlertTable textarea {
    width:100%;
    height:100%;
    background-color:transparent;
    outline:none;
    text-align:left;
    /*border:0px solid black;*/
    border:1px solid lightgray;
    padding:5px;
    box-sizing: border-box;
}

.DocumentAlertTable td {
    border: 1px solid white;
    height: 35px;
    padding: 5px;
    overflow: visible;
}

.DocumentAlertTable .EditField
{
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 5px rgb(17, 153, 193, .1) inset;
}

.DocumentAlertTable .EditField:focus
{
    transition: all 0.5s ease;
    box-shadow: 0 0 5px 5px rgb(17, 153, 193, .3) inset;
}

.DocumentAlertTable .EditField:hover
{
    box-shadow: 0 0 5px 2px rgba(17, 153, 193,.75) inset;
}

.DocumentAlertTable tr:nth-child(even) 
{
    background: var(--TableStripe1)
}

.DocumentAlertTable tr:nth-child(odd) 
{
    background: var(--TableStripe2)
}

.DocumentAlertTable.CompactInfoTable td
{
	padding:0px 5px;
	height:30px;

}

input.monthPicker {
    width:75px;
}

/*.Invalid
{
    background-color:rgba(237,90,77,.3);
    color:black;
}*/

tr.Excluded td:not(:first-child):before 
{
    content: " ";
    position: absolute;
    top: 50%;
    left: 5px;
    border-bottom: 2px solid gray;
    width: 95%;
}

tr.Excluded
{
    color:gray;
}

.ScrollingTable .ReadOnlyHeader
{
    background-color:lightgray;
    color: #565656;
    text-align:right;
    /*border-top: 5px solid lightgray;*/
    height:25px;
    text-align:left;
    vertical-align:top;
    padding:0px 5px;
}

.ScrollingTable .HeaderRow
{
    background-color: var(--LabelBG);
    color: white;
    /*border-top: 5px solid var(--LabelBG);*/
    height:25px;
    text-align:left;
    vertical-align:top;
    padding:5px;
    overflow:hidden;
}

.ScrollingTable .HeaderRowGray
{
    background-color: lightgray;
    color: #565656;
    text-align:right;
    /*border-top: 5px solid lightgray;*/
    height:25px;
    text-align:left;
    vertical-align:top;
    padding:5px;
    overflow:hidden;
}

.DepreciationGridTable .HeaderRow, .DepreciationGridTable .ReadOnlyHeader
{
    height:46px;
}

.ScrollingTable .DepreciationGridTable * 
{
    box-sizing:border-box;
}


.ScrollingTable .SecondaryHeaderRow td
{
    background-color: var(--LabelBG);
    color: white;
    text-align:right;
    border: 1px solid white;
    height:25px;
    text-align:right;
    vertical-align:bottom;
    padding:5px;
}

.ScrollingTable .SecondaryHeaderRow td.empty
{
    background-color:white;
    border-color:white;
}

.ScrollingTable .SecondaryHeaderRow td.ColWidth0, .ScrollingTable .SecondaryHeaderRow th.ColWidth0 /* Slim Header Columns */
{
    width:30px;
}

.ScrollingTable .SecondaryHeaderRow td.ColWidth1, .ScrollingTable .SecondaryHeaderRow th.ColWidth1
{
    width:110px; /* (110 * 1) + (11 * 0) */
}

.ScrollingTable .SecondaryHeaderRow td.ColWidth2, .ScrollingTable .SecondaryHeaderRow th.ColWidth2
{
    width:231px; /* (110 * 2) + (11 * 1) */
}

.ScrollingTable .SecondaryHeaderRow td.ColWidth3, .ScrollingTable .SecondaryHeaderRow th.ColWidth3
{
    width:352px; /* (110 * 3) + (11 * 2) */
}

.ScrollingTable .SecondaryHeaderRow td.ColWidth4, .ScrollingTable .SecondaryHeaderRow th.ColWidth4
{
    width:473px; /* (110 * 4) + (11 * 3) */
}

.ScrollingTable .GreenHeaderRow
{
    background-color: #A0CB78;
    color: white;
    text-align:right;
    /*border-top: 5px solid transparent;*/
    height:55px;
    text-align:left;
    vertical-align:top;
    padding:5px;
}

.ScrollingTable .FooterRow
{
    background-color: var(--LabelBG);
    color: black;
    text-align:right;
    /*border-top: 5px solid transparent;*/
    text-align:right;
    vertical-align:middle;
    padding:5px;
}

.ScrollingTable .stuck
{
    position: fixed;
    top: 0;
    z-index:100;
}

.HeaderRowGray.Highlight
{
    /*border-top: 5px solid #F0A65B;*/
	background-image: linear-gradient(var(--BannerGB), lightgray, lightgray);
}

.HeaderRow.Highlight
{
    /*border-top: 5px solid #F0A65B;*/
	background-image: linear-gradient(var(--BannerGB), var(--LabelBG), var(--LabelBG));
}

.HeaderColumn.Highlight
{
    /*border-left: 5px solid #F0A65B;*/
	background-image: linear-gradient(to right, var(--BannerGB), var(--LabelBG), var(--LabelBG));
}

.ScrollingTable .RightArrow, .ScrollingTable .LeftArrow, .ScrollingTable .SecondaryHeaderRow .RightArrow, .ScrollingTable .SecondaryHeaderRow .LeftArrow
{
    width:25px;
    background-color: var(--BannerGB);
    color: white;
    border-top:none;
    border-bottom:none;
    font-size:1.5em;
    font-family: Georgia, Serif;
    vertical-align:middle;
    text-align:center;
    /*padding: 5px;*/
}

.ScrollingTable tr:nth-child(3n-2):not(.header):not(.SecondaryHeaderRow) .RightArrow {
    background: url(images/LargeRightArrow.png) no-repeat center var(--BannerGB);
}

.ScrollingTable tr:nth-child(3n-2):not(.header):not(.SecondaryHeaderRow) .LeftArrow {
    background: url(images/LargeLeftArrow.png) no-repeat center var(--BannerGB);
}

.ScrollingTable .header .RightArrow, .ScrollingTable .header .LeftArrow
{
    /*border-top:5px solid var(--BannerGB);*/
}

.ScrollingTable .empty
{
    background-color:transparent;
    border-color:transparent;
}

.CompactTable.ScrollingTable  tr
{
    height:20px;
}

.CompactTable.ScrollingTable td
{
    height:20px;
}

.BottomPager 
{
    margin-top:5px;
    position:relative;
}

.BottomPager > div 
{
    display:inline-block;
    border:1px solid gray;
    border-radius:5px;
    padding:3px 7px;
    background-color: var(--BannerGB);
    color: #333;
    user-select: none;
}

.BottomPager .CurrentPage 
{
    font-weight:bold;
    color:black;
    background-color:lightgray;
    cursor:default;
}

.BottomPager .NotCurrentPage 
{
    cursor:pointer;
    color:black;
    transition: background-color 0.2s ease;
}

.BottomPager .NotCurrentPage:hover 
{
    cursor: pointer; 
    background-color: var(--LabelBG);
    color:white;
}

.BottomPager .PageNumber 
{
    position: absolute;
    right: 0px;
    border:none;
    background-color:transparent;
}

.BottomPager .PageNumber input[type="text"] 
{ 
    width:30px;
}

/*#endregion */

/***************************
    Allocation Table
****************************/
/*#region AllocationTable Table */

.AllocationTable
{
    color:black;
    width:900px;
    font-size:.8em;    
    text-align:right;
}

.AllocationTable input {
    text-align:right;
    height:30px;
    line-height:30px;
    width:90%;
}

.AllocationTable tr
{
    height:30px;
}

.AllocationTable td
{
    border: 1px solid white;
    height:30px;
    width:110px;
    padding:3px 5px;
    overflow:hidden;
}

.AllocationTable .AllocationTable td
{
    border: 1px solid white;
    height:25px;
    width:110px;
    padding:5px;
    overflow:hidden;
}

.AllocationTable .even
{
    background-color: var(--TableStripe1);
}

.AllocationTable .odd
{
    background-color: var(--TableStripe2);
}

.AllocationTable .even input
{
    background-color: var(--TableStripe1);
    border: 1px solid var(--TableStripe1);
}

.AllocationTable .odd input
{
    background-color: var(--TableStripe2);
    border: 1px solid var(--TableStripe2); 
}

.AllocationTable .CostCenterID
{
    background-color: var(--BannerGB);
    color: white;
    text-align: center;
    padding: 5px;
    width:15px;
}

.AllocationTable .HeaderColumn
{
    background-color: var(--BannerGB);
    color: white;
    text-align:right;
    border-left: 5px solid transparent;
    padding:5px;
    width:170px;
}

.AllocationTable .HeaderRow
{
    background-color: var(--BannerGB);
    color: white;
    text-align:right;
    /*border-top: 5px solid transparent;*/
    height:55px;
    text-align:left;
    vertical-align:top;
    padding:5px;
}

.AllocationTable .GreenHeaderRow
{
    background-color: #A0CB78;
    color: white;
    text-align:right;
    /*border-top: 5px solid transparent;*/
    height:55px;
    text-align:left;
    vertical-align:top;
    padding:5px;
}

.AllocationTable .empty
{
    background-color:transparent;
    border-color:transparent;
}

/*#endregion */

/***************************
    Compact Table
****************************/
/*#region CompactTable Table */

.CompactTable
{
    color:black;
    width:100%;
    text-align:left;
}

.CompactTable tr:not(.HeaderRow):nth-child(odd)
{
    background-color: var(--TableStripe1);
}

.CompactTable tr:not(.HeaderRow):nth-child(even)
{
    background-color: var(--TableStripe2);
}

.CompactTable .HeaderRow
{
    background-color: var(--LabelBG);
    color: white;
    text-align:left;
}

.CompactTable div.Editable {
    padding:0px 5px;
}

.CompactTable div[contenteditable="true"] {
    -webkit-appearance: textfield;
    background-color: white;
    box-shadow: 1px 1px 1px 0 lightgray inset;      
}

.CompactTable div[contenteditable="true"]:hover
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.CompactTable div[contenteditable="true"]:focus
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

/*.CompactTable.Editable div
{
    background-color: rgba(0, 0, 0, 0.15);
    color: black;
    text-align:left;
    padding:0px 5px;
    width:100%;
    border:0px;
}*/

/*.CompactTable input:hover
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.CompactTable input:focus
{
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}*/
/*
.CompactTable .empty
{
    background-color:transparent;
    border-color:transparent;
}

.CompactTable .Editable div {
    height:30px;
    line-height:30px;
    border: 1px solid transparent;
    padding: 0px 5px;
}*/





/*#endregion */

/***************************
    waring/success messages
****************************/
/*#region waring/success messages */
    .isa_info, .isa_success, .isa_warning, .isa_error {
        margin: 5px 0px;
        padding: 5px;
        width:100%;
    }

    .isa_info {
        color: #00529B;
        background-color: #BDE5F8;
    }

    .isa_success {
        color: #4F8A10;
        background-color: #DFF2BF;
    }

    .isa_warning {
        color: #9F6000;
        background-color: #FEEFB3;
    }

    .isa_error {
        color: #D8000C;
        background-color: #FFBABA;
    }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  /*color: #333333;*/
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  /*filter: alpha(opacity=65);*/
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-success {
  color: #ffffff;
  background-color: var(--BannerGB);
  border-color: var(--BannerGB);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: var(--LabelBG);
  border-color: rgb(46, 182, 222);
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: var(--BannerGB);
  border-color: rgb(46, 182, 222);
}    

.progress {
  height: 34px;
  /*clear:both;*/
  float:none;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ebebeb), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ebebeb, 0%, #f5f5f5, 100%);
  background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);*/
}

.progress-bar {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#3071a9));
  background-image: -webkit-linear-gradient(top, #428bca, 0%, #3071a9, 100%);
  background-image: -moz-linear-gradient(top, #428bca 0%, #3071a9 100%);
  background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);*/
}

.progress-bar-success {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5cb85c), to(#449d44));
  background-image: -webkit-linear-gradient(top, #5cb85c, 0%, #449d44, 100%);
  background-image: -moz-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);*/
}

.progress-bar-info {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#5bc0de), to(#31b0d5));
  background-image: -webkit-linear-gradient(top, #5bc0de, 0%, #31b0d5, 100%);
  background-image: -moz-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);*/
}

.progress-bar-warning {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f0ad4e), to(#ec971f));
  background-image: -webkit-linear-gradient(top, #f0ad4e, 0%, #ec971f, 100%);
  background-image: -moz-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);*/
}

.progress-bar-danger {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d9534f), to(#c9302c));
  background-image: -webkit-linear-gradient(top, #d9534f, 0%, #c9302c, 100%);
  background-image: -moz-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd9534f, endColorstr=#ffc9302c, GradientType=0);*/
}

.ui-effects-transfer { border: 2px solid black; background-color:white;opacity:.75;z-index:105; }

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

/*.field-validation-valid {
    display: none;
}*/

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.ui-tooltip {
    white-space: pre-line;
}

.floatThead-floatContainer.floatThead-container {
    margin-left:1px;
}

/*#endregion */

/***************************
    Custom Combo Box
****************************/
/*#region Custom Combo Box */

.custom-combobox
{
    display:inline-block;
    height: 100%;
    width: 100%;
    border-radius:0px 5px 5px 0px;
}

.custom-combobox > * { 
    transition: all 0.2s ease-in-out;
}

.custom-combobox input
{
	background: transparent;
    border-radius:0px 5px 5px 0px;
}

.custom-combobox-input {
   width:100%;
   height:100%;
   color: #000;
   padding: 0px 0px 0px 10px;
   border-bottom-left-radius:0px;
   border-top-left-radius:0px;
   font-size: 12px;
   border:1px solid #EBEBEB;
   text-align:left;
   box-sizing:border-box;
}

.custom-combobox-input-narrow {
    width: 350px;
}


.custom-combobox:hover > *
{
    border-color: #dbdbdb;
    box-shadow: inset 0 0 5px rgba(51,102,248,.4);
}

.custom-combobox-input:focus
{
    outline: none;
    /*box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;*/
}

.custom-combobox-report {
   /*width: 450px;*/
}

.custom-combobox-toggle {
    height:100%;
    background-color: #DDEAF0;
    /*margin-top:-2px;*/
    width:25px;
    border: 0px;
    margin-left:-25px;
    margin-right:0px;
	position:absolute;
	right:0px;
	top:0px;
    transition: all 0.2s ease-in-out;
}

.ScrollingTable .custom-combobox-toggle {
    left: 10px;
}

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
  margin-right:22px;
}

@keyframes ellipsis {
  to {
    width: 22px;
    margin-right:0px;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 22px;
    margin-right:0px;
  }
}

/*#endregion */

/***************************
    Desk Review
****************************/
/*#region Desk Review */

.DRContainer input[type='text'] 
{ 
    font-size: 1em; 
    width:95%;
}

.DRContainer textarea {
    /*height:100%;*/
    /*width:550px;*/
    width:100%;
    height:75px;
    background-color:transparent;
    outline:none;
    text-align:left;
    border:1px solid black;
    padding:5px;
    box-sizing: border-box;
}

.DRContainer .styled-select {
    width:100%;
    /*width:550px;*/
}

.ReportHeader 
{
     border:4px double lightblue;
     margin:5px 0px;
     padding:5px 10px 5px 10px;
     width:fit-content;     
     background-color:aliceblue;
     color:gray;
}

.ReportHeader ol, .ReportHeader ul
{
    padding:5px 10px 5px 25px;
    margin:0px;
}

/*#endregion */


/***************************
    Flex Elements
****************************/
/*#region Flex Elements */

.TabDiv {
    border: 1px solid black;
    /*border-right: 3px solid #545454;*/
    border-bottom: 0px;
    padding: 0px 10px;
    position: relative;
    background: #ccc;
    cursor: pointer;
    user-select: none;
    width: fit-content;
    border-radius: 7px 7px 0px 0px;
    margin: 0px 2px;
    height: 21px;
    transition: all 0.2s ease-out;
    color: darkslategray;
}

.TabDiv.TabDivSelected {
    background: white;
    margin: -6px 2px 0px 2px;
    height: 27px;
	top: 3px;
    bottom: 0px;
    color: black;
    transition: all 0.2s ease-out, background 0s;
    z-index:2;
}
/*
.TabDiv.TabDivSelected::before {
  content: "";
  position: absolute; 
  background-color: transparent;
  bottom: 0px;
  top: 10px;
  width: 15px;
  left: -16px;
  border-bottom-right-radius: 7px;
  box-shadow: 10px 0px 0px 0px white;
  border-right: 1px solid black;
}

.TabDiv.TabDivSelected::after {
  content: "";
  position: absolute; 
  background-color: transparent;
  bottom: 0px;
  top: 10px;
  width: 15px;
  right: -18px;
  border-bottom-left-radius: 7px;
  box-shadow: -10px 0px 0px 0px white;
  border-left: 3px solid #545454;
}
*/
.TabDiv:not(.TabDivSelected):hover {
    color:black;
    background: #bbb;
}

/*    .TabDiv:hover
    {
        margin: -5px 5px 0px 5px;
        height: 26px;
    }*/

.TabDivContents {
    white-space: nowrap;
}

.TabWrapper {
    clear: both;
    line-height: 20px;
    /*width: 950px;*/
    position: relative;
    padding: 0px 35px;
    display: flex;
    z-index: 1;
    flex-wrap: wrap-reverse;
    flex-direction: row;
    align-content: space-around;
}

.TabWrapper > *:first-child {
	margin-left: -5px;
}

.TabWrapperWR {
	flex-wrap: wrap;
    padding-left: 25px;
}

.TabWrapperWR > *:first-child {
	margin-left: 10px;
}

.FooterButtonPanel, .NavButtonPanel {
    box-sizing: content-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position:sticky;
    bottom:0px;
    background-color:white;
    z-index:3;
    gap:0px 5px;
    padding: 0px;
    /*border-radius: 5px;*/
}

.NavButtonPanel { 
    justify-content: flex-start;
    /*flex-wrap:wrap;*/
    padding: 0px 15px 10px;
    background-color: inherit;
}

.FooterButtonPanel > * {
	margin: 5px 0px;
    /*white-space:nowrap;*/
}

.FooterButtonPanel #success {
    white-space:nowrap;
}
/*
.FooterButtonPanel > *:first-child {
	margin-left: 5px;
}

.FooterButtonPanel > *:last-child {
	margin-right: 5px;
}
*/
.FooterButtonPanel .BottomMessageField {
    font-size:13px;
    margin-top:0px;
    margin-bottom:0px;
}

.BottomButtonBlue, .BottomButtonBlue:link, .BottomButtonBlue:visited, .BottomButtonBlue:active, a.BottomButtonBlue 
,.NavButtonBlue, .NavButtonBlue:link, .NavButtonBlue:visited, .NavButtonBlue:active, a.NavButtonBlue, .BottomButtonGray, .NavButtonGray {
    box-sizing: content-box;
    color: white;
    background-color: var(--BannerGB);
    padding: 8px 10px;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    border-radius: 5px;
    transition: background-color 0.2s ease;
    border-color: transparent;
    /*line-height:1;*/
	white-space:nowrap;
	text-align: center;
    border:5px;
    position:relative;
    font-size:14px !important;
}

.BottomButtonBlue:hover, .NavButtonBlue:hover {
    background-color: var(--LabelBG);
}

.BottomButtonBlue:not(.fileinput-button):after, .BlueDialogConfirm .ui-dialog-buttonset button:after, .BlueDialogRow .ui-dialog-buttonset button:after { 
    content: "";
    display: block;
    position: absolute;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0; 
    transition: all 0.5s; 
    box-shadow:  0 0 10px 10px var(--BannerGB);
}

.BottomButtonBlue:active:after, .BlueDialogConfirm .ui-dialog-buttonset button:active:after, .BlueDialogRow .ui-dialog-buttonset button:active:after
,.NavButtonBlue:active:after {
    box-shadow: 0 0 0 0 var(--BannerGB);
    position: absolute; 
    border-radius: 5px; 
    left: 0; 
    top: 0; 
    opacity: 1; 
    transition: 0s; 
}

.BottomButtonGray, .NavButtonGray {
    background-color: lightgray;
    cursor: default;    
}

.CrosswalkWrapper {
    min-height: 300px;
    margin: 0px 20px;
    border: solid;
    border-radius:5px;
}

.ImportError {
	color:red;
}

.ProviderTableList tr.Selected {
	background-color: var(--BannerGB) !important;
	color: white;
}

.ProviderTableList tbody tr {
	cursor:pointer;
	user-select:none;
	height:unset;
}

.ProviderTableList thead tr {
	height:30px;
}

.SelectAll {
	cursor:pointer;
	user-select:none;
}

.flexy { 
    display: flex; 
    flex:1;
}

.flexy-hidden {
    display:none;
}

/*#endregion */


/***************************
    Select2
****************************/
/*#region Select2 */

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: #DDEAF0;
    height: 100%;
    top: 0px;
    right: 0px;
}

.select2-container--default .select2-selection--single {
    border: none;
    height: 35px;
    line-height: 35px;
    transition: box-shadow 200ms ease-out;
    background-color: transparent;
}

.select2-selection__rendered {
    font-size: 12px;
}

.select2-results__options {
    font-size: 12px;
}

.select2-container--default .select2-selection--single:hover {
    box-shadow: 0 0 5px rgba(0,0,0,.15) inset;
}

.select2-container--default .select2-selection--single:focus-within {
    box-shadow: 0 0 5px rgba(17, 153, 193,.75) inset;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 35px;
    line-height: 35px;
}

.twenty {
    width: 20%;
}

.fifty {
    width:50%;
}

.seventy {
    width: 70%;
}

.ninety {
    width:90%;
}

/*#endregion */

/***************************
    Filter Dropdown
****************************/
/*#region FilterDropdown */

.dropdown-filter-dropdown {
    /*position:absolute;*/
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}

.dropdown-filter-icon {
	padding:0px;
	height:100%;
	width:100%;
	/*position:absolute;*/
	display:flex;
	align-items: center;
    justify-content: space-between;
}

.dropdown-filter-icon:hover {
    cursor:pointer;
}

.checkbox-container {
    max-height: 300px;
    overflow-y: auto;
	background:white;
	color:black;
	padding-left: 25px;
    text-indent: -25px;
}
.dropdown-filter-content {
	background:var(--LabelBG);
	color:black;
	position: absolute; 
	height: fit-content; 
	width: fit-content; 
	top: 100%; 
    right: 0px;
	padding: 0px 5px 5px 5px; 
	display: none;
}

.dropdown-filter-content div {

}

.dropdown-filter-content div.dropdown-filter-search {
    margin-bottom:2px;
    margin-top:1px;
}

.dropdown-filter-menu-search
{   
	/*background-color:var(--BannerGB);*/
	width:100%;
}

.dropdown-filter-content div.dropdown-filter-sort {
    padding-top:2px;
    padding-bottom:2px;
	background-color:var(--BannerGB);
}

.dropdown-filter-content div.dropdown-filter-sort:hover {
    background-color:#e1e5e7;
    cursor:pointer;
}

.dropdown-filter-content div.dropdown-filter-sort span {
    margin-right:5px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    color:#000000;
}

label.dropdown-filter-item  {
	display:block;
	cursor:pointer;
}

input.dropdown-filter-menu-item {
	vertical-align: text-top;
}

.arrow-down {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-right:0px;
    margin-left:5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	height:10px;
	/*position:absolute;*/
	right:2px;
}

/*#endregion */