.sidebar{width:250px;height:100vh;position:fixed;top:0;left:-255px;z-index:999;background:#333;color:#fff;transition:all .3s;box-shadow:3px 3px 3px rgba(51,51,51,.5);text-align:left}.sidebar.active{left:0}.dismiss{width:35px;height:35px;position:absolute;top:10px;right:10px;transition:all .3s;background:#444;border-radius:4px;text-align:center;line-height:35px;cursor:pointer}.dismiss:focus,.dismiss:hover{background:#555;color:#fff}.sidebar .logo{padding:20px 20px;border-bottom:1px solid #444;transition:all .3s}.sidebar .logo a{display:inline-block;width:172px;height:20px;border:0;text-indent:-999999px}.sidebar .logo img{width:172px!important}.sidebar ul.menu-elements{padding:10px 0;border-bottom:1px solid #444;transition:all .3s}.sidebar ul li a{display:block;padding:10px 20px;border:0;color:#fff}.sidebar ul li a:focus,.sidebar ul li a:hover,.sidebar ul li.active>a:focus,.sidebar ul li.active>a:hover{outline:0;background:#555;color:#fff}.sidebar ul li a i{margin-right:5px}.sidebar ul li.active>a,a[aria-expanded=true]{background:#444;color:#fff}.sidebar ul ul a{background:#444;padding-left:30px;font-size:14px}.sidebar ul ul li.active>a{background:#555}.sidebar a[data-toggle=collapse]{position:relative}.sidebar .dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.sidebar .to-top{padding:20px;text-align:center}.sidebar .dark-light-buttons{padding:10px 20px 30px 20px;text-align:center}.sidebar.light{background:#fff;color:#888}.sidebar.light .dismiss{background:#ddd;color:#888}.sidebar.light .dismiss:focus,.sidebar.light .dismiss:hover{background:#ccc;color:#888}.sidebar.light .logo{border-color:#eee}.sidebar.light .logo a{background-image:url(../../../images/logo-dark.png)}.sidebar.light ul.menu-elements{border-color:#eee}.sidebar.light ul li a{color:#888}.sidebar.light ul li a:focus,.sidebar.light ul li a:hover,.sidebar.light ul li.active>a:focus,.sidebar.light ul li.active>a:hover{background:#ccc;color:#888}.sidebar.light a[aria-expanded=true],.sidebar.light ul li.active>a{background:#ddd;color:#888}.sidebar.light ul ul a{background:#ddd}.sidebar.light ul ul li.active>a{background:#ccc}.sidebar.light a.btn-customized-3{background:#ddd;color:#888}.sidebar.light a.btn-customized-3.active:focus,.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus,.sidebar.light a.btn-customized-3:active,.sidebar.light a.btn-customized-3:active:focus,.sidebar.light a.btn-customized-3:focus,.sidebar.light a.btn-customized-3:hover{background:#ccc;color:#888}.sidebar.light a.btn-customized-4.btn-customized-dark{background:#555}.sidebar.light a.btn-customized-4.btn-customized-light{background:#eee}.sidebar.light a.btn-customized-4.btn-customized-dark.active:focus,.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus,.sidebar.light a.btn-customized-4.btn-customized-dark:active,.sidebar.light a.btn-customized-4.btn-customized-dark:active:focus,.sidebar.light a.btn-customized-4.btn-customized-dark:focus,.sidebar.light a.btn-customized-4.btn-customized-dark:hover{background:#ccc;color:#fff}.sidebar.light a.btn-customized-4.btn-customized-light.active:focus,.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus,.sidebar.light a.btn-customized-4.btn-customized-light:active,.sidebar.light a.btn-customized-4.btn-customized-light:active:focus,.sidebar.light a.btn-customized-4.btn-customized-light:focus,.sidebar.light a.btn-customized-4.btn-customized-light:hover{background:#ccc;color:#fff}.overlay{display:none;position:fixed;width:100vw;height:100vh;background:rgba(51,51,51,.7);z-index:998;opacity:0;transition:all .5s ease-in-out}.overlay.active{display:block;opacity:1}