#bauen-aside::-webkit-scrollbar {
width: 0px;
}
#bauen-aside::-webkit-scrollbar-track {
background: #fff;
}
#bauen-aside::-webkit-scrollbar-thumb {
background: #171717;
}
#bauen-aside::-webkit-scrollbar-thumb:hover {
background: #171717;
}
.bauen-nav-toggle {
cursor: pointer;
text-decoration: none;
}
.bauen-nav-toggle.active i::before,
.bauen-nav-toggle.active i::after {
background: #fff;
}
.bauen-nav-toggle.dark.active i::before,
.bauen-nav-toggle.dark.active i::after {
background: #171717;
}
.bauen-nav-toggle:hover,
.bauen-nav-toggle:focus,
.bauen-nav-toggle:active {
outline: none;
border-bottom: none !important;
}
.bauen-nav-toggle i {
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
width: 20px;
height: 1px;
color: #fff;
font: bold 14px/.4 Helvetica;
text-transform: uppercase;
text-indent: -55px;
background: #fff;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
top: -5px;
}
.bauen-nav-toggle i::before,
.bauen-nav-toggle i::after {
content: '';
width: 20px;
height: 1px;
background: #fff;
position: absolute;
left: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.bauen-nav-toggle.dark i {
position: relative;
color: #171717;
background: #171717;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.bauen-nav-toggle.dark i::before,
.bauen-nav-toggle.dark i::after {
background: #171717;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.bauen-nav-toggle i::before {
top: -7px;
}
.bauen-nav-toggle i::after {
bottom: -7px;
}
.bauen-nav-toggle:hover i::before {
top: -10px;
}
.bauen-nav-toggle:hover i::after {
bottom: -10px;
}
.bauen-nav-toggle.active i {
background: transparent;
}
.bauen-nav-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.bauen-nav-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.bauen-nav-toggle {
position: fixed;
left: 0px;
top: 0px;
z-index: 9999;
cursor: pointer;
opacity: 1;
visibility: hidden;
padding: 11px 15px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background: #b19777;
margin: 15px 30px;
border-radius: 50%;
}
@media screen and (max-width: 1024px) {
#bauen-main-menu {
margin-bottom: 60px;
}
.bauen-nav-toggle {
opacity: 1;
visibility: visible!important;
}
}
.left-panel-no{
position: absolute;
bottom: -25px;
left: unset;
right: 35px;
z-index: 2;
}
.dropdown .nav-link i {
padding-left: 1px;
font-size: 9px;
}
.admin-bar .left-panel.el-left-panel{
top: 42%!important;
}
.left-panel.el-left-panel{
position: absolute;
top: 42%;
left: unset;
right: 35px;
z-index: 10;
}
.left-panel ul {
display: block;
margin-bottom: 15px;
padding: 0;
max-width:35px;
position: relative;
text-align: center;
}
.left-panel ul li {
display: inline-block;
margin-right: 5px;
line-height: 40px;
text-align: center;
transition: all 0.3 ease-in-out;
border-radius: 50%;
margin-bottom: 10px;
}
.left-panel.el-left-panel  ul li a {
color: #fff;
width: 40px;
height: 40px;
font-size: 10px;
display:block;
border: 1px solid #ececec;
border-radius: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
.left-panel.el-left-panel ul li a:hover{
border-color:#b19777;
color:#b19777;
}
@media screen and (max-width: 767px) {
.admin-bar .left-panel.el-left-panel{
top: inherit!important;
}
.left-panel.el-left-panel{
left: 30px!important;
top: inherit!important;
bottom:15px;
right:unset;
height:40px;
}
.left-panel ul{
max-width:100%;
display:inline-block;
}
}
.left-panel .social-left{
background:transparent;
}
.left-panel .social-left:before{
background:none;
}
.v-middle .col-md-12.offset-md-1,
.v-middle .col-md-7.offset-md-2{
margin-left:0%!important;
}
.left-panel ul{
top:0px;
}