/*------- S ABOUT.CSS ---------*/

@media (min-width: 1050px) {
    #about-display {
        box-shadow: inset -50px 0 140px 0 rgba(255, 255, 255, 0.8), inset 50px 0 140px 0 rgba(255, 255, 255, 0.8)!important;
    }
}
#about-display {
    box-shadow: none;
}
#about-display .container {
    margin-top: 30px;
}
#about-display.jumbotron {
    margin-bottom: 2px;
    background: url('../images/splash-background.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 464px;
}
#about-display .custom-box, #about-display .custom-video {
    margin: 0;
    /*height: 326px;*/
    margin-top: -9px;
    padding-left: 0;
    padding-right: 0;
}
#about-display .custom-box {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 18px;
    padding: 45px 15px 45px 25px;
    font-family: "Avenir Next LT Pro Bold";
}
#about-display .custom-box > div {
    line-height: 1.2;
}
#about-display .custom-video {
    background-color: #000;
}
#about-display .custom-video .green-background-text {
    width: 100%;
    height: 72%;
    background-color: #2d4919;
    padding: 30px 99px;
    text-align: center;
    margin-top: 39px;
}
#about-display .custom-video .green-background-text span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: "Avenir Next LT Pro Normal";
    display: inline-block;
    width: 267px;
    margin-left: -9px;
    line-height: 1.1;
}
#about-display .custom-video .green-background-text span:nth-child(1) {
    padding: 14px 5px;
}
#about-display .custom-video .green-background-text span:nth-child(2) {
    margin: 12px -10px 23px;
}
#about-display .custom-video .play-icon-wrapper {
    position: absolute;
    width: 44px;
    height: 27px;
    background-color: #131919;
    border-radius: 5px;
    left: 25px;
    top: 285px;
    cursor: pointer;
}
#about-display .custom-video .play-icon-wrapper .play-icon {
    position: absolute;
    border: 8px solid transparent;
    border-width: 7px 14px;
    border-left-color: #edf1eb;
    background: transparent;
    margin-left: 16px;
    margin-top: 6px;
}
#about-display .custom-box h3 {
    font-size: 25px;
    color: #2F481F;
}

#about-display .custom-box a.more {
    color: #f36f21;
}

#about-display .custom-box-a a.btn {
    margin-top: 55px;
    margin-left: -10px;
    padding: 15px 9px;
    background-color: #F36F21;
    border-radius: 0;
    font-size: 14px;
    border-color: #F36F21;
}
#about-display-container .partners {
    margin-top: 37px;
    padding-top: 15px;
    padding-bottom: 15px;
}
#about-display .custom-box .orange, #about-display-container .partners .orange {
    color: #F36F21;
}
#about-display-container {
    color: #2F481F;
    margin-top: 50px;
}
#about-display-container .text-center.text-uppercase {
    padding-bottom: 60px;
    padding-top: 6px;
    margin-left: 40px;
}
#about-display-container .list .row {
    font-size: 18px;
}
#about-display-container .list .row .col-xs-10 {
    margin-left: 62px;
    max-width: 819px;
}
#about-display-container .list .row:after {
    content: "";
    height: 1px;
    display: block;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(242, 99, 33, 1) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(242, 99, 33, 1) 50%, rgba(0, 0, 0, 0) 100%);
}
#about-display-container .list .col-xs-1 {
    margin-top: 8px;
}
#about-display-container .list .col-xs-1.first, #about-display-container .list .col-xs-3.first {
    background: url('../images/icons/0_home_01.png') no-repeat center;
    height: 67px;
}
#about-display-container .list .col-xs-10.first, #about-display-container .list .col-xs-9.first {
    margin-top: 25px;
}
#about-display-container .list .col-xs-1.second, #about-display-container .list .col-xs-3.second {
    background: url('../images/icons/0_home_02.png') no-repeat center;
    height: 86px;
}
#about-display-container .list .col-xs-10.second, #about-display-container .list .col-xs-9.second {
    margin-top: 20px;
}
#about-display-container .list .col-xs-1.third, #about-display-container .list .col-xs-3.third {
    background: url('../images/icons/0_home_03.png') no-repeat center;
    height: 106px;
}
#about-display-container .list .col-xs-10.third, #about-display-container .list .col-xs-9.third {
    margin-top: 28px;
}
#about-display-container .list .col-xs-1.fourth, #about-display-container .list .col-xs-3.fourth {
    background: url('../images/icons/0_home_04.png') no-repeat center;
    height: 91px;
}
#about-display-container .list .col-xs-10.fourth, #about-display-container .list .col-xs-9.fourth {
    margin-top: 35px;
}
#about-display-container .list .col-xs-1.fifth, #about-display-container .list .col-xs-3.fifth {
    background: url('../images/icons/0_home_05.png') no-repeat center;
    height: 81px;
}
#about-display-container .list .col-xs-10.fifth, #about-display-container .list .col-xs-9.fifth {
    margin-top: 22px;
}
#about-display-container .list .col-xs-1.sixth, #about-display-container .list .col-xs-3.sixth {
    background: url('../images/icons/0_home_06.png') no-repeat center;
    height: 81px;
}
#about-display-container .list .col-xs-10.sixth, #about-display-container .list .col-xs-9.sixth {
    margin-top: 21px;
}
#about-display-container .list .col-xs-1.seventh, #about-display-container .list .col-xs-3.seventh {
    background: url('../images/icons/0_home_07.png') no-repeat center;
    height: 74px;
}
#about-display-container .list .col-xs-10.seventh, #about-display-container .list .col-xs-9.seventh {
    margin-top: 16px;
}
#about-display-container .list .col-xs-1.eight, #about-display-container .list .col-xs-3.eight {
    background: url('../images/icons/0_home_08.png') no-repeat center;
    height: 60px;
    margin-top: 0;
}
#about-display-container .list .col-xs-10.eight, #about-display-container .list .col-xs-9.eight {
    margin-top: 15px;
}
#about-display-container .list .col-xs-1.ninth, #about-display-container .list .col-xs-3.ninth {
    background: url('../images/icons/0_home_09.png') no-repeat center;
    height: 74px;
}
#about-display-container .list .col-xs-10.ninth, #about-display-container .list .col-xs-9.ninth {
    margin-top: 28px;
}
#about-display-container .list .col-xs-1.tenth, #about-display-container .list .col-xs-3.tenth {
    background: url('../images/icons/0_home_10.png') no-repeat center;
    height: 77px;
}
#about-display-container .list .col-xs-10.tenth, #about-display-container .list .col-xs-9.tenth {
    margin-top: 30px;
}
#about-display-container .list .col-xs-1.eleventh, #about-display-container .list .col-xs-3.eleventh {
    background: url('../images/icons/0_home_11.png') no-repeat center;
    height: 76px;
}
#about-display-container .list .col-xs-10.eleventh, #about-display-container .list .col-xs-9.eleventh {
    margin-top: 18px;
}
#about-display-container .list .col-xs-1.twelfth, #about-display-container .list .col-xs-3.twelfth {
    background: url('../images/icons/0_home_12.png') no-repeat center;
    height: 56px;
}
#about-display-container .list .col-xs-10.twelfth, #about-display-container .list .col-xs-9.twelfth {
    margin-top: 20px;
}
#about-display-container .list .col-xs-1.thirteenth, #about-display-container .list .col-xs-3.thirteenth {
    background: url('../images/icons/0_home_13.png') no-repeat center;
    height: 63px;
}
#about-display-container .list .col-xs-10.thirteenth, #about-display-container .list .col-xs-9.thirteenth {
    margin-top: 22px;
}
#about-display-container .list .col-xs-1.fourteenth, #about-display-container .list .col-xs-3.fourteenth {
    background: url('../images/icons/0_home_14.png') no-repeat center;
    height: 74px;
}
#about-display-container .list .col-xs-10.fourteenth, #about-display-container .list .col-xs-9.fourteenth {
    margin-top: 26px;
}
#about-display-container .list .col-xs-1.fifteenth, #about-display-container .list .col-xs-3.fifteenth {
    background: url('../images/icons/0_home_15.png') no-repeat center;
    height: 67px;
}
#about-display-container .list .col-xs-10.fifteenth, #about-display-container .list .col-xs-9.fifteenth {
    margin-top: 24px;
}
#start-page, .text-green-bigger {
    font-size: 18px;
    color: #2e4a1a;
}
.header-green-sm {
    margin-bottom: 15px;
    color: #2e4a1a;
    font-size: 22px;
    font-family: "Avenir Next LT Pro Bold";
}
#start-page a {
    color: rgb(242, 89, 33);
}
#start-page .nav {
    text-align: left;
    margin: 10px 0;
    font-weight: bold;
}
#start-page ul {
    padding-bottom: 20px;
}

/* --------------------------- PARTNERS ----------------------------- */
#partners h4 {
    font-family: "Avenir Next LT Pro Bold";
    color: #f37021;
    font-size: 16px;
    margin-top: 43px;
}
#partners img {
    width: 175px;
    margin: 10px;
}

#partners {
    padding: 0;
    clear: both;
}

/*------- E ABOUT.CSS ---------*/
/* --------------------- S BOOTSTRAP-20-COLUMNS.CSS --------------------- */

.col-20 > .col-xs-1 {
  width: 5%;
  float: left;
}
.col-20 > .col-xs-offset-1 {
  margin-left: 5%;
}
.col-20 > .col-xs-push-1 {
  left: 5%;
}
.col-20 > .col-xs-pull-1 {
  right: 5%;
}
@media (min-width: 768px) {
  .col-20 > .col-sm-1 {
    width: 5%;
    float: left;
  }
  .col-20 > .col-sm-offset-1 {
    margin-left: 5%;
  }
  .col-20 > .col-sm-push-1 {
    left: 5%;
  }
  .col-20 > .col-sm-pull-1 {
    right: 5%;
  }
  .col-20 > .col-sm-2 {
    width: 10%;
    float: left;
  }
  .col-20 > .col-sm-offset-2 {
    margin-left: 10%;
  }
  .col-20 > .col-sm-push-2 {
    left: 10%;
  }
  .col-20 > .col-sm-pull-2 {
    right: 10%;
  }
  .col-20 > .col-sm-3 {
    width: 15%;
    float: left;
  }
  .col-20 > .col-sm-offset-3 {
    margin-left: 15%;
  }
  .col-20 > .col-sm-push-3 {
    left: 15%;
  }
  .col-20 > .col-sm-pull-3 {
    right: 15%;
  }
  .col-20 > .col-sm-4 {
    width: 20%;
    float: left;
  }
  .col-20 > .col-sm-offset-4 {
    margin-left: 20%;
  }
  .col-20 > .col-sm-push-4 {
    left: 20%;
  }
  .col-20 > .col-sm-pull-4 {
    right: 20%;
  }
  .col-20 > .col-sm-5 {
    width: 25%;
    float: left;
  }
  .col-20 > .col-sm-offset-5 {
    margin-left: 25%;
  }
  .col-20 > .col-sm-push-5 {
    left: 25%;
  }
  .col-20 > .col-sm-pull-5 {
    right: 25%;
  }
  .col-20 > .col-sm-6 {
    width: 30%;
    float: left;
  }
  .col-20 > .col-sm-offset-6 {
    margin-left: 30%;
  }
  .col-20 > .col-sm-push-6 {
    left: 30%;
  }
  .col-20 > .col-sm-pull-6 {
    right: 30%;
  }
  .col-20 > .col-sm-7 {
    width: 35%;
    float: left;
  }
  .col-20 > .col-sm-offset-7 {
    margin-left: 35%;
  }
  .col-20 > .col-sm-push-7 {
    left: 35%;
  }
  .col-20 > .col-sm-pull-7 {
    right: 35%;
  }
  .col-20 > .col-sm-8 {
    width: 40%;
    float: left;
  }
  .col-20 > .col-sm-offset-8 {
    margin-left: 40%;
  }
  .col-20 > .col-sm-push-8 {
    left: 40%;
  }
  .col-20 > .col-sm-pull-8 {
    right: 40%;
  }
  .col-20 > .col-sm-9 {
    width: 45%;
    float: left;
  }
  .col-20 > .col-sm-offset-9 {
    margin-left: 45%;
  }
  .col-20 > .col-sm-push-9 {
    left: 45%;
  }
  .col-20 > .col-sm-pull-9 {
    right: 45%;
  }
  .col-20 > .col-sm-10 {
    width: 50%;
    float: left;
  }
  .col-20 > .col-sm-offset-10 {
    margin-left: 50%;
  }
  .col-20 > .col-sm-push-10 {
    left: 50%;
  }
  .col-20 > .col-sm-pull-10 {
    right: 50%;
  }
  .col-20 > .col-sm-11 {
    width: 55%;
    float: left;
  }
  .col-20 > .col-sm-offset-11 {
    margin-left: 55%;
  }
  .col-20 > .col-sm-push-11 {
    left: 55%;
  }
  .col-20 > .col-sm-pull-11 {
    right: 55%;
  }
  .col-20 > .col-sm-12 {
    width: 60%;
    float: left;
  }
  .col-20 > .col-sm-offset-12 {
    margin-left: 60%;
  }
  .col-20 > .col-sm-push-12 {
    left: 60%;
  }
  .col-20 > .col-sm-pull-12 {
    right: 60%;
  }
  .col-20 > .col-sm-13 {
    width: 65%;
    float: left;
  }
  .col-20 > .col-sm-offset-13 {
    margin-left: 65%;
  }
  .col-20 > .col-sm-push-13 {
    left: 65%;
  }
  .col-20 > .col-sm-pull-13 {
    right: 65%;
  }
  .col-20 > .col-sm-14 {
    width: 70%;
    float: left;
  }
  .col-20 > .col-sm-offset-14 {
    margin-left: 70%;
  }
  .col-20 > .col-sm-push-14 {
    left: 70%;
  }
  .col-20 > .col-sm-pull-14 {
    right: 70%;
  }
  .col-20 > .col-sm-15 {
    width: 75%;
    float: left;
  }
  .col-20 > .col-sm-offset-15 {
    margin-left: 75%;
  }
  .col-20 > .col-sm-push-15 {
    left: 75%;
  }
  .col-20 > .col-sm-pull-15 {
    right: 75%;
  }
  .col-20 > .col-sm-16 {
    width: 80%;
    float: left;
  }
  .col-20 > .col-sm-offset-16 {
    margin-left: 80%;
  }
  .col-20 > .col-sm-push-16 {
    left: 80%;
  }
  .col-20 > .col-sm-pull-16 {
    right: 80%;
  }
  .col-20 > .col-sm-17 {
    width: 85%;
    float: left;
  }
  .col-20 > .col-sm-offset-17 {
    margin-left: 85%;
  }
  .col-20 > .col-sm-push-17 {
    left: 85%;
  }
  .col-20 > .col-sm-pull-17 {
    right: 85%;
  }
  .col-20 > .col-sm-18 {
    width: 90%;
    float: left;
  }
  .col-20 > .col-sm-offset-18 {
    margin-left: 90%;
  }
  .col-20 > .col-sm-push-18 {
    left: 90%;
  }
  .col-20 > .col-sm-pull-18 {
    right: 90%;
  }
  .col-20 > .col-sm-19 {
    width: 95%;
    float: left;
  }
  .col-20 > .col-sm-offset-19 {
    margin-left: 95%;
  }
  .col-20 > .col-sm-push-19 {
    left: 95%;
  }
  .col-20 > .col-sm-pull-19 {
    right: 95%;
  }
  .col-20 > .col-sm-20 {
    width: 100%;
    float: left;
  }
  .col-20 > .col-sm-offset-20 {
    margin-left: 100%;
  }
  .col-20 > .col-sm-push-20 {
    left: 100%;
  }
  .col-20 > .col-sm-pull-20 {
    right: 100%;
  }
}
@media (min-width: 992px) {
  .col-20 > .col-md-1 {
    width: 5%;
    float: left;
  }
  .col-20 > .col-md-offset-1 {
    margin-left: 5%;
  }
  .col-20 > .col-md-push-1 {
    left: 5%;
  }
  .col-20 > .col-md-pull-1 {
    right: 5%;
  }
  .col-20 > .col-md-2 {
    width: 10%;
    float: left;
  }
  .col-20 > .col-md-offset-2 {
    margin-left: 10%;
  }
  .col-20 > .col-md-push-2 {
    left: 10%;
  }
  .col-20 > .col-md-pull-2 {
    right: 10%;
  }
  .col-20 > .col-md-3 {
    width: 15%;
    float: left;
  }
  .col-20 > .col-md-offset-3 {
    margin-left: 15%;
  }
  .col-20 > .col-md-push-3 {
    left: 15%;
  }
  .col-20 > .col-md-pull-3 {
    right: 15%;
  }
  .col-20 > .col-md-4 {
    width: 20%;
    float: left;
  }
  .col-20 > .col-md-offset-4 {
    margin-left: 20%;
  }
  .col-20 > .col-md-push-4 {
    left: 20%;
  }
  .col-20 > .col-md-pull-4 {
    right: 20%;
  }
  .col-20 > .col-md-5 {
    width: 25%;
    float: left;
  }
  .col-20 > .col-md-offset-5 {
    margin-left: 25%;
  }
  .col-20 > .col-md-push-5 {
    left: 25%;
  }
  .col-20 > .col-md-pull-5 {
    right: 25%;
  }
  .col-20 > .col-md-6 {
    width: 30%;
    float: left;
  }
  .col-20 > .col-md-offset-6 {
    margin-left: 30%;
  }
  .col-20 > .col-md-push-6 {
    left: 30%;
  }
  .col-20 > .col-md-pull-6 {
    right: 30%;
  }
  .col-20 > .col-md-7 {
    width: 35%;
    float: left;
  }
  .col-20 > .col-md-offset-7 {
    margin-left: 35%;
  }
  .col-20 > .col-md-push-7 {
    left: 35%;
  }
  .col-20 > .col-md-pull-7 {
    right: 35%;
  }
  .col-20 > .col-md-8 {
    width: 40%;
    float: left;
  }
  .col-20 > .col-md-offset-8 {
    margin-left: 40%;
  }
  .col-20 > .col-md-push-8 {
    left: 40%;
  }
  .col-20 > .col-md-pull-8 {
    right: 40%;
  }
  .col-20 > .col-md-9 {
    width: 45%;
    float: left;
  }
  .col-20 > .col-md-offset-9 {
    margin-left: 45%;
  }
  .col-20 > .col-md-push-9 {
    left: 45%;
  }
  .col-20 > .col-md-pull-9 {
    right: 45%;
  }
  .col-20 > .col-md-10 {
    width: 50%;
    float: left;
  }
  .col-20 > .col-md-offset-10 {
    margin-left: 50%;
  }
  .col-20 > .col-md-push-10 {
    left: 50%;
  }
  .col-20 > .col-md-pull-10 {
    right: 50%;
  }
  .col-20 > .col-md-11 {
    width: 55%;
    float: left;
  }
  .col-20 > .col-md-offset-11 {
    margin-left: 55%;
  }
  .col-20 > .col-md-push-11 {
    left: 55%;
  }
  .col-20 > .col-md-pull-11 {
    right: 55%;
  }
  .col-20 > .col-md-12 {
    width: 60%;
    float: left;
  }
  .col-20 > .col-md-offset-12 {
    margin-left: 60%;
  }
  .col-20 > .col-md-push-12 {
    left: 60%;
  }
  .col-20 > .col-md-pull-12 {
    right: 60%;
  }
  .col-20 > .col-md-13 {
    width: 65%;
    float: left;
  }
  .col-20 > .col-md-offset-13 {
    margin-left: 65%;
  }
  .col-20 > .col-md-push-13 {
    left: 65%;
  }
  .col-20 > .col-md-pull-13 {
    right: 65%;
  }
  .col-20 > .col-md-14 {
    width: 70%;
    float: left;
  }
  .col-20 > .col-md-offset-14 {
    margin-left: 70%;
  }
  .col-20 > .col-md-push-14 {
    left: 70%;
  }
  .col-20 > .col-md-pull-14 {
    right: 70%;
  }
  .col-20 > .col-md-15 {
    width: 75%;
    float: left;
  }
  .col-20 > .col-md-offset-15 {
    margin-left: 75%;
  }
  .col-20 > .col-md-push-15 {
    left: 75%;
  }
  .col-20 > .col-md-pull-15 {
    right: 75%;
  }
  .col-20 > .col-md-16 {
    width: 80%;
    float: left;
  }
  .col-20 > .col-md-offset-16 {
    margin-left: 80%;
  }
  .col-20 > .col-md-push-16 {
    left: 80%;
  }
  .col-20 > .col-md-pull-16 {
    right: 80%;
  }
  .col-20 > .col-md-17 {
    width: 85%;
    float: left;
  }
  .col-20 > .col-md-offset-17 {
    margin-left: 85%;
  }
  .col-20 > .col-md-push-17 {
    left: 85%;
  }
  .col-20 > .col-md-pull-17 {
    right: 85%;
  }
  .col-20 > .col-md-18 {
    width: 90%;
    float: left;
  }
  .col-20 > .col-md-offset-18 {
    margin-left: 90%;
  }
  .col-20 > .col-md-push-18 {
    left: 90%;
  }
  .col-20 > .col-md-pull-18 {
    right: 90%;
  }
  .col-20 > .col-md-19 {
    width: 95%;
    float: left;
  }
  .col-20 > .col-md-offset-19 {
    margin-left: 95%;
  }
  .col-20 > .col-md-push-19 {
    left: 95%;
  }
  .col-20 > .col-md-pull-19 {
    right: 95%;
  }
  .col-20 > .col-md-20 {
    width: 100%;
    float: left;
  }
  .col-20 > .col-md-offset-20 {
    margin-left: 100%;
  }
  .col-20 > .col-md-push-20 {
    left: 100%;
  }
  .col-20 > .col-md-pull-20 {
    right: 100%;
  }
}
@media (min-width: 1200px) {
  .col-20 > .col-lg-1 {
    width: 5%;
    float: left;
  }
  .col-20 > .col-lg-offset-1 {
    margin-left: 5%;
  }
  .col-20 > .col-lg-push-1 {
    left: 5%;
  }
  .col-20 > .col-lg-pull-1 {
    right: 5%;
  }
  .col-20 > .col-lg-2 {
    width: 10%;
    float: left;
  }
  .col-20 > .col-lg-offset-2 {
    margin-left: 10%;
  }
  .col-20 > .col-lg-push-2 {
    left: 10%;
  }
  .col-20 > .col-lg-pull-2 {
    right: 10%;
  }
  .col-20 > .col-lg-3 {
    width: 15%;
    float: left;
  }
  .col-20 > .col-lg-offset-3 {
    margin-left: 15%;
  }
  .col-20 > .col-lg-push-3 {
    left: 15%;
  }
  .col-20 > .col-lg-pull-3 {
    right: 15%;
  }
  .col-20 > .col-lg-4 {
    width: 20%;
    float: left;
  }
  .col-20 > .col-lg-offset-4 {
    margin-left: 20%;
  }
  .col-20 > .col-lg-push-4 {
    left: 20%;
  }
  .col-20 > .col-lg-pull-4 {
    right: 20%;
  }
  .col-20 > .col-lg-5 {
    width: 25%;
    float: left;
  }
  .col-20 > .col-lg-offset-5 {
    margin-left: 25%;
  }
  .col-20 > .col-lg-push-5 {
    left: 25%;
  }
  .col-20 > .col-lg-pull-5 {
    right: 25%;
  }
  .col-20 > .col-lg-6 {
    width: 30%;
    float: left;
  }
  .col-20 > .col-lg-offset-6 {
    margin-left: 30%;
  }
  .col-20 > .col-lg-push-6 {
    left: 30%;
  }
  .col-20 > .col-lg-pull-6 {
    right: 30%;
  }
  .col-20 > .col-lg-7 {
    width: 35%;
    float: left;
  }
  .col-20 > .col-lg-offset-7 {
    margin-left: 35%;
  }
  .col-20 > .col-lg-push-7 {
    left: 35%;
  }
  .col-20 > .col-lg-pull-7 {
    right: 35%;
  }
  .col-20 > .col-lg-8 {
    width: 40%;
    float: left;
  }
  .col-20 > .col-lg-offset-8 {
    margin-left: 40%;
  }
  .col-20 > .col-lg-push-8 {
    left: 40%;
  }
  .col-20 > .col-lg-pull-8 {
    right: 40%;
  }
  .col-20 > .col-lg-9 {
    width: 45%;
    float: left;
  }
  .col-20 > .col-lg-offset-9 {
    margin-left: 45%;
  }
  .col-20 > .col-lg-push-9 {
    left: 45%;
  }
  .col-20 > .col-lg-pull-9 {
    right: 45%;
  }
  .col-20 > .col-lg-10 {
    width: 50%;
    float: left;
  }
  .col-20 > .col-lg-offset-10 {
    margin-left: 50%;
  }
  .col-20 > .col-lg-push-10 {
    left: 50%;
  }
  .col-20 > .col-lg-pull-10 {
    right: 50%;
  }
  .col-20 > .col-lg-11 {
    width: 55%;
    float: left;
  }
  .col-20 > .col-lg-offset-11 {
    margin-left: 55%;
  }
  .col-20 > .col-lg-push-11 {
    left: 55%;
  }
  .col-20 > .col-lg-pull-11 {
    right: 55%;
  }
  .col-20 > .col-lg-12 {
    width: 60%;
    float: left;
  }
  .col-20 > .col-lg-offset-12 {
    margin-left: 60%;
  }
  .col-20 > .col-lg-push-12 {
    left: 60%;
  }
  .col-20 > .col-lg-pull-12 {
    right: 60%;
  }
  .col-20 > .col-lg-13 {
    width: 65%;
    float: left;
  }
  .col-20 > .col-lg-offset-13 {
    margin-left: 65%;
  }
  .col-20 > .col-lg-push-13 {
    left: 65%;
  }
  .col-20 > .col-lg-pull-13 {
    right: 65%;
  }
  .col-20 > .col-lg-14 {
    width: 70%;
    float: left;
  }
  .col-20 > .col-lg-offset-14 {
    margin-left: 70%;
  }
  .col-20 > .col-lg-push-14 {
    left: 70%;
  }
  .col-20 > .col-lg-pull-14 {
    right: 70%;
  }
  .col-20 > .col-lg-15 {
    width: 75%;
    float: left;
  }
  .col-20 > .col-lg-offset-15 {
    margin-left: 75%;
  }
  .col-20 > .col-lg-push-15 {
    left: 75%;
  }
  .col-20 > .col-lg-pull-15 {
    right: 75%;
  }
  .col-20 > .col-lg-16 {
    width: 80%;
    float: left;
  }
  .col-20 > .col-lg-offset-16 {
    margin-left: 80%;
  }
  .col-20 > .col-lg-push-16 {
    left: 80%;
  }
  .col-20 > .col-lg-pull-16 {
    right: 80%;
  }
  .col-20 > .col-lg-17 {
    width: 85%;
    float: left;
  }
  .col-20 > .col-lg-offset-17 {
    margin-left: 85%;
  }
  .col-20 > .col-lg-push-17 {
    left: 85%;
  }
  .col-20 > .col-lg-pull-17 {
    right: 85%;
  }
  .col-20 > .col-lg-18 {
    width: 90%;
    float: left;
  }
  .col-20 > .col-lg-offset-18 {
    margin-left: 90%;
  }
  .col-20 > .col-lg-push-18 {
    left: 90%;
  }
  .col-20 > .col-lg-pull-18 {
    right: 90%;
  }
  .col-20 > .col-lg-19 {
    width: 95%;
    float: left;
  }
  .col-20 > .col-lg-offset-19 {
    margin-left: 95%;
  }
  .col-20 > .col-lg-push-19 {
    left: 95%;
  }
  .col-20 > .col-lg-pull-19 {
    right: 95%;
  }
  .col-20 > .col-lg-20 {
    width: 100%;
    float: left;
  }
  .col-20 > .col-lg-offset-20 {
    margin-left: 100%;
  }
  .col-20 > .col-lg-push-20 {
    left: 100%;
  }
  .col-20 > .col-lg-pull-20 {
    right: 100%;
  }
}

/* --------------------- E BOOTSTRAP-20-COLUMNS.CSS --------------------- */
/* --------------------- S BOOTSTRAP-TOUR-FIX.CSS --------------------- */

.tour-step-background {
    opacity: 0;
    z-index: 1102;
}
#calendar-panel {
    background-color: transparent;
}

/* --------------------- E BOOTSTRAP-TOUR-FIX.CSS --------------------- */
/* --------------------- S BREEDING.CSS --------------------- */

div.animal-group-buttons a, div.animal-group-buttons button {
    width: 100%;
}
div.animal-group-buttons a {
    height: 78px;
    padding: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
div.animal-group-buttons > div {
    padding-right: 1px;
    margin-bottom: 1px;
}
.animal-group-buttons a {
    position: relative;
}
.animal-group-buttons a span {
    position: absolute;
    height: 27%;
    left: 50%;
    top: 73%;
    -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
}

/* --------------------- S BREEDING.CSS --------------------- */
/* --------------------- S COMMON-BUTTONS.CSS --------------------- */

/* ------------------------ COMMON BUTTON ------------------------- */
.btn-mfarmer-green {
    color: #fff;
    background-color: #7cb146;
    border-color: #7cb146;
    margin-bottom:0;
}
.btn-mfarmer-green:hover, .btn-mfarmer-green:focus, .btn-mfarmer-green.focus, .btn-mfarmer-green:active, .btn-mfarmer-green.active, .open > .dropdown-toggle.btn-mfarmer-green {
    color: #fff;
    background-color: #71a041;
    border-color: #71a041;
}

/* ---------------------- COMMON BUTTON DARK ---------------------- */
.btn-mfarmer-green-dark {
    color: #fff;
    background-color: #7cb146;
    border-color: #7cb146;
    font-family: "Avenir Next LT Pro Bold";
}
.btn-mfarmer-green-dark:hover, .btn-mfarmer-green-dark:focus, .btn-mfarmer-green-dark.focus, .btn-mfarmer-green-dark:active, .btn-mfarmer-green-dark.active, .open > .dropdown-toggle.btn-mfarmer-green-dark {
    color: #fff;
    background-color: #7cb146;
    border-color: #7cb146;
}

/* ------------------- COMMON BUTTON BLUE LIGHT -------------------- */
.btn-blue-light {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
    font-family: "Avenir Next LT Pro Bold";
}
.btn-blue-light:hover, .btn-blue-light:focus, .btn-blue-light.focus, .btn-blue-light:active, .btn-blue-light.active, .open > .dropdown-toggle.btn-blue-light {
    color: #fff;
    background-color: #6CD5F4;
    border-color: #6CD5F4;
}

/* ----------------------------- EDIT ----------------------------- */
.btn-edit {
    color: #fff;
    background-color: #71a53d;
    border-color: #71a53d;
}
.btn-edit:hover, .btn-edit:focus, .btn-edit.focus, .btn-edit:active, .btn-edit.active, .open > .dropdown-toggle.btn-edit {
    color: #fff;
    background-color: #71a53d;
    border-color: #71a53d;
}

/* ---------------------------- DELETE ---------------------------- */
.btn-delete {
    color: #fff;
    background-color: #F71C24;
    border-color: #F71C24;
}
.btn-delete:hover, .btn-delete:focus, .btn-delete.focus, .btn-delete:active, .btn-delete.active, .open > .dropdown-toggle.btn-delete {
    color: #fff;
    background-color: #CF1F25;
    border-color: #CF1F25;
}

/* ---------------------- SMALL GREEN LIGHT ----------------------- */
.btn-sm-green-light {
    color: #fff;
    background-color: #55903E;
    border-color: #55903E;
}
.btn-sm-green-light:hover, .btn-sm-green-light:focus, .btn-sm-green-light.focus, .btn-sm-green-light:active, .btn-sm-green-light.active, .open > .dropdown-toggle.btn-sm-green-light {
    color: #fff;
    background-color: #476F38;
    border-color: #476F38;
}

/* ---------------------------- SOIL ------------------------------ */
.btn-soil {
    color: white;
    font-weight: bold;
    border-color: white;
    text-shadow: 0 1px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black;
    -webkit-filter: blur(1px) grayscale(100%);
            filter: blur(1px) grayscale(100%);
}

.btn-soil.selected {
    color: #fff;
    -webkit-filter: blur(0) grayscale(0);
            filter: blur(0) grayscale(0);
}

/* ---------------------------- UTILS ----------------------------- */
.btn-edit, .btn-delete, .btn-sm-green-light {
    padding: 6px 10px;
}
.button-icon {
  padding-right: 3px;
}

/* ------------------------- GRAY BUTTON --------------------------- */
.btn-gray {
    color: #000000;
    background-color: lightgrey;
    border-color: darkgray
}
.btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray {
    color: #000000;
    background-color: #808080;
    border-color: dimgrey;
}
.btn-gray:active, .btn-gray.active, .open .dropdown-toggle.btn-gray {
    background-image: none
}
.btn-gray.disabled, .btn-gray[disabled], fieldset[disabled] .btn-gray, .btn-gray.disabled:hover, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray:hover, .btn-gray.disabled:focus, .btn-gray[disabled]:focus, fieldset[disabled] .btn-gray:focus, .btn-gray.disabled:active, .btn-gray[disabled]:active, fieldset[disabled] .btn-gray:active, .btn-gray.disabled.active, .btn-gray[disabled].active, fieldset[disabled] .btn-gray.active {
    background-color: lightgrey;
    border-color: darkgray
}

/* -------------------- CLEAR UI SELECT BUTTON --------------------- */
.ui-select-btn-clear {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    font-family: "Avenir Next LT Pro Bold";
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

/* ------------------------ SEA BLUE BUTTON ------------------------ */
.btn-sea-blue {
    color: #fff;
    background-color: #2a8f83;
    border-color: #2a8f83;
}
.btn-sea-blue:hover, .btn-sea-blue:focus, .btn-sea-blue.focus, .btn-sea-blue:active, .btn-sea-blue.active, .open > .dropdown-toggle.btn-sea-blue {
    color: #fff;
    background-color: #25766c;
    border-color: #25766c;
}

/* ----------------------------- OTHER ----------------------------- */
.btn-helper {
    border-radius: 16px;
    padding: 0;
    width: 25px;
    height: 25px;
}

/* --------------------- E COMMON-BUTTONS.CSS --------------------- */
/* -----------------------START COMMON.CSS -------------------------- */
/* ---------------------------- FONTS ------------------------------- */
@font-face {
    font-family: 'Avenir Next LT Pro Regular';
    src: url('fonts/AvenirNextLTPro-Regular.otf');
}
@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    src: url('fonts/AvenirNextLTPro-Bold.otf');
}
@font-face {
    font-family: 'Avenir Next LT Pro DemiIt';
    src: url('fonts/AvenirNextLTPro-DemiIt.otf');
}
@font-face {
    font-family: 'Avenir Next LT Pro Demi';
    src: url('fonts/AvenirNextLTPro-Demi.otf');
}
body {
    font-family: "Montserrat";
    overflow-x: hidden;
}
strong {
    font-family: "Montserrat";
}

.bold {
    font-weight: bold;
}
iframe {
    border: 0 none;
}
/* ------------------------- FARMER NAVBAR -------------------------- */
.navbar-default, .navbar-default .navbar-nav > li {
    background-color: white;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: inherit;
}

/* ----------------------- CONSULTANT NAVBAR ------------------------ */
.navbar-inverse, .navbar-inverse .navbar-nav > li {
    background: -webkit-linear-gradient(#E17A21, #B05D14);
    background: linear-gradient(#E17A21, #B05D14);
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: inherit;
}
/* ---------------------------- FOOTER ------------------------------ */
.page-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.main-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-color:#eaeaea;
}
footer {
    color: #000;
    font-size: 14px;
    line-height: 100px;
}
.footer-farmer, .footer-unlogged {
    background:#fff;
}
.footer-consultant {

}
footer .flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-justify-content: space-between;
}
.footer-menu {
    margin: 10px 0;
    float: right;
    line-height: 22px;
}
.footer-menu ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer-menu ul li {
    text-align: right;
}
.footer-menu ul li a {
    text-decoration: none;
    color: #ffffff;
}

/* ---------------------------- NAVBAR ------------------------------ */
.navbar {
    border: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0;
}
ul.nav.navbar-nav .glyphicon-user {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: top;
}
.horizontal-line {
    border-bottom: 1px solid #fff;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.panel-padding {
    padding: 8px;
}
.label-85pc {
    font-size: 100%;
    background: transparent !important;
    color: black;
    font-weight: 400;
}
.label-100pc {
    font-size: 100%;
}
.alert-fixed-top-right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
}
.resizeVertical {
    resize: vertical;
}
.list-style-type-disc {
    list-style-type: disc;
}
.ui-select-toggle[disabled], .ui-select-toggle[disabled]:hover, .ui-select-toggle[disabled]:focus, .ui-select-toggle[disabled]:active {
    background-color: #eeeeee;
    border-color: #2d4919;
    opacity: 1;
}
.modal-container strong {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}
.modal-container label, .modal-container legend {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
    color: #2d4919;
}
.caret {
    margin-left: 5px;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    width: auto;
    max-width: 300px;
    overflow-y: hidden;
}
.menu-dropdowm-items a {
    color: #fff;
    font-size: 15px;
    line-height: 10px;
    padding: 10px;
    text-align: center;
}
.version {
    margin: 0;
    float: left;
    line-height: 22px;
    font-size: 10px;
}

.input-group .input-group-addon.glyphicon-calendar {
    font-size: 19px;
    top: 0;
}
.btn-margin-right {
    margin-right: 5px;
}
#invoiceForm .alert-msg .alert {
    position: relative !important;
}
.section-divider-horizontal {
    background: url("../images/section-divider-horizontal.png") repeat;
    height: 2px;
    margin: 20px 0;
    background-size: 100% 100%;
}
.loader-small-horizontal {
    background-image: url("../images/loader-small-horizontal.gif");
    height: 15px;
    margin: 10px auto;
    width: 128px;
}
.form-checkbox {
    margin-top: 7px;
}
.label-checkbox {
    padding-top: 10px;
    text-align: left;
}
.typeahead-spinner {
    margin-top: 10px;
}
.form-output-text {
    display: block;
    margin-top: 7px;
}
.positive {
    color: #3c763d;
}
.negative {
    color: #e69f34;
}
.form-group .required:after {
    color: red;
    content: '*';
}
.state-loader {
    font-size: 22px;
    color: #2d4919;
    margin: 20px;
}
.container-fluid {
    max-width: 994px;
    min-width: 320px;
}
.logo-background {
    background-size: 100% 100%;
    /*height: 61px;*/
    width: 100px;
    margin-top: 12px;
    margin-left: 0;
}
.logo-background a img{
    max-width:100%;
}
.navbar-default .navbar-toggle {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.border-color-red {
    border-color: red;
}
.form-horizontal .checkbox-label {
    text-align: left;
    padding-top: 10px;
}

/* --------------------- MARGINS AND PADDINGS ----------------------- */
.margin-0 {
    margin: 0;
}
.margin-10 {
    margin: 10px;
}
.padding-1 {
    padding: 1px;
}
.padding-5 {
    padding: 5px;
}
.padding-3 {
  padding: 3px !important;
}
.padding-10 {
    padding: 10px;
}
.margin-top-0 {
    margin-top: 0;
}
.margin-top-2 {
    margin-top: 2px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-10 {
    margin-top: 10px;
}
.margin-top-30 {
    margin-top: 30px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-15 {
    padding-top: 15px;
}
.padding-bottom-0 {
    padding-bottom: 0px;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-left-2 {
    padding-left: 2px;
}
.padding-left-5 {
    padding-left: 5px;
}
.padding-left-15 {
    padding-left: 15px;
}
.margin-bottom-0 {
    margin-bottom: 0;
}
.margin-bottom-1 {
    margin-bottom: 1px;
}
.margin-bottom-2 {
    margin-bottom: 2px;
}
.margin-bottom-5 {
    margin-bottom: 5px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-top-1 {
    margin-top: 1px;
}
.margin-top-15 {
    margin-top: 15px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-bottom-10 {
    margin: 10px 0;
}
.margin-top-bottom-18 {
    margin: 18px 0;
}
.margin-left-5 {
    margin-left: 5px;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-right-2 {
    margin-right: 2px;
}
.margin-right-5 {
    margin-right: 5px
}
.margin-right-10 {
    margin-right: 10px
}
.padding-left-5 {
    padding-left: 5px;
}
.padding-0 {
    padding: 0;
}
.padding-2 {
    padding: 2px;
}
.padding-2-important {
    padding: 2px !important;
}
.padding-right-1 {
    padding-right: 1px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-left-40 {
    padding-left: 40px;
}
.padding-right-2 {
    padding-right: 2px;
}
.padding-right-10 {
    padding-right: 10px;
}

.padding-left-right-15 {
    padding-right: 15px;
    padding-left: 15px;
}

/* --------------------- OTHERS ----------------------- */
.font-size-80-pc {
    font-size: 80%;
}
.ui-select-like-dropdown-menu .dropdown-menu {
    max-height: 200px;
    overflow-x: hidden;
    width: 100%;
}
.width-100pc {
    width: 100%;
}
.width-50pc {
    width: 50%;
}
.content {
    width: 1024px;
    margin: 0 auto;
    padding: 0 15px;
}
.validation-error {
    color: #E8850C;
    text-align: left;
}
.validation-error-input:not(div) {
    background-color: #f9ebd9;
    border: 1px solid #e8850c;
}
.validation-error-input .ui-select-match span.ui-select-toggle {
    background-color: #f9ebd9;
    border: 1px solid #e8850c;
}
.box-shadow {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.25);
}
th.text-center {
    text-align: center;
}
.table > tbody > tr > .border-top-none {
    border-top: 0 none;
}
.table > tbody > tr.row-border-top-none > td, .table > tbody > tr.row-border-top-none > th {
    border-top: 0 none;
}
.table > tbody > tr.row-border-bottom > td, .table > tbody > tr.row-border-bottom > th {
    border-bottom: 1px solid #ddd;
}
.line-height-1 {
    line-height: 1;
}
.no-line-height{
    line-height: normal;
}
.overflow-x-auto{
    overflow-x: auto;
}
.ui-select-highlight {
    font-family: "Avenir Next LT Pro Bold";
}
.ui-select-placeholder, .ui-select-match-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.input-group span.ui-select-toggle {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}
.display-inline-block {
    display: inline-block;
}
.uppercase {
    text-transform: uppercase;
}
.cursor-pointer {
    cursor: pointer;
}
.increase-label-font-size .label {
    font-size: 85%;
}
table.table-text-overflow-hidden-wrap td, table.table-text-overflow-hidden-wrap td span {
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.color-yellow {
    color: #EED922;
}

.section-header-orange {
    font-size: 18px;
    color: #f36e21;
    font-family: "Avenir Next LT Pro Bold";
    padding: 5px 0 5px 15px;
    margin-bottom: 19px;
}

.background-green-light {
    background-color: #e8ece4;
}
.background-white {
    background-color: #fff;
}
.background-green {
    background-color: green;
}
.background-orange {
    background-color: orange;
}
.background-grey {
    background-color: #808080;
}
.background-blue {
    background-color: #337ab7;
}
.table-row-gray > td {
    color: #808080;
}
.alert-success-darker {
    background-color: #abde97;
    border-color: #9bbb81;
}
.panel-border-top {
    border-top: 1px solid #dddddd;
}
.text-align-left {
    text-align: left;
}

/* -----------------------END COMMON.CSS -------------------------- */
/* --------- START CONTACT.CSS ---------- */
#contact-info {
    font-size: 15px;
    line-height: 1.6;
    font-weight: bold;
}

.fa-white {
    color: black;
}

.social-buttons {
    margin-top: 25px;
}

.social-buttons a {
    margin-left: 10px;
}

.social-buttons a:first-of-type {
    margin-left: 0;
}

#build-page {
    text-align: center;
    font-family: 'Avenir Next LT Pro Bold';
}

#build-page img {
    font-family: 'Avenir Next LT Pro Bold';
}

#build-page h1 {
    margin-top: 20px;
    font-size: 26px;
    color: rgb(242, 89, 33);
}

#build-page h2 {
    margin-top: 20px;
    font-size: 26px;
    color: rgb(242, 89, 33);
}

#error-page {
    text-align: center;
    font-size: 28px;
    margin-top: 50px;
}

/* ------- END CONTACT.CSS ---------- */
/* ------- START DASHBOARD.CSS   -------  */

#mfarmer-dashboard {
    margin: 20px auto;
}
div.dashboard-nav-buttons .btn {
    width: 100%;
}
div.dashboard-nav-buttons .btn {
    height: 76px;
    padding: 6px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
div.dashboard-nav-buttons > div {
    padding-right: 1px;
    margin-bottom: 1px;
}
.column-right-padding {
    padding-right: 8px;
}
.column-left-padding {
    padding-left: 8px;
}
.dashboard-section-header {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    margin: 15px 0;
}
#mfarmer-dashboard .table-td-margin-bottom th, #mfarmer-dashboard .table-td-margin-bottom td {
    border-top: none;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    padding: 4px;
}
/*
#mfarmer-dashboard .table-td-margin-bottom td a {
    color: #333333;
}*/
.color-surplus {
    color: #55903E;
}
.color-deficit {
    color: #F36F21;
}
.calendar-title {
    font-size: 27px;
    font-weight: bold;
    color: #000;
    font-family: "Montserrat";
    line-height: 1.2;
}
.well-calendar-title {
    min-height: 76px;
    margin-bottom: 0;
    background-color:transparent;
    box-shadow: none;
}
#upcoming-event-list {
    font-size: 15px;
    line-height: 1.25;
}
.upcoming-event-list-date {
    font-weight: bold;
}
#calendar-container {
    padding: 10px 0;
    width: 90%;
    margin: 0 auto;
}
.button-mark-announcement-as-read {
    margin-top: 10px;
}

#calendar li {
    margin-top: 3px;
}

#calendar .cal-event-list .event.pull-left {
    margin-top: 2px;
}
.cal-context{
      background-color: #fff;
}
.najblizsze{
    width:90%;
    margin:0 auto;
}

/* ------- END DASHBOARD.CSS   -------  */
/* ----- START FARM.CSS ----- */

.farm-invitation-status {
    border-radius: 4px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin: auto;
    line-height: 32px;
}

.farm-invitation-status .fa {
    vertical-align: middle;
    line-height: 1;
}

.fi-status-waiting {
    background-color: #f0ad4e;
}

.fi-status-approved {
    background-color: #5cb85c;
}

.view-farm b {
    /*background-color: #dddbdb;*/
    /*border-radius: 4px;*/
    /*color: #477050;*/
    margin-right: 4px;
    /*padding: 4px;*/
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;*/
}

/* ----- END FARM.CSS ----- */
/* ------ START FARMSMAP.CSS  ----- */

.farms-map-container .angular-google-map-container {
    height: 700px;
    width: 100%;
}
.mfarmer-map .control-searchbox {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.mfarmer-map .control-panel {
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#farms-map-searchbox {
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
    display: none;
}
#fields-map-searchbox {
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}
#farms-map-searchbox:focus,
#fields-map-searchbox:focus {
    border-color: #4d90fe;
}
#farms-map #type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0 11px;
}
#farms-map #type-selector label {
    font-size: 13px;
    font-weight: 300;
}
#farm-list-panel, #field-list-panel {
    background-color: #fafafa;
    margin: 12px 12px 0 0;
    display: none;
    width: 410px;
}
#farm-list-panel {
    padding: 10px;
}
#field-list-panel-inner {
    background: inherit;
    border-radius: 4px;
    padding: 10px;
}
#farm-list-panel, #field-list-panel {
    font-size: 14px;
}
#farm-list-panel table td,
#field-list-panel table td {
    padding: 4px;
}

/* ------ END FARMSMAP.CSS  ----- */
/*------  START FIELDCARD.CSS ------*/

/*#crewateNewPlanModal .btn,
#mojePoleView .btn {
  border-radius:0;
  background:linear-gradient(#3f6323, #36561e);
  color:#fff;
  text-transform:uppercase;
}*/

#mojePoleView .button-group.btn-group .btn {
    background: -webkit-linear-gradient(#4eb447, #36561e);
    background: linear-gradient(#4eb447, #36561e);
    font-weight: 700;
}
.accordion-group .control-label {
    color: rgb(46, 74, 26);
}
h4 strong {
    color: #ed1c24;
    padding-left: 35px;
}
h3.page-header {
    font-family: "Avenir Next LT Pro Bold";
    font-weight: 700;
    font-size: 42px;
    margin: 5px 0 0 0;
    color: #2d4919;
    padding: 0 10px 0 30px;
    background: -webkit-linear-gradient(#e5eae1, #f0f3ee);
    background: linear-gradient(#e5eae1, #f0f3ee);
}
h3.page-header .btn-lg {
    margin-top: 0;
}
span.year-frame {
    padding: 4px 25px;
    font-family: "Avenir Next LT Pro Bold";
    font-weight: 700;
    color: #2d4919;
    background: -webkit-linear-gradient(#e5eae1, #f0f3ee);
    background: linear-gradient(#e5eae1, #f0f3ee);
}
div.no-plan {
    letter-spacing: 1.5px;
    font-family: 'Avenir Next LT Pro Regular';
    color: #e6e6e6;
    line-height: 140px;
    border-bottom: solid 1px #f37021;
    margin-bottom: 25px;
}
div.with-plan {
    color: #2d4919;
    font-family: 'Avenir Next LT Pro Regular';
    margin: 12px 0;
}
div.with-plan input {
    margin-top: 20px;
}
div.checkboxes {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
}
span.checkboxes-main-label {
    margin-right: 20px;
    font-family: 'Avenir Next LT Pro Bold';
    color: #2d4919;
}
div.checkboxes .checkbox-inline {
    font-family: 'Avenir Next LT Pro Regular';
    color: #2d4919;
}
@media (max-width: 992px) {
    .col-sm-12.col-md-5.right-column {
        border-top: solid 1px #f37021;
        padding-top: 4px;
        margin-top: 10px;
    }
}
div.left-column-item {
    min-width: 100%;
    white-space: nowrap;
}
div.left-column-item span {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
div.left-column-item span.name {
    min-width: 43%;
    width: 50%;
}
div.left-column-item span.value {
    min-width: 12%;
    width: 12%;
}
div.left-column-item span.change {
    min-width: 12%;
    margin-left: 3px;
    width: 12%;
}
span.change.invisible {
    visibility: hidden;
}
div.right-column-item span.strikethrough {
    text-decoration: line-through;
}
.timeline {
    margin-top: 10px;
    list-style: none;
    padding: 0 0 20px;
    position: relative;
}
.timeline-bar {
    width: 2px;
    background-color: #bdbdbd;
    display: inline-block;
    position: absolute;
    height: 48%;
    left: 8%;
}
.timeline-bar {
    width: 2px;
    background-color: #bdbdbd;
    display: inline-block;
    position: absolute;
    height: 48%;
    left: 8%;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 15px;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before, .timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc( 100% - 45px);
    float: left;
    border: 1px solid rgba(64, 101, 36, 0.65);
    border-radius: 4px;
    padding: 15px;
    position: relative;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #406524;
    border-right: 0 solid #406524;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline-inverted .timeline-heading {
    font-family: 'Avenir Next LT Pro Bold';
    color: #2d4919;
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 28px;
    left: 25px;
    margin-left: -25px;
    background-color: #EEEEEE;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge.default {
    background-color: #808080 !important;
}
.timeline-badge.selectedCurrent {
    background-color: #3f903f !important;
}
.timeline-badge.selectedPlanned {
    background-color: #7eb247 !important;
}
/*
.timeline-badge.uprawa {
  background-color:#7eb247 !important;
}

.timeline-badge.naworzenie {
  background-color:#3f903f !important;
}

.timeline-badge.opryski {
  background-color:#f0ad4e !important;
}

.timeline-badge.zasiew {
  background-color:#d9534f !important;
}

.timeline-badge.zbiory {
  background-color:#5bc0de !important;
}*/

.timeline-time {
    position: absolute;
    top: 33px;
    left: -70px;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}
.timeline-body .button-group {
    margin-bottom: 10px;
}

#timeline-default .timeline-heading {
    margin-bottom: 8px;
    color: #2d4919;
}
#createNewPlanModal input[type=text] {
    height: 20px;
}
#createNewPlanModal input, #createNewPlanModal select {
    border-radius: 0;
    border-color: #406524;
}
#createNewPlanModal div.modal-body {
    color: #406524;
    width: 78%;
    margin: 0 auto;
}
#createNewPlanModal div.modal-footer {
    border: none;
}
#createNewPlanModal .btn.middle-button {
    margin-top: 15px;
    margin-bottom: 20px;
}
#createNewPlanModal .btn {
    border-radius: 0;
    background: -webkit-linear-gradient(#3f6323, #36561e);
    background: linear-gradient(#3f6323, #36561e);
    color: #fff;
    text-transform: uppercase;
}
#createNewPlanModal .btn.btn-wide {
    padding: 15px 55px;
}
.accordion-body .well {
    background: -webkit-linear-gradient(#e5eae1, #f0f3ee);
    background: linear-gradient(#e5eae1, #f0f3ee);
}
.accordion-body a strong, .accordion-body a span i.glyphicon {
    color: #2d4919;
}
.accordion-body a span i.glyphicon {
    margin-left: 5px;
}
#accordion .button-group.btn-group .btn div.image {
    width: 90px;
    height: 65px;
}
#accordion .button-group.btn-group .btn div.image.image-uprawa {
    background: url('../images/uprawa.png') no-repeat center;
}
#accordion .button-group.btn-group .btn div.image.image-naworzenie {
    background: url('../images/naworzenie.png') no-repeat center;
}
#accordion .button-group.btn-group .btn div.image.image-opryski {
    background: url('../images/opryski.png') no-repeat center;
}
#accordion .button-group.btn-group .btn div.image.image-zasiew {
    background: url('../images/zasiew.png') no-repeat center;
}
#accordion .button-group.btn-group .btn div.image.image-zbiory {
    background: url('../images/zbiory.png') no-repeat center;
}
/* SIDEBAR - DANE POLA*/
.angular-google-map-container {
    width: 331px;
    height: 300px;
    margin: 5px auto;
}
#mojePoleView {
    padding-right: 10px;
}
#more-info-seed {
    margin-top: 20px;
}
.fieldCard .more {
    margin-top: 10px;
    float: right;
    color: rgb(45, 73, 25);
}
#mojePoleView .delete-button {
    float: right;
    color: rgb(45, 73, 25);
    padding: 0 15px;
}
#mojePoleView .delete-button:hover {
    cursor: pointer;
}
#mojePoleView .control-panel {
    padding-bottom: 10px;
    text-align: right;
}
.control-panel .btn-primary {
    background: none !important;
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #7eb247 !important;
}
.control-panel .btn-danger {
    background: none !important;
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d43f3a;
}
.control-panel .close-edit {
    background: none !important;
    color: #fff;
    background-color: #808080 !important;
    border-color: darkgray;
}
#mojePoleView .panel-default {
    border: none;
    background: none;
}
#yieldForm .btn-success {
    background: #4cae4c;
}
#yieldForm .bg-danger {
    background: #d43f3a;
}
#yieldForm input[type="checkbox"] {
    margin: 0;
    padding: 0;
    top: 0;
    height: 15px;
}
#yieldForm label {
    color: rgb(46, 74, 26);
}
#yieldForm .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group, #yieldForm .btn-danger, #yieldForm .last-child {
    border-right: 1px solid transparent;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.item-activityType {
    text-align: left;
    text-decoration: none;
    line-height: 25px;
}
.timeline .timeline-body, .timeline .panel-body-our {
    float: left;
    width: 100%;
}
.timeline .panel-body-our span.desc {
    font-family: 'Avenir Next LT Pro Bold';
    color: #2d4919;
    line-height: 25px;
}
#mojePoleView .panel {
    box-shadow: none;
}
#mojePoleView .table-td-margin-bottom td {
    border-top: none;
    vertical-align: middle;
}
.control-text {
    padding-top: 7px;
}
.activity-button-type {
    padding: 0;
}
.activity-button-type-img {
    margin: auto;
    width: 100px;
}
.activity-button-type-label {
    margin-top: -20px;
    cursor: pointer;
}
#field-data .form-group {
    margin-bottom: 5px;
}
#field-data .panel-group {
    margin-bottom: 1px;
}
#field-data .panel-body {
    padding: 8px;
}
#field-data .control-label {
    text-align: left;
}
#field-data .form-control, #field-data #fieldType {
    width: 95%;
    float: right;
}
#field-data .panel-group .panel + .panel {
    margin-top: 1px;
}
/* -------------------------------------------------------------- */
.timeline > li > .timeline-panel-mobile-incomp:before {
    border-color: transparent #F75C6B;
}
.timeline > li > .timeline-panel-mobile-incomp {
    border-color: #F75C6B;
}
.plannedMode > .input-group-addon {
    background-color: #7eb247;
}
.plannedMode > span {
    background-color: #7eb247;
}
.plannedMode > button {
    background-color: #7eb247;
    border-color: #7eb247;
    color: #fff;
}
.currentMode > button {
    background-color: #3e6122;
    border-color: #3e6122;
    color: #fff;
}
#finance-analysis-panel .block-ui-message-container {
    top: 15%;
}
#finance-analysis-panel .block-ui-message {
    padding: 14px;
}

#add-template-treatment{
    padding: 40px 20px;
}

/*------  END FIELDCARD.CSS ------*/
/*------  START FINANCE.CSS -----*/

.my-grid .col-xs-1, .my-grid .col-sm-1, .my-grid .col-md-1, .my-grid .col-lg-1,
.my-grid .col-xs-2, .my-grid .col-sm-2, .my-grid .col-md-2, .my-grid .col-lg-2,
.my-grid .col-xs-3, .my-grid .col-sm-3, .my-grid .col-md-3, .my-grid .col-lg-3,
.my-grid .col-xs-4, .my-grid .col-sm-4, .my-grid .col-md-4, .my-grid .col-lg-4,
.my-grid .col-xs-5, .my-grid .col-sm-5, .my-grid .col-md-5, .my-grid .col-lg-5,
.my-grid .col-xs-6, .my-grid .col-sm-6, .my-grid .col-md-6, .my-grid .col-lg-6,
.my-grid .col-xs-7, .my-grid .col-sm-7, .my-grid .col-md-7, .my-grid .col-lg-7,
.my-grid .col-xs-8, .my-grid .col-sm-8, .my-grid .col-md-8, .my-grid .col-lg-8,
.my-grid .col-xs-9, .my-grid .col-sm-9, .my-grid .col-md-9, .my-grid .col-lg-9,
.my-grid .col-xs-10, .my-grid .col-sm-10, .my-grid .col-md-10, .my-grid .col-lg-10,
.my-grid .col-xs-11, .my-grid .col-sm-11, .my-grid .col-md-11, .my-grid .col-lg-11,
.my-grid .col-xs-12, .my-grid .col-sm-12, .my-grid .col-md-12, .my-grid .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media (max-width: 991px) {
    .contractor-zip-code {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .contractor-city {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (min-width: 992px) {
    .contractor-zip-code {
        padding-left: 0 !important;
    }
    .contractor-city {
        padding-right: 0 !important;
    }
}
.section-margin-top {
    margin-top: 50px;
}
.text-center-th > th {
    text-align: center;
}
#invoiceForm .alert {
    margin: 5px 0;
}
.position-description {
    font-size: 10px;
}
.invoice-positions-table {
    min-width: 850px;
}
.income-list-table, .invoice-list-table {
    min-width: 900px;
}

/*------  END FINANCE.CSS -----*/
/*---- START INFORMATION.CSS ------*/

#information a {
    color: #f05523;
}

#information #splash-quote h3 {
    font-size: 24px !important;
    margin-top: 20px !important;
    color: #256017 !important;
    font-family: "Avenir Next LT Pro Regular";
}

/*---- END INFORMATION.CSS ------*/
/*----- S LOGGING.CSS ------*/

#login-main {
    background-color: #fafafa;
    padding: 24px 47px 0 47px;
    /*margin-bottom: 10px;*/
    /*height: 435px;*/

  }

#login-main h3 {
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 21px;
    margin-top:40px;
}

#login-main .form-control {
    border-color: #7cb146;
    border-radius:2px;
    height:49px;
    margin-bottom:17px;
}

#login-main .form-group:last-child {
    margin-bottom: 4px;
}

#login-main .form-group:last-child{
    margin-bottom: 0;
}

#login-main .btn-wide, .btn-login {
    width: 192px;
    height: 48px;
    border-radius: 0;
    border-color:#7cb146;
    background-color: #7cb146;
    font-family: "Montserrat";
    color: #FFF;
    font-size:14px;
    margin-top:1px;
    margin-bottom:12px;
}
#login-main .btn[href=register]{
  padding-top: 14px;
}
    
.btn-register {
    border-color: #DA3041;
    background-color: #DA3041;
}

#login-main .btn-fb {
    padding:0;
    background:#4c69ba;
    background:-webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
    background:-webkit-linear-gradient(#4c69ba, #3b55a0);
    border-color:#4c69ba;
}

#login-main div a {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 36px;
    color: #2d4919;
}

#login-main .form-group.form-group-double {
    margin-bottom: 0;
}

.slim-form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/*----- E LOGGING.CSS ------*/
/*----- S MACHINE.CSS -----*/

#machine-view .button-more {
    text-align: center;
}

#machine-view .button-more button {
    width: 120px;
    background: rgb(239, 76, 35);
    color: white;
    margin-bottom: 10px;
}

table tr.vertical-align-middle td {
    vertical-align: middle;
}

.table-machine-usage {
    border: 1px solid #dddddd;
}

.table-machine-usage-header {
    background-color: #A1C991;
}

.resize-machine-img {
    width: 90%;
}

/*----- E MACHINE.CSS -----*/
/*------ S MAP-MAIN.CSS ------*/

.fields-map-container .angular-google-map-container {
    width: 100%;
    height: 850px;
}
#field-control-panel {
    width: 400px;
    display: none;
}
#add-field-step-1 {
    border-radius: 4px;
    font-size: 15px;
    margin: 5px 0 0 0;
    padding: 10px;
    text-align: center;
}
#map-info-window-content > p:nth-child(1) {
    font-weight: bold;
}
#map-info-window-content .label-nav {
    text-align: center;
    font-size: 18px;
    margin-bottom: 22px;
    margin-left: 18px;
}
#map-info-window-content {
    text-align: center;
    width: 100%;
    min-width: 200px;
}
.fields-map-container alert {
    display: block;
    padding: 5px;
    margin: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fields-map-container alert.info {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.fields-map-container .animate-new-help {
    -webkit-animation: new-help 2s;
    /* Chrome, Safari, Opera */
    animation: new-help 2s;
}
@-webkit-keyframes new-help {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes new-help {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*------ E MAP-MAIN.CSS ------*/
/*------ S MEDIA.CSS -----*/

@media only screen and (max-width: 767px) {
    #about-display .custom-box, #about-display .custom-video {
        margin: 0;
    }
    #about-display .custom-video .green-background-text {
        padding: 30px 0;
    }
    #about-display .custom-video .green-background-text span {
        width: 100%;
        margin-left: 0;
    }
    #about-display .custom-video .green-background-text span:nth-child(1), #about-display .custom-video .green-background-text span:nth-child(2), #about-display .custom-video .green-background-text span:nth-child(3) {
        padding: 16px 0;
        margin: 0;
    }
    #about-display .custom-box {
        font-size: 18px;
        height: auto;
        padding: 45px 15px 30px;
    }
    #about-display .custom-box-a a.btn {
        margin-top: 40px;
    }
}
@media only screen and (max-width: 600px) {
    #about-display .custom-video .green-background-text span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 550px) {
    footer {
        line-height: 50px;
    }
    footer .flex-container {
        display: block;
    }
    .version {
        float: none;
    }
    .footer-menu {
        margin: 0 0 10px;
        float: none;
    }
    .footer-menu ul li {
        text-align: center;
    }
}

/*------ E MEDIA.CSS -----*/
/*----- S NOTE.CSS -----*/

table.table-fixed {
    table-layout:fixed;
}
.text-overflow-hidden {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.text-overflow-hidden-wrap {
    overflow:hidden;
    text-overflow: ellipsis;
}
.comment-info {
    color: #71a53d;
    font-size: 12px;
    margin: 5px 0;
}

/*----- E NOTE.CSS -----*/
/*---- S OFFICE.CSS -----*/

.menu-office {
    list-style-type: none;
    float: left;
}

#news a.link,
#contact a.link {
    color: rgb(242, 89, 33);
}

#contact,
#download {
    min-height: 800px;
}

/*---- E OFFICE.CSS -----*/
/*----- S PEST.CSS -----*/

.pest-thumbnail.img-thumbnail {
    width: 110px;
    height: 110px;
    margin: 5px;
}

.lightbox-image-caption-custom {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-radius: 15px;
    color: #fff;
    font-size: 0.9em;
    font-weight: 700;
    margin: 0.5em 0.9em;
    padding: 6px;
    text-shadow: 0 1px 2px #222;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

/*----- E PEST.CSS -----*/
/*----- S PLANNEDPOITION.CSS ----*/

.actual-column-table{
    background-color:#7cb146;
    color: #fff;
}

.edit-in-place span {
    cursor: pointer;
}
.edit-in-place input {
    display: none;
}
.edit-in-place.active span {
    display: none;
}
.edit-in-place.active input {
    display: inline-block;
}

#plannedPosition .table {
    margin-bottom: 0;
}

#editPlannedPosition .tooltip{
    top: 0;
}

.btn-checkbox{
    color: #000000;
    background-color: #F0F0F0;
    border-color: darkgray
}

.btn-checkbox:focus, .btn-checkbox:active, .btn-checkbox.active, .open .dropdown-toggle.btn-checkbox {
    color: #000000;
    background-color: #3FAB36;
    border-color: dimgrey;
}

.btn-checkbox:active, .btn-checkbox.active, .open .dropdown-toggle.btn-checkbox {
    background-image: none
}

.btn-checkbox.disabled, .btn-checkbox[disabled], fieldset[disabled] .btn-checkbox, .btn-checkbox.disabled:focus, .btn-checkbox[disabled]:focus, fieldset[disabled] .btn-checkbox:focus, .btn-checkbox.disabled:active, .btn-checkbox[disabled]:active, fieldset[disabled] .btn-checkbox:active, .btn-checkbox.disabled.active, .btn-checkbox[disabled].active, fieldset[disabled] .btn-checkbox.active {
    background-color: lightgrey;
    border-color: darkgray
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*----- E PLANNEDPOITION.CSS ----*/
/*----- S PRESSOFFICE.CSS ------*/

.pressOffice {
    line-height: 1.4;
}

.pressOffice h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px
}

.pressOffice p {
    margin: 0 0 10px;
}

.pressOffice ul {
    list-style-type: disc;
    padding-left: 40px;
    margin-bottom: 10px;
}

/*----- E PRESSOFFICE.CSS ------*/
/*------ S PROFILE.CSS -----*/

#time-reminder {
    margin-top: 10px;
}

#time-reminder strong {
    color: #ed1c24;
}

#time-reminder a,
#user-contact-us a,
#user-progress a {
    color: #2e4a1a;;
}

#time-reminder a:hover,
#user-contact-us a:hover,
#user-progress a:hover {
    text-decoration: none;
    color: #f15422;
}

#profile .progress {
    position: relative;
}

#profile .left-column {
    float: left;
    width: 25%;
}

#profile .panel-heading {
    border: none;
    background-color: transparent;
    font-family: "Avenir Next LT Pro Bold";
    color: #2e4a1a;
    font-size: 24px;
    padding-top: 30px;
    padding-bottom: 25px;
    border-radius: 0;
}

#profile .right-column .panel-heading {
    background: -webkit-linear-gradient(#e5eae1, #f0f3ee);
    background: linear-gradient(#e5eae1, #f0f3ee);
    padding-left: 25px;
}

#profile .right-column .panel-heading .regular {
    font-family: "Avenir Next LT Pro Regular";
    font-size: 18px;
}

#profile .panel-default {
    border: none;
    border-radius: 0;
    color: #2e4a1a;
    margin-bottom: 2px;
}

#profile .left-column .panel-default {
    background-color: #e8ece4;

}

#profile .right-column .panel-default .panel-body {
    padding-left: 30px;
    padding-right: 30px;
}

#profile .progress {
    height: 35px;
    border: 1px solid #406524;
    background-color: #fff;
    border-radius: 35px;
}

#profile .progress .progress-bar {
    background-color: #558530;
}

#profile .left-column .panel-default .panel-body,
#profile .left-column .panel-default .panel-heading {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#profile .left-column .placeholder-graphic {
    width: 100%;
    height: 133px;
    background-color: #fff;
    border: 1px solid #406524;
}

#profile .user-info h4,
#profile label {
    font-family: "Avenir Next LT Pro Bold";
    font-size: 14px;
    margin-bottom: 7px;
}

#profile .form-group {
    margin-bottom: 7px;
}

#user-data .form-group.space-after {
    margin-bottom: 45px;
}

#profile input[type=text], #profile textarea {
    border-radius: 0;
    border-color: #406524;
}

#profile textarea {
    resize: none;
}

#user-data .btn,
#user-contact-us .btn,
#user-cultivations .btn,
#user-calendar .btn,
#user-garage .btn,
#user-latest-invoices .btn,
#user-warehouse .btn {
    background: -webkit-linear-gradient(#3f6323, #36561e);
    background: linear-gradient(#3f6323, #36561e);
    font-family: "Avenir Next LT Pro Bold";
    font-size: 18px;
    color: #fff;
    border-radius: 0;
}

#user-contact-us .btn {
    margin-top: 0;
}

#profile .user-info {
    margin-bottom: 25px;
}

#profile .right-column {
    float: right;
    width: 75%;
    padding-left: 2px;
}

#profile .progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #000;
}

#profile table th {
    font-family: "Avenir Next LT Pro Bold";
    font-size: 14px;
}

#user-progress h4 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-family: "Avenir Next LT Pro Bold";
    font-size: 24px;
    color: #ed1c24;
}

#profile .align-middle > span, .align-middle > strong {
    vertical-align: middle;
}

#profile .square + span {
    vertical-align: middle;
    margin-left: 10px;
}

#profile .square {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 20px;
}

#profile .green-square {
    background-color: green;
}

#profile .red-square {
    background-color: #ed1c24;
}

#user-latest-invoices form {
    margin-bottom: 20px;
}

#user-documents-body .glyphicon {
    float: right;
}

#user-add-table {
    padding: 30px 0;
}

#user-add-table .panel-body div {
    border: 3px dashed #005e20;
    height: 180px;
    font-family: "Avenir Next LT Pro Bold";
    font-size: 24px;
    display: table-cell;
    vertical-align: middle;
}

#profile #user-calendar th, #profile #user-calendar td {
    border: 1px solid #f37021;
}

#user-calendar .panel-body {
    padding-left: 0;
    padding-right: 0;
}

#profile #user-calendar th {
    text-align: center;
    border-top: none;
}

#profile #user-calendar td {
    height: 85px;
    border-bottom: none;
}

#profile #user-calendar td:first-of-type,
#profile #user-calendar th:first-of-type {
    border-left: none;
}

#profile #user-calendar td:last-of-type,
#profile #user-calendar th:last-of-type {
    border-right: none;
}

#user-calendar p {
    margin: 0;
}

#user-calendar p:last-of-type {
    color: #ed1c24;
}

#user-calendar .list-inline {
    margin-left: 15px;
    font-family: "Avenir Next LT Pro Bold";
}

#profile tr, #profile td, #profile th {
    border-color: #406524;
}

#profile .col-md-6 {
    padding: 0 2px 0 0;
}

#profile .panel {
    box-shadow: none;
}

#profile .row {
    margin: 0;
}

#profile .glyphicon-menu-down,
#profile .glyphicon-menu-up {
    margin-left: 10px;
    color: #406524;
}

@media (max-width: 992px) {
    #profile.container {
        width: 100%;
        padding: 0;
    }

    #profile .left-column .panel-default .panel-body,
    #profile .left-column .panel-default .panel-heading {
        width: 100%;
    }

    #profile .panel-heading span,
    #profile .panel-heading span {
        vertical-align: middle;
        font-size: 18px;
    }

    #profile .panel-heading .glyphicon-menu-up,
    #profile .panel-heading .glyphicon-menu-down,
    #profile .right-column .panel-heading span.regular {
        font-size: 15px;
    }

    #profile .panel-heading {
        padding: 10px;
    }

    #profile .regular {
        display: block;
    }
}

/*------ E PROFILE.CSS -----*/
/*----- S PROPOSAL.CSS ------*/

#editFarmForm .table-responsive{
    overflow-x: inherit !important;
}

/*----- E PROPOSAL.CSS ------*/
/*------ S REGINISTRATION.CSS -------*/

#registration-main {
    background-color: #fafafa;
    padding: 24px 47px 0 47px;
}

#registration-main h3 {
    font-size: 24px;
    color: #1a1a1a;
    margin-bottom: 14px;
    line-height:30px;
}

#registration-main .form-control {
    border-color: #7cb146;
    height: 49px;
    margin-bottom: 5px;
    border-radius: 2px;
}

#registration-main .form-group {
    margin-bottom: 6px;
    padding-left:12px;
    padding-right:5px;
}

#registration-main small {
    display: inline-block;
    margin-bottom: 10px;
    color: #1a1a1a;
    font-size:93%;
}

#registration-main small a {
    font-family: "Avenir Next LT Pro Bold";
    color: #1a1a1a;
}

#registration-main small a:hover {
    color: #f15422;
    text-decoration: none;
}

#registration-main .btn-wide {
    width: 192px;
    height: 48px;
    border-radius: 0;
    border-color:#7cb146;
    background-color: #7cb146;
    font-family: "Montserrat";
    color: #FFF;
    font-size:15px;
    margin-top:1px;
    margin-bottom:5px;
}

#registration-main .btn-wide + div {
    color: #2d4919;
    margin-top: 14px;
    margin-bottom: 36px;
}

#registration-main .btn-wide + div a {
    font-family: "Avenir Next LT Pro Bold";
    color: #2d4919;
}

#registration-main .btn-wide + div a:hover {
    color: #f15422;
    text-decoration: none;
}

#registration-main .form-group.form-group-double {
    margin-bottom: 6px;
}

#registration-main .form-group-double input {
    margin-bottom: 5px;
    border-radius:2px;
}

.slim-form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#registration-main .alert{
    position: inherit;
}

/*------ E REGINISTRATION.CSS -------*/
/*-------- S SPLASH.CSS ----------*/

@media (min-width: 1050px) {
    #splash-display {
        box-shadow: inset -50px 0 140px 0 rgba(255, 255, 255, 0.8), inset 50px 0 140px 0 rgba(255, 255, 255, 0.8)!important;
    }
}
#splash-display {
    box-shadow: none;
}
#splash-screen-container {
    min-width: 750px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
#splash-display.jumbotron {
    margin-bottom: 2px;
    background: url('../images/splash-background.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    height: 402px;
}
@media (min-width: 1025px) {
    #splash-display .container .row {
        margin-left: -45px;
    }
}
#splash-display .container .row:nth-child(1) {
    max-width: 730px;
    margin-top: 9px;
}
#splash-display .container .row:nth-child(2) {
    font-size: 19px;
    margin-top: 3px;
    line-height: 22px;
}
.splash-container {
    min-width: 750px;
}
#splash-display.jumbotron h2 {
    font-size: 24px;
    color: #2e4a1a;
    font-family: "Avenir Next LT Pro Bold";
}
#splash-display.jumbotron p {
    font-size: 1.2em;
}
#splash-display.jumbotron a {
    border-radius: 0;
    font-size: 13px;
    margin-top: 26px;
    font-family: "Avenir Next LT Pro Bold";
    background-color: #F36F21;
    border-color: #F36F21;
    padding: 17px 61px;
}
#splash-display .container {
    margin-left: 32px;
    max-width: 970px;
    margin: auto;
}
#splash-buttons span {
    height: 46px;
    font-family: "Avenir Next LT Pro Bold";
    line-height: 33px;
    font-size: 14px;
    color: #FFF;
    background-color: #37581f;
    border-color: #FFF;
}
#splash-slogan h3 {
    background-color: #edf1eb;
    margin-bottom: 42px;
    margin-top: 0;
    color: #2e4a1a;
    font-size: 17px;
    font-family: "Avenir Next LT Pro Bold";
    line-height: 49px;
}
#splash-quote h3 {
    font-family: "Avenir Next LT Pro Bold";
    font-size: 15px;
    color: #f37021;
    margin-top: 0;
}
#splash-quote p {
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
}
#splash-quote span {
    color: #2e4a1a;
}
#splash-quote {
    padding-bottom: 35px;
}
#splash-quote .col-md-7 img {
    width: 100%;
}
#splash-quote-row {
    margin-top: -35px;
    margin-bottom: 53px;
    border-bottom: solid 1px #f37021;
    padding-bottom: 7px;
}
#splash-quote-row h3 {
    padding-left: 47px;
    padding-right: 30px;
    text-align: center;
    font-size: 14px;
    font-family: "Avenir Next LT Pro DemiIt";
    color: #2e4a1a;
    margin-top: 17px;
    margin-bottom: 46px;
}
#splash-quote-row .splash-quote-row-block {
    padding: 30px;
    border-right: 1px solid #f37021;
}
@media (max-width: 767px) {
    #splash-quote-row .splash-quote-row-block {
        border-right: none;
        padding: 20px 0;
    }
    #splash-quote-row .splash-quote-row-block .splash-quote-row-version {
        margin-right: 30px;
    }
    #splash-quote-row .splash-quote-row-block .splash-quote-row-bottom {
        border-bottom: 1px solid #f37021;
    }
    #splash-display .container {
        max-width: 540px;
        min-width: 540px;
    }
    #splash-quote h3 {
        margin-top: 30px;
    }
}
#splash-quote-row .splash-quote-row-block:last-of-type {
    border-right: none;
}
#splash-quote-row.row{
  overflow: hidden;
}
#splash-quote-row.row [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
#splash-functions-banner {
    margin-top: 10px;
}
#splash-functions-banner, #splash-join-now {
    background-color: #edf1eb;
}
#splash-functions-banner h3 {
    line-height: 51px;
    font-size: 18px;
    font-family: "Avenir Next LT Pro Bold";
    color: #2e4a1a;
    margin-bottom: 0;
    margin-top: 13px;
    margin-left: 10px;
}
#splash-join-now h3 {
    line-height: 51px;
    font-size: 18px;
    font-family: "Avenir Next LT Pro Bold";
    color: #2e4a1a;
    margin-top: 0;
    margin-bottom: 0;
}
#splash-join-now {
    width: 100%;
}
#splash-join-now a {
    color: #fff;
    border-color: #F36F21;
    border-radius: 0;
    background-color: #F36F21;
    margin-left: 10px;
    padding: 16px 0;
    float: right!important;
    font-size: 13px;
    width: 100%;
}
#splash-functions-tiles {
    background-color: #558530;
}
#splash-functions .functions-tile {
    border: 1px solid #fff;
    height: 130px;
}
#splash-functions .functions-tile img {
    margin-top: 15px;
}
#splash-functions .functions-tile h3 {
    font-size: 15px;
    color: #fff;
    font-family: "Avenir Next LT Pro Bold";
    margin-top: 10px;
}
#splash-functions .functions-tile p {
    font-size: 14px;
    color: #fff;
}
.btn-group-lg > .btn {
    border-radius: 0;
}

/*-------- E SPLASH.CSS ----------*/
/* -------- S STATUTE.CSS --------- */

#statute {
    line-height: 22px;
    margin-bottom: 30px;
}

#statute h2 {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    font-weight: bold;
    line-height: 28px;
}

#statute ol {
    list-style-type: decimal;
    margin-left: 20px;
}

#statute ul {
    list-style-type: disc;
    margin-left: 20px;
}

/* -------- E STATUTE.CSS --------- */
/*-------- S TASKS.CSS --------*/

.taskPanel:hover {
    background-color: #D0D6CB;
}
.taskPanel {
    background-color: #F0F0F0;
    margin-top: 5px;
    padding: 5px;
    position: relative;
}

.taskHeading {
    margin-bottom: 4px;
    margin-right: 5px;
    margin-top: 5px;
    background-color: #D0D6CB;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.taskLine{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}

.taskHeadingLine{
    border-top-left-radius: 3px;
    height: 34px;
    left: 0;
    position: absolute;
    top: 0;
    width: 5px;
}
.hiddenRow {
    padding: 0 !important;
}

.hiddenRow div{
    margin: 20px;
    color: #777777;
}

.button-more-task{
    text-align: center;
}

.button-more-task button {
    background: rgb(239, 76, 35) none repeat scroll 0 0;
    color: white;
    margin-bottom: 10px;
    width: 120px;
    text-align: center;
}

/* workaround for MFAR-610 in view sm buttons for edit status are in next line*/
.selectPadding > div > form > div > select {
    padding-left: 0;
    padding-right: 0;
}

.buttonsSecondLine .editable-wrap {
    white-space: normal;
}

.buttonsSecondLine .editable-buttons {
    margin-top: 2px;
}
/**************************/


/*-------- E TASKS.CSS --------*/
/* ----------------- S WAREHOUSE.CSS ----------------- */
.btn-dashboard{
    color: black;
    background-color: #ffffff;
    border: 1px solid #7cb146;
    font-size: 13px;
    font-weight: 500;
}

.btn-dashboard:hover{
  color: #000;
  background-color: #ffffff;
  border-color: #7cb146;
  box-shadow: inset 0 0 23px 0px rgb(124, 177, 13);
}

/*.btn-warehouse-all-high {
    height: 108px !important;
}*/

.page-header {
  padding: 12px 0;
}

div.warehouse-group-buttons a,
div.warehouse-group-buttons button {
    width: 100%;
}

div.warehouse-group-buttons > div > a {
    height: 76px;
    padding: 6px 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}

div.warehouse-group-buttons > div {
    padding-right: 1px;
    margin-bottom: 1px;
}

.warehouse-group-buttons a {
    position: relative;
}

.warehouse-group-buttons a span {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
            transform: translate(0,-50%);
    white-space: pre-wrap;
    font-weight: 900;
    display:none;
}
@media (min-width: 992px) {
    #warehouse-category-buttons{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    }
    #warehouse-category-buttons>div{
        margin: 0 5px;
    }
}
/* --------------------------- VARIA ---------------------------- */

#ppp-info-link a {
    color: rgb(45, 73, 25);
}

.font-size-10 {
    font-size: 10px;
}

.label-tree {
    background-color: #8438b5;
}


#warehouse-category-buttons .btn-success, #breeding-species-buttons .btn-success{
    color: #000;
    background-color: #ffffff;
    border-color: #7cb146;
}

#warehouse-category-buttons .btn-success:hover, #breeding-species-buttons .btn-success:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #7cb146;
    box-shadow: inset 0 0 23px 0px rgb(124, 177, 13);
}

#warehouse-category-buttons a.active, #breeding-species-buttons a.active{
  box-shadow: inset 0 0 23px 0px rgb(124, 177, 13);
}


#warehouse-category-buttons .btn-edit, #breeding-species-buttons .btn-edit{
   /* color: black;
    background-color: #ffffff;
    border-color: #7cb146;*/
}

#warehouse-category-buttons .btn-edit:hover, #breeding-species-buttons .btn-edit:hover{
    color: #fff;
    background-color: #7cb146;
    border-color: transparent;
}

#warehouseTable .btn-edit, #warehouseTable .btn-delete{
    color: #fff; 
    background-color: transparent; 
    border-color: transparent; 
         padding: 0 !important; 
}

#warehouseTable .btn-edit:hover, #warehouseTable .btn-delete{
  background-color: transparent;
}

#warehouse-category-buttons .btn-success, #breeding-species-buttons .btn-success {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
}

#warehouse-category-buttons .btn-success img{
  display:none;
}

#warehouse-category-buttons .btn-success span{
  display:block;
}


/* ----------------- E WAREHOUSE.CSS ----------------- */
/*------- S ZCUSTOM.CSS ----------*/

.container-bg{
  background-color:white;
}

li#helper-button{
  margin-left: 20px;
}

.dashboard-section-header label.panel-title{
  color:#e59c2e;
  font-weight:400;
}

.btn-arrow{
  color:#7cb146;
  background-color:transparent;
}

.btn-arrow:hover{
  color: #638a3a;
}

#machine-view .btn-edit, #machine-view .btn-delete{
    color: #fff; 
    background-color: transparent; 
    border-color: transparent; 
         padding: 0 !important; 
}

#machine-view .btn-edit:hover, #machine-view .btn-delete{
  background-color: transparent;
}

.fa-question{
  -webkit-transform: translate(-1px, 0);
          transform: translate(-1px, 0);
}

.btn-custom{
  padding:0;
  background-color:transparent;
}

.btn-custom-edit{
  width:25px;
}

.btn-custom > .fa-lg{
      color: #7cb146;
    font-size: 30px;
    padding: 0px;
    line-height: 1;
}
.btn-custom > .glyphicon-file{
      color: #7cb146;
    font-size: 30px;
    padding: 0px;
    line-height: 1;
}

div[ng-include="'assets/farm/templates/viewClient.tpl.html'"] td span, #addressForm td span {
    float: right;
}

div[ng-include="'assets/farm/templates/viewClient.tpl.html'"] tr > td:last-child {
    border-left: 1px solid #f1f1f1;
}

@media (min-width: 809px) {
  .dropdown-menu .divider{
    display: none !important;
  }
}

@media (max-width: 808px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
      text-align:center;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }

  .dropdown-menu .divider{
    display: none;
  }

  li#helper-button{
    margin-left: 0;
  }
}

@media (max-width: 650px) {
  td > .input-group > input{
    min-width: 56px;
  }
}

button.btn.btn-default.glyphicon.glyphicon-search{
  border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    z-index: 2;
    margin-left: -1px;
        border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

button.btn-remove{
      border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}



/*-------- E ZCUSTOM.CSS --------*/