﻿

.form-group .help-block {
  display: none;
}

.form-group.has-error .help-block {
  display: block;
}

.selectedMenu {
    text-decoration: underline;
    background-color:#7f62a9; /*#4B4A93*/ /*DH TOP Selected menu item:  black*/
}

.flat-blue .side-menu .navbar li.helpText {
    background-color: transparent;
    border: none;
}

.page-title {
    font-weight: bold;
    font-size: 3em;
}

.whiteBackground {
    background-color: white;
}

.roleFilterList {
    overflow: auto;
}

.container-full {
    margin: 0 auto;
    width: 90%;
}

.tile:after{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
  
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}


.tile {
    height: 180px;
    background-color: #FFFFFF;   /*#7F62A9;*/
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    text-align:center;
    vertical-align: middle;
    opacity: 1.0;
   display: flex;
    align-items: center;
}
.tileImage {vertical-align: middle;
            text-align: center;
            max-width:90%;
            max-height:120px;
}

 .tileText {
    vertical-align: bottom;
    color: #7f62a9;
    padding-top: -20px;
    margin-top:-45px;
}

  .tileText:hover {
    color: #ffffff;
}

.midShow {
    vertical-align: middle;
}

.reportHeader {
    vertical-align:bottom;
    font-size:12px;
    font-weight: bold;
}

.reportLink {
    color:seagreen;

}

a:hover {text-decoration:underline;
        cursor: pointer;
}

.reportHeader > a {
    color: red;
     text-decoration:underline;
}
.reportLink:hover  {
    color: blue;
    text-decoration:underline;
}

.tile:hover {
  background-color: whitesmoke;
}

.tile > a {
    color:white;
     vertical-align: bottom;
}
.tile:hover > a {
      text-decoration: underline; }


.tile a {
    font-size: 1.5em;
    color: white;
    background-color:transparent;
    vertical-align: bottom;
}

.tile a:hover {

     background-color:transparent;
    color: white;
}

.tileText {
    vertical-align: bottom;
}

/*
    .flat-blue .navbar .navbar-header .navbar-brand, .flat-blue .navbar.navbar-default .navbar-header .navbar-brand {
      color: #F9F9F9; }
*/

    .flat-blue .navbar .navbar-header .navbar-brand, .flat-blue .navbar.navbar-default .navbar-header .navbar-brand {
      color: #F9F9F9; }

 .subCategoryDrop {
     text-indent: 32px;
 }

 .selectedReport {
     background-color: #707078;
     color: black;
     font-weight:bold;
     text-decoration:underline;
 }

 
 .selectedReport > a {
     color: yellow;
 }

 .lead {
     font-size: 24px;
     font-family: Arial;
     color: #333333;
     font-weight: bold;
     margin-top:20px;
 }

 .subLead {
     font-size: 18px;
     font-family: Arial;
     color: #4b4893;  
     font-weight: bold;
 }

 .homeSubHeader {
       color: #4b4893; /*#4B4A93*/
     font-weight: bold;
     font-size: 24px;
     padding-top:20px;
     text-align:left;
     padding-left:0px;
     padding-bottom: 10px;
 }

  .loginSubHeader {
      color: #4b4893; /*#4B4A93*/
     font-weight: bold;
     font-size: 18px;
     padding-top:10px;
     padding-bottom: 10px;

 }

    .loginForm {
     padding-top:10px;
     padding-bottom: 10px;
     text-align: center;
 }

    .loginForm > input {
        width: 280px;
        font-size: 12px;
    }


 .nonIndentedList {
     list-style:none;
     text-indent:0px;
     padding: 0em 0em;

 }

 img.resize{
   max-width:95%;
   max-height:95%;
}

 .dropdown-submenu {
     background-color: white;
 }

  li.dropdown-submenu > a:hover {
     background-color: #7f62a9;  /*#4B4A93, then #4b4893;*/
     color:white;
 }

  

 .icon-core {
    background-image: url("customIcon/StandardReporting.ico");
    background-position: center center;
}

 .icon-custom {
    background-image: url("customIcon/CustomReporting.ico");
    background-position: center center;
}

  .icon-analytics {
    background-image: url("customIcon/AdvancedAnalytics.ico");
    background-position: center center;
}

  .integerInput {
      width:50px;
  }

  .rcorners {
    border-radius: 20px;
    border: 2px solid #4b4893; /*#4B4A93*/
    padding: 15px; 
    margin: 5px; 
}

  .img-responsive {
      margin: 0px auto;

  }

  .login {
      margin: 0px auto;
  }

  .subcategoryImage
  {
      margin-right:10px;
  }

  /* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


.table-fixed{
  width: 100%;
 
  thead,tbody,tr,td,th{
    display:block;
          padding-left: 5px;
      padding-right: 5px;
  }
  tbody{
    td{
      float:left;
      padding-left: 2px;
      padding-right: 2px;
    }
  }
  thead {
    tr{
      th{
        float:left;
       background-color: #f39c12;
       border-color:#e67e22;
      }
    }
  }
}

    .table-fixed thead tr td
    {
        font-weight:bold;
    }

    .table-fixed td
    {
        padding-left:5px;
        padding-right:5px;
        padding-top:3px;
        padding-bottom:3px;
    }



    input.searchSmall
    {
        width: 30px;
    }

    input.searchMedium
    {
        width: 70px;
    }

    a.editLink  {
        color:  #4b4893;
    }

    a.editLink:hover {
        color:  #7f62a9;
        text-decoration: underline;
        background-color: #eeeeee;
    }

    .centerDiv
    {text-align:center;
     align-items:center;
     vertical-align: middle;
     padding-top:10px;
    }

 