*{
    margin:0;
}
html, body{
    height: 100%;
    margin: 0 auto;
}

body{
    margin-bottom:0 !important;
}

.control-label{
    font-weight:bold !important;
}
 
.containerBar {
position: fixed;
height: 100%;
width: 100%;
left: 0px;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-ms-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
}
#sidebar.open-sidebar {
left: 0px;
z-index:1020;

}

.sidebar-content.open-sidebar {
left: 0px;
z-index:1020;
box-shadow:1px 10px 10px;
}
#hamb {
    position:absolute;
    left:0px;
    z-index:1020;
}

#hamb.open-sidebar {
    left:240px;
}
 
.sidebar-content {
position: absolute;
left: -240px;
/*top:50px;*/
width: 240px;
height: 100%;
box-sizing: border-box;
z-index:1020;
background:rgba(255, 255, 255, 0.9);

}

.sidebar-back {
position: absolute;
left: -240px;
/*top:50px;*/
/*background: #b6b7b8;*/
width: 240px;
height: 100%;
box-sizing: border-box;
opacity:0.90;
z-index:1020;
}

#sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar ul li {
margin: 0;
}
#sidebar ul li a {
padding: 15px 20px;
font-size: 16px;
font-weight: 100;
color: white;
text-decoration: none;
display: block;
border-bottom: 1px solid #196c96;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
#sidebar ul li:hover a {
background: #196c96;
}
.main-content {
width: 100%;
height: 100%;
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
position: relative;
z-index:999;
}
.main-content .content{
box-sizing: border-box;
-moz-box-sizing: border-box;
padding-left: 60px;
width: 100%;
}
.main-content .content h1{
font-weight: 100;
}
.main-content .content p{
width: 100%;
line-height: 160%;
}

#tituloSidebar{
    background: rgba(225, 71, 29, 1);
    color:white;
}

#tituloSidebar h4{
    font-size:medium;
    font-weight:bold;
}

#sidebar-content label{
    font-weight:bold !important;
}

#sidebar-toggle {
background: #e1471d;
border-radius: 1px;
display: block;
position: relative;
padding: 10px 7px;
float: left;
left:0px;
z-index:1020;
/*top:50px;*/
height:37px;
border-bottom-right-radius:10px;
/*box-shadow:5px 5px 10px black;*/
}
#sidebar-toggle .bar{
display: block;
width: 18px;
margin-bottom: 3px;
height: 2px;
background-color: #fff;
border-radius: 1px;
}
#sidebar-toggle .bar:last-child{
margin-bottom: 0;
}


#map-canvas{
    height:100%;
    /*top:50px;*/
    left:0px;
    background-color:white;
    overflow:hidden;
    z-index:0;
    width: 100%;
    margin: auto;
    position: absolute;
    transform: translateZ(0px);
}

#tituloInfo{
    width:220px;
    border-top-left-radius:40px;
    border-bottom-right-radius:45px;
    background-color:#333;
    height:30px;
    position:absolute;
    left:-10px; 
    top:-8px;
    color:white;
    padding-top:8px;
    text-align:center;
    font-weight:bold;
    font-size:11px;
}

#cmp_h{
    padding-top:15px;
    padding-left:10px;
    font-size:12px;
}

#cmp_h a{
    text-decoration:none;
    float:right;
}

#ConsultaGirosPermitidos{
    position:absolute;
    right:0px;
    bottom:0px;
}

#cgp {
    min-width: 410px;
    height:1px;
}

.navbar{
    margin-bottom:0px !important;
}

.ufd.plain button{
    top: 0px !important;
    width: 30px !important;
    background: linear-gradient(to top,#fff 0,#f8f8f8 100%) !important;
    border-left:1px solid silver;
}

.ufd.plain button:after
{
        content: '' !important;
    width: 4px; 
  height: 5px; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #777777;
  position:absolute;
  margin-top:-4px;
  margin-left:11px;
}