@font-face {
    font-family: CenturyGothic;
    src: url(../fonts/century-gothic.ttf);
}


body {
    /* font-family:'Century Gothic',CenturyGothic!important;*/
    font-family: CenturyGothic !important;
    color: #404040;
}

.footerSpace {
    height: 75px;
}

/*DASHBOARD User CSS*/


.grid12 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 12px !important;
    line-height:14px!important;
}

.grid12 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 14px !important;
}

.grid14 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 14px !important;
    line-height:18px!important;
}

.grid14 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 16px !important;
}

.grid16 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 16px !important;
    line-height:20px!important;
}

.grid16 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 18px !important;
}

.grid18 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 18px !important;
    line-height:22px!important;
}

.grid18 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 20px !important;
}

.grid36 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 36px !important;
    line-height:40px!important;
}

.grid36 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 38px !important;
}

.grid72 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > td {
    font-size: 72px !important;
    line-height:76px!important;
}

.grid72 > table > tbody > tr > td > table > tbody > tr > td > div > table > tbody > tr > th {
    font-size: 74px !important;
}




.gridBold {
    font-weight: bold !important;
}

/*DASHBOARD GENERAL CSS*/

.dashPanel {
    display: inline-block !important;
    /* padding:0px;*/
    vertical-align: text-top !important;
    border: groove;
    border-width: 1px;
    border-color: black;
    margin-left: 5px;
    width: auto;
    /*  border-color:red!important; */
}

    .dashPanel > fieldset {
        /*  border-style:none;*/
        text-align: center;
        font-size: larger;
    }

        .dashPanel > fieldset > legend {
            font-weight: bolder;
        }


/*Hidden Buttons*/

.hideMe {
    display: none;
}

.dropdownButtons2 > .btn {
    /*margin-top: 5px;
 /*  margin-bottom: 2px!important; */
    /*padding: 3px 6px!important;
    line-height: 30px;
    display:inline;
    float:left;*/
    border: 1px solid #B1B1B1 !important;
    border-color: black;
    border-radius: 4px;
    padding: 3px 5px;
    vertical-align: middle;
    height: 25px;
    margin-top: 5px;
    display: table-cell;
    max-width: 80%;
    float: left;
}

/*Outline of selected item in dropdown list*/

.dropdownButtons2 > div > .selected {
    border-color: black !important;
}

.dropdownButtons2 > .btn > div {
    background-color: white !important;
}

/*General styling for the rounded corners*/
admingrid.tobdy.igg_IGHeaderCaption > tr > th {
    white-space: nowrap !important;
}

.igg_HeaderCaption {
    white-space: nowrap !important;
}


/*Change font of row items (all grids!)*/
.ig_Item {
    font-family: 'Century Gothic', CenturyGothic, Arial, Verdana !important;
}

tbody > tr > td.igg_SelectedCell:hover {
    background-color: #414141;
}

/*Change header colour*/
.igg_HeaderCaption {
    background-color: url('');
    background-color:;
}

/*Change colour of selected row*/
tbody > tr > td.igg_SelectedCell {
    background-color:;
}

/*Change colour of alternate row*/
tbody > tr.igg_Alt > td {
    background-color:;
}

/*Font used in header*/

div.admingrid > table > tbody > tr td > table > tbody {
}

.admingrid {
    font-family: 'Century Gothic', CenturyGothic, Arial, Verdana !important;
}

/*Selected dropdownlist element*/

.dropdownButtons > .btn {
    border: 1px solid #000 !important;
    border-color: black;
    border-radius: 4px;
    padding: 3px 5px;
    vertical-align: middle;
    height: 25px;
    display: inline-block;
    font-weight: bold;
}



    /*START DROPDOWNLIST AREA*/

    /*DropdownList Menu*/

    .dropdownButtons > .btn > div {
        background-color: white !important;
    }

.dropdownButtons {
    margin-bottom: 5px;
}


/* Styling for grid resizer, used to compare column/header sizes as columns are not sized on 
     header text length, they are not displayed on page, font size is 2pts bigger for header*/

#textWidthChecker18 {
    font-family: verdana;
    text-align: left;
    font-size: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

#textWidthChecker16 {
    font-family: verdana;
    text-align: left;
    font-size: 18px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

#textWidthChecker14 {
    font-family: verdana;
    text-align: left;
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

#textWidthChecker12 {
    font-family: verdana;
    text-align: left;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

#textWidthChecker10 {
    font-family: verdana;
    text-align: left;
    font-size: 12px !important;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

#textWidthCellChecker18 {
    font-family: verdana;
    text-align: left;
    font-size: 18px !important;
}

#textWidthCellChecker16 {
    font-family: verdana;
    text-align: left;
    font-size: 16px !important;
}

#textWidthCellChecker14 {
    font-family: verdana;
    text-align: left;
    font-size: 14px !important;
}

#textWidthCellChecker12 {
    font-family: verdana;
    text-align: left;
    font-size: 12px !important;
}

#textWidthCellChecker10 {
    font-family: verdana;
    text-align: left;
    font-size: 10px !important;
}

#textWidthCheckerAll {
    font-family: verdana;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
    padding-right:12px;
}

#textWidthCellCheckerAll {
    font-family: verdana;
    text-align: left;
}




/*FROM BOOTSTRAP .CSS FOR THE DROPDOWN STYLING*/

/*.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.pull-left {
  float: left !important;
}*/

fieldset {
    border-style: groove;
    border-width: 2px;
    border-color: rgb(192,192,192);
    border-top-style: groove;
    border-top-width: 2px;
    padding-left: 14px;
    padding-right: 14px;
    padding-bottom: 12px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
}

.dashGrid {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    white-space: nowrap;
    border-top:none;
    border-left:none;
    border-right:none;
}

.dashGrid tbody.igg_Item>tr>td{
     border-top:none;
    border-bottom:none;
    padding-top:6px;
    padding-bottom:6px;
}



.dashHeader {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    color: white;
}

.dashPanel > .panel-heading {
    background-color: black;
    text-align: center;
}

.panel-heading {
    padding: 0px;
    border-bottom:0px;
}

.centerLogo {
    display: block;
    margin: auto;
}

/* Match the left side of the dropdown with the dashboard boxes*/

.dashDropdown {
    margin-left: 5px !important;
}

.dashButton {
    display: inline-block;
    padding: 3px 6px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #cccccc !important;
    /* background-image: linear-gradient(#1a1a1a, #404040)!important; */
    color: black;
    border-color: #0d0d0d;
    margin-bottom: 3px;
    margin-left:5px;
}

    .dashButton:hover,
    .dashButton:focus,
    .dashButton:active {
        background-color: #ff0000 !important;
        border-color: black;
        color: white;
        text-decoration: none !important;
    }

.errorPanel {
    background-color: #ff3333 !important;
    color: black;
    border-radius: 4px;
}

.centeredPanel {
    margin: auto;
    padding: 10px;
    width: 50%;
    overflow: hidden;
    display: block !important;
}

.spacer5 {
    display: inline-block;
    width: 5px;
}

.spacer20 {
    display: inline-block;
    width: 20px;
}


.settingsLink{
    display:inline-block;
    float: right;  
    padding-top:7px;
}

.settingsImage{
    width:17px;
    height:17px;
  
}

/*.settingsLink::after{
    clear:both;
    content:"";
    display:table;
}*/

/*Hidden Buttons*/

.hideMe {
    display: none;
}

.gridCenter
{
    text-align:center!important;
}

/*Adds bottom border for goal colours as they can have multiple rows of the same colour
    grouped together, this makes it easier to read
*/

.dashGrid tbody > tr.dashboardGoalAbove > td{   
    border-bottom:1px solid #b3b3b3;
}

.dashGrid tbody > tr.dashboardGoalBelow > td{   
    border-bottom:1px solid #b3b3b3;
}