@media screen{
    #cartOptPrint, #loadNumberPrintLabel{
        display: none;
    }

    .loadPriorityPrint, .loadRevisionPrint{
        display: none;
    }

    #head_logo {
        display: block;
    }
}

@media print{
    .largeDropLetter {
        color: #e4e4e4 !important;
        -webkit-print-color-adjust: exact;
    }

    #head_logo,
    #scratchFooter,
    #scratchFooterSave,
    #scratchFooterOptimize,
    #cartOptDisplay,
    #loadNumberLabel,
    #bayNumberLabel,
    #admin-production-warning,
    #company-header,
    #create-scratch-legend,
    #main-menu-div {
        display: none;
    }

    .loadPriority, .loadRevision {
        display: none;
    }

    .avoidPrintBreak {
        page-break-inside: avoid;
    }
}

body {
  width: 1060px; /*1065px;*/ /*1100px;*/
  background: #fff;
  margin: 0px;
  padding: 0px;
  color: #000;
  /*font-size: 100%;
  font-family: Georgia,'Times New Roman',times,serif;*/
  padding-bottom: 60px;
}

/*Dave added this to override the Bootstrap version*/
hr {
    border:none;
    border-top:1px solid;
    margin-top: 10px;
    margin-bottom: 10px;
    width: inherit;
}

#header {
  position: fixed;
  margin-top: -20px;
  padding-top: -15px;
  width: 1065px;/*1100px;*/
  background: #DAE0D2 url("../images/bg.gif") repeat-x bottom;
  font-size: 93%;
  line-height: normal;
  z-index: 4;
}

#headerGA {
  position: fixed;
  margin-top: -20px;
  padding-top: -15px;
  width: 1065px;/*1300px;*/
  background: #DAE0D2 url("../images/bg.gif") repeat-x bottom;
  font-size: 93%;
  line-height: normal;
  z-index: 4;
}

#header h1, #headerGA h1{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
#header img, #headerGA img {
    float: left;
}
#header ul, #headerGA ul {
  margin:0;
  padding: 10px 10px 0px 10px;
  list-style:none;
}
#header li, #headerGA li {
  float: left;
  text-align: center;
  background:url("../images/left.gif") no-repeat left top;
  margin: 0px;
  padding: 0px 0px 0px 9px;
}
#header a, #headerGA a {
  display: block;
  background: url("../images/right.gif") no-repeat right top;
  margin-left: -5px;
  padding: 5px 2px 4px 0px;
  text-decoration: none;
}
#header #current, #headerGA #current {
  background-image: url("../images/left_on.gif");
  }
#header #current a, #headerGA #current a {
  background-image: url("../images/right_on.gif");
  padding-bottom: 5px;
}
#head_main {
    float: left;
    width: 1100px;
}
#headGA_main {
    float: left;
    width: 1065px;/*1300px;*/
}
#head_form {
    float: right;
    margin-top: 20px;
}

.abs-abbr-help-block {
    position: absolute;
    left: 300px;
    color: #999;
    font-size: 12px;
    line-height: 2;
}
.abs-phone-help-block {
    position: absolute;
    left: 280px;
    color: #999;
    font-size: 12px;
    line-height: 2;
}
.abs-primary-email-help-block {
    position: absolute;
    left: 570px;
    color: #999;
    font-size: 12px;
    line-height: 2;
}
.abs-group-2-help-block {
    position: absolute;
    left: 210px;
    color: #999;
    font-size: 12px;
    line-height: 2;
}

.admin-production-warning {
    text-align: center;
    color: #fff;
    background-color: #c9302c;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
}

.admin-production-warning-border {
    border: 4px solid #c9302c;
}

.company-header {
    padding-left: 80px;
    padding-right: 80px;
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.company-header-yellow {
    background-color: #ec971f;
}

.company-header-green {
    /* background-color: #3a7d29; */
    background-color: #449d44;
}

.company-header-blue {
    background-color: #286090;
}

.company-header-purple {
    background-color: #563d7c;
}

.company-name {
    color: #fff;
    font-size: 16pt;
    font-family: Courier New, Courier, monospace;
    font-weight: 400;
    text-shadow: -1px 0 darkslategrey, 0 1px darkslategrey, 1px 0 darkslategrey, 0 -1px darkslategrey;
}

.company-phrase {
    color: #fff;
    font-size: 14pt;
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    font-style: italic;
    font-weight: 100;
    /* text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
}


#footer {
    float: left;
    width: inherit;
}

#footer p {
text-align: right;
    margin-top: -0px;
}

#tab-header {
    position: fixed;
    background: #DAE0D2 url("../images/bg.gif") repeat-x bottom;
float: left;
clear: left;
width: 1100px;
min-height: 82px;
margin-top: 125px;
    margin-bottom: -10px;
    padding-top: 0px;
    padding-bottom: 0px;
text-align: center;
font-weight: bold;
border-bottom: solid;
    z-index: 2;
}

#tab-head {
font-size: 200%;
font-weight: bolder;
    padding-top: 0px;
}

.tab-title{
    margin-bottom: 5px;
}

#growerInfo{
    position: relative;
    float: left;
    width: 1100px;
    text-align: center;
}
#growerInfo h1{
    margin-top: 0px;
    margin-bottom: -0px;
    padding: 0px;
    text-decoration: underline;
}
#growerInfo h2{
    margin-top: 0px;
    margin-bottom: -0px;
    padding: 0px;
}
#growerInfo h3{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#soldTo{
    position: relative;
    float: left;
    width: 300px;
}

#soldBy{
    position: relative;
    float: left;
    width: 400px;
    text-align: center;
}
#soldBy h1{
    margin-top: 0px;
    margin-bottom: -0px;
    padding: 0px;
    text-decoration: underline;
}
#soldBy h2{
    margin-top: 0px;
    margin-bottom: -0px;
    padding: 0px;
}
#soldBy h3{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#restInfo{
    position: relative;
    float: left;
    margin-top: -20px;
    margin-left: 60px;
}

/* Cart look */

#cart {
    position: fixed;
    left: 10px;
    top: 140px;
    text-align: left;
    z-index: 3
}

#scroll {
    position: absolute;
    margin-top: 260px;
    padding-bottom: 50px;
float: left;
    width: 1100px;
    z-index: 1;
}

#scroll1 {
    position: absolute;
    margin-top: 200px;
    padding-bottom: 50px;
float: left;
    width: 1100px;
    z-index: 1;
}

#scroll1Prod {
    position: absolute;
    margin-top: 210px;
    padding-bottom: 50px;
float: left;
    width: 1100px;
    z-index: 1;
}

.scrolllabel {
display: block;
margin-left: 20px;
font-weight: normal;
    font-size: 80%;
}

.scrollLabelBlank {
display: block;
margin-left: 65px;
font-weight: normal;
    font-size: 80%;
    text-decoration: line-through;
}

.noQOH{
margin-left: 47px;
font-weight: normal;
    font-size: 100%;
    text-decoration: line-through;
}

.cartlabel {
    display : inline;
    font-weight: bold;
}

.cartComment {
    text-align: left;
    margin-top: 0px;
    margin-left: 50px;
}

.sublabel {
display: block;
margin-left: 20px;
font-weight: bold;
    font-size: 100%;
    text-decoration: underline;
}

.dummylabel {
    display: block;
margin-left: 60px;
font-weight: normal;
    font-size: 80%;
}

#tabSection1{
    margin-left: 300px;
    width: 711px;
}

#tabSection{
    width: 711px;
    margin-top: 0px;
    margin-left: 300px;
}

.tab4-left {
float: left;
    width: 245px;
margin-right: 0px;
margin-left: 10px;
    margin-top: -0px;
}

.tab4-leftcenter {
float: left;
width: 245px;
}

.tab4-rightcenter {
float: left;
width: 245px;
}
.tab4-right {
float: left;
    width: 245px;
margin-left: 0px;
    margin-top: -0px;
}

.productSection{
    postion: relative;
    float: left;
    clear: both;
    width: 1011px;
    margin-bottom: 90px;
}

.tabPK-left {
    position: absolute;
left: 0px;
    margin-top: -50px;
}
.tabPK-center {
    position: absolute;
left: 180px;
margin-top: -50px;
 }
.tabPK-right {
position: absolute;
left: 430px;
    margin-top: -50px;
}

.tab3-left {
float: left;
margin-left: 20px;
    margin-top: -50px;
    width: 330px;
}
.tab3-center {
    float: left;
    margin-left: 0px;
    margin-top: -50px;
    width: 330px;
}
.tab3-right {
float: left;
width: 330px;
    margin-top: -50px;
    text-align: left;
}
.tab3-left1Prod {
float: left;
margin-left: 20px;
    margin-top: 0px;
    width: 330px;
}
.tab3-center1Prod {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    width: 330px;
}
.tab3-right1Prod {
float: left;
width: 330px;
    margin-top: 0px;
    text-align: left;
}
.tab31-left {
float: left;
    clear: left;
margin-left: 20px;
    margin-top: 0px;
    width: 330px;
}
.tab31-center {
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    width: 330px;
}
.tab31-right {
float: left;
width: 330px;
    margin-top: 0px;
    text-align: left;
}
.tab2-left {
    float: left;
    margin-top: -50px;
margin-left: 20px;
    margin-right: 0px;
    width: 470px;
}
.tab2-right {
    float: left;
    margin-top: -50px;
width: 470px;
    text-align: left;
}
.tab2-left1 {
    position: relative;
    float: left;
    clear: left;
    margin-top: -0px;
margin-left: 20px;
    margin-right: 0px;
    width: 300px;
}
.tab2-right1 {
    position: relative;
    float: right;
    margin-left: 20px;
    margin-top: -25px;
    margin-bottom: 0px;
width: 400px;
    text-align: left;
}
.tab2-info-left {
    position: relative;
    float: left;
    clear: left;
    margin-top: 10px;
margin-left: 100px;
    margin-right: 0px;
    width: 450px;
}
.tab2-info-right {
    position: relative;
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 0px;
width: 450px;
    text-align: left;
}

.floatleft3 {
    float: left;
    position: relative;
    clear: both;
    margin-top: 0px;
    margin-bottom: -25px;
}

.leftCol {
    position: relative;
    float: left;
    clear: left;
    margin-top: 50px;
margin-left: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 300px;
}
.rightCol {
    position: relative;
    float: right;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
width: 600px;
    text-align: left;
}
.delSub {
display: block;
margin-left: 0px;
font-weight: bold;
    font-size: 100%;
}

.floatleft {
    float: left;
    position: relative;
}

.floatleft h3, .floatleft h2, .floatleft h1 {
    text-align: center;
    margin-top: -10px;
    text-decoration: underline;
}

.itemHead{
    /*margin-top: 10px;*/
}

.itemUnits{
    margin-top: 5px;
    margin-left: 0px;
    font-weight: bold;
    font-size: .9em;
    border-top: none;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
}

.itemDescr{
    /*margin-top: 10px;*/
    margin-left: 0px;
    font-weight: bold;
    font-size: 1.0em;
    text-decoration: underline;
}

.itemDescrWrap{
    margin-top: -25px;
    margin-left: 60px;
    margin-bottom: -30px;
}

.itemDescrWrapCJ{
    margin-top: -10px;
    margin-left: 60px;
    margin-bottom: -30px;
}

.itemDescr2{
   margin-top: -0px;
   margin-left: 60px;
   margin-bottom: 0px;
   font-style: italic;
   font-weight: 600;
}

.itemDescr2PK{
   margin-top: -0px;
   margin-left: 10px;
   margin-bottom: 0px;
   font-style: italic;
   font-weight: 600;
}

.tabComments{
    margin-top: -0px;
    margin-left: 50px;
    font-weight: normal;
    font-size: .8em;
}
.itemNo{
    font-size: .8em;
    font-weight: bold;
    margin-left: 60px;
}

.itemNoCJ{
    top: -20px;
    position: relative;
    margin-left: 60px;
    margin-top: -30px;
    font-size: .8em;
    font-weight: bold;
}

.subCart {
    position: relative;
    left: 10px;
    top: -60px;
    z-index: 3;
}

.floatleft1 {
    float: left;
    position: relative;
    clear: both;
    margin-bottom: 0px;
}

.floatleft1 h3, .floatleft1 h2, .floatleft1 h1 {
    text-align: left;
    margin-top: -0px;
    margin-left: 10px;

}

.floatleft1 h4 {
    text-align: left;
    margin-top: -0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.subCart1 {

}

.floatleft2 {
    float: left;
    position: relative;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
}

.subCart2 {
    position: relative;
    float: left;
    left: 10px;
    top: 0px;
}

.scrolllabel1 {
display: block;
    margin-top: 0px;
margin-left: 20px;
    margin-bottom: 20px;
font-weight: normal;
    font-size: 80%;
}

.center {
    text-align: center;
}

.tablecenter {
    width: 800px;
    margin-left: 25px;
    margin-right: 25px;
}

#growers {
    border-collapse: collapse;
    width: 900px;
}

#growers th {
    background-color:green;
    color:white;
}

.alt {
    background-color: #D0D0D0;
}

#growers, th, td {
    border:1px solid green;
}

#growers th, #growers td {
    text-align: left;
    padding:5px;
    height: 35px;
    vertical-align: bottom;
}

.editGrower {
    margin-left: 200px;
    width: 500px;
}

.editGrower h1 {
    text-align: center;
    margin-left: 80px;
}

#updateGrower {
    text-align: left;
    margin-left: 50px;
}

#updateGrower label {
    display: block;
    position: relative;
    margin-bottom: 20px;
    font-size: 1.2em;
}

#updateGrower label input {
    position: absolute;
    left: 90px;
    font-size: 1.0em;
    width: 100%;
}

.inline {
    display: inline;
    margin-top: 50px;
    margin-left: 100px;
}

.inline-user {
    display: inline;
    margin-left: 170px;
}

.inlineUpSubmit {
    display: inline;
    position: absolute;
    left: 184px;
    /*background-color: green;
    border: 1px solid green;
    font-size: 1.5em;
    padding: 4px;
    color: black;
    font-weight: bold;*/
}

.inlineDelSubmit {
    display: inline;
    position: absolute;
    left: 780px;
    /*background-color: indianred;
    border: 1px solid indianred;
    font-size: 1.5em;
    padding: 4px;
    color: black;
    font-weight: bold;*/
}

.inlineDelForm {
    margin-top: -50px; /*-40px*/
}

.inlineUserDelForm {
    margin-top: -40px;
}

#login {
    text-align: left;
    margin-left: 100px;
}

#login label {
    display: block;
    position: relative;
    margin-bottom: 20px;
    font-size: 1.2em;
}

#user_id_submit {
    position: absolute;
    left: 130px;
    font-size: 1.0em;
}

#user_id {
    position: absolute;
    left: 130px;
    font-size: 1.0em;
    width: 125px;
}
#user_pwd {
    position: absolute;
    left: 130px;
    font-size: 1.0em;
    width: 125px;
}

#menu {
    margin-left: 50px
}

#menu form {
    margin-bottom: 10px;
}
/*
#menu form input {
    font-size: 1.2em;
}
/*
#menu button {
    font-size: 1.2em;
    margin-bottom: 10px;
}
*/

.btn-quickbooks {
  background-image: url(../images/C2QB_white_btn_sm_default.png);
  background-repeat: no-repeat;
  background-size: 32px 32px;
  padding-left: 36px;
}

.btn-quickbooks:hover {
  background-image: url(../images/C2QB_white_btn_sm_hover.png);
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

#authorize {

}

#authorize h3 {
    margin-left: 100px;
    background-color: red;
    width: 400px;
}

#updateUser {
    text-align: left;
    margin-left: 50px;
    width: 800px;
}

#updateUser label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    /*font-size: 1.1em;*/
}

#updateUser label.stand-alone {
    max-width: 134px;;
}

#updateUser label input, #updateUser label select {
    position: absolute;
    left: 135px;
    font-size: 1.0em;
}

#deleteUser {
    text-align: left;
    margin-left: 50px;
    width: 600px;
}

#deleteUser label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    /*font-size: 1.1em;*/
}

#deleteUser label input, #updateUser label select {
    position: absolute;
    left: 135px;
    font-size: 1.0em;
}

.reqFld{
    position: absolute;
    left: 125px;
    color: red;
    font-weight: bold;
}

#updateTab {
    text-align: left;
    margin-left: 50px;
    width: 700px;
}

#updateTab label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    /*font-size: 1.1em;*/
}

#updateTab label input, #updateTab label select {
    position: absolute;
    left: 180px;
    font-size: 1.0em;
}

.updateTab {
    text-align: left;
    margin-left: 50px;
    width: 600px;
}

.updateTab label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.updateTab label input, .updateTab label select {
    position: absolute;
    left: 180px;
    font-size: 1.0em;
}

.skuLabel{
    position: absolute;
    left: 230px;
}

#addUser {
    text-align: left;
    margin-left: 50px;
    width: 500px;
}

#addUser label {
    display: block;
    position: relative;
    margin-bottom: 10px;
    font-size: 1.2em;
}

#addUser label input {
    position: absolute;
    left: 140px;
    font-size: 1.0em;
    width: 70%;
}

#prodDisplay {
   margin-left: 150px;
   font-size: 1.2em;
}

#prodDisplay label, #prodDisplay input, #prodDisplay textarea, #prodDisplay select {
   /*font-size: 1.1em;*/
}

#prodDisplay input {
   margin-top: 10px;
}

#prodDisplay select {
   margin-top: 10px;
}

#viewOrder {
    text-align: left;
    margin-left: 30px;
}

#viewOrder select {
    margin-bottom: 20px;
    font-size: 1.2em;
}

#pageDivider {
    position: relative;
    float: left;
    clear: both;
    width: 1011px;
    margin-top: 10px;
}

.sectionDivider {
    float: left;
    postion: relative;
    clear: both;
    width: 1011px;
    margin-top: 10px;
}


#sectionHead {
    float: left;
    position: relative;
    clear: both;
    text-align: center;
    margin-top: -50px;
    margin-bottom: 50px;
    font-size: 2.0em;
    font-weight: bolder;
}

#sectionFoot {
    float: left;
    position: relative;
    clear: both;
    margin-bottom: 50px;
}

#pageDivider1 {
    position: relative;
    float: left;
    clear: both;
    width: 1011px;
    margin-top: 10px;
}

#sectionHead1 {
    float: left;
    position: relative;
    clear: both;
    text-align: center;
    margin-top: -0px;
    margin-bottom: -10px;
    font-size: 2.0em;
    font-weight: bolder;
}

#sectionFoot1 {
    float: left;
    position: relative;
    clear: both;
    margin-bottom: 50px;
}

#scratch {
    float: left;
    position: relative;
    clear:left;
    width: 1055px;
    margin-left: 10px;
    margin-right: 0px;
}
.scratchFooterSaveHide {
    float: left;
    position: relative;
    clear:left;
    width: 1045px;
    margin-top: -100px;
    margin-left: 10px;
    margin-right: 0px;
    font-size: 1.5em;
}
.scratchFooterSave {
    float: left;
    position: relative;
    clear:left;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 0px;
    font-size: 1.2em;
}
.scratchFooterRedo {
    float: left;
    position: relative;
    clear:left;
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 0px;
    font-size: 1.2em;
}
.scratchFooterMain {
    float: left;
    position: relative;
    clear:left;
    width: 120px;
    margin-top: 40px;
    margin-left: 40px;
    margin-right: 0px;
    font-size: 1.2em;
}

.finished-with-scratch-checkbox {
    margin-left: 40px;
    clear:both;
    font-size: 1.5em;
}

.float-bottom{
    position: fixed;
    bottom: 0px;
    width: 1015px;
    height: 330px;
    padding-top: 10px;
    background-color: white;
}

.float-bottom label input {
    font-size: 1.2em;
}

.float-bottom input {
    font-size: 1.2em;
}

.loadPriorityDisplay{

}

.loadPriorityPrint{

}

.cartOptDisplay{
    float: left;
    position: relative;
    clear:left;
    width: 690px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 60px;
    font-size: 1.5em;
}

.cartOptPrint{
    float: left;
    position: relative;
    clear:left;
    width: 690px;
    margin-top: -20px;
    margin-left: 160px;
    margin-right: 0px;
    font-size: 1.4em;
}

.cartOptDisplay h2{
    text-align: center;
}

.cartOptionsInput{
    width: 30px;
    height: 30px;
}

.cartOptionsCol1{
    position: absolute;
    margin-left: 100px;
    text-align: left;
}

.cartOptionsCol2{
    position: absolute;
    margin-left: 450px;
    text-align: left;
}
/*
.box{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-right-width: 1px;
}
.boxLeftOnly{
    border-left-style: solid;
    border-left-width: 5px;
}
.boxTopOnly{
    border-top-style: solid;
    border-top-width: 5px;
}
.boxRightOnly{
    border-right-style: solid;
    border-right-width: 5px;
}
.boxBotOnly{
    border-bottom-style: solid;
    border-bottom-width: 5px;
}
*/
#cartRow{
    float: left;
    position: relative;
    clear:left;
    /*height: 170px;*/
    height: 155px;
    /*width: 1200px;*/
    width: 1055px;
    margin: 0px;
}

#palletRow{
    float: left;
    position: relative;
    clear:left;
    height: 121.42px;
    width: 1200px;
    margin: 0px;
}

#cartCol1{
    float: left;
    position: relative;
    /*height: 170px;*/
    height: 155px;
    width:20px;
    font-size: 1.3em;
}

#palletCol1{
    float: left;
    position: relative;
    height: 121.42px;
    width:30px;
    font-size: 1.3em;
}

#cartCol1 p {
    position: absolute;
    top: 80px;
}

#palletCol1 p {
    position: absolute;
    top: 20px;
}

#cartCol2{
    float: left;
    /*margin-left: 5px;*/
    position: relative;
    /*height: 170px;*/
    height: 155px;
    width:275px;
}

#palletCol2{
    float: left;
    margin-left: 5px;
    position: relative;
    height: 121.42px;
    width: 420px;
}

#cartCol3{
    float: left;
    position: relative;
    /*height: 170px;*/
    height: 155px;
    width:275px;
}

#cartCol4{
    float: left;
    position: relative;
    /*height: 170px;*/
    height: 155px;
    width:275px;
}

#palletCol4{
    float: left;
    position: relative;
    height: 121.42px;
    width: 420px;
}

.cartCol5Mileage{
    font-size: 1.4em;
    text-align: left;
    margin-top: 10px;
    font-weight: bold;
    position: relative;
    height: 155px;
    width: 195px;
    margin-left: 860px;
}

.totMiles{
    font-weight: bold;
}
.direction{
    margin-top: -10px;
    font-weight: bold;
}

.cartCol5Trailer{
    text-align: left;
    margin-top: 10px;
    font-size: .9em;
    position: relative;
    height: 155px;
    width: 195px;
    margin-left: 860px;
}

.cartCol5{
    text-align: left;
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    height: 155px;
    width: 195px;
    margin-left: 860px;
}

.cartCol5LoadComments {
    text-align: left;
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    /* height: 465px; */
    height: 1200px;
    width: 195px;
    margin-left: 860px;
    z-index: 5;
}

.cartCol5FirstStop {
    text-align: left;
    margin-top: 10px;
    font-size: 1.5em;
    font-weight: bold;
    position: relative;
    height: 310px;
    width: 195px;
    margin-left: 860px;
    z-index: 5;
}

.noBorder{
    border-style: none;
}

.scratchTopRow{
    margin-left: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.coverLoad{
    border: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #ffff66;
    font-size: 1.2em;
}

.scratchLoad{
    border: none;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 1.2em;
}

.scratchLoc{
    font-size: 1.2em;
    font-weight: bold;
}

.scratchLabel{
    font-size: 1.4em;
    margin-left: 10px;
}

.cityState{
    position: absolute;
    top: 85px;
    font-size: .9em;
    margin-left: 5px;
}

.palletCityState{
    position: absolute;
    top: 65px;
    font-size: .9em;
    margin-left: 5px;
}

.alignBottom{
    position: absolute;
    top: 106px;
    font-size: 1.0em;
    margin-left: 5px;
}

.palletAlignBottom{
    position: absolute;
    top: 80px;
    font-size: 1.0em;
    margin-left: 5px;
}

.alignVert{
    position: absolute;
    top: 65px;
    margin-left: 5px;
    font-weight: bold;
}

.palletAlignVert{
    position: absolute;
    top: 45px;
    margin-left: 5px;
    font-weight: bold;
}

.selGrower{
    position: relative;
    float: right;
    margin-top: 0px;
    margin-right: 2px;
    font-size: .8em;
}

.selGrowerSmaller{
    position: relative;
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    font-size: .75em;
}

.selGrowerSmallerLeft{
    position: relative;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    font-size: .75em;
}

.assignGrower{
    background-color: #ffff66;
    margin-top: 0px;
    margin-right: 1px;
    width: 60px;
}

.assignGrowerSmaller{
    background-color: #ffff66;
    margin-top: 0px;
    margin-right: -2px;
    width: 45px;
    font-size: .75em;
}

.displayGrower{
    font-size: 120%;
    font-weight:500;
}

.trailerBoxes{
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

.trailerBoxes input{
    position: absolute;
    top: 0px;
    /*left: 190px;*/
    left: 130px;
    border-color: black;
    border-style: solid;
    border-width: 2px;
}

.orderOptions{
    margin-left: 20px;
}

.orderOptions2{
    margin-left: 40px;
}

.mixedCartLink{
    margin-left: 20px;
    text-decration: underline;
    color: blue;
}

#print{
    margin-top: -50px;
}

#userLoginReport{
    position: relative;
    float: left;
    margin-left: 50px;
}

#userLoginReport table{
    margin-bottom: 30px;
    border-collapse: collapse;
}

#userLoginReport table th{
    text-align: left;
}

#userLoginReport table tr{
    height: 25px;
}

#finalizeHead{
    width: 800px;
    margin-top: 50px;
    margin-left: 50px;
}

#finalizeHead h1{
    text-align: center;
}

#finalizeHead h4{
    margin-top: -40px;
    text-align: center;
}

#finalizeBody{
    /*font-size: 1.1em;*/
    margin-top: 50px;
    margin-left: 50px;
}

#finalizeBody input{
    /*font-size: 1.1em;*/
    margin-top: 10px;
}

.textBlue{
    color: blue;
}

.orderSelectIndent{
    position: absolute;
    left: 120px;
}

.prodIndent{
    margin-left: 106px;
}

#updateSysInfo {
    text-align: left;
    margin-left: 50px;
}

#updateSysInfo form label {
    display: block;
    position: relative;
    margin-bottom: 1px;
    font-size: 1.2em;
}

#updateSysInfo form label input {
    position: absolute;
    left: 180px;
    font-size: 1.0em;
}

#updateSysInfo form label select {
    position: absolute;
    left: 180px;
    font-size: 1.0em;
}

.infoList{
    margin-left: 20px;
    margin-bottom: -10px;
    /*font-size: 1.1em;*/
    font-weight: 500;
}

.tabSectHeader{
    margin-top: 20px;
    width: 1011px;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
}

#sectBody{
    width: 1040px;
    position: relative;
    float: left;
}

#editBody{
    width: 1040px;
    position: relative;
    float: left;
    margin-left: 50px;
    margin-bottom: 100px;
}

.cjlabel{
    text-decoration: underline;
    font-size: larger;
    font-weight: bold;
}

.htmlPDF {
    margin: 0px;
    padding: 0px;
}

.selectSR{
    margin-left: 0px;
}

.boxed{
    border-style: solid;
    padding: 5px;
}

#standard{
    width: 50px;
    line-height: 30px;
    vertical-align: bottom;
    font-size: 1.0em;
    margin-bottom: 0px;
}

.coverCol1{
    position: absolute;
    left: 350px;
    font-weight: bolder;
    text-decoration: underline;
}

.coverCol2{
    position: absolute;
    left: 600px;
    font-weight: bolder;
    text-decoration: underline;
}

.coverCol3{
    position: absolute;
    left: 770px;
    font-weight: bolder;
    text-decoration: underline;
}

.spaceOut{
    line-height: 1em;
}

.eMail1{
    position: absolute;
    left: 320px;
}

.fax1{
    position: absolute;
    left: 420px;
}

.eMail2{
    position: absolute;
    left: 570px;
}

.fax2{
    position: absolute;
    left: 670px;
}

.billCSV{
    position: absolute;
    left: 770px;
}

strong{
    font-size: xx-large;
}
.floatright{
    float: right;
    margin-top: 20px;
    margin-right: 50px;
}
.loadPriority, .loadRevision {
    font-size: xx-large;
    font-weight: bolder;
}

.sysUpdate{
    width: 800px;
    margin-left: 50px;
}

.indent{
    margin-left: 30px;
}

#logout h1, #logout h3{
    width: 800px;
    text-align: center;

}

.specInstruct{
    float: left;
    width: 940px;
    margin-top: 0px;
    margin-left: 20px;
}

.warning-text{
    color: red;
    font-weight: bolder;
}

.allOK{
    color: green;
    font-weight: bolder;
}

input.delPict{
    margin-top: -10px;
    background-color: red;
}

input.upLoadPict{
    margin-top: 0px;
    background-color: green;
}

span.dropt {
    border-bottom: thin dotted;
    background: #ffeedd;
    cursor: help;
}
span.dropt:hover {
    position: relative;
    text-decoration: none;
    background: #ffffff;
    z-index: 6;
}
.droptSpan {
    position: absolute;
    left: -9999px;
    margin: 20px 0 0 0px;
    padding: 3px 3px 3px 3px;
    border-style:solid;
    border-color:black;
    border-width:1px;
    z-index: 6;
}
span.dropt:hover span.droptSpan {
    left: -80px;
    background: #ffffff;
    margin: 20px 0 0 170px;
    background: #ffffff;
    z-index:6;
}

.greyOut {
    background-color: #999999;
}

/* Order Upload CSS */
.order-upload-sku {
    background-color: yellow;
}

.order-upload-total-carts {
    background-color: pink;
}

.order-upload-po-header {
    background-color: peachpuff;
}

.order-upload-cust {
    background-color: lightblue;
}

.order-upload-qty {
    background-color: lightgreen;
}

.order-upload-po {
    background-color: orange;
}

/*Order Colors Disabled*/
.orderYellowDisabled{
    background-color: #777700;
}

.orderRedDisabled{
    background-color: #770000;
}

.orderGreenDisabled{
    background-color: #1c561c;
}

.orderPinkDisabled{
    background-color: #7c5c61;
}

.orderBlueDisabled{
    background-color: #74939e;
}

.orderOrangeDisabled{
    background-color: #7c5000;
}

/*Order Colors*/
.orderYellow{
    background-color: yellow;
}

.orderRed{
    background-color: red;
}

.orderGreen{
    background-color: #4ACC4A;
}

.orderPink{
    background-color: pink;
}

.orderBlue{
    background-color: lightblue;
}

.orderOrange{
    background-color: orange;
}

.orderOrange-NotUsable{
    background-color: orange;
}

.orderLightGreen{
    background-color: #ADEBAD;
}

.orderTopLightGreen {
    border-top: 4px solid green;
}

.orderTopLightGreen + tr table {
    margin-bottom: 0;
}

.legendEntry {
    cursor: pointer;
}

.clearProduct{
    margin-left: 30px;
    font-weight: bolder;
    font-size: larger;
}

.clearProductButton{
    margin-left: 10px;
    color: red;
    font-weight: bolder;
    font-size: larger;
}

.copyShipTo{
    font-weight: bolder;
    font-size: larger;
    line-height: 50px;
}
.copyShipTo input {
    position: absolute;
    left: 300px;
}

.errMsgCopy{
    position: absolute;
    left: 400px;
    color: red;
}

.userActive{
    position: absolute;
    left: 240px;
    margin-top: -8px;
}

/*Styles Dave has added */

/*Grower Item*/
.paddingLR20 {
    padding-left: 20px;
    padding-right: 20px;
}

/*Report styles*/
.startDate, .endDate {
    width: 100px;
}

.cartCol5LoadCommentsTextarea {
    font-size: initial;
    height: 100%;
    width: 100%;
}

.avoidPrintBreak {
    page-break-inside: avoid;
}

div.page {
    page-break-after: always;
    page-break-inside: avoid;
    float: none;
}

div.page_nobreak {
    page-break-inside: avoid;
    page-break-after: avoid;
    float: none;
}

div.page_single_page {
    page-break-inside: avoid;
    page-break-after: avoid;
    float: none;
}

div.section {
    page-break-inside: avoid;
    page-break-after: avoid;
}

label.no-break {
    page-break-inside: avoid;
    page-break-after: auto;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.message {
    color: green;
    font-weight: bolder;
    font-size: 1.5em;
    padding: 5px;
    border: 1px solid green;
}

.error_message {
    color: red;
    font-weight: bolder;
    font-size: 1.5em;
    padding: 5px;
    border: 1px solid red;
}

#userEmailWrapper {
    margin-left: 134px;
    /* margin-right:-134px; */
    margin-top: -30px;
    margin-bottom: 10px;
}

.userEmailWrapper {
    margin-left: 134px;
    margin-right:-134px;
    margin-top: -30px;
    margin-bottom: 10px;
}

#updateUser input.token-input {
    left: initial;
}

.pointer {
    cursor: pointer;
}

.cursorDefault {
    cursor: default;
}

.cursorDisabled {
    cursor: not-allowed;
}

#availabilityErrorDiv, #fullyCartedErrorDiv {
    margin-left: 50px;
}

.scratch_sheet_legend td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.drop_letter_td {
    width: 50px;
}

.mileage_td {
    width: 80px;
}

.truckSizeSelect {
    font-size: 14pt;
}

.box{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-right-style: dotted;
    border-right-width: 1px;
    /*
    border-left-style: dotted;
    border-left-width: 1px;
    border-top-style: dotted;
    border-top-width: 1px;
    */
}
.box[data-link] {
    cursor: pointer;
}
.boxLeftBlack {
    border-left-style: solid;
    border-left-width: 5px;
}
.boxTopBlack {
    border-top-style: solid;
    border-top-width: 5px;
}
.boxRightBlack {
    border-right-style: solid;
    border-right-width: 5px;
}
.boxBottomBlack {
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.boxTopHalfBlackRight:before {
    content: "";
    position: absolute;
    right : 0;
    top: 0;
    height: 5px;
    width: 140px;
    border-top-style: solid;
    border-top-width: 5px;
    border-color: black;
}
.boxTopHalfBlackLeft:after {
    content: "";
    position: absolute;
    left : 0;
    top: 0;
    height: 5px;
    width: 135px;
    border-top-style: solid;
    border-top-width: 5px;
    border-color: black;
}
.boxBottomHalfBlackRight:before {
    content: "";
    position: absolute;
    right : 0;
    bottom: 0;
    height: 5px;
    width: 140px;
    border-top-style: solid;
    border-top-width: 5px;
    border-color: black;
}
.boxBottomHalfBlackLeft:after {
    content: "";
    position: absolute;
    left : 0;
    bottom: 0;
    height: 5px;
    width: 135px;
    border-top-style: solid;
    border-top-width: 5px;
    border-color: black;
}

.coverSheetCartNumber {
    padding-left: 2px;
    border-right: dotted 1px;
    border-bottom: dotted 1px;
    /*width:30px;*/
    width: 58px;
    font-size: 14pt;
    font-weight: bold;
    float: left;
}

.coverSheetCityStateMileage {
    padding-left: 2px;
    float: left;
    padding-top: 5px;
    /*width: 205px;*/
    width: 178px;
    text-align: center;
}

.coverSheetDropLetter {
    padding-left: 2px;
    border-left: dotted 1px;
    border-bottom: dotted 1px;
    /*width:30px;*/
    width: 28px;
    font-size: 14pt;
    font-weight: bold;
    float: right;
}

.coverSheetCustomerName {
    padding-left: 5px;
    font-size: 12pt;
    font-weight: bold;
    clear: both;
    text-align: center;
    border-bottom: dotted 1px;
}

.coverSheetFreightEmpty {
    padding-top: 65px;
    padding-left: 60px;
    font-size: 14pt;
    font-weight: bold;
}

.coverSheetCartProducts {
    font-size: 8pt;
    /*font-size: 9pt;*/
}

.coverSheetCartProducts ul {
    list-style-type: none;
    padding-left: 5px;
}

.clearBoth {
    clear: both;
}

.floatLeft {
    float: left;
}

.rightPaddingSmall {
    padding-right: 10px;
}

.movableCarts {
    display: inline-block;
}

.movableCart {
    width: 100%;
    height: 100%;
}

.largeDropLetter {
    position: absolute;
    font-size: 116pt;
    text-align: center;
    width: inherit;
    color: #e0e0e0;
    line-height: 1;
    z-index: 1;
}

.invalidLocation {
    background-color: #f2dede;
}

.invalidLocationLetter {
    color: #d9534f;
}

.cartInformation {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.floatRight {
    float: right;
    padding-right: 5px;
}

.cartCol5NotWithRow{
    float: left;
    position: relative;
    height: 170px;
    width: 200px;
    margin-left: 860px;
}

.marginLeftHalfCart {
    margin-left: 135px;
}

.marginLeftFullCart {
    margin-left: 270px;
}

.scratchUser {
    margin-left: 90px;
}

.coverOrderSelect {
     margin-bottom: 275px;
}

.mainMenuFixed {
    position: fixed;
    bottom: 0px;
}

.boldRow {
    font-weight: bolder;
}

.margin-40 {
    margin-right: 40px;
    margin-left: 40px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-50 {
    margin-left: 50px;
}

.margin-top-minus-20 {
    margin-top: -20px;
}

.margin-bottom-minus-20 {
    margin-top: -20px;
}

.margin-top-minus-10 {
    margin-top: -10px;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.form-control-wide {
    width: 400px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: white;
    cursor: inherit;
    display: block;
}

.filterTextInput {
    width: 100%;
}

.weatherDate {
    color: #337ab7;
}

.weatherDate:hover {
    text-decoration: underline;
}

.table > thead > tr > td.success_dark,
.table > tbody > tr > td.success_dark,
.table > tfoot > tr > td.success_dark,
.table > thead > tr > th.success_dark,
.table > tbody > tr > th.success_dark,
.table > tfoot > tr > th.success_dark,
.table > thead > tr.success_dark > td,
.table > tbody > tr.success_dark > td,
.table > tfoot > tr.success_dark > td,
.table > thead > tr.success_dark > th,
.table > tbody > tr.success_dark > th,
.table > tfoot > tr.success_dark > th {
  /*background-color: #4ACC4A;*/
  background-color: #5CB85C;
  color: #fff;
  border-color: #4cae4c;
}

.table-hover > tbody > tr > td.success_dark:hover,
.table-hover > tbody > tr > th.success_dark:hover,
.table-hover > tbody > tr.success_dark:hover > td,
.table-hover > tbody > tr:hover > .success_dark,
.table-hover > tbody > tr.success_dark:hover > th {
  /*background-color: #44BD44;*/
  background-color: #449D44;
  color: #fff;
  border-color: #398439;
}

.table > thead > tr > td.warning_dark,
.table > tbody > tr > td.warning_dark,
.table > tfoot > tr > td.warning_dark,
.table > thead > tr > th.warning_dark,
.table > tbody > tr > th.warning_dark,
.table > tfoot > tr > th.warning_dark,
.table > thead > tr.warning_dark > td,
.table > tbody > tr.warning_dark > td,
.table > tfoot > tr.warning_dark > td,
.table > thead > tr.warning_dark > th,
.table > tbody > tr.warning_dark > th,
.table > tfoot > tr.warning_dark > th {
  background-color: #F0AD4E;
  color: #fff;
  border-color: #eea236;
}

.table > thead > tr > td.warning_medium,
.table > tbody > tr > td.warning_medium,
.table > tfoot > tr > td.warning_medium,
.table > thead > tr > th.warning_medium,
.table > tbody > tr > th.warning_medium,
.table > tfoot > tr > th.warning_medium,
.table > thead > tr.warning_medium > td,
.table > tbody > tr.warning_medium > td,
.table > tfoot > tr.warning_medium > td,
.table > thead > tr.warning_medium > th,
.table > tbody > tr.warning_medium > th,
.table > tfoot > tr.warning_medium > th {
  background-color: #ffea82;
  color: #000;
  border-color: #eea236;
}

.table-hover > tbody > tr > td.warning_dark:hover,
.table-hover > tbody > tr > th.warning_dark:hover,
.table-hover > tbody > tr.warning_dark:hover > td,
.table-hover > tbody > tr:hover > .warning_dark,
.table-hover > tbody > tr.warning_dark:hover > th {
  background-color: #EC971F;
  color: #fff;
  border-color: #d58512;
}

.table > thead > tr > td.danger_dark,
.table > tbody > tr > td.danger_dark,
.table > tfoot > tr > td.danger_dark,
.table > thead > tr > th.danger_dark,
.table > tbody > tr > th.danger_dark,
.table > tfoot > tr > th.danger_dark,
.table > thead > tr.danger_dark > td,
.table > tbody > tr.danger_dark > td,
.table > tfoot > tr.danger_dark > td,
.table > thead > tr.danger_dark > th,
.table > tbody > tr.danger_dark > th,
.table > tfoot > tr.danger_dark > th {
  background-color: #D9534F;
  color: #fff;
  border-color: #d43f3a;
}

.table-hover > tbody > tr > td.danger_dark:hover,
.table-hover > tbody > tr > th.danger_dark:hover,
.table-hover > tbody > tr.danger_dark:hover > td,
.table-hover > tbody > tr:hover > .danger_dark,
.table-hover > tbody > tr.danger_dark:hover > th {
  background-color: #C9302C;
  color: #fff;
  border-color: #ac2925;
}

.table > thead > tr > td.primary_dark,
.table > tbody > tr > td.primary_dark,
.table > tfoot > tr > td.primary_dark,
.table > thead > tr > th.primary_dark,
.table > tbody > tr > th.primary_dark,
.table > tfoot > tr > th.primary_dark,
.table > thead > tr.primary_dark > td,
.table > tbody > tr.primary_dark > td,
.table > tfoot > tr.primary_dark > td,
.table > thead > tr.primary_dark > th,
.table > tbody > tr.primary_dark > th,
.table > tfoot > tr.primary_dark > th {
  background-color: #337ab7;
  color: #fff;
  border-color: #2e6da4;
}

.table-hover > tbody > tr > td.primary_dark:hover,
.table-hover > tbody > tr > th.primary_dark:hover,
.table-hover > tbody > tr.primary_dark:hover > td,
.table-hover > tbody > tr:hover > .primary_dark,
.table-hover > tbody > tr.primary_dark:hover > th {
  background-color: #286090;
  color: #fff;
  border-color: #204d74;
}

.table > thead > tr > td.info_dark,
.table > tbody > tr > td.info_dark,
.table > tfoot > tr > td.info_dark,
.table > thead > tr > th.info_dark,
.table > tbody > tr > th.info_dark,
.table > tfoot > tr > th.info_dark,
.table > thead > tr.info_dark > td,
.table > tbody > tr.info_dark > td,
.table > tfoot > tr.info_dark > td,
.table > thead > tr.info_dark > th,
.table > tbody > tr.info_dark > th,
.table > tfoot > tr.info_dark > th {
  background-color: #5bc0de;
  color: #fff;
  border-color: #46b8da;
}

.table-hover > tbody > tr > td.info_dark:hover,
.table-hover > tbody > tr > th.info_dark:hover,
.table-hover > tbody > tr.info_dark:hover > td,
.table-hover > tbody > tr:hover > .info_dark,
.table-hover > tbody > tr.info_dark:hover > th {
  background-color: #31b0d5;
  color: #fff;
  border-color: #269abc;
}

.table > thead > tr > td.warning_dark_border,
.table > tbody > tr > td.warning_dark_border,
.table > tfoot > tr > td.warning_dark_border,
.table > thead > tr > th.warning_dark_border,
.table > tbody > tr > th.warning_dark_border,
.table > tfoot > tr > th.warning_dark_border,
.table > thead > tr.warning_dark_border > td,
.table > tbody > tr.warning_dark_border > td,
.table > tfoot > tr.warning_dark_border > td,
.table > thead > tr.warning_dark_border > th,
.table > tbody > tr.warning_dark_border > th,
.table > tfoot > tr.warning_dark_border > th {
  background-color: #fcf8e3;
  color: #000;
  border-color: #2e6da4;
}

.table-hover > tbody > tr > td.warning_dark_border:hover,
.table-hover > tbody > tr > th.warning_dark_border:hover,
.table-hover > tbody > tr.warning_dark_border:hover > td,
.table-hover > tbody > tr:hover > .warning_dark_border,
.table-hover > tbody > tr.warning_dark_border:hover > th {
  background-color: #faf2cc;
  color: #000;
  border-color: #204d74;
}


.table > thead > tr > td.danger_important,
.table > tbody > tr > td.danger_important,
.table > tfoot > tr > td.danger_important,
.table > thead > tr > th.danger_important,
.table > tbody > tr > th.danger_important,
.table > tfoot > tr > th.danger_important,
.table > thead > tr.danger_important > td,
.table > tbody > tr.danger_important > td,
.table > tfoot > tr.danger_important > td,
.table > thead > tr.danger_important > th,
.table > tbody > tr.danger_important > th,
.table > tfoot > tr.danger_important > th {
  background-color: #f2dede !important;
  color: #000 !important;
  border-color: #000 !important;
}

.table-hover > tbody > tr > td.danger_important:hover,
.table-hover > tbody > tr > th.danger_important:hover,
.table-hover > tbody > tr.danger_important:hover > td,
.table-hover > tbody > tr:hover > .danger_important,
.table-hover > tbody > tr.danger_important:hover > th {
  background-color: #ebcccc !important;
  color: #000 !important;
  border-color: #000 !important;
}



/*Add New Bootstrap like button style*/
.btn-standard {
  color: #333;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-standard:focus,
.btn-standard.focus {
  color: #333;
  background-color: #bbb;
  border-color: #8c8c8c;
}
.btn-standard:hover {
  color: #333;
  background-color: #bbb;
  border-color: #adadad;
}
.btn-standard:active,
.btn-standard.active,
.open > .dropdown-toggle.btn-standard {
  color: #333;
  background-color: #bbb;
  border-color: #adadad;
}
.btn-standard:active:hover,
.btn-standard.active:hover,
.open > .dropdown-toggle.btn-standard:hover,
.btn-standard:active:focus,
.btn-standard.active:focus,
.open > .dropdown-toggle.btn-standard:focus,
.btn-standard:active.focus,
.btn-standard.active.focus,
.open > .dropdown-toggle.btn-standard.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-standard:active,
.btn-standard.active,
.open > .dropdown-toggle.btn-standard {
  background-image: none;
}
.btn-standard.disabled:hover,
.btn-standard[disabled]:hover,
fieldset[disabled] .btn-standard:hover,
.btn-standard.disabled:focus,
.btn-standard[disabled]:focus,
fieldset[disabled] .btn-standard:focus,
.btn-standard.disabled.focus,
.btn-standard[disabled].focus,
fieldset[disabled] .btn-standard.focus {
  background-color: #ccc;
  border-color: #ccc;
}
.btn-standard .badge {
  color: #ccc;
  background-color: #ccc;
}

.btn-vertical-spacing a.btn {
  margin-bottom: 10px;
}

/*Bootstrap Nav Tabs*/
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border-radius: 4px 4px 0 0;
  border: 1px solid #ddd;
  border-bottom-color: green;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #dff0d8;
  border: 1px solid green;
  border-bottom-color: #dff0d8;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid green;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid green;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #dff0d8;
  }
}





/*jQuery UI updated styles*/
.ui-valid-state-active,
.ui-widget-content .ui-valid-state-active,
.ui-widget-header .ui-valid-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #5cb85c;
    font-weight: normal;
    color: #ffffff;
}

.ui-invalid-state-active,
.ui-widget-content .ui-invalid-state-active,
.ui-widget-header .ui-invalid-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: #d9534f;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    background: #80cde5;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-draggable {
    background: #abcdef;
}