/* Variables for ease of theming colours etc. */
/* Define values here with the --name syntax and use with var(--name) */
:root {
   --header-bg-color: #C0283B;
   --header-color: white;

   --altheader-bg-color: #354652;
   --altheader-color: white;

   --button-bg-color: #C0283B;
   --button-color: white;
}

#tzframeloader {
   background: url('../_img/loader.gif') no-repeat center center;
   position: relative;
   top: 0;
   left: 0;
   height: 90vh;
   width: 100%;
}

#viewloader {
   background: url('../_img/loader.gif') no-repeat center center;
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100%;
   z-index: 9999;
}


.k-grid  .k-grid-header  .k-header  .k-link {
    height: auto;
}
  
.k-grid  .k-grid-header  .k-header {
    white-space: normal;
}

.red {
        background-color: #fdd;
}

.green {
        background-color: #ced;
}

.report-link{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;
  /* this is a fix for IE7-9 */
  background-color:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity:0;  
}

.tzrrptheading {
   position: relative;
   margin: 3px 3px 0px 3px;
   padding: 5px 5px 0px 5px;
   overflow: hidden;
   line-height: 1.4em;
   font-size: 1.4em;
   font-weight: bold;
}

.tzrrptdesc {
   position: relative;
   top: 5px;
   margin: 0px 3px 3px 3px;
   padding: 0px 5px 5px 5px;
   overflow: hidden;
   line-height: 1.1em;
   font-size: 1.0em;
   font-weight: normal;
}

.email {
   color: #2222ff;
   text-decoration: none;
}

table[id^="TablePage"] {
	width: 100%;
}

.k-textbox:disabled, .k-textbox[readonly="readonly"] {
   background: #f5f5f5;
}

.loader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url('_img/ajax-loader.gif') 50% 50% no-repeat white;*/
}

.loaderbar {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 9000;
	background: url('_img/ajax-loader-bar.gif') 50% 50% no-repeat white;
}

rect {
   stroke: white;
}

.tzrmenubar {
   width: 100%; 
   background: #354652;
   background: var(--altheader-bg-color);
   height: 35px;
   padding-right: 5px;
   border-bottom: 2px solid #1f2f3f;
}

.tzrmenubaruat {
   width: 100%; 
   background: #000080;
   height: 35px;
   padding-right: 5px;
   border-bottom: 2px solid #1f2f3f;
}

.tzrmenubarpoc {
   width: 100%; 
   background: #008000;
   height: 35px;
   padding-right: 5px;
   border-bottom: 2px solid #1f2f3f;
}

.tzrmenubardemo {
   width: 100%; 
   background: #008000;
   height: 35px;
   padding-right: 5px;
   border-bottom: 2px solid #1f2f3f;
}

.bosslist {
   width: 200px;
}

/* Dropdown lists on views (lookups) */
.tzarlist, select {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   
   color: black;
   
   height: 22px;
   padding: 2px;
   
  /* font-family: sans-serif; 
   background: -webkit-linear-gradient(SkyBlue,LightSkyBlue);
   background: -o-linear-gradient(SkyBlue,LightSkyBlue);
   background: -moz-linear-gradient(SkyBlue,LightSkyBlue);
   background: linear-gradient(SkyBlue,LightSkyBlue);*/
   /*background: OldLace;*/
}

.tzarlist {
      height: 26px;
      background-color: OldLace;
}

.tzarlist:disabled, .tzarlist[readonly="readonly"] {
   color: black; 
   font-family: sans-serif; 
   /*background: -webkit-linear-gradient(white,LightSlateGray);
   background: -o-linear-gradient(white,LightSlateGray);
   background: -moz-linear-gradient(white,LightSlateGray);
   background: linear-gradient(white,LightSlateGray);*/
   background: GainsBoro;
   padding: 3px;
}

/* Text boxes on views */
.tzartextbox {
   color: black; 
   font-family: sans-serif; 
   /*background: -webkit-linear-gradient(SkyBlue,LightSkyBlue);
   background: -o-linear-gradient(SkyBlue,LightSkyBlue);
   background: -moz-linear-gradient(SkyBlue,LightSkyBlue);
   background: linear-gradient(SkyBlue,LightSkyBlue);*/
   /*background: SlateGray;*/
   /*opacity: 0.5;*/
   padding: 3px;
}
.tzartextbox:disabled, .tzartextbox[readonly="readonly"] {
   color: black; 
   font-family: sans-serif; 
   /*background: -webkit-linear-gradient(white 100%,LightSlateGray);
   background: -o-linear-gradient(white 100%,LightSlateGray);
   background: -moz-linear-gradient(white 100%,LightSlateGray);
   background: linear-gradient(white 100%,LightSlateGray);*/
   padding: 3px;
}

/* Multiline text boxes on views */
.tzartextmulti {
   color: green; 
   font-family: sans-serif; 
   /*background: -webkit-linear-gradient(LightSkyBlue,LightSkyBlue);
   background: -o-linear-gradient(LightSkyBlue,LightSkyBlue);
   background: -moz-linear-gradient(LightSkyBlue,LightSkyBlue);
   background: linear-gradient(LightSkyBlue,LightSkyBlue);*/
   background: OldLace;
   
   padding: 3px;
}
.tzartextmulti:disabled, .tzartextmulti[readonly="readonly"] {
   color: black; 
   font-family: sans-serif; 
   /*background: -webkit-linear-gradient(white,LightSlateGray);
   background: -o-linear-gradient(white,LightSlateGray);
   background: -moz-linear-gradient(white,LightSlateGray);
   background: linear-gradient(white,LightSlateGray);*/
   background: Gainsboro;
   padding: 3px;
}

/* Text Boxes */
input[type=text]:not(.k-textbox):not(.k-input), input[type=password]:not(.k-textbox):not(.k-input) {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   height: 18px;
   padding: 1px 5px;
}

/* Buttons */
.tzarbutton, .tzarpagebtn, .tzarsubviewpagebtn {
   /*border-color: #882222;*/
   border-color: #C0283B;
   border-color: var(--button-bg-color);
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   height: 20px;
   width: 100px;
   padding: 2px;

   background: #C0283B;
   background: var(--button-bg-color);
   
   color: white;
   font-size: 8pt;
   font-weight: bold;
   
   cursor: pointer;
   
   /*color: white;
   width: 100px;
   padding: 3px;
   cursor: pointer;
   border-style: none;
   font-size: 8pt;
   font-weight: bold;

   background: FireBrick;
   background: linear-gradient(to bottom, #BD2424,#B22222 );*/
}

.tzarbutton:hover, .tzarpagebtn:hover, .tzarsubviewpagebtn:hover {
   background: #e03030 linear-gradient(to bottom,#e03030,#d54040);
   border-color: #d03030;
   
   /*background: DarkRed;
   background: linear-gradient(to bottom,IndianRed,FireBrick);*/
}

.tzarbutton:actve, .tzarpagebtn:active, .tzarsubviewpagebtn:active {
   background: #C0283B;
   background: var(--button-bg-color);
   -webkit-box-shadow: 0px 1px 0px #4b0000, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   -moz-box-shadow: 0px 1px 0px #4b0000, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   box-shadow: 0px 1px 0px #4b0000, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   -webkit-transform: translate(0, 1px);
   -moz-transform: translate(0, 1px);
   transform: translate(0, 1px);
}

.tzarbutton:disabled {
   background: DimGrey linear-gradient(to bottom,DimGrey,Grey);
   border-color: Grey;
}

.tzarpagebtn {
   margin: 0 2px 2px 2px;
   
   /*text-shadow: 0px -1px 0px rgba(0,0,0,.5);
   -webkit-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   -moz-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);*/
}

.tzarpagebtn:hover {
}


.tzarpagebtn:active {
  
}


.tzarsubviewpagebtn {
   /*text-shadow: 0px -1px 0px rgba(0,0,0,.5);
   -webkit-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   -moz-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);*/
}

.tzarsubviewpagebtn:hover {
}


.tzarsubviewpagebtn:active {
}

.tzarradiobtn {
   display: inline-block;
   padding: 0 5px 0 0;
   height: 18px;
}

.tzarradiobtn:after {
   display: block;
   content: "";
   clear: both;
}

.tzarradiobtn > input {
   float: left;
   margin: 3px;
   height: 12px;
   width: 12px;
}

.tzarradiobtn > label {
   display: inline-block;
   margin: 0;
   padding: 3px 0 2px;
   height: 13px;
}

.tzarbutton {
   /*text-shadow: 0px -1px 0px rgba(0,0,0,.5);
   -webkit-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   -moz-box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
   box-shadow: 0px 2px 0px #4b0000, 0px 3px 15px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);*/
}

.tzarbutton:hover {
}


.tzarbutton:active {
}


.tzarpagerbutton {
   width: 150px;
   padding: 3px;
   cursor: pointer;
   border-radius: 0px;
   font-size: 8pt;
}

/* SQL selection rows */
.tzarsqlsel tr {
   color: black; 
   font-family: sans-serif; 
   font-size: 8pt;
   background: linear-gradient(white 100%,LightSlateGray);
   /* @alternate */ background: -webkit-linear-gradient(white,LightSlateGray);
   /* @alternate */ background: -o-linear-gradient(white,LightSlateGray);
   /* @alternate */ background: -moz-linear-gradient(white,LightSlateGray);
   padding: 3px;
}

.alertsqlsel th {
   color: White; 
   font-family: sans-serif; 
   font-size: 10pt;
   background: #C0283B;
   background: var(--header-bg-color);
   padding: 1px;
}
.alertsqlsel tr {
   color: Black; 
   font-weight: bold;
   font-family: sans-serif; 
   font-size: 8pt;
   background: White;
   padding: 10px;
}
.instsqlsel th {
   color: White; 
   font-family: sans-serif; 
   font-size: 8pt;
   background: LightSalmon;
   padding: 1px;
}
.instsqlsel tr {
   color: Black; 
   font-weight: bold;
   font-family: sans-serif; 
   font-size: 8pt;
   background: White;
   padding: 3px;
}

/* SQL selection rows when hovered over */
.tzarsqlsel tr:hover {
   color: black;
   /*cursor: pointer;
   background: -webkit-linear-gradient(red,darkred);
   background: -o-linear-gradient(red,darkred);
   background: -moz-linear-gradient(red,darkred);
   background: linear-gradient(LightSlateGray 100%, white);*/
}

/* SQL selection headers */
.tzarsqlsel th {
   color: White; 
   font-family: sans-serif; 
   font-size: 8pt; 
   font-weight: bold;
   text-align: left;
   /*background: -webkit-linear-gradient(gray,black);
   background: -o-linear-gradient(gray,black);
   background: -moz-linear-gradient(gray,black);
   background: linear-gradient(gray,black);*/
   background: SlateGray;
   
   padding: 2px;   
}
.tzarsqlsel2 th {
   color: white; 
   font-family: sans-serif; 
   font-size: 8pt; 
   font-weight: bold;
   text-align: left;
   /*background: -webkit-linear-gradient(gray,black);
   background: -o-linear-gradient(gray,black);
   background: -moz-linear-gradient(gray,black);
   background: linear-gradient(gray,black);*/
   background: FireRed;
   padding: 5px;   
}

/* Charts on views */
.tzarchart {
}

/* Grids on web pages */
.tzargrid {
   width: 100%;
   margin: 5px 0 10px 0;
   border: 1px;
   border-collapse: collapse;
   color: white;
   border-color: #CCCCCC;
   border-style: solid;
   /*-webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   border-radius: 0.3em;*/
   overflow: hidden;
}

.tzargrid tr {
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 0 1px;
}

/* Rows of grids on web pages */
.tzargrid .item, .tzargrid tr, .tzargrid td {
   color: Black; 
   font-family: sans-serif; 
   font-size: 8pt;
   /*background: -webkit-linear-gradient(white 90%,GainsBoro);
   background: -o-linear-gradient(white 90%,GainsBoro);
   background: -moz-linear-gradient(white 90%,GainsBoro);
   background: linear-gradient(white 90%,GainsBoro);*/
   /*border-style: solid;*/
   border-bottom-width: 1px;
   border-bottom-color: Gainsboro;
   border-right-width: 0px;
   border-left-width: 0px;
   padding: 3px;
}

/* Headers of grids on web pages */
.tzargrid .header, .tzargrid th, .tzarctcolumn , td.tzarctcolumn, .tzarctcolumn td  {  
   color: white; 
   font-family: sans-serif; 
   font-size: 8pt; 
   font-weight: bold;
   text-align: left;
   background: #354652;
   background: var(--altheader-bg-color);
   border-right-width: 0px;
   border-left-width: 0px;
   padding: 5px;   
}

.PathGridViewSortedHeader span {
   cursor: default; 
}

table tr td.PathGridViewSelectedColumn {
   color: black; 
   font-family: sans-serif; 
   font-size: 8pt;
   /*background: -webkit-linear-gradient(WhiteSmoke,Silver);
   background: -o-linear-gradient(WhiteSmoke,Silver);
   background: -moz-linear-gradient(WhiteSmoke,Silver);
   background: linear-gradient(WhiteSmoke,Silver);*/
   padding: 3px;
}

.PathGridViewSortedImg{
    width: 10px;
    height: 10px;
    padding-left: 5px;
    align-content: center;
    vertical-align: central;
}

/* Rows of grids on web pages when hovered over */
.tzargrid tr:hover td {
   color: Black;
   cursor: pointer;
   background: Gainsboro;
}

/* Rows of grids on web pages when selected */   
.tzargrid .selected tr:selected td, .tzargrid tr:selected td { 
   color: White;
   cursor: pointer;
   background: linear-gradient(red,darkred);
   /* @alternate */ background: -webkit-linear-gradient(red,darkred);
   /* @alternate */ background: -o-linear-gradient(red,darkred);
   /* @alternate */ background: -moz-linear-gradient(red,darkred);
}

.overdue td {
   color: white;
   font-family: sans-serif; 
   font-size: 8pt;
   background: #e01919;
   /*background: -webkit-linear-gradient(red, darkred);
   background: -o-linear-gradient(red, darkred);
   background: -moz-linear-gradient(red, darkred);
   background: linear-gradient(red, darkred);*/
   padding: 3px;
}

.due td {
   color: white; 
   font-family: sans-serif; 
   font-size: 8pt;
   background: #108010;
   /*background: -webkit-linear-gradient(green, darkgreen);
   background: -o-linear-gradient(green, darkgreen);
   background: -moz-linear-gradient(green, darkgreen);
   background: linear-gradient(green, darkgreen);*/
   padding: 3px;
}

.flash td {
   color: black; 
   font-family: sans-serif; 
   font-size: 8pt;
   background: white;
   /*background: -webkit-linear-gradient(white 95%,dimgray 5%);
   background: -o-linear-gradient(white 95%,dimgray 5%);
   background: -moz-linear-gradient(white 95%,dimgray 5%);
   background: linear-gradient(white 95%,dimgray 5%);*/
   padding: 3px;
}

/* Pager for grids on web pages */   
.tzargrid .pgr { 
   background: Gainsboro repeat-x top; 
   }

/* Table element of pager for grids on web pages */   
.tzargrid .pgr table { 
   margin: 5px 0; 
   }

/* Table cell elements of pager for grids on web pages */   
.tzargrid .pgr td {
   border-width: 0;
   padding: 0 6px;
   border-left: solid 1px #666;
   font-weight: bold;
   color: #fff;
   line-height: 12px;
   }

/* Links on pager for grids on web pages */   
.tzargrid .pgr a { 
   color: #666; 
   text-decoration: none; 
   }

/* Links on pager for grids on web pages when hovered over */   
.tzargrid .pgr a:hover {
}

/* Table cell elements of drilldown pager */   
.tzardrill .pgr td {

   border-left: none;
   }

/* Table cell elements of drilldown pager when hovered over */   
.tzardrill .pgr td:hover {
   }

/* Links on drilldown pager */   
.tzardrill .pgr a { 
   /*color: #DDD;*/
   color: blue; 
   }

/* Links on drilldown pager when hovered over */   
.tzardrill .pgr a:hover {
   /*color: #FFF;*/ 
}

/* SQL drill down links */  
.tzarSQLDrillLink{
    color:#2222ff;
    cursor:pointer;
}

.tzargrid_sort th:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Repports header */
.RepHeader {
   FONT-WEIGHT: bold;
   COLOR: white;
   BACKGROUND-COLOR: #CD0000;
   }
 
/* Main page header */
.tzarpage-header {
   margin: 0.2em;  
   border-radius:0.3em; 
   padding: 5px; 
   color: white; 
   font-family: sans-serif; 
   font-size: 10pt; 
   font-weight: bold; 
   text-indent: 5px;
   /*background: -webkit-linear-gradient(FireBrick,FireBrick);
   background: -o-linear-gradient(FireBrick,FireBrick);
   background: -moz-linear-gradient(FireBrick,FireBrick);
   background: linear-gradient(FireBrick,FireBrick);*/
   background: SlateGray;
   display: none;
}

/* Buttons */
.button {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
   box-shadow:inset 0px 1px 0px 0px #ffffff;
   background-color:transparent;
   /*-moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius:4px;*/
   border:1px solid #dcdcdc;
   display:inline-block;
   color:#777777;
   font-family: "segoe UI";
   font-size: x-small;
   font-weight:bold;
   padding:3px 14px;
   text-decoration:none;
   text-shadow:1px 1px 0px #ffffff;
}

/* Buttons when hovered over */
.button:hover {
   background-color:#dfdfdf;
}

/* Buttons when active */
.button:active {
   position:relative;
   top:1px;
}

.tzarmenulabel {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   font-weight: bold;
   padding-bottom: 6px;
}

.tzarmenulabel:hover {
   border-bottom: 5px solid white;
}

.tzarmenuselected {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   /*color: FireBrick;*/
   font-weight:bold;
   border-bottom: 5px solid #C0283B;
   border-bottom: 5px solid var(--header-bg-color);
   padding-bottom: 6px;
}

.tzrlevel2menubar {
   width: 100%; 
   background: #607080;
   height: 30px;
   border-bottom: 2px solid #506070;
}

.tzrlevel3menubar {
   width: 100%; 
   background: #90a0b0;
   height: 30px;
   border-bottom: 2px solid #8090a0;
}

.tzarlevel2menulabel {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   font-weight: bold;
   padding-bottom: 4px;
}

.tzarlevel2menulabel:hover {
   border-bottom: 4px solid white;
}

.tzarlevel2menulabelselected {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   /*color: FireBrick;*/
   font-weight:bold;
   border-bottom: 4px solid #C0283B;
   border-bottom: 4px solid var(--header-bg-color);
   padding-bottom: 4px;
}

.tzarlevel3menulabel {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   font-weight: bold;
   padding-bottom: 4px;
}

.tzarlevel3menulabel:hover {
   border-bottom: 4px solid white;
}

.tzarlevel3menulabelselected {
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   /*color: FireBrick;*/
   font-weight:bold;
   border-bottom: 4px solid #C0283B;
   border-bottom: 4px solid var(--header-bg-color);
   padding-bottom: 4px;
}

/* Menu tabs */
.TzarTabs, .TzarTabs td {
   Height: 20px;
   padding-right: 0.5em;
   padding-left: 0.5em;
   /*border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;*/
   cursor: pointer;
   }

/* Menu tabs span */   
.TzarTabs span {
   Height: 20px;
   padding-right: 0.5em;
   padding-left: 0.5em;
}

/* Submenu tabs */
.TzarLevel2Tabs, .TzarLevel2Tabs td {
   Height: 10px;
   padding-right: 0.5em;
   padding-left: 0.5em;
   /*border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;*/
   cursor: pointer;
   }

/* Submenu tabs span */   
.TzarLevel2Tabs span {
   Height: 10px;
   padding-right: 0.5em;
   padding-left: 0.5em;
}

/* Submenu tabs */
.TzarLevel3Tabs, .TzarLevel3Tabs td {
   Height: 10px;
   padding-right: 0.5em;
   padding-left: 0.5em;
   /*border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;*/
   cursor: pointer;
   }

/* Submenu tabs span */   
.TzarLevel3Tabs span {
   Height: 10px;
   padding-right: 0.5em;
   padding-left: 0.5em;
}

/* Outer Cells of level2 & 3 menus */
.TzarTabsLeft, .TzarTabsLeft td{
   border-left: 0px;
}
.TzarTabsRight, .TzarTabsRight td{
   border-right: 0px;
}

/* Title */
.TzarTitle {
   Height: 20px;
   font-family: sans-serif;
   text-align: left;
   Font-Size: 9pt;
   color: white;
   font-weight:bold;
   padding-right: 0.5em;
   padding-left: 0.5em;
   }

/* Main iframe */
.TzarIFrame {
   width: 100%;
   height: 100%;
   }

/* Column on overview */
.overviewcolumn { 
   width: 50%; 
   float: left;
}

.fullspan { 
   width: 100%; 
   float: left;
}

.portlet {
   margin: 0.25em 0.25em 0.25em 0.25em; 
   border: 1px solid #999999; 
   /*border-radius:0.0em;*/ border-radius: 3px;
}

.portlet-header {
   margin: 0.2em;  
   /*border-radius:0.0em;*/ border-radius: 2px;
   padding: 5px 8px; 
   color:white; 
   font-family: sans-serif; 
   font-size: 10pt; 
   font-weight: bold; 
   text-indent: 5px;
   /*background: -webkit-linear-gradient(SlateGray,SlateGray);
   background: -o-linear-gradient(SlateGray,SlateGray);
   background: -moz-linear-gradient(SlateGray,SlateGray);
   background: linear-gradient(SlateGray,SlateGray);
   background: rgba(54, 25, 25, .5);*/
   background: #C0283B;
   background: var(--header-bg-color);
   opacity: 1;
   
   
}

.portlet-header .ui-icon { 
   float: right;
}

.portlet-content { 
   padding: 0.4em; 
}

.ui-sortable-placeholder { 
   border: 1px dotted black; 
   visibility: visible !important; 
   height: 50px !important; 
}

.ui-sortable-placeholder * { 
   visibility: hidden; 
}

/* Defaults */  
body, select, span, input, .k-grid {
   font-family: sans-serif; 
   font-size: 8pt;
   margin: 0px;
}

#RecordGrid, #FilterGrid, #RefTableGrid, #RefList, #OneTimeMessage {
   margin: 10px;
}

#reportList {
   box-shadow: none;
}

/* All below are for loading progress bars */
.pace {
   box-sizing: border-box;
  /* @alternate */ -webkit-box-sizing: border-box;
  /* @alternate */ -moz-box-sizing: border-box;
  /* @alternate */ -ms-box-sizing: border-box;
  /* @alternate */ -o-box-sizing: border-box;

  /* @alternate */ -webkit-border-radius: 10px;
  /* @alternate */ -moz-border-radius: 10px;
  border-radius: 10px;

  /* @alternate */ -moz-background-clip: padding;
  /* @alternate */ -webkit-background-clip: padding-box;
  background-clip: padding-box;

  /* @alternate */ -webkit-pointer-events: none;
  pointer-events: none;
  /* @alternate */ -webkit-user-select: none;
  /* @alternate */ -moz-user-select: none;
  user-select: none;

  z-index: 2000;
  position: fixed;
  margin: auto;
  top: 12px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 25px;
  border: 2px solid #ff0000;
  background-color: #fff;
}

.pace .pace-progress {
  /* @alternate */ -webkit-box-sizing: border-box;
  /* @alternate */ -moz-box-sizing: border-box;
  /* @alternate */ -ms-box-sizing: border-box;
  /* @alternate */ -o-box-sizing: border-box;
  box-sizing: border-box;

  /* @alternate */ -webkit-border-radius: 5px;
  /* @alternate */ -moz-border-radius: 5px;
  border-radius: 5px;

  /* @alternate */ -webkit-background-clip: padding-box;
  /* @alternate */ -moz-background-clip: padding;
  background-clip: padding-box;

  /* @alternate */ -webkit-transition: width 1s ease-in-out 1s linear;
  /* @alternate */ -moz-transition: width 1s ease-in-out 1s linear;
  /* @alternate */ -ms-transition: width 1s ease-in-out 1s linear;
  /* @alternate */ -o-transition: width 1s ease-in-out 1s linear;
  transition: width 1s ease-in-out 1s linear;

  /* @alternate */ -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  max-width: 190px;
  z-index: 2000;
  display: block;
  position: absolute;
  left: 3px;
  top: 3px;
  height: 15px;
  font-size: 12px;
  background: #ff0000;
  color: #ff0000;
  line-height: 60px;
  font-weight: bold;
  font-family:  Helvetica, Arial, "Lucida Grande", sans-serif;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: inline-block;
}

.pace.pace-inactive {
  display: none;
}

.k-grid {
   table-layout: auto;
}

#PageControls {

}

#PageControls:after {
   display: block;
   clear: both;
   content: "";
}

#PageControls > * {
   float: left;
}

.subViewControls:after {
   display: block;
   clear: both;
   content: "";
}

.subViewControls > * {
   float: left;
   margin-right: 4px;
}

#LogoutBtn, #TCBList {
      margin: 3px 0 1px;
}

#LogoutBtn {
   height: 20px;
}

#TCBList {
   border-color: #263646;
   border-style: solid;
   border-width: 1px;
   border-radius: 2px;
   
   height: 22px;
}

#MessagePanel {
   box-sizing: border-box;
   padding: 2px 10px 5px;
}

#RefreshTimeLabel {
   margin: 0 10px;
}

#SelectionUpdate_Div {
  position: absolute;
  width: 50px;
  height: 30px;
  left: 0px;
  top: 0px;
  background: rgba(0,0,0,0.4);
  /* @alternate */ -ms-filter: alpha(opacity=40);
  filter: alpha(opacity=40);
  z-index: 9998;
}

#SelectionUpdate_MainTable {
  position: relative;
  background-color: Window;
  border-width: thin;
  border-color: Black;
  width: 250px;
  z-index: 9999;
}

#SelectionUpdate_Title {
  background-color: #CD0000;
  font-weight: bold;
  color: White;
}

.spinnerMessage {
   margin: 40px 0;
   font-size: 12pt;
   text-align: center;
}

/* Kendo Overrides */

.k-icon.k-i-calendar {
   background-position: -32px -175px;
}

.t-criteria {
   opacity: 0.7;
   margin-left: 6px;
}

button.k-button.k-button-icon {
   padding: 3px .2em 3px .2em;
}

.eflow-interaction-rowclick tbody tr {
   cursor: pointer;
}

.tzrnote {
   padding: 3px 15px;
}

.tzrnote:before {
   content: "Note: ";
}

/* New Editable SQL Add/Edit UI */
.selectionAddBtn, .selectionUpdateBtn {
   border-color: #ccc;
   border-style: solid;
   border-width: 1px;
   border-radius: 4px;
   background-color: #fff;
   padding: 3px 15px;
   height: 20px;
   width: 90px;
}

.selectionAddBtn:hover, .selectionUpdateBtn:hover {
   background-color: #e5e5e5;
}

.selectionUpdateEditor {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 9990;
   background-color: rgba(0, 0, 0, 0.2);
}

.selectionUpdateBody {
   margin: 30px auto;
   border-color: #000;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   background-color: #fff;
   min-height: 150px;
   max-height: 80%;
   width: 550px;
   min-width: 400px;
   max-width: 800px;
   overflow-y: auto;
   overflow-x: hidden;
   resize: horizontal;
}

.selectionUpdateTitle {
   padding: 7px 20px;
   font-size: 14pt;
   text-align: center;
}

.selectionUpdateTableHousing {
   margin: 10px 10px;
   border-color: grey;
   border-style: solid;
   border-width: 1px;
   border-radius: 5px;
}

.selectionUpdateTable {
   border-collapse: collapse;
   width: 100%;
}

.selectionUpdateRow {
   min-height: 26px;
}

.selectionUpdateRow > td {
   padding: 5px;
}

.selectionUpdateRow > td > * {
   box-sizing: border-box;
}

.selectionUpdateRow.odd:hover, .selectionUpdateRow.even:hover {
   background-color: #ebebeb;
}

.selectionUpdateRow.even {
   background-color: #f5f5f5;
}

.selectionUpdateDescCell {
   vertical-align: top;
   width: 140px;
}

.selectionUpdateFieldCell {
   vertical-align: middle;
}

.selectionUpdateDesc {
   display: block;
   padding: 6px 10px;
   font-size: 9pt;
}

.selectionUpdateField {
   border-color: #c5c5c5;
   border-style: solid;
   border-width: 1px;
   border-radius: 3px;
   height: 100%;
   min-height: 26px;
   width: 100%;

   resize: none;
}

.selectionUpdateMultiLine {
   height: 60px;
   min-height: 60px;
   max-height: 500px;
   resize: vertical;
}

.selectionUpdateControls {
   margin: 10px 10px;
   text-align: center;
}

.selectionUpdateSaveBtn, .selectionUpdateDeleteBtn, .selectionUpdateCancelBtn {
   display: inline-block;
   margin: 0 2px;
}

.kendoSortablePlaceHolder {
   border: 1px dashed #ccc;
   background-color: #fff;
   color: #333;
}

[fieldclass=PathWebControl][ControlType=Text] {
   white-space: pre-line
}

/*Cookie Consent Begin*/
#cookieConsent {
   background-color: rgba(20,20,20,0.8);
   min-height: 26px;
   font-size: 14px;
   color: #ccc;
   line-height: 26px;
   padding: 8px 0 8px 30px;
   font-family: "Trebuchet MS",Helvetica,sans-serif;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   display: none;
   z-index: 9999;
}

/*Email link*/
#cookieConsent a {
   color: #4B8EE7;
   text-decoration: none;
}

/*Accept cookie*/
#cookieConsent a.cookieConsentOK {
   background-color: #F1D600;
   color: #000;
   display: inline-block;
   border-radius: 5px;
   padding: 0 20px;
   cursor: pointer;
   float: right;
   margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
   background-color: #E0C91F;
}
/*Cookie Consent End*/

/* Reports Pages */
table.reportOptions tr td:first-child {
   width: 110px;
}

table.reportOptions td {
   width: 200px;
}

table.reportOptions td > * {
   width: 100%;
}