/*!
 * Put styles which over-ride bootstrap here
 */


 #client-wrapper-paralaxmode {
     background: #1b75bc;
     height:56px;
 }

 #client-paralaxmode {
     /*background: none repeat scroll 0 0 #009DE2;*/
     /*height: 256px;*/
     /*margin: auto;*/
     /*width: 960px;*/
 }

 #client-content{
  /*width:524px;*/
  margin-left:83px;
  margin-right:83px;
        color: #4F4F4F;
}

.button-large {
    width: 18em;  height: 2.5em;
}


.selected-row {
  background: lightgray;

}


 .yellow_border{
  border-width: 5px;
  border-style: solid;
  border-color: #FFCC33;
  /*position: absolute;*/
  /*clip: rect(0px,50px,50px,0px);*/

 }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;
}


.btn-circle-md {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 16px 0;
  font-size: 20px;
  line-height: .4;
  border-radius: 30px;
}

.btn-circle-lg {
  width: 60px;
  height: 60px;
  text-align: center;
  padding: 16px 0;
  font-size: 20px;
  line-height: 1.42;
  border-radius: 30px;
}



/*borderless table*/

.table-borderless {
  width: 100%;
  margin-bottom: 20px;
}


.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > td {
  padding: 2px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 0px solid #dddddd;
}




.flush-top {
    margin-top: 0px;
    padding: 0px;
}

.tight-top {
    margin-top: 6px;
}
.flush-bottom {
    margin-bottom: 0px;
}
.pad-bottom10 {
    margin-bottom: 10px;
}

.tight-bottom {
    margin-bottom: 6px;
}

.push-up {
    margin-bottom: 7px;
}

/*this isn't working ! Need to pull the text down 7px on the dashboard class name*/
.pad-top-7 { 
    border-top: 7px !important;
}


.padding-right16 {
    padding: 0px 16px 0px 0px;
}


.padding-right6 {
    padding: 0px 6px 0px 0px;
}

.no-padding {
    padding: 0px;
}

.padding10 {
    padding: 10px;
}

.padding5 {
    padding: 5px;
}

.borderless {
    border: 0px;
}


/*for light gray stand-alone glyphs*/
.lightgray, .lightgray a {
  color: lightgray;

}

.red {
  color: red;

}