﻿/* DEFAULTS
----------------------------------------------------------*/

body
{
  background: #FFFFFF;
  font-size: x-large;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin: 0px;
  padding: 0px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  width: 100%;
  height: 100%;
}

a
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
a:link, a:visited
{
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

.dxgvControl_BlackGlass tr td a {
    color: #0000EE!important;
}

.dxtcLite_BlackGlass > .dxtc-stripContainer .dxtc-activeTab .dxtc-link {
    color: Black!important;
}

.dxtcLite_BlackGlass > .dxtc-stripContainer .dxtc-link, .dxtcLite_BlackGlass > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_BlackGlass > .dxtc-stripContainer .dxtc-rightIndent {
    color: white!important;
}

.dxgvControl_BlackGlass li lu a {
    color: #FFFFFF!important;
}

a:hover, a:active {
    color: #999999;
    text-decoration: none;
    cursor: pointer;
}
a[href^="mailto"]
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
a[href^="mailto"]:link, a[href^="mailto"]:visited
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

a[href^="mailto"]:hover, a[href^="mailto"]:active
{
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

input[type="submit"]:hover
{
  color: #999999;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
  font-size: large;
  color: #CCCCCC;
  font-variant: small-caps;
  text-transform: none;
  font-weight: 200;
}

h1
{
  font-size: x-large;
}

h2
{
  font-size: xx-large;
  font-weight: 600;
}




/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  text-align:center;
}



.failureNotification
{
    color: Red;
}

.bold
{
    font-weight: bold;
}

.GridButton 
{
    border: 1px outset thin  #CCCCCC;
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    display:compact ;
    cursor: pointer;
    background-color: lightgray;
}

.mainButton
{
  border: 1px solid #CCCCCC;
  font-size: x-large;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #333333;
  text-align: center;
  display: block;
  cursor: pointer;
  color: #FFFFFF; 
}

#sidebar
{
  top: 50px;
  bottom: 0px;
  z-index: -1;
  position: absolute;
  background-color: #333333; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align:left;
  overflow: visible;
  width: auto; 
}

.rightalign
{
    text-align: right;
    padding-right: 5px;
}

.leftalign
{
    text-align: left;
    padding-left: 5px;
}

.bold
{ 
  font-weight: bold;
}

.NormalRowStyle
{
 background-color:WHITE;
 color:BLACK;
}
 
.SelectedRowStyle
{
 background-color:YELLOW;
 color:BLACK;
}

.roundcorner
{
    padding: 5px;
    border-style: none;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-collapse: collapse;
    empty-cells: show;
}

.center
{
    text-align: center;
}

.centertable
{
    margin-left: auto;
    margin-right: auto;
}

.displaynone
{
    display: none;
}

.displayinline
{
    display: inline;
}

.displayblock
{
    display: block;
}

.settingsPanel
{
    background-color: White;
}

.pickupsPanel
{
    background-color: #CCFFCC;
}

.width100
{
    width: 100%;
}

.width50
{
    width: 50%;
}

.width25
{
    width: 25%;
}

.width100px
{
    width: 100px;
}

.width150px
{
    width: 150px;
}

.width200px
{
    width: 200px;
}
.width300px
{
    width: 300px;
}
.margin5px
{
  margin: 5px;
}
.floatLeft
{
  float:left;
}
.displayInlineBlock
{
  display: inline-block;
}
.validiateError
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #FF0000;
    font-weight: bold;
    text-align: center;
    border-style: dotted;
    border-width: thin;
}

.inline
{
    display: inline;
}
.captionWrap {
    white-space: normal;
    word-wrap: break-word;
}
/*Override all CSS classes that reference the default InfoWindow PNG file and replace with your own custom InfoWindow.*/
 .mqabasicwnd-corner div, .mqabasicwnd-close, .mqabasicwnd-close:hover,
 .mqabasicwnd-pointer-bottom, .mqabasicwnd-pointer-top, .mqabasicwnd-pointer-left,
 .mqabasicwnd-pointer-middleLeft, .mqabasicwnd-pointer-middleRight, .mqabasicwnd-pointer-topLeft,
 .mqabasicwnd-pointer-topRight, .mqabasicwnd-pointer-bottomLeft, .mqabasicwnd-pointer-bottomRight,
 .mqabasicwnd-btop div, .mqabasicwnd-bbottom div, .mqabasicwnd-bleft div, .mqabasicwnd-bright div {
   background-image:url("http://developer.mapquest.com/content/documentation/common/images/sprite_info_window_blue.png") !important;
 }
  /*Use CSS to place the custom 'Close' button at its desired location. Also make sure to change the width and height of the 'Close' button if it's been changed from its default size.*/
 .mqabasicwnd-close {
   top:0px !important;
   right:0px !important;
   width:18px !important;
   height:20px !important;
 }
.mqabasicwnd
{
  font: medium Arial, Helvetica, sans-serif;
  min-width: 200px !important;
  text-align: left;
}
.mqabasicwnd a
{
  color: #000066;
  text-decoration: none;
  cursor: pointer;
}
.mqabasicwnd a:link, a:visited
{
  color: #000066;
  text-decoration: none;
  cursor: pointer;
}
.mqabasicwnd a:hover, a:active
{
  color: #666666;
  text-decoration: none;
  cursor: pointer;
}  
.mqabasicwnd a[href^="mailto"]
{
  color: #000066;
  text-decoration: none;
  cursor: pointer;
}
.mqabasicwnd a[href^="mailto"]:link, a[href^="mailto"]:visited
{
  color: #000066;
  text-decoration: none;
  cursor: pointer;
}
.mqabasicwnd a[href^="mailto"]:hover, a[href^="mailto"]:active
{
  color: #666666;
  text-decoration: none;
  cursor: pointer;
}    
.mqa_htmlpoi
{
  border: thin solid #FFFFFF;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #FF0000;
  color: #FFFFFF;
}

.htmlpoi_car
{
  border: thin solid #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #00CC00;
  color: #000000;
}

.htmlpoi_van
{
  border: thin solid #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #FF0000;
  color: #FFFFFF;
}

.htmlpoi_truck
{
  border: thin solid #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #FF9933;
  color: #000000;
}

.htmlpoi_address
{
  border: thin solid #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #0000FF;
  color: #FFFFFF;
}

.htmlpoi_opaque
{
  /* border: thin dotted #000000; */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}
.htmlpoi_opaque_border
{
  border: medium dotted #000000;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
}

.htmlpoi_green
{
  /* border: thin solid #000000; */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  background-color: #00CC00;
  color: #000000;
}

.htmlpoi_red
{
  /* border: thin solid #000000; */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  background-color: #FF0000;
  color: #FFFFFF;
}

.htmlpoi_yellow
{
  /* border: thin solid #000000; */
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: xx-small;
  background-color: #FF9933;
  color: #000000;
}
.htmlpoi_gps
{
  /*border: thin solid #000000;*/
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
  font-family: nssiicons2;
  position: absolute;
  bottom: -4px;
  left: -16px;
  text-decoration: none;
  z-index: 10;
}
.red
{
  color: Red;
}
.green
{
  color: Green;
}
.yellow
{
  color: #FF9933;
}
.whiteOnBlack
{
  color: #FFFFFF;
  background-color: #000000;
}
.whiteOnDarkGrey
{
  color: #FFFFFF;
  background-color: #333333;
}
.progressPanel
{
  position:absolute;
  top:50%;
  left:50%;  
  z-index: 100;
}

.statusPanel
{
  position: fixed;
  right:0px;
  top: 0px;
  z-index: 100;
}

.fenceSetup
{
  position: fixed;
  left:0px;
  bottom: 0px;
  z-index: 100;
}

.smButton
{
  padding: 5px;
  border: 1px solid #CCCCCC;
  font-size: small;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #333333;
  text-align: center;
  margin: 0px;
  cursor: pointer;
  color: #FFFFFF;
}
a.smButton
{
  color: #FFFFFF;
  text-decoration: none;
}
a.smButton:link
{
  color: #FFFFFF;
  text-decoration: none;
}
a.smButton:visited
{
  color: #FFFFFF;
}
a.smButton:hover
{
  color: #FFFFFF;
  text-decoration: none;
}

.tableResult
{
  margin: auto;
  border: thin solid #808080;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  table-layout: auto;
  border-spacing: 1px;
  empty-cells: show;
  padding: 0px;
  text-align: left;
  text-indent: 5px;
  border-collapse: collapse;
}

#frmCheckPassword {
                border-top: #F0F0F0 2px solid;
                background: #808080;
                padding: 10px;
            }

            .demoInputBox {
                padding: 7px;
                border: #F0F0F0 1px solid;
                border-radius: 4px;
            }

            #password-strength-status {
                padding: 5px 10px;
                color: #FFFFFF;
                border-radius: 4px;
                margin-top: 5px;
            }

            .medium-password {
                background-color: #b7d60a;
                border: #BBB418 1px solid;
            }

            .weak-password {
                background-color: #ce1d14;
                border: #AA4502 1px solid;
            }

            .strong-password {
                background-color: #12CC1A;
                border: #0FA015 1px solid;
            }

#ctl00_statusbar, #statusbar {
    margin: auto;
    position: absolute;
    top: 0px;
    height: 50px;
    left: 0px;
    background-color: #333333;
    width: 100%;
    text-align: center;
}
#menuBar
{
  font-family: nssiicons2;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  color: #000000;
  text-decoration: none;
}
#menuBar a
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
#menuBar a:link, a:visited
{
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}

#menuBar a:hover, a:active
{
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}

#ctl00_netStatus, #netStatus {
    font-family: nssiicons2;
    font-size: 24px;
    text-decoration: none;
    color: Green;
    position: relative;
    right: 9px;
    top: 14px;
    width: 45px;
    height: 50px;
    z-index: 1;
}

#settingsdiv
{
  top: 70px;
  width: 200px; /* bottom: 0px; */
  z-index: -2;
  border:thin ;
  background-color: #333333;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  overflow: auto;
  text-align: left;
  line-height: 150%;
  display: none;
}

.main-container {
    position: fixed;
    width: 100%;
    height: 100vh;
}

#NavBar_ITC2i0_Menu_Bookmarks_0_DXM0_, #NavBar_ITC3i0_Menu_Bookmarks_0_DXM0_ {
    position: fixed !important;
}

#menudiv {
    top: 50px;
    /*bottom: 0px;*/
    width: 200px; /*  bottom: 0px;*/
    z-index: 5;
    background-color: #FFFFFF !important;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-large;
    color: #FFFFFF;
    text-align: left;
    line-height: 150%;
    cursor: pointer;
    display: none;
    height: calc(100vh - 50px);
    overflow-y: auto;
    overflow-x: hidden;
}

    #menudiv::-webkit-scrollbar {
        width: 5px;
    }

/* Track */
    #menudiv::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px grey;
        border-radius: 5px;
    }

/* Handle */
    #menudiv::-webkit-scrollbar-thumb {
        background: #CCCCCC;
        border-radius: 10px;
    }

    /* Handle on hover */
        #menudiv::-webkit-scrollbar-thumb:hover {
            background: #aaaaaa;
        }

/*#menudiv a
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}
#menudiv a:link, a:visited
{
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
}

#menudiv a:hover, a:active
{
  color: #999999;
  text-decoration: none;
  cursor: pointer;
}
  */
#userdiv
{
  top: 50px;
  width: 400px; 
  bottom: 0px;
  z-index: -2;
  background-color: #333333;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  color: #FFFFFF;
  overflow: auto;
  text-align: left;
  line-height: 125%;
  cursor: pointer;
  display: none;
}
#userdivlist
{
  overflow: auto;
  height: 75%;
}
#userdivdetail
{
  overflow: auto;
  font-size: medium;
  line-height: 120%;
  cursor: default;
}

#maindiv {
  position: absolute;
  top: 50px;
  left: 220px;
  right: 0px;
}

#logindiv
{
  position: absolute;
 
  z-index: 0;
  background-color: White;
  overflow: auto;
}

.mapbackgroundfullpage
{
  position: absolute;
  top: 50px;
  left: 200px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  opacity:0.3;
  filter:alpha(opacity=30); /* For IE8 and earlier */ 
}
.blackbackgroundfullpage
{
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -2;
  background-color: #000000;
}
.blackbackground
{
  position: absolute;
  z-index: -2;
  background-color: #000000;
  width: 100%;
  height: 100%;
}

.fullpagetransparent
{
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  color: #FFFFFF;
}

#logindiv
{
  position: absolute;
  top: 0px; 
  left: 0px;
}

.pagebottom
{
  position: absolute;
  bottom: 0px; 
}


.pagemiddle
{
  height: 50%;
  top: 25%;
  vertical-align: middle;
  position: absolute;
}

.nospacewhenblank
{
  height: 0px;
  overflow: visible;
}

.menubutton
{
  font-size: 24pt;
  text-align: center;
  width: 50px;
  vertical-align: middle;
  font-weight: bold;
  font-family: nssiicons2;
  position: relative;
  top: 7px;
  text-decoration: none;
  letter-spacing: 7px;
  margin-right: 5px;
  margin-left: 5px;
  cursor: pointer;
}
.menubutton:hover
{
  color: #CCCCCC;
}
a.settingsbutton
{
  color: White;
}
a.settingsbutton:hover
{
  color: White;
}
a.settingsbutton:link
{
  color: White;
}
a.settingsbutton:visited
{
  color: White;
}

.iconFont
{
  font-family: nssiicons2;
  margin-right: 5px;
  margin-left: 5px;
}

.barcodeFont
{
  font-family: 'Free 3 of 9';
}


.mainmenubutton
{
  margin: auto;
  font-size: 24pt;
  text-align: center;
  width: 50px;
  vertical-align: middle;
  font-weight: bold;
  font-family: nssiicons2;
}

.StatusLabel
{
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  color: White;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.xStatusLabel
{
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: x-large;
  color: White;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}

.settingsCheckBox input
{
  width: 25px;
  height: 25px;
}

.settingsCheckBox
{
  width: 25px;
  height: 25px;
}

.settingsDropDown
{
  font-size: 20px !important;
  width: 96%;
}
/* Form styles */
.formDropDown
{
  font-size: 20px !important; 
  width: auto; 
}
.formFontXlarge
{
  font-size: x-large;
}

/* search grid styles */
.searchGrid
{
  margin: auto;
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
}
.searchGrid tr th
{
  padding: 5px;
  color: white;
  border: 1px solid white;
}
.searchGrid tr:nth-child(even)
{
  background-color: #666666;
}
.searchGrid tr:nth-child(odd)
{
  background-color: #808080;
}
.searchGrid td
{
  padding: 5px;
  color: white;
  border: 1px solid white;
}
.searchGrid tr:last-child td
{
}
.searchGridHeader
{
  background-color: #333333;
  color: #FFFFFF;
}
.searchGridFooter
{
  background-color: #333333;
  color: #FFFFFF;
}
.searchGridPager
{
  text-align: center;
  vertical-align: middle;
  background-color: #333333;
  color: #FFFFFF;
  font-size: x-large;
}

/*Hide Combobox headers for Devex*/
.dxeListBoxEmptyHeader .dxeHD {
    display: none;
}

.dexMenuZIndex {
    z-index: 9999;
    Height: 450px;
    width: 250px;
}

/* font shortcuts */
.fontXsmall
{
  font-size: x-small;
}
.fontSmall
{
  font-size: small;
}
.fontMed
{
  font-size: medium;
}
.fontLarge
{
  font-size: large;
}
.fontXlarge
{
  font-size: x-large;
}
.fontXXlarge
{
  font-size: xx-large;
}
.fontRed
{
  color: #FF0000;
}

.dxucFileList{
     
     display: inline-block;
    padding-left: 0;
    margin: 10px 0 0 0;
}
.dxucBarCell, .dxRB {
     float: left;
     width:50px;
}

.disabled {
    pointer-events: none;
    color: silver;
}

@font-face {
  font-family: 'Free 3 of 9';
  src: url('../fonts/free3of9_0.eot?44000947');
  src: url('../fonts/free3of9_0.eot?44000947#iefix') format('embedded-opentype'),
    url('../fonts/free3of9_0.woff?44000947') format('woff'),
    url('../fonts/free3of9_0.ttf?44000947') format('truetype'),
    url('../fonts/free3of9_0.svg?44000947') format('svg');
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}

@font-face {
  font-family: 'nssiicons2';
  src: url('../fonts/nssiicons2.eot?44000947');
  src: url('../fonts/nssiicons2.eot?44000947#iefix') format('embedded-opentype'),
       url('../fonts/nssiicons2.woff?44000947') format('woff'),
       url('../fonts/nssiicons2.ttf?44000947') format('truetype'),
       url('../fonts/nssiicons2.svg?44000947#nssiicons2') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ui-datepicker { 
    width: 10em; padding: .1em .1em 0; display: none;  border: solid orange; font-size:18px; background:#9EEFEE;}
.ui-datepicker table {
    width: 100%; font-size: .5em; border-collapse: collapse; margin:0 0 .4em;}
.ui-datepicker td {
     background: #ffffff; color: #000000}
.ui-datepicker-header {
        text-align: center;font-weight:bold; font-size:12px; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'nssiicons2';
    src: url('../font/nssiicons2.svg?44000947#nssiicons2') format('svg');
  }
}
*/
 @font-face {
  font-family: 'Free 3 of 9';
  src: url('/fonts/free3of9_0.eot?44000947');
  src: url('/fonts/free3of9_0.eot?44000947#iefix') format('embedded-opentype'),
    url('/fonts/free3of9_0.woff?44000947') format('woff'),
    url('/fonts/free3of9_0.ttf?44000947') format('truetype'),
    url('/fonts/free3of9_0.svg?44000947') format('svg');
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
}


 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "nssiicons2";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-firefox:before { content: '\e88a'; } /* '' */
.icon-cloud-1:before { content: '\e888'; } /* '' */
.icon-opera:before { content: '\e88c'; } /* '' */
.icon-ie:before { content: '\e88d'; } /* '' */
.icon-search-1:before { content: '\e88e'; } /* '' */
.icon-mail:before { content: '\e819'; } /* '' */
.icon-mail-alt:before { content: '\e81a'; } /* '' */
.icon-user-1:before { content: '\e88f'; } /* '' */
.icon-users:before { content: '\e890'; } /* '' */
.icon-videocam:before { content: '\e891'; } /* '' */
.icon-camera:before { content: '\e81b'; } /* '' */
.icon-ok:before { content: '\e81c'; } /* '' */
.icon-cancel:before { content: '\e800'; } /* '' */
.icon-plus:before { content: '\e892'; } /* '' */
.icon-minus:before { content: '\e893'; } /* '' */
.icon-help:before { content: '\e894'; } /* '' */
.icon-home:before { content: '\e801'; } /* '' */
.icon-link:before { content: '\e81d'; } /* '' */
.icon-unlink:before { content: '\e81e'; } /* '' */
.icon-attach:before { content: '\e895'; } /* '' */
.icon-lock:before { content: '\e81f'; } /* '' */
.icon-lock-open:before { content: '\e820'; } /* '' */
.icon-lock-open-alt:before { content: '\e821'; } /* '' */
.icon-pin:before { content: '\e896'; } /* '' */
.icon-flag:before { content: '\e897'; } /* '' */
.icon-flag-checkered:before { content: '\e898'; } /* '' */
.icon-thumbs-up:before { content: '\e899'; } /* '' */
.icon-thumbs-down:before { content: '\e89a'; } /* '' */
.icon-download-cloud:before { content: '\e822'; } /* '' */
.icon-upload-cloud:before { content: '\e823'; } /* '' */
.icon-reply:before { content: '\e824'; } /* '' */
.icon-reply-all:before { content: '\e825'; } /* '' */
.icon-forward:before { content: '\e826'; } /* '' */
.icon-pencil:before { content: '\e89b'; } /* '' */
.icon-edit:before { content: '\e89c'; } /* '' */
.icon-print:before { content: '\e82a'; } /* '' */
.icon-chat:before { content: '\e829'; } /* '' */
.icon-bell:before { content: '\e89d'; } /* '' */
.icon-bell-alt:before { content: '\e89e'; } /* '' */
.icon-location:before { content: '\e828'; } /* '' */
.icon-direction:before { content: '\e827'; } /* '' */
.icon-compass:before { content: '\e89f'; } /* '' */
.icon-trash:before { content: '\e802'; } /* '' */
.icon-doc:before { content: '\e8a0'; } /* '' */
.icon-docs:before { content: '\e8a1'; } /* '' */
.icon-phone:before { content: '\e82b'; } /* '' */
.icon-menu:before { content: '\e804'; } /* '' */
.icon-cog:before { content: '\e803'; } /* '' */
.icon-cog-alt:before { content: '\e806'; } /* '' */
.icon-wrench:before { content: '\e805'; } /* '' */
.icon-calendar:before { content: '\e82c'; } /* '' */
.icon-login:before { content: '\e8a2'; } /* '' */
.icon-logout-1:before { content: '\e8a3'; } /* '' */
.icon-mic:before { content: '\e82d'; } /* '' */
.icon-mute:before { content: '\e82e'; } /* '' */
.icon-volume-off:before { content: '\e82f'; } /* '' */
.icon-volume-down:before { content: '\e8a4'; } /* '' */
.icon-volume-up:before { content: '\e830'; } /* '' */
.icon-clock:before { content: '\e831'; } /* '' */
.icon-resize-full:before { content: '\e832'; } /* '' */
.icon-resize-full-alt:before { content: '\e807'; } /* '' */
.icon-resize-small:before { content: '\e833'; } /* '' */
.icon-move:before { content: '\e808'; } /* '' */
.icon-zoom-in:before { content: '\e834'; } /* '' */
.icon-zoom-out:before { content: '\e835'; } /* '' */
.icon-cw:before { content: '\e809'; } /* '' */
.icon-arrows-cw:before { content: '\e80a'; } /* '' */
.icon-target:before { content: '\e80b'; } /* '' */
.icon-signal:before { content: '\e80c'; } /* '' */
.icon-desktop:before { content: '\e836'; } /* '' */
.icon-laptop:before { content: '\e837'; } /* '' */
.icon-tablet:before { content: '\e838'; } /* '' */
.icon-mobile:before { content: '\e839'; } /* '' */
.icon-globe:before { content: '\e83a'; } /* '' */
.icon-cloud:before { content: '\e80d'; } /* '' */
.icon-flash:before { content: '\e8a5'; } /* '' */
.icon-list:before { content: '\e80f'; } /* '' */
.icon-list-bullet:before { content: '\e80e'; } /* '' */
.icon-ellipsis-vert:before { content: '\e810'; } /* '' */
.icon-off:before { content: '\e811'; } /* '' */
.icon-road:before { content: '\e8a6'; } /* '' */
.icon-qrcode:before { content: '\e8a7'; } /* '' */
.icon-barcode:before { content: '\e812'; } /* '' */
.icon-check:before { content: '\e8a8'; } /* '' */
.icon-check-empty:before { content: '\e8a9'; } /* '' */
.icon-credit-card:before { content: '\e813'; } /* '' */
.icon-floppy:before { content: '\e889'; } /* '' */
.icon-key:before { content: '\e8aa'; } /* '' */
.icon-filter:before { content: '\e8ab'; } /* '' */
.icon-magic:before { content: '\e8ac'; } /* '' */
.icon-truck:before { content: '\e814'; } /* '' */
.icon-money:before { content: '\e8ad'; } /* '' */
.icon-sort-alt-up:before { content: '\e83b'; } /* '' */
.icon-sort-alt-down:before { content: '\e83c'; } /* '' */
.icon-sort-name-up:before { content: '\e83d'; } /* '' */
.icon-sort-name-down:before { content: '\e83e'; } /* '' */
.icon-sort-number-up:before { content: '\e8ae'; } /* '' */
.icon-sort-number-down:before { content: '\e8af'; } /* '' */
.icon-gauge:before { content: '\e8b0'; } /* '' */
.icon-sitemap:before { content: '\e816'; } /* '' */
.icon-spinner:before { content: '\e815'; } /* '' */
.icon-coffee:before { content: '\e8b5'; } /* '' */
.icon-food:before { content: '\e8b4'; } /* '' */
.icon-beer:before { content: '\e8b3'; } /* '' */
.icon-building:before { content: '\e8b2'; } /* '' */
.icon-bullseye:before { content: '\e8b1'; } /* '' */
.icon-wheelchair:before { content: '\e8b6'; } /* '' */
.icon-android:before { content: '\e817'; } /* '' */
.icon-apple:before { content: '\e818'; } /* '' */
.icon-facebook-squared:before { content: '\e8b7'; } /* '' */
.icon-linux:before { content: '\e8ba'; } /* '' */
.icon-skype:before { content: '\e8b9'; } /* '' */
.icon-twitter-squared:before { content: '\e8b8'; } /* '' */
.icon-windows:before { content: '\e83f'; } /* '' */
.icon-youtube:before { content: '\e8bb'; } /* '' */
.icon-youtube-squared:before { content: '\e8bc'; } /* '' */
.icon-youtube-play:before { content: '\e8bd'; } /* '' */
.icon-home-1:before { content: '\e842'; } /* '' */
.icon-lock-2:before { content: '\e8be'; } /* '' */
.icon-lock-open-2:before { content: '\e8bf'; } /* '' */
.icon-flag-1:before { content: '\e8c0'; } /* '' */
.icon-address:before { content: '\e8c1'; } /* '' */
.icon-chrome:before { content: '\e88b'; } /* '' */
.icon-map:before { content: '\e8c3'; } /* '' */
.icon-direction-1:before { content: '\e8c4'; } /* '' */
.icon-compass-1:before { content: '\e8c5'; } /* '' */
.icon-cog-1:before { content: '\e843'; } /* '' */
.icon-login-1:before { content: '\e8c6'; } /* '' */
.icon-logout-2:before { content: '\e8c7'; } /* '' */
.icon-cw-1:before { content: '\e844'; } /* '' */
.icon-arrows-ccw:before { content: '\e845'; } /* '' */
.icon-infinity:before { content: '\e8c8'; } /* '' */
.icon-chart-bar:before { content: '\e846'; } /* '' */
.icon-tape:before { content: '\e8c9'; } /* '' */
.icon-credit-card-1:before { content: '\e847'; } /* '' */
.icon-floppy-1:before { content: '\e8ca'; } /* '' */
.icon-clipboard:before { content: '\e8cb'; } /* '' */
.icon-database:before { content: '\e848'; } /* '' */
.icon-key-1:before { content: '\e8cc'; } /* '' */
.icon-gauge-1:before { content: '\e8cd'; } /* '' */
.icon-traffic-cone:before { content: '\e8ce'; } /* '' */
.icon-paypal:before { content: '\e8cf'; } /* '' */
.icon-user-add-outline:before { content: '\e840'; } /* '' */
.icon-user-delete-outline:before { content: '\e841'; } /* '' */
.icon-home-2:before { content: '\e849'; } /* '' */
.icon-pin-outline:before { content: '\e8d0'; } /* '' */
.icon-pin-1:before { content: '\e8d1'; } /* '' */
.icon-flag-2:before { content: '\e8d2'; } /* '' */
.icon-flag-filled:before { content: '\e8d3'; } /* '' */
.icon-location-3:before { content: '\e8d7'; } /* '' */
.icon-map-1:before { content: '\e8d6'; } /* '' */
.icon-direction-outline:before { content: '\e8d5'; } /* '' */
.icon-direction-2:before { content: '\e8d4'; } /* '' */
.icon-menu-1:before { content: '\e84e'; } /* '' */
.icon-cog-outline:before { content: '\e84a'; } /* '' */
.icon-cog-2:before { content: '\e84b'; } /* '' */
.icon-wrench-outline:before { content: '\e84c'; } /* '' */
.icon-wrench-1:before { content: '\e84d'; } /* '' */
.icon-stopwatch:before { content: '\e8d8'; } /* '' */
.icon-resize-full-1:before { content: '\e851'; } /* '' */
.icon-resize-normal:before { content: '\e850'; } /* '' */
.icon-cw-2:before { content: '\e84f'; } /* '' */
.icon-arrows-cw-1:before { content: '\e852'; } /* '' */
.icon-plug:before { content: '\e8d9'; } /* '' */
.icon-desktop-1:before { content: '\e8da'; } /* '' */
.icon-laptop-1:before { content: '\e8db'; } /* '' */
.icon-tablet-1:before { content: '\e8dc'; } /* '' */
.icon-mobile-1:before { content: '\e8dd'; } /* '' */
.icon-globe-alt:before { content: '\e8de'; } /* '' */
.icon-credit-card-2:before { content: '\e853'; } /* '' */
.icon-ok-1:before { content: '\e854'; } /* '' */
.icon-cancel-1:before { content: '\e855'; } /* '' */
.icon-home-3:before { content: '\e856'; } /* '' */
.icon-pin-2:before { content: '\e8df'; } /* '' */
.icon-cog-3:before { content: '\e857'; } /* '' */
.icon-wrench-2:before { content: '\e858'; } /* '' */
.icon-resize-full-2:before { content: '\e85a'; } /* '' */
.icon-resize-full-alt-1:before { content: '\e859'; } /* '' */
.icon-target-1:before { content: '\e85d'; } /* '' */
.icon-signal-1:before { content: '\e85c'; } /* '' */
.icon-list-1:before { content: '\e85b'; } /* '' */
.icon-equalizer:before { content: '\e85e'; } /* '' */
.icon-chart-bar-1:before { content: '\e85f'; } /* '' */
.icon-lock-3:before { content: '\e8e0'; } /* '' */
.icon-lock-open-3:before { content: '\e8e1'; } /* '' */
.icon-wrench-3:before { content: '\e860'; } /* '' */
.icon-signal-4:before { content: '\e8e2'; } /* '' */
.icon-dollar:before { content: '\e8e3'; } /* '' */
.icon-at:before { content: '\e8e4'; } /* '' */
.icon-search-2:before { content: '\e8e5'; } /* '' */
.icon-mail-2:before { content: '\e8e6'; } /* '' */
.icon-cog-4:before { content: '\e861'; } /* '' */
.icon-login-2:before { content: '\e8e7'; } /* '' */
.icon-logout-3:before { content: '\e8e8'; } /* '' */
.icon-hourglass:before { content: '\e862'; } /* '' */
.icon-at-1:before { content: '\e8ea'; } /* '' */
.icon-hash:before { content: '\e8e9'; } /* '' */
.icon-cafe:before { content: '\e8ee'; } /* '' */
.icon-embassy:before { content: '\e8eb'; } /* '' */
.icon-fast-food:before { content: '\e8ec'; } /* '' */
.icon-fuel:before { content: '\e8ed'; } /* '' */
.icon-lodging:before { content: '\e8ef'; } /* '' */
.icon-toilet:before { content: '\e8f0'; } /* '' */
.icon-home-4:before { content: '\e865'; } /* '' */
.icon-flag-3:before { content: '\e8f1'; } /* '' */
.icon-print-1:before { content: '\e866'; } /* '' */
.icon-cog-5:before { content: '\e863'; } /* '' */
.icon-cogs:before { content: '\e867'; } /* '' */
.icon-wrench-4:before { content: '\e864'; } /* '' */
.icon-calendar-1:before { content: '\e8f2'; } /* '' */
.icon-resize-full-alt-2:before { content: '\e868'; } /* '' */
.icon-zoom-in-1:before { content: '\e869'; } /* '' */
.icon-zoom-out-1:before { content: '\e86a'; } /* '' */
.icon-cw-3:before { content: '\e86c'; } /* '' */
.icon-arrows-cw-2:before { content: '\e86b'; } /* '' */
.icon-target-2:before { content: '\e86d'; } /* '' */
.icon-signal-2:before { content: '\e86e'; } /* '' */
.icon-globe-1:before { content: '\e86f'; } /* '' */
.icon-align-justify:before { content: '\e870'; } /* '' */
.icon-list-2:before { content: '\e871'; } /* '' */
.icon-off-1:before { content: '\e872'; } /* '' */
.icon-road-1:before { content: '\e8f3'; } /* '' */
.icon-qrcode-1:before { content: '\e8f4'; } /* '' */
.icon-barcode-1:before { content: '\e873'; } /* '' */
.icon-credit-card-3:before { content: '\e874'; } /* '' */
.icon-search:before { content: '\e875'; } /* '' */
.icon-mail-1:before { content: '\e876'; } /* '' */
.icon-user:before { content: '\e877'; } /* '' */
.icon-th-list:before { content: '\e878'; } /* '' */
.icon-ok-2:before { content: '\e879'; } /* '' */
.icon-cancel-2:before { content: '\e87a'; } /* '' */
.icon-lock-1:before { content: '\e87b'; } /* '' */
.icon-lock-open-1:before { content: '\e87c'; } /* '' */
.icon-reply-1:before { content: '\e87d'; } /* '' */
.icon-reply-all-1:before { content: '\e87e'; } /* '' */
.icon-forward-1:before { content: '\e87f'; } /* '' */
.icon-location-1:before { content: '\e880'; } /* '' */
.icon-cog-6:before { content: '\e881'; } /* '' */
.icon-logout:before { content: '\e882'; } /* '' */
.icon-resize-full-3:before { content: '\e883'; } /* '' */
.icon-arrows-cw-3:before { content: '\e884'; } /* '' */
.icon-updown-circle:before { content: '\e885'; } /* '' */
.icon-target-3:before { content: '\e886'; } /* '' */
.icon-signal-3:before { content: '\e887'; } /* '' */
.icon-location-2:before { content: '\e8c2'; } /* '' */


#DXMenu_DXI2_T {
    color: white;
}

.dx-datagrid-headers, .datagrid-header-numbers, .dx-group-panel-item.dx-datagrid-action.dx-datagrid-drag-action, .dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action {
    
}

.dx-datagrid-content a {
    color: blue;
}

.dx-scrollable-wrapper, .dx-toolbar-items-container, .dx-datagrid-header-panel {
    background-color: #E9EDF1;
}

.dx-datagrid-content table .dx-data-row, .dx-item.dx-treeview-item {
    background-color: white;
}

.dx-command-select {
    width: 30px !important;
    min-width: 30px !important;
}

.dx-datagrid-header-panel {
    height: 38px;
}

.dx-datagrid, .dx-texteditor-input{
    font: 12px Tahoma, Geneva, sans-serif;
}

.dx-scrollable {
    font: 12px Tahoma, Geneva, sans-serif !important;
    text-align: left;
}
    .dx-scrollable .dx-checkbox-icon {
        width: 15px;
        height: 15px;
    }

    .dx-scrollable .dx-checkbox-checked .dx-checkbox-icon {
        font: 11px/1em DXIcons;
    }

    .dx-scrollable .dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 9px;
    }

    .dx-scrollable .dx-scrollable-wrapper {
        background-color: white;
    }

.dxtcLite_BlackGlass > .dxtc-content {
    padding: 0px !important;
}

.dx-datagrid .dx-row > td {
    padding: 3px;
}

.dx-datagrid-headers,
.datagrid-header-numbers,
.dx-datagrid-action.dx-cell-focus-disabled,
.dx-datagrid-action.dx-cell-focus-disabled.dx-datagrid-drag-action,
.dx-command-edit.dx-cell-focus-disabled.dx-datagrid-drag-action {
    /*padding: 3px 0 2px 0;*/
    background: #444444 url('/DXR.axd?r=0_488-ZUAwn') repeat-x left top !important;
    color: white !important;
    text-align: center !important;
}

    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        border-bottom: 0;
    }

.dx-button-has-icon .dx-button-content {
    padding: 0px;
}

.dx-icon {
    color: #337ab7 !important;
    padding: 0;
    font-size: 15px;
    font-weight: bold;
}

.dxsplHSeparatorButton_Office2010Black {
    background-color: lightgray;
    height: 7px;
}

.dxsplVSeparatorButton_Office2010Black {
    background-color: lightgray;
    width: 7px;
}

.dxWeb_splHCollapseBackwardButton_Office2010Black {
    background-position: -216px -180px;
    width: 13px;
    height: 9px;
}

.dxWeb_splHCollapseForwardButton_Office2010Black {
    background-position: -241px -180px;
    width: 13px;
    height: 9px;
}

.dxWeb_splVCollapseBackwardButton_Office2010Black {
    background-position: -459px -123px;
    width: 10px;
    height: 12px;
}

.dxWeb_splVCollapseForwardButton_Office2010Black {
    background-position: -401px -123px;
    width: 10px;
    height: 12px;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-removed) > td {
    background-color: #FAD5A5;
    color: unset;
}

.dxnbLite_BlackGlass .dxnb-itemHover,
.dxnbLite_BlackGlass .dxnb-largeHover,
.dxnbLite_BlackGlass .dxnb-itemSelected {
    background-color: #ff5e2e;
}

    .dxnbLite_BlackGlass .dxnb-itemSelected .dxnb-link{
        color: white !important;
    }

.dx-icon.fas {
    color: #ff5722 !important;
}