@import url("shipping/orange-modal.css");
@import url("shipping/trucks.css");
@import url("shipping/transfer-vessels.css");
@import url("tcLab.css");
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-image: url('../img/Background_texture.png');
    background-repeat: repeat;
    background-attachment: fixed;
    /*min-width: 1024px;*/
}

*:focus {outline: none;}

/* app css stylesheet */

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu:before {
    content: "[";
}

.menu:after {
    content: "]";
}

.menu > li {
    display: inline;
}

.menu > li:before {
    content: "|";
    padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.dev-indicator {
    color: yellow;
    position: absolute;
    left: 480px;
    top: 48px;
    font-size: 20px;
}
.enabled {
    opacity:1;
    pointer-events:auto;
}
.not-enabled {
    opacity:0.4;
    pointer-events:none;
}
.link {
    text-decoration: none;
    cursor: default;
}
.link:hover {
    cursor: pointer;
}
html {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}
body {
    margin: 0;
    height: 100%;
}

/*   index   */
.connectStatus {
    position: absolute;
    width: 150px;
    height: 20px;
    left: 50%;
    margin-left: -75px;
    top: 10px;
    text-align: center;
    color: white;
    background-color: red;
}

.connectStatus.online{
    background-color: green;
}

/*   login.html   */
.login-container {
    height: 100%;
}
.login-top-margin {
    height: 90px;
    background: #3c1b0e; /* Old browsers */
    background: -moz-linear-gradient(top,  #3c1b0e 0%, #4b2613 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c1b0e), color-stop(100%,#4b2613)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3c1b0e 0%,#4b2613 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3c1b0e 0%,#4b2613 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3c1b0e 0%,#4b2613 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3c1b0e 0%,#4b2613 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c1b0e', endColorstr='#4b2613',GradientType=0 ); /* IE6-9 */
}
.login-bottom-margin {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 490px;
    background: #42210f; /* Old browsers */
    background: -moz-linear-gradient(top,  #42210f 0%, #1d000a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42210f), color-stop(100%,#1d000a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #42210f 0%,#1d000a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #42210f 0%,#1d000a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #42210f 0%,#1d000a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #42210f 0%,#1d000a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42210f', endColorstr='#1d000a',GradientType=0 ); /* IE6-9 */
}

.login-content {
    position: relative;
    height: 400px;
    background-color: #edfddb12;  /* white;*/
}
.login-logo {
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -167px;
}

.login-button-container {
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    text-align: center;
}

.login-button{
    background: url('../img/login_button.png') no-repeat;
    color: white;
    font-size: 14pt;
    padding: 0;
    border: none;
    width: 215px;
    height: 40px;
    
    margin-bottom: 10px;
}

.login-button:hover {
    background: url('../img/login_button_over.png');
}
.login-button-hover {
    background: url('../img/login_button_over.png');
}
.login-button:active {
    background: url('../img/login_button_selected.png');
}

/*.login-button-google{
    border-radius: 10px;
    border: 1px solid black;
    color: whitesmoke;
    font-size: 13pt;
    padding: 0;
    border: none;
    width: 215px;
    height: 40px;
    background: -webkit-linear-gradient(rgb(28, 140, 220), blue, darkblue); /* For Safari 5.1 to 6.0 *
    background: -o-linear-gradient(rgb(28, 140, 220), blue, darkblue); /* For Opera 11.1 to 12.0 *
    background: -moz-linear-gradient(rgb(28, 140, 220), blue, darkblue); /* For Firefox 3.6 to 15 *
    background: linear-gradient(rgb(28, 140, 220), blue, darkblue); /* Standard syntax (must be last) *
}
.login-button-google:hover {
    background: darkblue;
}*/



.login-button-google {
    display: inline-block;
    background: white;
    color: #5E5E5E; /*#444;*/
    width: 250px;
    border-radius: 2px;
    border: thin solid #888;
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
    margin: 5px 0;
  }
  .login-button-google:hover {
    cursor: pointer;
  }
  .login-button-google div.label {
    font-family: serif;
    font-weight: normal;
  }
  .login-button-google div.icon {
    background: url('../img/signIn/g-normal.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
  }
  .login-button-google div.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-right: 17px;
    /*padding-left: 42px;*/
    /*padding-right: 42px;*/
    font-size: 14px;
    font-weight: 600;
    /* Use the Roboto font that is loaded in the <head> */
    font-family: sans-serif;/*'Roboto', sans-serif;*/
  }
  /* <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"> */


  .login-button-microsoft {
    display: inline-block;
    background: white;
    color: #5E5E5E;
    width: 250px;
    border-radius: 2px;
    border: thin solid #888; /* #8C8C8C;*/
    box-shadow: 1px 1px 1px grey;
    white-space: nowrap;
    margin: 5px 0;
  }
  .login-button-microsoft:hover {
    cursor: pointer;
  }
  .login-button-microsoft div.label {
    font-family: serif;
    font-weight: normal;
  }
  .login-button-microsoft div.icon {
    background: url('../img/signIn/ms-symbollockup_mssymbol_19.png') transparent 11px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
  }
  .login-button-microsoft div.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-right: 17px;
    /*padding-left: 42px;*/
    /*padding-right: 42px; */
    font-size: 14px;
    font-weight: 600;
    font-family: sans-serif;/*'Segoe UI Regular', sans-serif;*/
  }
  


.login-loader {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -25px;
    border: none;
    width: 60px;
    height: 60px;
    padding: 0;
    color: #555;
    font-size: 50px;
}

.login-message {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 250px;
    width: 400px;
    text-align: center;
    color: rgb(210, 105, 30);
}

.indexView {
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /*min-width: 1024px;*/
}
.appsView {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.name {
    position: absolute;
    top: 13px;
    color: white;
    font-size: 14pt;
    right: 0px;
}

.logout {
    position: absolute;
    top: 41px;
    right: 0px;
    color: #91A73B;
    font-size: 14pt;
}

.sharedHeader {
    /*position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     */
    height: 75px;
    background: url('../img/Top_Brown_Bar.png') repeat-x;
    position: relative;
}
/* heartbeat timeout indicator */
.sharedHeader .icon-circle {
    color:red; 
    margin-right: 5px; 
    font-size: 14px;
}
.sharedLogo {
    position: absolute;
    top: 4px;
    width: 261px;
    height: 80px;
    background: url('../img/PSI_Small_Globe_Logo.png') no-repeat;
}

.version{
    position: absolute;
    color: #666666;
    left: 280px;
    top: 48px;
}

.appsBar {
    /*position: absolute;
     top: 75px;
     left: 0;
     right: 0;
     */
    height: 41px;
}
.appsBar ul {
    position: relative;
    list-style-type: none;
    /*padding: 0px 0 0 87px;*/
    padding: 0px 0 0 20px;
    margin: 0;
}
.appsBar ul li {
    position: relative;
    top: 5px;
    display: inline-block;
    height:25px;
}
.appsBar ul li a {
    position: relative;
    font-size: 11pt;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 2px;
    padding-bottom: 4px;
    /*margin: 3px;*/
    text-decoration: none;
    line-height: 23px;
    color: #666666;
    font-weight: bold;
}

.appsBar ul li a.active {
    background-color: #603813;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
}

.view-container {
    position: relative;
    padding: 5px 10px 0px 10px;
}

.view-container h1{
    background-color: #91a73b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 32px;
    color: white;
    border: #666666;
    font-size: 18px;
    border: 1px solid #7F9232;
    padding: 0px 10px;
    line-height: 32px;
    margin: 5px 0px;
    text-transform: uppercase;
}

.subview-container{
    width: 100%;
}

h1 .subtitle, h2 .subtitle, h3 .subtitle{
    font-weight: 200;
    text-transform: none;
}

.appsContainer{
    background: url('../img/Top_Brown_Bar_Background.png') repeat-x;
    /*min-width: 1024px;*/
}

.appsContainerInner{
    /*width: 1024px;*/
    max-width: 1024px;
    margin: 0 auto;
}


/**
 * Total Width: 980
 */
.two-col{
    /*height: 580px;*/
    height: 644px;
    margin: 10px;
}

.two-col.left{
    float: left;
    width: 265px;
}

.two-col.right{
    float: right;
    width: 694px;
    overflow-x: hidden;
    position: relative;
    height: auto;
}

.two-col.separator{
    margin-left:0;
    margin-right:0;
    width: 1px;
    background: #bbb;
    float:left;
}

.perimeter-two-col{
    /*height: 580px;*/
    height: 620px;
    margin: 10px;
}

.perimeter-two-col.left{
    float: left;
    width: 330px;
}

.perimeter-two-col.right{
    float: right;
    width: 590px;
    overflow-x: hidden;
    position: relative;
}

.perimeter-two-col.separator{
    margin-left:0;
    margin-right:0;
    width: 1px;
    background: #bbb;
    float:left;
}

select.psi{
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
}

.clear{
    clear: both;
}

.two-col h2{
    text-transform: uppercase;
    margin: 0px 0px;
    font-size: 22px;
    line-height: 38px;
}

h3{
    text-transform: uppercase;
    margin: 0px 0px;
    font-size: 16px;
    line-height: 26px;
}

#plotList{
    background: white;
    height: 409px; /*379px;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    margin: 0px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
}

#plotList li{
    margin: 5px;
    line-height: 25px;
    font-size: 14px;
    padding: 0px 5px;
    position: relative;
    cursor: pointer;
}

#plotList li.selected{
    background: #efefef;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color:#91a73b;
}

#noPlotPlaceholder{
    padding: 50px 0px;
    font-size: 18px;
    text-align: center;
}

.hr{
    height: 2px;
    background: #bbb;
}

.hidden{
    display: none;
}

.plot-two-col{
    float: left;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 200;
}

.plot-two-col p span:nth-child(2) {
    font-weight: 400;
}

.plot-two-col.left{
    width: 59%;
}

.plot-two-col.right{
    margin-left: 5%;
    width: 35%;
    text-align: right;
}

/*
 * 5 Col Table for plantings
 */
.plantings-5-col{
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow-x: hidden;
}

.plantings-5-col.one{
    width: 34%;
    margin-left: 5%;
    clear: both;
    text-align: left
}

.plantings-5-col.two, .plantings-5-col.three{
    width: 16%;
    margin-left: 1%
}

.plantings-5-col.four{
    width: 20%;
    margin-left: 1%;
}

.plantings-5-col.last{
    width: 4%;
    margin-left: 1%;
    
}
.plantings-5-col.header{
    height: auto;
    line-height: 150%;
}

/*
 * 5 Col Table for surveys
 */
.surveys-5-col{
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    /* ellipsis */
    overflow-x: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* ** */
}

.surveys-5-col.one{
    width: 21%;
    margin-left: 5%;
    clear: both;
    text-align: left;
    overflow-x: visible;
    height: auto;
}

.surveys-5-col.two{
    width: 18%;
    margin-left: 1%;
    height: auto;
}
.surveys-5-col.three{
    width: 21%;
    margin-left: 1%;
    height: auto;
}

.surveys-5-col.four{
    width: 10%;
    margin-left: 1%;
}
.surveys-5-col.five{
    width: 9%;
    margin-left: 1%;
}

.surveys-5-col.last{
    width: 7%;
    margin-left: 1%;
    margin-right: 3%;
    height: 30px;
    line-height: 30px;
    
}
.surveys-5-col.header{
    height: auto;
    line-height: 150%;
}
/*.surveys-5-col.header.five{

}*/

.delete{
    background-image: url("../img/Delete_Button.png");
    background-position: right;
    background-repeat: no-repeat;
}

.delete-disabled{
    background-image: url("../img/Delete_Button.png");
    background-position: right;
    background-repeat: no-repeat;
    opacity:.3;
}

.delete:hover{
    background-image: url("../img/Delete_Button_Rollover.png");
}

.delete:active{
    background-image: url("../img/Delete_Button_Selected.png");
}

.add{
    background-image: url("../img/Add_Button.png");
    background-position: right;
    background-repeat: no-repeat;
    margin-top: -10px;
    min-height: 25px !important;
}
.add-disabled{
    background-image: url("../img/Add_Button.png");
    background-position: right;
    background-repeat: no-repeat;
    margin-top: -10px;
    min-height: 25px !important;
    opacity:.3;
}

.add:hover{
    background-image: url("../img/Add_Button_Rollover.png");
}

.add:active{
    background-image: url("../img/Add_Button_Selected.png");
}
.file-import {
    display: inline-block;
    font-size: 20px;
    color: dimgray;
    vertical-align: top;
    margin-top: 8px;
    margin-right: 15px;
}
.file-import:hover {
    color: #7f9b10;
}

.edit-btn {
    /* float: right; */
    color: #333;
    background-color: #C1C1C1;
    height: 26px;
    width: 35px;
    font-size: 12px;
    padding-top: 3px;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 15px;
    font-weight: 400;
    position: relative;
    top: -2px;
    opacity: .6;
}
.edit-btn:hover {
    opacity: .4;
}
.edit-btn:active {
    opacity: 1;
}





.plantingsFooter .last{
    background: none;
}

/*
 6 Col table for product
 */
.products-6-col{
    float: left;
    text-align: center;
    font-size: 11px;
    margin-left: 1%;
    overflow-x: hidden;
    min-height: 1px;
}

.products-6-col.one{
    width: 34%;
    margin-left: 1%;
    clear: both;
    text-align: left
}

.products-6-col.two{
    width: 15%;
    margin-left: 1%
}

.products-6-col.three{
    width: 23%;
    margin-left: 1%
}

.products-6-col.four{
    width: 8%;
    margin-left: 1%;
    text-align: right;
}
.products-6-col.five{
    width: 9%;
    margin-left: 1%;
    text-align: right;
}

.products-6-col.last{
    width: 4%;
    margin-left: 1%;
    text-align: right;
    height:25px;
    
}
.products-6-col.header{
    line-height: 150%;
}

.last{
    line-height: 100%;
    /*height:25px;*/
}

/*
 6 col table for measurements
 */
.measure-6-col{
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}

.measure-6-col.one{
    width: 20%;
    margin-left: 0%;
    clear: both;
    text-align: center;
}

.measure-6-col.two, .measure-6-col.three{
    width: 16%;
    margin-left: 1%
}

.measure-6-col.four{
    width: 22%;
    margin-left: 1%;
}
.measure-6-col.five{
    width: 15%;
    margin-left: 1%;
}

.measure-6-col.last{
    width: 5%;
    margin-left: 1%;
    text-align: right;
}

.measure-6-col.header{
    height: auto;
    line-height: 150%;
    min-height: 1px;
}


.grid-container {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: white;
    border: 1px solid #ddd;
    clear: both;
    position: relative;
}
.header-container{
    margin-right: 20px;
    padding: 0px 3px;
}

.plantingsFooter{
    height: 30px;
    font-size: 14px;
    border-top: 1px solid #efefef;
    line-height: 30px;
}
.scroller{
    overflow-x: hidden;
    overflow-y: auto;
}

.scroller.plantings{
    height: 150px;
}
.scroller.surveys{
    height: 150px;
}

.scroller.measures{
    height: 139px;
}

.scroller.products{
    height: 150px;
}

.item {
    background: #efefef;
    margin: 4px 2px 0px 2px;
    line-height: 30px;
}

.item.clickable {
    cursor: pointer;
}

.item.clickable:hover{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    background-color: #dedede;
    /*background-color: #eee;*/
}


.item .plantings-5-col.one{
    font-weight: bold;
}
.item .surveys-5-col.one{
    font-weight: bold;
}

.plantingsFooter .plantings-5-col.one{
    text-align: right;
}

.plantingsFooter .two, .plantingsFooter .three, .plantingsFooter .four{
    font-weight: bold;
}

.list-slide-enter,
.list-slide-leave
{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.list-slide-enter.list-slide-enter-active,
.list-slide-leave {
    opacity: 1;
    left: 0px;
}

.list-slide-leave.list-slide-leave-active,
.list-slide-enter {
    opacity: 0;
    left: 300px;
}

/**
 Screen Slide Enter from left
 */
.screen-slide-right-enter,
.screen-slide-right-leave
{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.screen-slide-right-enter{
    opacity: 0;
    left: -100%;
    position: absolute;
}

.screen-slide-right-enter.screen-slide-right-enter-active{
    opacity: 1;
    left: 0;
}

.screen-slide-right-leave{
    opacity: 1;
    left: 0;
    position: absolute;
}

.screen-slide-right-leave.screen-slide-right-leave-active
{
    opacity: 0;
    left: 100%;
}

/**
 Screen Slide Enter from Right
 */
.screen-slide-left-enter,
.screen-slide-left-leave
{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

.screen-slide-left-enter{
    opacity: 0;
    left: 100%;
    position: absolute;
}

.screen-slide-left-enter.screen-slide-left-enter-active{
    opacity: 1;
    left: 0;
}

.screen-slide-left-leave{
    opacity: 1;
    left: 0;
    position: absolute;
}

.screen-slide-left-leave.screen-slide-left-leave-active
{
    opacity: 0;
    left: -100%;
}

select.plantingDate{
    width: 80px;
}

.modal .modal-footer{
    background-image: linear-gradient(bottom, #BBB 0%, #EFEFEF 100%);
    background-image: -o-linear-gradient(bottom, #BBB 0%, #EFEFEF 100%);
    background-image: -moz-linear-gradient(bottom, #BBB 0%, #EFEFEF 100%);
    background-image: -webkit-linear-gradient(bottom, #BBB 0%, #EFEFEF 100%);
    background-image: -ms-linear-gradient(bottom, #BBB 0%, #EFEFEF 100%);
    
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #BBB),
    color-stop(1, #EFEFEF)
    );
    
    padding: 9px 10px 10px;
    -webkit-border-radius: 0px 3px 3px;
    -moz-border-radius: 0px 3px 3px;
    border-radius: 0px 3px 3px;
}

.modal .modal-header{
    background-image: linear-gradient(bottom, #AAA 0%, #EFEFEF 100%);
    background-image: -o-linear-gradient(bottom, #AAA 0%, #EFEFEF 100%);
    background-image: -moz-linear-gradient(bottom, #AAA 0%, #EFEFEF 100%);
    background-image: -webkit-linear-gradient(bottom, #AAA 0%, #EFEFEF 100%);
    background-image: -ms-linear-gradient(bottom, #AAA 0%, #EFEFEF 100%);
    
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #BBB),
    color-stop(1, #EFEFEF)
    );
    
    padding: 9px 10px 10px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.modal .modal-header h4{
    padding:0px;
    margin: 0px;
}

.modal .modal-footer .btn{
    border: 1px solid #aaa;
    width: 100px;
}

.modal .modal-body{
    background: #FAFAFA;
    overflow-y: visible;
}

.modal{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.modal.newPlanting{
    width: 500px;
}

.footerTotal{
    margin-top: 10px;
    background-image: linear-gradient(bottom, #ddd 0%, #efefef 100%);
    background-image: -o-linear-gradient(bottom, #ddd 0%, #efefef 100%);
    background-image: -moz-linear-gradient(bottom, #ddd 0%, #efefef 100%);
    background-image: -webkit-linear-gradient(bottom, #ddd 0%, #efefef 100%);
    background-image: -ms-linear-gradient(bottom, #ddd 0%, #efefef 100%);
    
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #ddd),
    color-stop(1, #efefef)
    );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    border: 1px solid #ccc;
}
.footerTotal .one, .footerTotal .two{
    float: left;
    line-height: 30px;
}

.footerTotal .one{
    width:78%;
    text-align: right;
}
.footerTotal .two{
    width:20%;
    text-align: center;
    font-weight: bold;
}

.navBack{
    background-color: #91a73b;
    background-image: url('../img/Back_Button_Icon.png');
    background-repeat: no-repeat;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    line-height: 100%;
    height: 100%;
    font-size: 14px;
    color: white;
    padding: 8px 12px 8px 40px;
    margin-top: 5px;
    font-weight: 200;
    text-decoration: none;
    cursor: pointer;
}
.navBack:hover{
    color: white;
    text-decoration: none;
}

.addSource label{
    float: left;
    line-height: 30px;
    text-transform: uppercase;
}

.addSource input, .addSource select{
    float: right;
    clear: right;
}

.editPerimeter label{
    float: left;
    line-height: 30px;
    text-transform: uppercase;
}

.editPerimeter input, .editPerimeter select{
    float: right;
    clear: right;
}

.dropdown-toggle, .dropdown-toggle:hover{
    background-color: #fff;
    border-radius: 4px;
    padding: 0px 20px 0px 10px;
    line-height: 30px;
    display: inline;
    border: 2px solid #ddd;
    cursor: pointer;    /*cursor: default;*/
    color: #222;
    text-decoration: none;
    left: 0px;
    right: 0px;
    bottom: 0;
    white-space: nowrap;
    min-height: 30px;
    width: 100%;
    text-align: left;
}

.dropdown-toggle:disabled{
    background-color: #f3f3f3;
}

.dropdown-toggle i.icon-chevron-down{
    position: absolute;
    right: 10px;
    top: 7px;
    color: #ddd;    /*#666;*/
}

.dropdown-menu a{
    cursor: default;
}




.hbox {
    overflow-x:auto;
    display: table;
}
.hbox > * { display:table-cell; }

.ellipsis{
    overflow-x: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
 * Reports and Admin
 */

.negativeNumber {
    color:red;
}
.row-label {
    color:lightgrey;
    font-size: 10px;
    line-height: 10px;
}
.box-count {
    color:lightgrey;
    font-size: 12px;
}
.mismatch-highlight {
    color:red;
}

.dropdown-left {
    display: inline-block;
    width: 100px;
    
}
.dropdown-boxes-plants-right {
    text-align: right;
    width: 150px;
    display: inline-block;
}
.dropdown-boxes-units-right {
    text-align: right;
    width: 250px;
    display: inline-block;
}
.num-right {
    float:right;
    /*text-align:right;*/
    margin-left: 10px;
}



/**
 * eDigSheet Stuff
 * Designed to be displayed on a TV 1920x1080
 */
.eds-container{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 180px;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) top;
    /*min-width: 1024px;*/
}
.eds-container.fullscreen{
    top: 0px;
}
.eds-divider{
    color: #666;
    text-align: left;
    border-bottom: 1px solid #999;
}
.eds-divider-center{
    color: #666;
    text-align: center;
    vertical-align: bottom;
    border-bottom: 1px solid #999;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
    padding-top: 0px;
}
.eds-header{
    position: relative;
    margin-top: 20px;
    height: 100px;
}

.eds-header > .title {
    font-size: 34px;
    color: white !important;
    position: absolute;
    line-height: 60px;
    text-align: center;
    left: 50px;
    top: -10px;
    z-index: 10;
}

.eds-header > .title:before {
    transform: skew(20deg) !important;
    -webkit-transform: skew(20deg) !important;
    -moz-transform: skew(20deg) !important;
    -o-transform: skew(20deg) !important;
    background-color: #603814  !important;
    height: 100%;
    width: 200%;
    position: absolute;
    content: "";
    z-index: -1;
    left: -50%;
}
.eds-header > .title-trimDate {
    font-size: 34px;
    color: white !important;
    position: absolute;
    line-height: 60px;
    text-align: center;
    right: 50px;
    top: -10px;
    z-index: 1;
}
.eds-header > .title-end-trimDate {
    background-color: #89A81F !important;
    height: 60px;
    width: 30px;
    position: absolute;
    right: 0;
    top: -10px;
    z-index: 1;
}

.eds-header > .title-trimDate:before {
    transform: skew(-20deg) !important;
    -webkit-transform: skew(-20deg) !important;
    -moz-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    background-color: #89A81F  !important;
    height: 100%;
    width: 170%;
    position: absolute;
    content: "";
    z-index: -1;
    left: -50%;
}

.eds-header > .digsForDate{
    position: absolute;
    color: black;
    font-size: 30px;
    left: 320px;
    top: 13px;
    text-align: right;
    z-index: 11;
}
.eds-header > .trimsForDate{
    position: absolute;
    color: black;
    font-size: 30px;
    right: 320px;
    margin-right: 75px; /**/
    top: 13px;
    text-align: right;
    z-index: 11;
}
 .eds-header > .digsForVariety{
    position: absolute;
    color: black;
    font-weight: bold;
    /*color: #86460c;*/
    font-size: 30px;
    left: 320px;
    /*top: -7px;*/
    top: 5px;
    text-align: right;
    z-index: 11;
    /*line-height: 30px;*/
}
.eds-header > .trimsForVariety{
    position: absolute;
    color: black;
    font-weight: bold;
    /*color: #86460c;*/
    font-size: 30px;
    right: 320px;
    /*top: -7px;*/
    top: 5px;
    text-align: right;
    z-index: 11;
    /*line-height: 30px;*/
}

.calendar-day.big{
    height: 50px;
    width: 50px;
    position: absolute;
    right: -55px;
    top: 10px;
}
.calendar-day .month{
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    background: #603814 !important;
    text-align: center;
    color: white;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 1px 1px 2px #888888 !important;
}
.trimsForDate > .calendar-day .month{
    background: #89A81F !important;
}
.calendar-day .day{
    height: 30px;
    border-radius: 0px 0px 10px 10px;
    background: white !important;
    /*color: black;*/
    text-align: center;
    line-height: 30px;
    box-shadow: 1px 1px 2px #888888 !important;
}

.eds-header > .digsForDate > span.label{
    color: #603814  !important;
    font-size: 18px;
    background: none;
    border: none;
    text-shadow: none;
}
.eds-header > .trimsForDate > span.label{
    color: #89A81F  !important;
    font-size: 18px;
    background: none;
    border: none;
    text-shadow: none;
}
.eds-header > .digsForVariety > span.label{
    color: #603814  !important;
    font-size: 18px;
    background: none;
    border: none;
    text-shadow: none;
    float:left;
}
.eds-header > .trimsForVariety > span.label{
    color: #89A81F  !important;
    font-size: 18px;
    background: none;
    border: none;
    text-shadow: none;
    float:right;
}

.eds-header > .logo{
    position: absolute;
    right: 30px;
    top: -10px;
    background: url("../img/informatics_logo.png")  !important;
    background-size: 100px 56px !important;
    width: 100px;
    height: 56px;
    z-index: 2;
}
.eds-header > .logo-trimDate{
    position: absolute;
    left: 30px;
    top: -10px;
    background: url("../img/informatics_logo.png")  !important;
    background-size: 100px 56px !important;
    width: 100px;
    height: 56px;
    z-index: 2;
}

.eds-header > .legend{
    position: absolute;
    right: 150px;
    background: url("../img/eDigSheet/legend.png") no-repeat;
    width: 500px;
    height: 80px;
    background-size: 500px;
    z-index: 2;
}
.eds-header > .legend-trimDate{
    position: absolute;
    left: 150px;
    background: url("../img/eDigSheet/legend.png") no-repeat;
    width: 500px;
    height: 80px;
    background-size: 500px;
    z-index: 2;
}

.eds-header > .order-info {
    position: absolute;
    right: 46px;
    width: 200px;
    height: 70px;
    z-index: 2;
    top: 10px;
}
.eds-header > .order-info > table {
    width: 100%;
    text-align: center;
}
.eds-header > .order-info > table tr:first-child {
    color: #50273b;
    font-weight: 500;
    text-transform: uppercase;
}
.eds-header > .order-info > table tr:nth-child(2) {
    font-weight: 600;
}

.eds-header > .section-titles {
    position: absolute;
    height: 40px;
    left: 20px;
    top: 70px;
    right: 20px;
    transform: skew(20deg) !important;
    -webkit-transform: skew(20deg) !important;
    -moz-transform: skew(20deg) !important;
    -o-transform: skew(20deg) !important;
    background-color: #aaaaaa  !important;
    z-index: 2 !important;
}
.eds-header > .section-titles-trimDate {
    position: absolute;
    height: 40px;
    left: 20px;
    top: 70px;
    right: 20px;
    transform: skew(-20deg) !important;
    -webkit-transform: skew(-20deg) !important;
    -moz-transform: skew(-20deg) !important;
    -o-transform: skew(-20deg) !important;
    background-color: #aaaaaa  !important;
    z-index: 2 !important;
}

.eds-body{
    position: absolute;
    top: 90px;
    bottom: 40px;
    z-index: 10;
    left: 0px;
    right: 0px;
    overflow: auto;
}

.eds-body.har2{
    bottom: 80px;
}
.eds-body.har3{
    bottom: 120px;
}

.eds-body .padding{
    margin: 0px 30px 0px 30px;
    
}

.eds-body table{
    width: 100%;
    empty-cells: show;
    white-space: nowrap; /*Don't break words at hyphens "3-way," "9-12B"*/
}

.eds-body table th.variety{
    font-size: 16px;
    color: white  !important;
    font-weight: 200;
    vertical-align: top;
    line-height: 40px;
    z-index: 0; /* Put variety header behind scrolled table rows */
}

.eds-body table th.dig{
    font-size: 11px;
    color:#603814  !important;
}

.eds-body table th.trans{
    font-size: 11px;
    color: #BF6220  !important;
}

.eds-body table th.trim{
    font-size: 11px;
    color: #5A6A12  !important;
}

.eds-body table th.section{
    height: 30px;
    vertical-align: middle;
    text-align: center;
    color: white !important;
    font-size: 11px;
    font-weight: 200;
    line-height: 12px;
}

.eds-body table th.section.one{
    background-color: #603814  !important;
}
.eds-body table th.section.two{
    background-color: #F89225  !important;
}
.eds-body table th.section.three{
    background-color: #89A81F  !important;
}
.eds-body table th.section.four{
    background-color: #4f273b  !important;
}

.eds-body table td{
    text-align: center;
    /*vertical-align: middle;*/
    position: relative;
    max-width: 200px;
    height: 42px;
    padding-top: 5px;
}

.eds-body table td > .content{
    position: relative;
    line-height: 25px;
    /*margin-top: 5px;*/
    min-height: 36px;
    font-size: 13px;
    overflow: hidden;
}

.eds-body table td > .content.variety{
    background: #603814  !important;
    color: white  !important;
    margin-right: 5px;
    font-size: 18px;
    border: 5px solid white;
    height: 36px;
    
}

.eds-body table td > .content.variety > div > span{
    float: right;
    font-size: 10px;
    margin-right: 4px;
}

.eds-body table td > .content.field{
    background: #EAE0D6  !important;
    color: #333  !important;
    margin-right: 5px;
    border: 5px solid white;
}

.eds-body table td > .content.other-dig{
    background: white;
    color: #333  !important;
    padding: 5px;
    min-height:36px;
}

.eds-body table td > .content.cooler{
    background: #D7EEFB  !important;
    color: #333  !important;
    border: 5px solid white;
}
.eds-body table td > .content.bin{
    background: white;
    color: #000000  !important;
    padding: 5px 2px 5px 5px;
    margin-right: 3px;
    height: 36px;
}

.binsInCoolers{
    color: #77A8CA;
}

.pulse .binsInCoolers{
    color: white;
}

.binsInTrans{
    color: #F89325;
}

.pulse .binsInTrans{
    color: white;
}

.binsInSheds{
    color: #89A81F;
}

.pulse .binsInSheds{
    color: white;
}


.italic{
    font-style: italic;
}

.biggerBold{
    font-size: 15px !important;
    font-weight: bold;
}
.walkingImage{
    background-image: url('../img/Back_Button_Icon.png') !important;
    background-repeat: no-repeat;
    line-height: 100%;
    height: 100%;
    color: white;
    /*padding: 8px 12px 8px 40px;*/
}

/*.eds-body table td > .content.local-trim{
    
}*/

.mirror {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: inline-block;
}

.content.trans-date > .icon-lock{
    position: absolute;
    left: 4px;
    top: 1px;
}

.content.trim-date > .icon-pencil{
    position: absolute;
    right: 0px;  /*right: 2px;*/
    top: 1px;
}

.content.trim-date > .icon-warning-sign{
    position: absolute;
    right: 0px;  /*right: 2px;*/
    top: 1px;
    color: peru;
}

.content.trim-date > .icon-trash{
    position: absolute;
    right: 0px;  /*right: 2px;*/
    top: 1px;
    color: darkolivegreen;
}

.content.other-trim .icon-truck{
    color: orange;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    display: inline-block;
}


.content.other-dig > .icon-flag-checkered{
    position: absolute;
    right: -4px;
    top: 1px;
    opacity: .5;
}

.eds-body table td > .content.trans-local{
    background: white;
    padding: 5px 5px 5px 3px;
    margin-left: 2px;
    margin-right: 3px;
}

.calendar-day.small{
    height: 26px;
    width: 25px;
    margin: 0px auto;
}

.calendar-day.small .month{
    height: 10px;
    font-size: 9px;
    line-height: 10px;
    background: #F89325  !important;
    border-radius: 4px 4px 0px 0px;
}

.eds-body table td > .content.other-dig .month{
    background: #603814 !important;;
}
.eds-body table td > .content.other-dig .NEW .month{
    background: #9c9c9c  !important;
}

.eds-body table td > .content.trans-date .month{
    background: #F89325  !important;
}
.eds-body table td > .content.ship-date .month{
    background: #4f273b  !important;
}
.eds-body table td > .content.est-ship-date .month{
    background: #9c9c9c  !important;
}
.eds-body table td > .content.est-ship-date .day{
    color: grey;
}
.calendar-day.small .day{
    height: 16px;
    line-height: 15px;
    font-size: 13px;
    border-radius: 0px 0px 4px 4px;
}

.eds-body table td > .content.trans-trucks{
    background: white;
    padding: 5px 2px 5px 5px;
    margin-right: 3px;
}

.eds-body table td > .content.location{
    background: #E9ECCD  !important;
    color: #333  !important;
    margin-right: 5px;
    margin-left: 2px;
    border: 5px solid white;
    font-weight: 400;
    font-style: italic;
}
.eds-body table td > .content.ship-date,
.eds-body table td > .content.est-ship-date,
.eds-body table td > .content.trim-date,
.eds-body table td > .content.trans-date{
    background: white;
    padding: 5px 5px 4px 3px;
    margin-left: 2px;
}
/* TO DO: Allow cells to grow vertically with content.  
 * Requires we change islastTrimForDig, islastTrimForVarietyPT, etc. styles to ng-classes using: 
  .eds-body table tr.add-padding td {
    padding-bottom: 10px;
  }
.eds-body table td > .content.ship-date {
    height: 100%;
}
*/

.eds-body table td > .content.trim-bins{
    background: white;
    padding: 5px 5px 5px 3px;
    font-weight: bold;
}

.eds-body table td > .content.trim-date .month{
    background: #89A81F  !important;
}

.eds-body table td > .content.other-trim{
    background: white;
    color: #333  !important;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    font-size: 10px;
    line-height: 10px;
    min-height:36px;
}

.eds-body table td > .content.other-trim p{
    margin: 0;
}

.eds-body table td > .content .status{
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border-left: 3px solid black;
}
.eds-body table td > .content .status.NEW{
    border-left-color: #CCCCCC !important;
}
.eds-body table td > .content.field.status.NEW{
    background-color: #CCCCCC !important;
}
.eds-body table td > .content .status.SUBMITTED{
    border-left-color: #1E97C0 !important;
}
.eds-body table td > .content .status.ACCEPTED{
    border-left-color: #FCC636 !important;
}
.eds-body table td > .content .status.DECLINED {
    border-left-color: pink !important;
}
.eds-body table td > .content .status.STARTED{
    border-left-color: #89A724 !important;
    border-left-width: 4px;
}
.eds-body table td > .content .status.STARTED:before{
    border: 5px solid transparent !important;
    border-left-color: #89A724 !important;
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
}
.eds-body table td > .content .status.COMPLETE{
    border-left-color: #C33740 !important;
}
.eds-body table td > .content .status.MEASURED{
    border-left-color: #4C2437 !important;
}



/* red highlighting border and text color change for Add-Trim when unallocated bins>0.  */
.eds-body table td > content.dummy.HIGHLIGHT {
    color:#cebebe
}
/* red highlighting border and 'binsRequested' of Distribution.  */
.eds-body table td > .content.other-dig.HIGHLIGHT i{
    color: red !important;
}
.eds-body table td > .content.HIGHLIGHT {
    border: 1px solid red;
}
.eds-body table td > .content.left.HIGHLIGHT {
    border-right: 0;
}
.eds-body table td > .content.center.HIGHLIGHT {
    border-left: 0;
    border-right: 0;
}
.eds-body table td > .content.right.HIGHLIGHT {
    border-left: 0;
}

.eds-body .subtotal-identifier {
    color: darkgrey; 
    margin: 5px 10px 0 0; 
    text-align: center;
}
.eds-body .subtotal-identifier.horizontal {
    margin: 50px -5px 0 5px;
    text-align: left;
    vertical-align: bottom;
}
.eds-body .subtotal-identifier div:nth-child(1),
.eds-body .subtotal-identifier span:nth-child(1) {
    text-decoration: overline;
}
.eds-body .subtotal-identifier div:nth-child(2),
.eds-body .subtotal-identifier span:nth-child(2) {
    color: #777;
    font-size: 11px;
    line-height: 11px;
    font-weight: 600;
}
.eds-body .subtotal-identifier.horizontal span:nth-child(2) {
    margin-left:5px; 
}




.eds-footer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    display: table;
    width:100%;
    background: #3c1b0e; /* Old browsers */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c1b0e), color-stop(100%,#4b2613)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #999 0%,#333 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom,  #999 0%,#333 100%); /* W3C */
}

.eds-footer > div{
    display: table-row;
    height: 40px;
}

.eds-footer > div > div{
    line-height: 40px;
    display: table-cell;
    color: white;
    font-size: 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: left;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
    white-space: nowrap;
}

.eds-footer div.label, .eds-footer span.label{
    color: #aaa;
    font-size: 18px;
    background: none;
    border: none;
    font-weight: 200;
}

.eds-footer div.label.white, .eds-footer span.label.white{
    color: white;
    font-size: 14px;
}

.eds-footer > div > div.one{
    padding-left: 1%;
    width: 33%;
}
.eds-footer > div > div.two,.eds-footer > div > div.three,.eds-footer > div > div.four{
    width: 22%;
    text-align: right;
}

.eds-footer p.shrink-2, .eds-footer p.shrink-2 *{
    font-size: 12px !important;
    line-height: 12px;
    margin: 0;
}

.eds-footer p.shrink-1, .eds-footer p.shrink-1 *{
    margin: 0;
}

.eds-footer p.shrink-3, .eds-footer p.shrink-3 *{
    font-size: 11px !important;
    line-height: 11px;
    margin: 0;
}

.eds-status{
    color: white;
    z-index: 1000;
    position: absolute;
    left: 50px;
    top: 100px;
    font-size: 20px;
}

.eds-status img{
    position: absolute;
    top: 1px;
    right: -30px;
}

.eds-background{
    background-color: #666;
    position:absolute;
    z-index: 0;
    left: 0px;
    right: 0px;
    top:0px;
    bottom: 0px;
}

.eds-background2{
    background-color: #E6E6E6;
    position:absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top:20px;
    bottom: 0px;
}

.ui-datepicker{
    z-index: 20 !important;
}

.eds-controls input[type=text] {
    height: 35px;
    font-size: 18px;
    width: 250px;
    text-align: center;
    top: 5px;
    position: relative;
}

.eds-controls .hbox > *{
    padding: 0px 5px;
    vertical-align: middle;
}

.eds-controls .dropdown-toggle, .eds-controls dropdown-toggle:hover{
    position: relative;
    width: 145px;
}

.eds-controls p{
    margin: 0px;
    font-size: 10px;
    
}

.eds-controls .btn{
    background:#736256;
    color: white;
    text-shadow: rgba(0, 0, 0, 0.74902) 0px 1px 1px;
}
.eds-controls .btn-large{
    margin-top: 10px;
}
.eds-controls .btn-small{
    margin-top: 3px;
}


.eds-exit-fullscreen, .eds-exit-fullscreen:hover{
    position: absolute;
    top: 0px;
    right: 0px;
    /*width: 110px;*/
    background-color: rgba(0,0,0,.7);
    border-radius: 0 0 0 5px;
    z-index: 10;
    color: #aaa;
    padding: 2px;
    text-decoration: none;
}

.eds-exit-fullscreen:hover{
    color: white;
}

/* entire container, keeps perspective */
.flip-container {
    -webkit-perspective: 1500px;
    /*-moz-perspective: 1500px;*/
    -ms-perspective: 1500px;
    perspective: 1500px;
    /*transform: perspective(1500px);*/
    -ms-transform: perspective(1500px);
    /*-moz-transform: perspective(1500px);*/
    /*transform-style: preserve-3d;*/  /*This setting is problematic on chrome and prevents the user from clicking on links on the left half of the dig sheet */
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
}

.flip-container.quarter .flipper {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.flip-container.half .flipper {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/* flip speed goes here */
.flipper {
    -webkit-transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.3s;
    
    -moz-transition: 0.3s;
    /*-moz-transform: perspective(1500px);*/
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    
    transition: 0.3s;
    transform-style: preserve-3d;
    
    -webkit-transition-timing-function: linear; /* Safari and Chrome */
    transition-timing-function: linear;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    /*-ms-backface-visibility: hidden;
    backface-visibility: hidden;*/ /* This setting hides the flipped face on IE */
    
    -webkit-transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    
    -moz-transition: 0.3s;
    -moz-transform-style: preserve-3d;
    
    -o-transition: 0.3s;
    -o-transform-style: preserve-3d;
    
    -ms-transition: 0.3s;
    -ms-transform-style: preserve-3d;
    
    transition: 0.3s;
    transform-style: preserve-3d;
    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    -webkit-transition-timing-function: linear; /* Safari and Chrome */
    transition-timing-function: linear;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    /*-moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);*/
}

/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.eds-manage-button-up {
    /*background: #ccc;*/
    cursor: pointer;
    border-top: solid 2px #ccc;/*#eaeaea;*/
    border-left: solid 2px #ccc;/*#eaeaea;*/
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
    /*padding: 5px 5px;*/
}

.eds-manage-button-down {
    background: #bbb;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom: solid 2px #ccc;/*#eaeaea;*/
    border-right: solid 2px #ccc;/*#eaeaea;*/
}
.eds-submit-button {
    animation: expand .5s ease-in-out;
    padding: 5px 10px;
    /*margin-top: 6px;*/
    margin-right: 3px;
    background-color: #52afce; 
    font-weight: bold;
    /*display: inline-block;*/
    width: auto;
    border-radius: 10px;
    z-index: 1000; /* This is needed to make the button appear above the trim-row-manage-overlay */
    position: relative; /* This is needed to make the z-index work */
}
.eds-submit-button:hover {
    background-color: #1d9bc4; /* #3c8fae; */ 
}
.submit-cell {
    text-align: center;
    padding: 0px;
    margin: 0px;
    width: 0%;
    white-space: nowrap;
}

@keyframes expand {
    from {
      transform: scale(0);
      opacity: 0;
      background: #5470B0;
    }
  }

  @keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes grow-out {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


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

.loading-dots span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.loading-dots span:nth-child(2) {
    animation-delay: .2s;
}

.loading-dots span:nth-child(3) {
    animation-delay: .4s;
}
@keyframes blink {
    0% {
        opacity: .2;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}
  

.manage-button {
    animation: expand .5s ease-in-out;
    height: 40px;
    line-height: 30px;
    font-size: 18px;
    color: #c4c4c4; /*green;*/
    padding: 5px;
    font-weight: 500;
    background-color: #ddd;
}
.manage-button div {
    position: absolute;
    padding-left: 5px;
}
.manage-button:hover {
    background-color: #be7948; /*#e4ffe4 !important;/*aliceblue;*/
    color:white;
}

.smallFont {
    font-size: 8pt;
}

.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
    position: relative;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}


/**
 Some layout classes for doing grid style stuff.  Stolen from Bootstrap
 */
.col-md-1{width:  8.333333333333332%;}
.col-md-2{width: 16.666666666666664%}
.col-md-3{width: 25%;}
.col-md-4{width: 33.333333333333332%;}
.col-md-5{width: 41.666666666666664%;}
.col-md-6{width: 50%;}
.col-md-7{width: 58.333333333333332%;}
.col-md-8{width: 66.666666666666664%;}
.col-md-9{width: 75%;}
.col-md-10{width:83.333333333333332%;}
.col-md-11{width:91.666666666666664%;}
.col-md-12{width:100%;}

.row{
    clear: both;
}

.span6 p {
    line-height: 6px;
    margin-left: 10px;
}

.trucks-ae-input{
    width: 248px;
}
.clickLink {
    color: #08c;
    text-decoration: none;
}

div[ng-click],span[ng-click],strong[ng-click],td[ng-click],th[ng-click],p[ng-click],tr[ng-click]{
    cursor: pointer;
}
tr[ng-click]:hover{
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    /*background: #dedede;*/
    background-color: #eee !important;
}
/*
.eds-body table td[ng-click] > .content:hover,
.eds-body table td > .content > div > span[ng-click]:hover {
    -webkit-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    background: #f5f5ff !important;
}*/
span[ng-click]:hover,p[ng-click]:hover {
    color: blue;
    text-shadow: 0px 0px 30px grey;
}
strong[ng-click]:hover,td[ng-click]:hover{
    color: blue;
}
.hover:hover {
    color: blue;
}
.shadowHover:hover {
    color: blue;
    text-shadow: 0px 0px 30px black;
}

/************* ORDERS TAB  **********/
.blueHover:hover {
    color: blue;
}

.requestLineContainer {
    background-color: white;
    padding: 5px 5px 0px 5px;
}
.clientLineContainer {
    background-color: white;
    padding: 5px 5px 0px 5px;
}
.destinationLineContainer {
    background-color: white;
    padding: 5px 5px 0px 5px;
}


.requestLineBackground {
    background-color: #D2E9F9;
    border: 1px solid lightgrey;
}
.requestLine {
    display: flex;
    align-items: center;
}

.requestLine > * {
    padding-top: 5px;
    padding-bottom: 5px;
}
.clientLineBackground {
    background-color: #89a5b8;
}
.clientLine {
    border: 1px solid lightgrey;
    display: flex;
    align-items: center;
    padding: 5px 0px 5px 10px;
}
.clientLine > * {
    padding-top: 5px;
    padding-bottom: 5px;
}
.destinationLineBackground {
    background-color: #9ed09e;
}
.destinationLine {
    border: 1px solid lightgrey;
    display: flex;
    align-items: center;
    padding: 5px 0px 5px 10px;
}
.destinationLine > * {
    padding-top: 5px;
    padding-bottom: 5px;
}

.varietyName {
    /*padding-top: 14px;*/
    padding-left: 10px;  /*padding-left: 5px;*/
}
/*.orderName {
    /*padding-top: 14px;*/
/*}
/*.clientName {
    /*padding-top: 14px;*/
/*}*/
.orderNotes {
    font-size:10px;
    line-height: 125%;
    display: flex !important;
    align-items: center;
}

/*.remainingSection {
    /*padding-bottom: 10px;*/
/*}*/

.shortRow {
    min-height: 10px !important;
   /* height: 15px !important;*/
   font-size: 8pt;
   line-height: 15px;
}

.totalRemaining{
    padding-top: 5px;  /*padding-top: 8px;*/
}

.openCloseChevron {
    padding-top: 8px; /*padding-top:14px;*/
    padding-right: 16px;
    color: grey;
}
.printCheckbox {
    position: absolute;
    right: 8px;
    top: 2px;
    opacity: .5;
}
.orderLineContainer {
    background-color: white;
    padding: 5px 5px 0px 5px;
    position: relative;
}

.shipmentLineContainer {
    background-color: white;
    padding: 5px 5px 0px 5px;
}
.shipmentLineBackground {
    background-color: #F1F9FF; /*#D2E9F9;*/
    border: 1px solid lightgrey;
    background-image: url(/img/shipping/trucks/iconRevealRight.png);
    background-position: right;
    background-repeat: no-repeat;
}
.shipmentLine > * {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.loggedDepartureLabel{
    padding-right:10px;
    /*border-right: 1px solid black;*/
}
.shortRowsSection {
    padding-bottom: 10px;
}
/*.carrierName {
    /*padding-top: 14px;*/
/*}*/
/*.bolLabel {
    /*padding-top: 14px;*/
/*}*/
/*.totalShipped{
    /*padding-top: 14px;*/
/*}*/
.lastItem {
    padding: 5px 5px 5px 5px;
}
/* for orderLine */
/*.lastItem {
    padding: 5px 5px 5px 5px;
}*/

/* for shipmentLine *
.lastItem {
    padding: 5px 5px 0px 40px;
}*/

.orderLine {
    background-color: #A1C0D6;
    border: 1px solid lightgrey;
    display: flex;
    align-items: center;
    padding: 5px 0px 5px 10px;
    min-height: 150% !important;
}
.orderLine > * {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 150% !important;
}

/*.companyName {
    /*padding-top: 14px;*/
    /*padding-left: 5px;*/
/*}*/
.shippingAddress {
    line-height: 12px;
    font-size: 10px;
    /*padding-top: 14px;*/
    /*padding-left: 5px;*/
}
/*******************************/



.harvest-menu {
    overflow-y: overlay;
    overflow-x: hidden;
    max-height: 500px;
    min-width: 370px;
    padding-right: 10px;
}

.dynamicColumns {
    -webkit-column-width: 10em;
    -webkit-column-gap: 1em;
    -webkit-column-rule: 1px solid #eee;
    -webkit-column-count: 4;
    -moz-column-width: 10em;
    -moz-column-gap: 1em;
    -moz-column-rule: 1px solid #eee;
    -moz-column-count: 4;
    -ms-column-width: 10em;
    -ms-column-gap: 1em;
    -ms-column-rule: 1px solid #eee;
    -ms-column-count: 4;
    column-width: 10em;
    column-gap: 1em;
    column-rule: 1px solid #eee;
    column-count: 4;
}

.group{ /* class to restrict breaking on */
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    page-break-after:auto !important;
    overflow: hidden; /* optional */
    display:inline-block; /* optional */
}
.plotInfo {
    margin: 0;
    padding-top:20px;
    float:left;
    width:315px;
    display:inline;
}
.plotInfo, .plotInfo div, .plotInfo li{
    font-size:11px;
    line-height:13px;
    position: static !important;
}
.plotInfo h3{
    font-size:14px;
    line-height:16px;
}

.compassIcon48{
    background-image: url('../img/map/compass_icon_48x48.png') !important;
    background-repeat: no-repeat;
    line-height: 100%;
    height: 100%;
    /*color: white;*/
    padding: 24px;
    margin: 10px;
}
/** Inventory tab **/
.digLineUnderLocation:hover, .locationLineUnderDig:hover {
    /* color: #fff; */
    /* text-decoration: none; */
    background-color: aliceblue;
}
/*******/


/*
 6 Col table for plot warehouseInventory
 */
.plotWhseInv-6-col{
    float: left;
    text-align: left;
    font-size: 11px;
    margin-left: 10px;
    overflow-x: hidden;
    min-height: 1px;
    padding: 0;
}
.plotWhseInv-6-col.one{
    width: 15px;
    clear: both;
    text-align: left
}
.plotWhseInv-6-col.two{
    width: 110px;
}
.plotWhseInv-6-col.three{
    width: 165px;
}
.plotWhseInv-6-col.four{
    width: 100px;
}
.plotWhseInv-6-col.five{
    width: 90px;
    text-align: right;
}
.plotWhseInv-6-col.six{
    width: 70px;
    text-align: right;
}
.plotWhseInv-6-col.header{
    line-height: 150%;
}


/*
 5 Col table for warehouseInventory
 */
.whseInv-5-col{
    float: left;
    text-align: left;
    font-size: 11px;
    margin-left: 10px;
    overflow-x: hidden;
    min-height: 1px;
    padding: 0;
}
.whseInv-5-col.one{
    width: 50px;
    margin-left: 20px;
    clear: both;
    text-align: left
}
.whseInv-5-col.two{
    width: 230px;
}
.whseInv-5-col.three{
    width: 100px;
}
.whseInv-5-col.four{
    width: 70px;
    text-align: right;
}
.whseInv-5-col.five{
    width: 110px;
    text-align: right;
}
.whseInv-5-col.header{
    line-height: 150%;
}
.inv-column-header {
    color: grey;
    font-size: 10px;
    line-height: 10px;
}


/* speech bubbles */
.bubble {
    opacity: .7 !important;
    width: 80px;
    overflow: visible !important;
    margin: 50px 0 0 70px !important;
    border-radius: 10px;
    background: #00bfb6 !important;
    color: #fff !important;
    padding: 5px;
    text-align: center;
    font-weight: 900;
    font-family: arial;
    position: relative;
    /*border:2px solid black;*/
}
.upperLeft{
    margin: -90px -150px !important;
}
.upperLeft:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 30px solid #00bfb6;
    border-top: 0px solid transparent;
    border-bottom: 60px solid transparent;
    right: -35px;
    bottom: -53px;
    transform: skewX(50deg);
}
/* This was a quick attempt at a black border for the bubble's pointer but does not layer behind the bubble when used in angular google maps *
 .upperLeft:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 70px solid black;
    border-top: 0px solid transparent;
    border-bottom: 70px solid transparent;
    right: -37px;
    bottom: -58px;
    transform: skewX(50deg);
    z-index:-1;
}*/
.upperLeftMini{
    margin: -65px -100px !important;
}
.upperLeftMini:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 30px solid #00bfb6;
    border-top: 0px solid transparent;
    border-bottom: 30px solid transparent;
    right: -6px;
    bottom: -25px;
    transform: skewX(30deg);
}

.lowerLeft {
    margin: 50px -150px !important;
}
.lowerLeft:after {
    border: 5px solid black;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 30px solid #00bfb6;
    border-top: 60px solid transparent;
    border-bottom: 0px solid transparent;
    right: -35px;
    top: -53px;
    transform: skewX(-50deg);
}
/*.lowerLeft:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 70px solid black;
    border-top: 70px solid transparent;
    border-bottom: 0px solid transparent;
    right: -37px;
    top: -58px;
    transform: skewX(-50deg);
    z-index: -1;
}*/
.lowerLeftMini {
    margin: 26px -96px !important;
}
.lowerLeftMini:after {
    border: 5px solid black;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 30px solid #00bfb6;
    border-top: 30px solid transparent;
    border-bottom: 0px solid transparent;
    right: -6px;
    top: -25px;
    transform: skewX(-30deg);
}


.lowerRight:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 30px solid #00bfb6;
    border-right: 0px solid transparent;
    border-top: 60px solid transparent;
    border-bottom: 0px solid transparent;
    left: -35px;
    top: -53px;
    transform: skewX(50deg);
}
/*.lowerRight:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 70px solid black;
    border-right: 0px solid transparent;
    border-top: 70px solid transparent;
    border-bottom: 0px solid transparent;
    left: -37px;
    top: -58px;
    transform: skewX(50deg);
    z-index:-1;
}*/
.upperRight {
    margin: -90px 70px !important;
}
.upperRight:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 30px solid #00bfb6;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 60px solid transparent;
    left: -35px;
    bottom: -53px;
    transform: skewX(-50deg);
}
/*.upperRight:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 70px solid black;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 70px solid transparent;
    left: -37px;
    bottom: -58px;
    transform: skewX(-50deg);
    z-index:-1;
}*/



/*
 * 3 Col Table for print footer
 */
.footer-3-col{
    float: left;
    height: 12px;
    line-height: 12px;
    font-size: 11px;
    overflow-x: hidden;
    bottom:0;
    color: grey !important;
}

.footer-3-col.one{
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    clear: both;
    text-align: left;
}

.footer-3-col.two{
    width: 34%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}

.footer-3-col.last{
    width: 30%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: right;
    
}

/*** Override Bootstrap ***/
.breadcrumb>.active {
    font-weight: bold;
}
/***                    ***/
.select-item.ng-dirty,
.note.ng-dirty,
#modelInput.ng-dirty,
#modelNumberInput.ng-dirty,
#modelDate.ng-dirty,
#modelSelect.ng-dirty,
#modelTextArea.ng-dirty,
.dirty.ng-dirty{
    background: #ffff0059;
}
.select-item.ng-invalid,
.note.ng-invalid, 
#modelInput.ng-invalid,
#modelNumberInput.ng-invalid,
#modelDate.ng-invalid,
#modelSelect.ng-invalid,
#modelTextArea.ng-invalid,
.dirty.ng-invalid, input:invalid {
    border: 1px solid red;
}
select.ng-invalid {
    color: #6e2424;
    border-color: #d2b1b1;
}

.productLabelText {
    position: absolute;
    top: 60px;
    left: 34px;
    right: -2px;
    bottom: 462px;
    line-height: 20px;
    font-size: 16px;
    padding: 15px;
    border: 5px solid white;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, .4), -1px 1px 0 rgba(255, 255, 255, .4), 1px 1px 0 rgba(255, 255, 255, .4);
}
.productLabelImg {    
    opacity: .75;
    height: 70px;
    width: 515px;
    margin: 5px 10px 15px;
    object-fit: none;
}

/*
* Adds button right of <input>.
* Spacer for inputs without buttons.  
*/
.input-label {
    display: inline-block;
    float: left;
    margin-top: 5px;
}
.input-group {
    /* position: relative; */
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: stretch; */
    float: right;
    /* width: 100%;*/
}
.input-group-btn {
    padding: 3px 3px;
    color: grey;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    background-color: lightgrey;
    border: darkgray;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
}
.input-group-spacer {
    margin-right: 25px;
}
/** ************************** */
.select-div {
    height: 50px;
}
.select-item {
    width: 320px;
    height: 30px;
    float: right;
}

.select-item input[type="number"],
.select-item input[type="date"],
.select-item input[type="text"],
.select-item input[type="email"] {
    height: 30px;
}

.select-item input[type="checkbox"] {
    float: right;
    margin-right: 0px;
}

input.disabled-clickable {
    background-color: #DDD;
    color: #999;
    cursor: pointer;
}

.debug {
    color:brown;
    display: none;
}

.row-fluid[ng-click]:hover, .customer-panel-footer [ng-click]:hover {
    text-decoration: none;
    background-color: #eee;
}

/**** Agreement Lifecycle ***/
#progress {
    position: relative;
    margin: 20px 30px;
  }
  #progress-bar {
    position: absolute;
    background: lightseagreen;
    height: 5px;
    width: 0%;
    top: 50%;
    left: 0px;
  }
  #progress-num {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
  }
  #progress-num li > div:nth-child(2) {
      margin-left: -40px;
      width: 100px;
      line-height: normal;
  }
  #progress-num::before {
    content: "";
    background-color: lightgray;
    position: absolute;
    top: 50%;
    left: 0;
    height: 5px;
    width: 100%;
    z-index: -1;
  }
  #progress-num .step {
    border: 3px solid lightgray;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #fff;
    font-family: sans-serif;
    font-size: 14px;  
    position: relative;
    z-index: 1;
    color: grey;
    margin-left: -1px;
    margin-right: -1px;
  }
  #progress-num .step.active {
    border-color: lightseagreen;
    background-color: lightseagreen;
    color: black;
  }

  /* 
  Agreement lifecycle states  
  Using colors codes from Dig Progress 
  1: Shipped : #CCCCCC F89225
  2: Started : #1E97C0 
  3: Sent : #FCC636
  4: Received : #89A724
  5: Ended : #C33740 
  6: Destroyed : #4C2437 
  */
  #progress-num li:nth-child(1).step.active {
    border-color: #F89225;
    background-color: #F89225;
  }
  #progress-num li:nth-child(2).step.active {
    border-color: #1E97C0;
    background-color: #1E97C0;
  }
  #progress-num li:nth-child(3).step.active {
    border-color: #FCC636;
    background-color: #FCC636;
  }
  #progress-num li:nth-child(4).step.active {
    border-color: #89A724;
    background-color: #89A724;
  }
  #progress-num li:nth-child(5).step.active {
    border-color: #C33740;
    background-color: #C33740;
  }
  #progress-num li:nth-child(6).step.active {
    border-color: #4C2437;
    background-color: #4C2437;
  }

/**** ***/

    /* 
Agreement lifecycle states  
Using colors codes from Dig Progress 
1: Shipped : #CCCCCC F89225
2: Started : #1E97C0 
3: Sent : #FCC636
4: Received : #89A724
5: Ended : #C33740 
6: Destroyed : #4C2437 
*/

.gaState.SHIPPED {
    color:#F89225;
}
.gaState.STARTED {
    color:#1E97C0;
}
.gaState.SENT {
    color:#FCC636;
}
.gaState.RECEIVED {
    color:#89A724;
}
.gaState.ENDED {
    color:#C33740;
}
.gaState.DESTROYED {
    color:#4C2437;
}



.printFooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    margin: 0 auto 0 auto;
}

.printContainer {
    page-break-inside:auto !important;
    transform-origin: top left;
    -webkit-transform-origin:0 0;
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
    width:10.5in;
    /*height:7.75in;*/
    /*border:1px solid grey;*/
}
.printContainer div, .printContainer ul{
    page-break-inside:auto !important;
    page-break-after:auto !important;
}
.printContainer li{
    page-break-after:auto !important;
}
.print0 div{
    color:grey;
}

@media print {
    @page {margin:.5in .5in .5in .5in; }
    * {
        /* breaks edig sheet
         position: static !important; /* Allows printing from IOS devices without zooming and repositioning page*/
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .print0 div{
        height: 0 !important;
        min-height: 0 !important;
        padding-top:0;
        padding-bottom:0;
        color:red;
    }
    print-section div {
        height: auto;
    }
    
    .eds-container {
        top: 20px;
    }

    .eds-header > .digsForDate{ 
        font-size: 40px;
    }

    .eds-body{
        top: 110px;
        display: inline-table;
        width: 100%;
    }
    
    .eds-body table { page-break-inside:auto !important }
    .eds-body tr    { page-break-inside:avoid; page-break-after:auto !important }
    
    .eds-body table th {
        text-align: center !important;
    }
    .eds-body table th.dig {
        text-align: center;
    }
    .eds-body table th.trans {
        text-align: center;
    }
    .eds-body table th.trim {
        text-align: center;
    }
    .eds-body table td > .content.other-dig > i {
        font-weight: bold;
    }
    
    .eds-body table td > .content.other-dig{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    .eds-body table td > .content.print-border{
        border-left: 1px solid grey;
        border-right: 1px solid grey;
    }
    .eds-body table td > .content.variety{
        border-color: lightgrey;
    }
    /* Un-setting these allows the local styles the to override bootstrap's black-text / no-shadow print style.  */
    .eds-body table td > .content.variety > div{
        color: unset !important; 
        text-shadow: unset !important;
    }
    .eds-body table td > .content.variety > div > span {
        color: unset !important; 
        text-shadow: unset !important;
    }
    
    .eds-body table td > .content.field{
        border-color: lightgrey;
    }
    
    .eds-body table td > .content.cooler{
        border-color: lightgrey;
    }
    .eds-body table td > .content.bin{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    .eds-body table td > .content.ship-date,
    .eds-body table td > .content.est-ship-date,
    .eds-body table td > .content.trans-date,
    .eds-body table td > .content.trim-date{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        border-left: 1px solid grey;
    }
    
    .eds-body table td > .content.trans-local{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    
    .eds-body table td > .content.trans-trucks{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        border-right: 1px solid grey;
    }
    
    .eds-body table td > .content.location{
        border-color: lightgrey;
    }
    
    .eds-body table td > .content.trim-bins{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }
    
    
    .eds-body table td > .content.other-trim{
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    /* Planting Map Print Modal*/
    
    .printContainer {
        position: absolute;
        left: 0;
        /*right: 0;*/
        /*bottom: 0;*/
        top: 0;
        margin: 0;
        padding: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        display: inline;
    }
    /*.printContainer div{
     display: block;
     }
     div {
     display: inline;
     }*/
    
    /* for printing Google Maps tiles */
    /*img {
        max-width:  none !important;
    }*/
    .gm-style img {
        max-width: none !important;
        min-height: 1px !important;
    }
    .gm-style div {
        min-height: 1px !important;
    }

    img.icon{
        -webkit-transform-style: preserve-3d; /* fix for blurry icons */
        transform-style: preserve-3d;
    }
    
    .modal {
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-y:visible;
    }
    .modal.fade.in {
        top: 0  !important;;
        margin-left: 0;
    }
    .modal .modal-body{
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-y:visible;
    }
    /* These are duplicates  
    .two-col {
        margin: 0;
    }
    .two-col.right {
        width: 100%;
        
    }
    .two-col.left {
        width: 0;
    }
    */
    
}