body {
  overflow-y: scroll;
  background-color: #F7F7F7;
}

body > footer {
  padding-top:80px; /* should be height of top-nav plus a little space in case nothing is on the main body of the page */
}

body > footer > div.footer {
  padding-top:8px;
  padding-bottom:8px;
  font-size: 12px;
}


/**
 * Override Flatly theme defaults
 */
hr {
  border-bottom:1px solid #DDDFE0;
}
.navbar {
  border-radius: 0;
}

@media screen and (min-width: 768px){
  .jumbotron h1,
  .jumbotron .h1 {
    font-size:45.5px;
  }
}

/**
* NX colors
*/
.nx-color-txt-orange {
   color: rgb(246,146,30);
}
.nx-color-bg-orange {
   background-color: rgb(246,146,30);
}

.nx-color-txt-grey {
    /* #AAADB2 */
   color: rgb(170,173,178);
}
.nx-color-bg-grey {
   background-color: rgb(170,173,178);
}

.navbar-brand {
   width: 200px; /* need to fit icon, brand, and tagline */
}
.navbar-brand {
   font-size: 22px;
   line-height: 16px;
}

.nx-icon {
   float: left;
   width: 37px;
   height: 37px;
   background: transparent url('/img/nx-icon-37x37.png') top center no-repeat;
}

.navbar-brand > .nx-icon {
   margin-top: -7px;
}

.navbar-brand > .nx-tagline {
   font-size: 12px;
   line-height: 14px;
   font-style: italic;
}

.nx-registered {
  font-size: 60%;
  font-weight: lighter;
  vertical-align: top;
  line-height: 0px;
}

.nx-icon-help {
  width:20px;
  height:20px;
  float: right;
  background-size: cover;
  background-repeat: no-repeat;
}

.panel .panel-heading .nx-icon-help {
  background-image: url('/img/icons/Help 24 n p.png');
}

.panel .panel-body .nx-icon-help {
  background-image: url('/img/icons/Help Blue 24 n p.png');
}

.forgot-password-link {
   line-height: 30px;
}

.form-group.required .control-label:after {
  content:"*";
  padding-left: 2px;
  color:red;
}

.txt-right {
  text-align: right;
}

.home-info {
  color: #858C93;
}


.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 999px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

table td.col_actions {
  min-width: 160px;
}


form .form-control-static .subtle_form_text {
  color:#969696;
  font-style: italic;
}


.modal .modal-title {
  color: #3498DB;
}


.grid_cell_required {
  color: rgb(255,0,0);
}
/* for read-only label column */
.grid_label {
  background: #D7ECFF !important;
}
/* for read-only value column */
.grid_value_readonly {
  background: #E7E7E7 !important;
}


#wizard-status-bar {
  margin-top: 25px;
}
.wizard-status-item {
  margin-bottom: 10px;
}
.wizard-status-item-text {
  /*border:1px solid green;*/
  margin-left: 35px;
  line-height: 25px;
  font-weight: bold;
}
.wizard-status-item-indicator {
  width:25px;
  height: 25px;
  position: absolute;
  top: 0;
  border:1px solid #888;
  border-radius: 25px;
  font-size: 16px;
  text-align: center;
}
.wizard-status-item.current-step {

}
.wizard-status-item.current-step .wizard-status-item-text {
  color:#3498DB;
}
.wizard-status-item.current-step .wizard-status-item-indicator {
  color:#FFF;
  background: #3498DB;
  border-color:#FFF;
}
.wizard-status-item.completed-step {

}
.wizard-status-item.completed-step .wizard-status-item-text {
  color:#18BC9C;
}
.wizard-status-item.completed-step .wizard-status-item-indicator {
  color:#FFF;
  background: #18BC9C;
  border-color:#FFF;
}
.wizard-status-item.disabled-step {

}
.wizard-status-item.disabled-step .wizard-status-item-text {
  color:#B4BCC2;
}
.wizard-status-item.disabled-step .wizard-status-item-indicator {
  background: transparent;
  color:#888;
  border-color: #888;
}
#wizard-content {
  margin-top: 15px;
}
.wizard-controls {
  text-align: right;
}


ul.nx-announcement-list {
  max-height: 475px;
  overflow: auto;
}


.nx-loading {
  cursor:progress !important;
}
/** ------------------------------------------------

      DHTMLX Overrides


    ---------------------------------------------- **/
/* see: http://www.sitepoint.com/5-ways-prevent-300ms-click-delay-mobile-devices/ */
a,
button,
.dhx_toolbar_btn {
  -ms-touch-action: manipulation; /* IE10  */
  touch-action: manipulation;     /* IE11+ */
}

.gridbox {
  width:100% !important;
}

.gridbox .objbox .treegrid_cell img {
  vertical-align: top;
  padding-right: 2px;
}

.gridbox .objbox .subtle_grid_text {
  color:#969696;
  font-size: 85%;
  font-style: italic;
}

.dhxcombolist_dhx_skyblue,
.dhtmlxcalendar_dhx_skyblue,
.dhx_combo_select {
  z-index: 2000 !important; /* modal is 1050 */
}

/* fix for incompat. issues w/ Chrome v38 */
.dhx_combo_select {
  overflow:auto !important;
}

/* change skyblue toolbars background to differentiate them more from other components */
.dhx_toolbar_dhx_skyblue {
    background-color: #BDDBFF;
    background: linear-gradient(#BDDBFF,#B3D5FF);
    /*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#BDDBFF,#B3D5FF) progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
}

.dhx_toolbar_dhx_skyblue div.dhx_toolbar_sep {
  border-left: 1px solid #99C1E1;
}

.dhxwins_vp_dhx_skyblue div.dhxwins_mcover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background-color:#000;
}
.dhxwin_active .dhx_cell_cont_wins {
  overflow-y: auto !important;
}


/** ------------------------------------------------

    Bootstraptour Overrides



    ---------------------------------------------- **/
.popover.tour {
  max-width: 375px !important;
}

.popover.tour .popover-title {
  background-color: #CDD5D5;
}

.popover.tour .popover-content,
.popover.tour .popover-navigation {
  background-color: #FFFDE1;
}

.tour-backdrop {
  opacity: 0.65 !important;
}

@media screen and (max-width: 1200px){
  .popover.tour {
    max-width: 500px !important;
  }
}