﻿

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.redtxt {
    color:#ff0000;
}

.jumbotron {
    background-color: #fff3d3;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }

  
}



.btn-primary {
    color: #fff;
    background-color: #008a01;
    border-color: #008a01;
}
.navbar-inverse {
    background-color: #008a01;
    border-color: #008a01;
}

    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }


.short-description {
    min-height:72px;
}

.btn-default {
    color: #fff;
    background-color: #008a01;
    border-color: #026d03;
}
.center {
    text-align:center;
}

.navbar-brand {
    font-size: 25px;
}

.green {
    color: #008a01;
}

.blue {
    color: #338dc0;
}

.orange {
    color: #ff974f;
}

.red {
    color: #ff1800;
}

.topspace {
    padding-top:15px;
}

.btn-full-width {
    width: 100%;
    font-weight: bold;
}

.n_label {
    white-space: nowrap;
}
    /*MOBIL verzio*/
    @media screen and (max-width: 990px) {

        .input-container, .input-container .slider-container {
            width: 100%
        }

            .input-container .slider-container .slider {
                width: 70%
            }

        .slider_boxed, .content_wrap, .content_container {
            width: 100% !important;
            text-align: center;
        }

        .navbar-brand {
            font-size: 22px;
        }

    }


@media only screen and (max-width: 768px) {
    .mobileColHide {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .desktopColHide {
        display: none;
    }
}

