body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    /*backgroud-color : red;*/
    background-color: #EBF4F8;
}
html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

.navbar{
    margin-bottom: 20px;
}

.shadowdiv{
    -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75);

    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border: 0px solid #000000;
    background-color: white;
}

.shadowdiv:hover{
    background-color: #EBF4F8;
}

/*#footerdiv{
    !*background-color: #5e9f9f;*!
    min-height: 100px;
    margin-top: 20px;
    !*background-image: url("http://www.housejumper.com/images/footer_city.png");*!
    !*background-image: url("../img/footer-bg.png");*!
}*/
.estilo_link{
    color : #5e9f9f!important;
}
.backgroud_personalizado{
    background-color : white !important;
}


.divider {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
.divider::after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0; }

#headerdiv{
    /*background-image: url("http://www.eafm-indonesia.net/public/images/layout/header.png");*/
    /*background-image: url("../img/header.png");*/
    /*background-image: url("https://www.one-asset.com/wp-content/uploads/2013/06/Header.png");*/
    /*background-image: url("http://www.gregswebdesignkc.com/Services_%26_Solutions_files/buildings%20header.png");*/
    /*background-image: url("http://media.istockphoto.com/vectors/detailed-city-vector-id509917730?k=6&m=509917730&s=170667a&w=0&h=asvEx0U_I4YdYksw9MgOldXZukN92PhCWaIBn3Vqyn0=");*/
    /*background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/92/PicoIbituruna-GovernadorValadares.jpg");*/
    background-size: 100% 100%;
   /* height: 200px;*/
}

h1,h2,h3,h4{
    color : #5e9f9f;
}

/*#imgdiv{*/
    /*background-image: url("http://portalfacilclientes.blob.core.windows.net/uploads/GOVERNADORVALADARES/painel/painel_2.jpg");*/
    /*background-size: 100% 100%;*/
    /*min-height: 200px;*/
/*}*/

#box {
    position: relative;
    z-index: 1;
    /*width: 300px;*/
    /*margin: 100px;*/
}

#boxa {
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -10%;
    width: 120%;
    height: 50px;
    /*background: #0f0;*/
    /*background-image: url("http://portalfacilclientes.blob.core.windows.net/uploads/GOVERNADORVALADARES/painel/painel_2.jpg");*/
    /*background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/92/PicoIbituruna-GovernadorValadares.jpg");*/
    background-size: 100% 100%;
    min-height: 250px;
}

#boxb {
    /*background: #eee;*/
    height: 200px;
}

.text-white{
    color: white;
}


/*#ajloaderwrapper{*/
    /*position:relative;*/
/*}*/

#ajloader{
    /*width:100%;*/
    /*text-align:center;*/
    /*bottom:0px;*/
    position:fixed;
    top: 60px;
    left: 50px;
    z-index: 3;
    display: none;
    /*background: url('../img/ajax-loader.gif') top center no-repeat;*/
}

.conceito-btn{
    background-color: #5e9f9f !important;
    color: #ebf4f8 !important;
}
.text-bold-italic{
    font-weight: bold;
    font-style: italic;
}

/*.conceito-div{*/
    /*background-color: #bcd146 !important;*/
    /*color: #ebf4f8 !important;*/
    /*border-radius: 6px 6px 6px 6px;*/
    /*-moz-border-radius: 6px 6px 6px 6px;*/
    /*-webkit-border-radius: 6px 6px 6px 6px;*/
    /*min-height: 20px;*/
    /*margin-bottom: 15px;*/
    /*padding: 10px;*/
/*}*/

/*.jsgrid-header-cell{*/
    /*font-size: 14px !important;*/
/*}*/

/*.ui-dialog {*/
    /*position: fixed !important;*/
    /*padding: .2em !important;*/
    /*width: 300px !important;*/
    /*overflow: hidden !important;*/
/*}*/

/*#bodydiv{*/
/*backgroud-color : red;*/
/*}*/

/*.tiles-bg{*/
/*backgroud-color : yellow;*/
/*}*/

#containerNF{
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}

/*HEADER */
.menu_vertical{
    padding-left: 0;
    padding-right: 0;
    border: 2px solid #5e9f9f;
    border-radius: 10px;
    color: #5e9f9f;
    background-color: white;
    padding-bottom: 10px;
}
.menu_vertical li{
    display: block;
    border-bottom: solid 1px #cecece;
}
.menu_vertical a{
    color: #5e9f9f;
}
.menu_vertical a:hover{
    color: #bcd146;
}
label{
    font-weight: bold;
    color: black;
}
input, select, .select2-container--classic .select2-selection--multiple {
    -webkit-border-radius: 10px !important;;
    -moz-border-radius: 10px !important;;
    border-radius: 10px !important;
}
.select2-selection__rendered, .select2-container .select2-selection--single, .select2-selection__arrow {
    height: 34px !important;
    -webkit-border-radius: 10px !important;;
    -moz-border-radius: 10px !important;;
    border-radius: 10px !important;
    font-size: 14px;
    padding: 6px 12px;
}
.select2-results__options{
    
}
a{
    color:#bcd146 ;
}

#container_principal .panel-default{
    -webkit-box-shadow: 2px 2px 6px #666;
    box-shadow: 5px 5px 20px #666;
    border-radius: 3px;
}

#container_principal .panel-title{
    font-weight: bold;
    font-size: large;
}
.jsgrid-table{
    font-size: 13px!important;
}

#FooterNF{
    margin-top: 10px;
    bottom: 0;
  /*  background:url("../img/conceito_transparente.png") no-repeat left;
    background-size: 128px 128px;*/
    height: 60px;
    width: 100%;
    z-index: 20;
    background-color: white;
    border-top: 2px solid #5e9f9f !important;
    color:#5e9f9f;
    font-weight: bold;
}
#FooterNF a:visited, a:hover{
    color:#5e9f9f ;
}
.active_link{
    background-color: #eeeeee !important;
}
/*.nav-tabs {
    background-color: #dddddd;
    border-bottom: 1px solid #ddd;
}*/
.nav-tabs > li > a{
    background-color: lightgrey;
}
.no-container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.borda_texto {text-shadow:#000 1px -1px 2px, #000 -1px 1px 2px, #000 1px 1px 2px, #000 -1px -1px 2px}
.submenu li{margin-left: 10px;!important;}

/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/

#NavNF{
    background-color: white;
    border-bottom: 2px solid #5e9f9f !important;
}

#NavNF .navbar-brand {
    padding: 0px;

}
#NavNF .navbar-brand>img {
    height: 100%;
    padding: 15px;
    width: auto;
}

.navbar-brand {
    height: 80px;
}

#NavNF .nav >li >a {
    padding-top: 30px;
    padding-bottom: 30px;
}
#NavNF .navbar-toggle {
    padding: 10px;
    margin: 25px 15px 25px 0;
}


/* EXAMPLE 9 - Center with Flexbox and Text*/
#NavNF .brand-centered {
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    top: 0;
    height: 80px;
}
#NavNF .brand-centered .navbar-brand {
    display: flex;
    align-items: center;
}


/* CSS Transform Align Navbar Brand Text ... This could also be achieved with table / table-cells */
#NavNF .navbar-alignit .navbar-header {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    height: 50px;
}
#NavNF .navbar-alignit .navbar-brand {
    top: 50%;
    display: block;
    position: relative;
    height: auto;
    transform: translate(0,-50%);
    margin-right: 15px;
    margin-left: 15px;
}


#NavNF .navbar-brand>img {
    padding: 7px 15px;
}

#NavNF .navbar-nav>li>.dropdown-menu {
    z-index: 9999;
}

.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
    margin-left: 0;
    margin-right: 10px;
    font-weight: bold;

}
.checkbox-inline.no_indent:last-child {
    margin-right: 0;
}