body {
  background-color: #fff;
  }

/*MOD*/
/*  the ipmcontent div class that has a child anchor will be displayed this way  */
.ipmcontent a {
color: #336699;
}

.ipmcontent a.btn{
    color: white;
}

.ipmcontent {
  /* width: 1200px; */
}

/*MOD*/
/*  Body button color: green gradient -- not based on any existing style sheet  */
.btn-primary {
    background-image: linear-gradient(to bottom, #336699 0%, #548bab 100%);
    background-repeat: repeat-x;
    border-color: #777777;
}

/*MOD*/
.btn-primary:hover,
.btn-primary:focus {
  background-color: #6892c5;
  background-position: 0 -15px;
}

/* Dashboard large button column link color override to white;
this is an anchor that has all of these classes */
a.btn.btn-success.btn-primary.btn-block.dashbtn {
  color:#ffffff;
}

/* align dashboard left */
div.dashlayout {
  overflow: hidden;
  margin-left: 0px;
}

/*  Padding-top for school/district header; this
will work for all of h1, and if something has the class of h1 that style will
apply to all children with the class of districtpad  */
h1,
.h1 .districtpad {
  padding-top:8px;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* Content table width=1100px and reduce left margin */
@media (min-width: 1200px) {
  .container.main {
    width: 1200px; /* 1100px */ /*  1400px  */ /* 1170px; */
    /* margin-left: -10px */
  }

  /*  Green text color for nav tabs  */
  .nav > li > a.textgreen {
    position: relative;
    display: block;
    padding: 10px 15px;
   /* color: #1c991c */
  }
  
    /*  Change color of nav tabs: turn off for now

  .cttab {
    background-color: #1c991c;
  }

  */

  .cttab > a.textgreen{
      color: #666666;
  }

  .cttab > a:hover{
    color: #555;
  }
  
/*MOD*/
  .cttab.active > a.textgreen{
    background-color: #fff;
    color: #336699;
    font-weight: bold;
  }

  /*  Reduce nav tabs margin */
  div.ipm.navitem {
    margin-top: -26px;
  }
  
/*MOD*/
  /* Logo text left padding  */
  a.navbar-brand.logotextpad {
    float: left;
    height: 50px;
    padding: 15px 25px 15px;
    font-size: 18px;
    line-height: 20px;
    color: #548BAB;
  }

  /*  Remove bottom border from school/district header  */
  .page-header {
    border: none;
  }

  /* Extend the bottom border of the navtabs across screen  */
  .nav-tabs {
    width: 1100px;
  }

  /* Reduce margin for Hello! ---@---  */
  ul.nav.navbar-nav.navbar-right {
    margin-right: 220px;
  }
  
  /* Set width of tables appearing under navigation tabs  */

  .table.table.table-responsive {
    width: 100%;
  }

  .table.table.table-responsive.table-jobsum {
    font-size: 10pt;
    margin-top: -20px;
  }
  
  td.jobsum-row-label {
    width: 20%;
  }

  td.jobsum-row-btn {
    align: left;
    width: 25%;
  }

  /* turn off for now:

  td.jobsum-row-numsymbol {
    align: left;
    width: 60%;
  }

  td.jobsum-row-num {
    align: left;
    width: 60%;
  }
    */

  
/*MOD*/
  /* Styling for a bold header row that can be used site-wide:  */
  .bold-header-row {
   font-size: 11pt;
   font-weight: bold;
   color: #336699;
   padding-bottom: 6px;
   border-bottom: 4px;
   border-color: #336699;
  }

  /* turn off for now:
  div.component.divrow {
    margin-top: -174px;
    margin-left: 320px;
    width: 75%;
  }  */

  /*div.table-jobtoprow {

    } */

  div.component.divrow.eventslist {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
  }

  /* Remove grey borders from Jobs tables, reduce padding  */
  .table > tbody > tr > td {
    border: none;
    padding: 2px;
  }

  /* modifies jobmaterial table */

 .table.table.jobmaterial {
    border-color: #dddddd;
    padding: 4px;
  }

  /* modifies jobroom table */

  .table.table.jobroom {
  border-color: #dddddd;
  padding: 4px;
}

  .table.table.sublist {
      border: none;
      padding: 4px;
  }

  /* positions the job tables */
  
div.component.divrow {
  position: relative;
  clear: both;
  }

div.jobsum {
   position: relative;
}

div.jobmaterial {
   /*position: absolute;
   top: -10px;
   left: 280px;*/
}

div.jobroom {
   /*position: absolute;
   top: -10px;
   left: 620px;*/
}

div.eventslist {
   /*position: absolute;
   top: 40px;
   bottom: 0px;*/
}

  /* modifies all tables */

/*MOD*/
  .table > thead > tr > th {
   font-size: 10pt;
   font-weight: bold;
   padding-bottom: 6px;
   border-color: #336699;
  }
  
  /* turning off for now:
  .table > tbody > tr > td {
    padding-left: 8px;
  }
  */

/*MOD*/
  /* dashboard table header formatting */
  th.dashthead {
    color: #336699;
  }
  
  /* Job page right/left half formatting: */

  .halfwidth {
      width: 46%;
  }

  .halfwidth.righthalf{
      float: right;
  }

  .halfwidth.lefthalf{
      float: left;
  }

  .fullrow{
      float: none;
  }

  .quarterwidth {
      width: 24%;
  }

  .rightside{
      float: right;
      clear: right;
  }

  .leftside{
      float: left;
      clear: left;
  }

  div#chart {
    width: 280px;
    height: 280px;
    float: left;
    margin-top: -40px;
  }