.toolbarButton22{
    border-radius:5px;
    border-color:#999999;
}
.toolbarButton22Disabled{
    border-radius:5px;
    border-color:red;
}

.dhx-masterPage-menuCell{
        background-color:whitesmoke;
    /*background-color:#424f5a;*/
    width:15%;
    font-family:Calibri;
    font-size:12pt;
}

.dhx-masterPageLegends{
    color:#FF9900;
    font-family:Calibri;    
    font-weight:bold;
    font-size:12pt;
    border-radius:7px;
}

.dhx-popupMenu {
    background-color:lightgray;
    vertical-align:top;
    text-align:left;
    font-family:Calibri;
    font-size:10pt;
    color:black;
    padding:5px;
    width:100%;
    min-width:100px;
 /*border-radius:5px;
    border-color:black;
    border-style:solid;
    border-width:1px;*/
}

.dhx-popupMenuHover {
    background-color:#424f5a;
    color:yellow;
    border-radius:5px;
    border-color:black;
    border-style:solid;
    border-width:1px;
    width:100%;
}

.dhx-modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=20);
    opacity:0.5;
}
        
.dhx-centerUpdatePanel
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -70px;
    margin-left: -70px;
    background-color: transparent;
}

.cssLabel {
    font-family: Calibri;
    font-size: 18px;
    width:100%;
    color: #000066;
    font-weight: normal;
}

.cssField {
    font-family: Calibri;
    font-size: 18px;
    text-align:left;
    border-radius:5px;
    border-color:darkgray;
}

.dhx-LOC-Label {
    font-family: Calibri;
    font-size: 15px;
    text-align:left;
    vertical-align:bottom;
    padding-left:3px;
    padding-top:3px;
    width:100%;
}

.dhx-LOC-Control {
    font-family: Calibri;
    font-size: 18px;
    text-align:left;
    padding-left:3px;
    width:100%;
}

.cssGrid {
    font-family: Calibri;
    font-size: 14px;
}

.dhx-LOC-Label2Col {
    font-family: Calibri;
    font-size: 15px;
    text-align:left;
    padding-left:7px;
    vertical-align:bottom;
    padding-left:3px;
    padding-top:3px;
    width: 0%;
}

.dhx-LOC-Control2Col {
    font-family: Calibri;
    font-size: 18px;
    text-align:left;
    padding-left:7px;
    vertical-align:top;
    width: 0%;
}

.cssTableCell{
    padding:3px;
    word-break:keep-all;
}
/*#region Buttons */

.dhxButton {
    font-family: Calibri;
    font-size: 18px;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.dhxMiniButton {
    font-family: Calibri;
    font-size: 16px;
    border-radius: 4px;
    border-color:blue;
    padding: 1px;
    cursor: pointer;
}

/*#endregion */

.boxErrorMessage {
    font-family:Calibri;
    font-size: 12pt;
    width: 99%;
}
.titlebarErrorMessage{
    font-family:Calibri;
    font-size: 14pt;
    width: 99%;
}

.pageBanner {
    border-radius: 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border: 0px solid #800000;
    line-height: 25px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    font-family: Calibri;
    font-size: 20px;

}

.dhxHyperlinks {
    color: white;
    font-style: normal;
    text-decoration:none;
    border-radius:7px;
    /*width:275px;*/
    padding:5px;
    font-family: calibri;
}

.pageFooter {
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    background-color:gray;
    font-family:Calibri;
}

.navMenu {
    font-weight: bold;
    color: white;
    font-family: Calibri;
    background-color: lightblue;
}

.pageHeader {
    font-size: 20pt;
    text-align:left;
    color: darkblue;
    font-family:Calibri;
    font-weight:bold;
    padding-left:10px;
    background-color:#E9E9E9;
    border-radius:4px;
    border-color:deepskyblue;
    border-style:solid;
    border-width:1px;
}

.popupPanel {
    background-color: #eeeeee;
    font-size: 12pt;
    color:black;
    font-family:Calibri;
    border-color: #333333;
    border-style: Outset;
    border-width: 1px;
    border-radius:10px;
}

.helpPanel {
    background-color: #eeeeee;
    font-size: 12pt;
    color:black;
    font-family:Calibri;
    border-color: #333333;
    border-style: Outset;
    border-width: 1px;
    border-radius:10px;
    padding:10px;
}

.treeviewHover{
    font-weight:bold;
    background-color:#FFD393;
    border-color:none;
    font-style:normal;
}

.treeviewSelect{
    font-weight:bold;
    background-color:#FFD393;
    border-color:red;
    font-style:italic;
    border-width:1px;
}

.dhxDeletion{
    color:red;
    font-style:italic;
}

.dhxInsertion{
    color:green;
}

.watermarkText{
    color:lightgray;
}

.searchHeading{
    color:blue;
    font-size:14px;
    font-family:Calibri
}

.searchText{
    color:darkblue;
    font-size:11px;
    font-family:Calibri;
}

.CenterUPP{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
    background-color: white;
    filter:alpha(opacity=70);
    opacity:0.7;
    z-index:1000;
}

.modal {
    position: fixed;
    z-index: 1001;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: white;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.mobile-LabelSmall{
    font-size:9pt;
    color:darkblue;
    font-family:Calibri;
}

.marquee {
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  /* show the marquee just outside the paragraph */
  animation: marquee 15s linear infinite;
}

.marquee span:hover {
  animation-play-state: paused
}


/* Make it move */

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}