/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
    height: 100%;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.dropdown {
    cursor:pointer;
}


.img-home-portfolio,
.img-customer,
.portfolio-item {
    margin-bottom: 30px;
}

.tab-pane {
    margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
    padding: 50px 0;
}

.section-colored {
    background-color: #e1e1e1;
    /* change this to change the background color of a colored section */
}

.sidebar {
    margin-top: 40px;
}

.sidebar ul {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
    height: 50%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
    margin-bottom: 45px;
}

.tooltip-social a {
    text-decoration: none;
    color: inherit;
}

.facebook-link a:hover {
    color: #3b5998;
}

.linkedin-link a:hover {
    color: #007fb1;
}

.twitter-link a:hover {
    color: #39a9e0;
}

.google-plus-link a:hover {
    color: #d14836;
}

/* Service Page Styles */
.service-icon {
    font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
    font-size: 8em;
}

/* Pricing Page Styles */
.price {
    font-size: 4em;
}

.price-cents {
    vertical-align: super;
    font-size: 50%;
}

.price-month {
    font-size: 35%;
    font-style: italic;
}

/* Footer Styles */
footer {
    margin: 50px 0;
    bottom: 10px;
}

.push-to-bottom {
    bottom: 50px;
}

/* Responsive Styles */
@media (max-width: 767px) {

    .carousel {
        height: 70%;
        /* increases the carousel height so it looks good on phones */
    }
}

.central-info-404{
    position: relative;
    //float: left;
    margin-top:auto;
    margin-bottom:auto;
    z-index: 2;
    top:0;
    bottom:0;
    width: 40%;
    right:0;


}

/*PERSONAL*/
.central-info{
    position: absolute;
    background: rgba(172,193,52,0.4);
    //float: left;
    margin-top:auto;
    margin-bottom:auto;
    z-index: 2;
    top:0;
    bottom:0;
    width: 40%;
    height: 100px;
    right:0;
    color:#FFF;
    text-shadow: 1px 1px #555;
    //border: 1px solid black;
    overflow: auto;

}
.central-info p{
    margin: 10px;
}

.central-logo{
    position: absolute;
    //float: left;
    margin:auto;
    z-index: 2;
    top:0;
    right: 0;
    left: -20%;
    bottom:0;
    width: 40%;
    height: 150px;
    color:#FFF;
    text-shadow: 1px 1px #555;
    //border: 1px solid black;
    overflow: auto;

}
/*linear-gradient(to bottom,#3c3c3c 0,#222 100%)
.panel-intersur {
  border-color: rgba(85,24,41,0.6);
}
.panel-intersur > .panel-heading {
  color: #333;
  background-color: rgba(85,24,41,0.6)!important;
  border-color: rgba(85,24,41,1)!important;
}
.panel-intersur > .panel-heading + .panel-collapse .panel-body {
  border-top-color: rgba(85,24,41,1)!important;
}
.panel-intersur > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: rgba(85,24,41,1)!important;
}*/

.panel-intersur {
    border-color: rgba(64,136,61,1) !important;
}
.panel-intersur > .panel-heading {
    color: #fff;
    background-image: -webkit-linear-gradient(top, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(64,136,61,)), to(rgba(172,193,52,1)));
    background-image:         linear-gradient(to bottom, rgba(64,136,61,1) 0%, rgba(172,193,52,1) 100%); /*#40883D TO #ACC134*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
    background-repeat: repeat-x;
    border-color: rgba(64,136,61,1);
}
.panel-intersur > .panel-heading + .panel-collapse .panel-body {
    border-top-color: rgba(64,136,61,1);
    min-height: 200px;
}
.panel-intersur > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: rgba(64,136,61,1);
    min-height: 200px;    
}

@media (min-width: 768px) {
    .panel-body{

    }
}
@media (min-width: 992px) {
    .panel-body{
        min-height: 210px;
    }
}
@media (min-width: 1200px) {
    .panel-body{
        min-height: 200px;
    }
}

.angular-google-map-container { height: 400px; }

/*SVG*/

svg, #svgContainer{
    height: 100%;
    width: 100%;
}

.productListItem{
    cursor:pointer;
    margin-top:10px;
    font-weight:bold;
    border:1px solid black;
    border-radius: 5px;
    padding:5px;
}
div  .PASTA:hover, div  .PASTA:focus {
    background: #F1F66D !important;
}
div  .RICE:hover, div  .RICE:focus {
    background: #6DF692 !important;
}
div  .SUGAR:hover, div  .SUGAR:focus {
    background: #F85B58 !important;
}
div  .WHEAT:hover, div  .WHEAT:focus {
    background: #948A54 !important;
}
div  .SOJA:hover, div  .SOJA:focus {
    background: #FABF8F !important;
}
div  .FERTILIZER:hover, div  .FERTILIZER:focus {
    background: #365F91 !important;
}


svg .land {
    stroke-width: 1;
    stroke: #fff;
    fill: #CCCCCC;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
/* svg .land:hover , .land.active {
    cursor: pointer;
    fill: #333;
} */
svg{
    background:#98CAF8;
}
svg .SUGAR {
    cursor: pointer;
    /*fill: #F00;*/
    fill: #F85B58;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}svg .RICE {
    cursor: pointer;
    /*fill: #0F0;*/
    fill: #6DF692;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}svg .PASTA {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #F1F66D;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .WHEAT {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #948A54;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .SOJA {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #FABF8F;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}
svg .FERTILIZER {
    cursor: pointer;
    /*fill: #FF0;*/
    fill: #365F91;
    -webkit-transition: fill 0.5s;
    -o-transition: fill 0.5s;
    transition: fill 0.5s;
}