/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
    padding-top: 10px;
    background-color: #ffffff;
}

#masthead {
    min-height: 250px;
}

#masthead h1 {
    font-size: 30px;
    line-height: 1;
    padding-top: 20px;
}

#masthead .well {
    margin-top: 8%;
}


.navbar-bazar_mada {
    /* background-color:#95c048;
    
    Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0d670+1,01953D+41,01953D+100 */
    background: #b0d670;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0CDE61', endColorstr='#01953D', GradientType=0);
    /* IE6-9 */
    color: #fff;
    
    margin-bottom: 5 !important ;
    
   

}

.navbar-bazar_mada .navbar-header {

    border-radius: 15px;
    background-color: #E30512;
    color: #fff;
    border-color: #04310e;
    border-width: medium;
}

.navbar-bazar_mada .navbar-brand {


    color: #fff;

}


.navbar-bazar_mada .navbar-brand:hover {


    color: #fff;

}


.navbar-bazar_mada .navbar-nav {

    color: #fff;
}


.navbar-nav-bazar-mada > li > a {
    color: #FFF !important;
}

.dropdown-menu > li > a {
    color: #FFF !important;
}

.dropdown-menu {

    background-color: #01953D !important;

}

.icon-bar {
    background-color: #FFF !important;
}


.navbar-nav > .open > a {
    background-image: -webkit-linear-gradient(top, #01953D 0, #1a633a 100%) !important;

}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    background-color: #01953D !important;
    background-image: linear-gradient(to bottom, #01953D 0, #1a633a 100%) !important;
}

.panel-bazar_mada {

    background-color: #ffffff;
    border-color: #28a745;
    border-radius: 10px;
    color: #000;
}

.panel-head-bazar_mada {
    /*background-color:#01953D; b0d670*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0d670+1,01953D+41,01953D+100 */
    background: #b0d670;
    /* Old browsers */
    background: -moz-linear-gradient(top, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b0d670 1%, #01953D 41%, #01953D 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d670', endColorstr='#01953D', GradientType=0);
    /* IE6-9 */
    border-radius: 10px 10px 0px 0px;
    color: #FFF;
}


.list-group-bazar-mada {


    background-color: #ffffff;
    border-color: #28a745;
    border-radius: 10px;
    color: #000;


}


.navbar-bright {
    background-color: #111155;
    color: #fff;
}

.affix-top,
.affix {
    position: static;
}

@media (min-width: 979px) {
    #sidebar.affix-top {
        position: static;
        margin-top: 30px;
        width: 228px;
    }

    #sidebar.affix {
        position: fixed;
        top: 70px;
        width: 228px;
    }
}

#sidebar li.active {
    border: 0 #eee solid;
    border-right-width: 5px;
}

fieldset {
    width: 100%;
    border: 1px solid #ddd !important;
    margin: 0;
    xmin-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding-left: 10px !important;
    border-radius: 10px 10px 10px 10px;
}

legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 35%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
    min-width: 150px;
    border-radius: 10px 10px 10px 10px;
}


@media screen and (max-width: 460px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

}


.modal-header {

    background: linear-gradient(to bottom, #b0d670 1%, #01953D 41%, #01953D 100%);

}

.modal-title {

    color: azure;
}

.form-control {
    border: 1px solid #01953D !important;
}


.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #01953D !important;
    color: antiquewhite;
}



.panel-info > .panel-heading {
    
    background-image: linear-gradient(to bottom, #8EC966 0, #01953D 100%);
}

.nav-tabs >li>a {
    color: #000 !important;
    font-weight: bold;
   
}

.tab-content-blanc {
    
    background-color: #FFF !important;
    padding: 10px 10px 10px 10px ;
    
}