body {
  background-color: #fff;
  }

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

.ipmcontent a.btn{
    color: white;
}

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

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

.btn-primary:hover,
.btn-primary:focus {
  background-color: #bb88ab;
  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: 900px; /* 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: #006699;
  }

  */

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

    .cttab > a:hover {
        color: #555;
    }

    .cttab.active > a.textgreen {
        background-color: #fff;
        color: #78496a;
        font-weight: bold;
    }

    /*  Reduce nav tabs margin */
    div.ipm.navitem {
        margin-top: -26px;
    }

    /* Logo text left padding  */
    a.navbar-brand.logotextpad {
        float: left;
        height: 50px;
        padding: 15px 25px 15px;
        font-size: 18px;
        line-height: 20px;
        color: #dbd8bd
    }

    /*  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%;
  }
    */


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

    /* 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 */

    .table > thead > tr > th {
        font-size: 10pt;
        font-weight: bold;
        padding-bottom: 6px;
        border-color: #78496a;
    }

    /* turning off for now:
  .table > tbody > tr > td {
    padding-left: 8px;
  }
  */

    /* dashboard table header formatting */
    th.dashthead {
        color: #78496a;
    }

    /* 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;
}