/* Always Show Scroll bars  */
        html {
            overflow: scroll;
            overflow-y: scroll;
            /*height: 101%;*/
        }

        /* Disable IE 11 input clear 'X' button  */
        input::-ms-clear {
            display: none;
            height: 0;
            width: 0;
        }


        /* ================================================================================== */
        /* ================================================================================== */
        /* SyncFusion CSS     SyncFusion CSS     SyncFusion CSS     SyncFusion CSS            */

        .ddlFont, .ddlFont.e-ddl .e-input {
            /* ej-dropdownlist: set text size and colour */

            /*font-size:medium;*/
            font-size: medium !important;
            /*font-weight: bolder;*/
            color: #3f51b5 !important;  /* navy: #000080;    indigo: #3f51b5 */
            /*border: 1px solid navy;*/
        }

        .ye-grid .ye-gridheader .ye-headercell { 
           color: black; 
           background-color: #f1f1f1;
           border-bottom-color: black; /*#c8c8c8;*/ 
           border-top-color: #c8c8c8; 
         } 
        .xe-grid .xe-alt_row { /* grid alternate row color*/
            background: red;
        }
        .ze-grid tr.e-hover { /* grid row hover color and styles*/
            background-color: #cccccc !important;
            /*color: red;*/
            /*font-weight: bold;*/
        }

        .ze-grid td.e-active { /* grid selection color and styles*/
            /*background: #C9EDEF;*/
            /*background: red !important;*/
            background-color: #9e9e9e !important;
            /*color: black;*/
            /*font-weight: bold;*/
            /*text-align:right !important;*/ /* grid selection text align*/
        }

        .ze-grid.filtered .e-filteredicon {
            color: red !important;;
        } 



        .customCSS-CellHoverLink.e-rowcell:hover {
            background-color: #616161; /*w3-dark-grey;*/
            color: white;
            cursor: pointer;
        }

        /* SyncFusion CSS     SyncFusion CSS     SyncFusion CSS     SyncFusion CSS            */
        /* ================================================================================== */
        /* ================================================================================== */


/* ***************************************************************************** */

/* Goto Top: Fixed button that will cause scroll to top of page. */
#TopBtn {
  /*display: block;*/
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 10; /* 99; */
  /*right: 130px;*/
  /*font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;*/
}

#EditPanel {
  position: fixed;
  top: 82px;  /*92px;*/
  
  left: 140px; /*800px;*/
  /*right: -50px;*/
  /*width: 800px;*/ /*174px;*/
  width: calc(100% - 170px);

  z-index: 10; /* 99; */
  height: 46px; /*36px;*/
  max-height: 46px;
  min-height: 46px;
  background-color: white;
}

.orb-border-round-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* ***************************************************************************** */
#orb-div-wrap {
    max-height: 50px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    word-wrap: break-word;
}

/* ***************************************************************************** */
.wf-red{
    background-color: indianred; /*firebrick;*/
    color: white;
}
.wf-amber{
    background-color: goldenrod;
    color: white;
}
.wf-green{
    background-color: olivedrab;
    color: white;
}


.mf-inactive {
  color: #666;
  opacity: .3;
     filter: alpha(opacity=30);
}

.mf-hide {
    display: none;
}

.mf-pointer {
    cursor: pointer;
}
.mf-bold {
    font-weight: bold;
}
.mf-normal {
    font-weight:normal; 
}
.mf-colour-red{
    background-color:indianred;
    color: white !important;
}
.mf-colour-amber{
    background-color:orange;
}
.mf-colour-green{
    background-color:lightgreen;
}
.mf-body-colour{
    background-color: #f1f1f1;  /*#dfdfdf;*/
}

/* ***************************************************************************** */
/*
.orb-content-width{
    width: 1320px;
}
*/

/*.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}

.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4)
}

*/
.orb-modal{
    z-index:30;
    /*display:none;*/
    padding-top:10px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color: rgba(204, 229, 255, 0.5);  /*rgba(0,0,0,0.4);*/
}

.orb-modal-2{
    z-index:30;
    /*display:none;*/
    /*padding-top:100px;*/
    padding-top:10px;
    position:fixed;
    left:0;
    top:0;
    width:1000px;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color: rgba(204, 229, 255, 0.5);  /*rgba(0,0,0,0.4);*/
}

.orb-modal-40
 {
    z-index:40;
    /*display:none;*/
    /*padding-top:100px;*/
    padding-top:10px;
    position:fixed;
    left:0;
    top:0;
    width:1000px;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color: rgba(204, 229, 255, 0.5);  /*rgba(0,0,0,0.4);*/
}

.orb-select {
    /*padding: 9px 0;*/
    padding: 0;
    width: 100%;
    border: none;
    /*border-bottom: 1px solid #ccc*/
}

.orb-select2 {
    padding: 2px 0;
    /*padding: 0;*/
    width: 100%;
    border: none;
    /*border-bottom: 1px solid #ccc*/
}

/*
RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.
     ------------------------------------------------------------------------------------------------------------------
Red    background-color:rgba(255,0,0, 0.3);
Green  background-color:rgba(0,255,0, 0.3);
Blue   background-color:rgba(0,0,255, 0.3);
Grey   background-color:rgba(192,192,192, 0.3);
Yellow background-color:rgba(255,255,0, 0.3);
Cerise background-color:rgba(255,0,255, 0.3);
*/



/* ROUNDED BORDERS */
.orb-rounded-top{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /*border-bottom-left-radius: 8px;*/
  /*border-bottom-right-radius: 8px;*/
}


.orb-check,
.orb-radio {
    width: 14px !important;
    height: 14px !important;
    position: relative;
    top: 2px
}

.orb-check24,
.orb-radio24 {
    width: 24px;
    height: 24px;
    position: relative;
    top: 2px
}

/*.w3-check{width:24px;height:24px;position:relative;top:6px}*/
.orb-check20{
    width:20px;
    height:20px;
    /*position:relative;*/
}



/* PADDING */
.orb-padding-0 {
    padding: 0!important
}

.orb-padding-left8{
    padding-left: 8px;
}

.orb-padding-left16{
    padding-left: 16px;
}

.orb-padding-right8{
    padding-right: 8px;
}

.orb-padding-right16{
    padding-right: 16px;
}

.orb-padding2{
    padding: 2px 2px !important;
}

.orb-padding4{
    padding: 4px 4px;
}

/* V-ALIGN*/
.orb-valign-mid{
    vertical-align: middle;
}

.orb-valign-top{
    vertical-align: top;
}

.orb-valign-bot{
    vertical-align: bottom !important;
}


/* MARGIN */
.orb-margin-top4{
    margin-top: 4px;
}
.orb-margin-top2{
    margin-top: 2px;
}




.orb-disabled{
    opacity: 0.65; 
    cursor: not-allowed;
}

.orb-wdt200 {
    width: 200px;
}

.orb-wdt1000 {
    width: 1000px;
}

.orb-Accident {
    /*width: 500px;*/
    min-width: 500px;
}

.orb-wdt300 {
    width: 300px;
}

.orb-wdt250 {
    width: 250px;
}

.orb-wdt150 {
    width: 150px !important;
}

.orb-wdt100 {
    width: 100px !important;
}
.orb-wdt80 {
    width: 80px !important;
}

.orb-wdt50 {
    width: 50px !important;
}


.orb-promptCellScreenMinWidth {
    /*min-width: 250px;*/
    min-width: 350px;
}
.orb-dataCellScreenMinWidth {
    min-width: 450px;
}


.orb-bottom-margin-small{
    margin-bottom: 10px;
}


.orb-input {
    padding: 4px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.orb-bold {
    font-weight: bold;
    /*font-weight:700;*/
}
.orb-arrow{
    cursor: default;
}
.orb-pointer {
    cursor: pointer;
}
.orb-topbottom4{
    margin-top:4px!important;
    margin-bottom:4px!important;
}

.orb-content{
    margin-left:auto;
    margin-right:auto
}

/*
.orb-content{
    max-width:980px
}
*/

.orb-auto{
    margin-left:auto;
    margin-right:auto
}
.orb-auto{
    max-width:1140px
}


.orb-clrNewAllocations{
    background-color: #f0f8ff;
}
.orb-clrFirstResponseUnit{
    background-color: #daeef3;
}
.orb-clrNotificationOnly{
    background-color: #e4dfec;
}
.orb-clrInvestigationOnly{
    background-color: #ccffcc;
}
.orb-clrSurvey{
    background-color: #ffccff;
}
.orb-clrAudit{
    background-color: #dce6f1;
}
.orb-clrDamageOnly{
    background-color: #f2dcdb;
}
.orb-clrPrePIAB{
    background-color: #e4dfec;
}
.orb-clrPIAB90days{
    background-color: #fde9d9;
}
.orb-clrPIAB{
    background-color: #f2dcdb;
}
.orb-clrLitigation{
    background-color: #ebf1de;
}
.orb-clrRecovery{
    background-color: #e4dfec;
}
.orb-clrStatusTotal{
    background-color: white;
}
.orb-clrTotal{
    background-color: #fde9d9;
}

.pointer {
    cursor: pointer; 
}

.orb-hover-underline:hover {
    text-decoration: underline;
}

.orb-border {
    border: 1px solid #ccc!important
}

.orb-border-top {
    border-top: 1px solid #ccc!important
}

.orb-border-bottom {
    border-bottom: 1px solid #ccc!important
}

.orb-border-left {
    border-left: 1px solid #ccc!important
}

.orb-border-right {
    border-right: 1px solid #ccc!important
}

.orb-border-tprt {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.orb-border-bmlt {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.orb-border-rtbmlt {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.orb-border-table {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.orb-border-cell {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 4px;
}

.orb-border-cell-prompt {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #f1f1f1;
    padding-right: 4px;
}

.orb-padding-left {
    padding-left: 4px;
}


.orb-xxjumbo {
    /*font-size: 150px!important;*/
    font-size: 200px!important;
}
.orb-xjumbo {
    /*font-size: 96px!important;*/
    font-size: 146px!important;
}
.orb-jumbo {
    /*font-size: 96px!important;*/
    font-size: 100px!important;
}


.orb-opacity {
    opacity: 0.60
}

.orb-opacity-off {
    opacity: 1
}

.orb-opacity-max {
    /*opacity: 0.25;*/
    opacity: 0.40;
}

.orb-opacity-min {
    /*opacity: 0.75*/
    opacity: 0.90;
}

/*body {
    /*font-family:Verdana,sans-serif;*/
    /*font-size:15px;*/
    line-height:1.5 !important;

}*/