.side-menu .navbar {    border-color: #0dc1b2;    overflow: hidden;}
.side-menu .navbar-header { width: 100%; border-bottom: 1px solid #e7e7e7;}

.side-menu .navbar-nav .active a ,.side-menu .navbar-nav .active a:hover{ background-color: transparent; margin-right: -1px; border-right: 5px solid #0dc1b2; background-color: transparent;}
.side-menu .navbar-nav li { display: block; width: 100%;     border-bottom: 1px solid #0dc1b2;   background-color: #fff;}
.side-menu .navbar-nav li:nth-last-child(1){ border-bottom: none;}
.side-menu .navbar-nav li a { padding: 15px;}
.side-menu .navbar-nav li a .glyphicon { padding-right: 10px;}
.side-menu #dropdown { border: 0; margin-bottom: 0; border-radius: 0; box-shadow: none;}
.side-menu #dropdown .caret { float: right; margin: 9px 5px 0;}
.side-menu #dropdown .indicator { float: right;}
.side-menu #dropdown > a { border-bottom: 1px solid #0dc1b2;}
.side-menu #dropdown .panel-body { padding: 0; background-color: #f3f3f3;}
.side-menu #dropdown .panel-body .navbar-nav { width: 100%;}
.side-menu #dropdown .panel-body .navbar-nav li { padding-left: 15px; border-bottom: 1px solid #0dc1b2;     background: #f5fffe;}
.side-menu #dropdown .panel-body .navbar-nav li:last-child { border-bottom: none;}
.side-menu #dropdown .panel-body .panel > a { margin-left: -20px; padding-left: 35px;}
.side-menu #dropdown .panel-body .panel-body { margin-left: -15px;}
.side-menu #dropdown .panel-body .panel-body li { padding-left: 30px; background: #ccf7f3;}
.side-menu #dropdown .panel-body .panel-body li:last-child { border-bottom:1px solid #0dc1b2;}
.side-menu #search-trigger { background-color: #f3f3f3; border: 0; border-radius: 0; position: absolute; top: 0; right: 0; padding: 15px 18px;}
.side-menu .brand-name-wrapper { min-height: 50px;     background: #0dc1b2;}
.side-menu .brand-name-wrapper a,
.side-menu .brand-name-wrapper a:hover{   color: #fff;}
.side-menu .brand-name-wrapper .navbar-brand { display: block;}
.side-menu #search { position: relative; z-index: 1000;}
.side-menu #search .panel-body { padding: 0;}
.side-menu #search .panel-body .navbar-form { padding: 0; padding-right: 50px; width: 100%; margin: 0; position: relative; border-top: 1px solid #e7e7e7;}
.side-menu #search .panel-body .navbar-form .form-group { width: 100%; position: relative;}
.side-menu #search .panel-body .navbar-form input { border: 0; border-radius: 0; box-shadow: none; width: 100%; height: 50px;}
.side-menu #search .panel-body .navbar-form .btn { position: absolute; right: 0; top: 0; border: 0; border-radius: 0; background-color: #f3f3f3; padding: 15px 18px;}
/* Main body section */
.side-body { margin-left: 310px;}
/* small screen */
@media (max-width: 1200px) { .side-menu {display: none;}}
@media (max-width: 768px) { 
	.side-menu {   position: relative;   width: 100%;   height: 0;   border-right: 0;   border-bottom: 1px solid #e7e7e7; } 
	.side-menu .brand-name-wrapper .navbar-brand {   display: inline-block; } /* Slide in animation */ 
	@-moz-keyframes slidein {   0% {     left: -300px;   }   100% {     left: 10px;   } } @-webkit-keyframes slidein {   0% {     left: -300px;   }   100% {     left: 10px;   } } @keyframes slidein {   0% {     left: -300px;   }   100% {     left: 10px;   } } @-moz-keyframes slideout {   0% {     left: 0;   }   100% {     left: -300px;   } } @-webkit-keyframes slideout {   0% {     left: 0;   }   100% {     left: -300px;   } } @keyframes slideout {   0% {     left: 0;   }   100% {     left: -300px;   } } /* Slide side menu*/ /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */ 
	.side-menu-container > .navbar-nav.slide-in {   -moz-animation: slidein 300ms forwards;   -o-animation: slidein 300ms forwards;   -webkit-animation: slidein 300ms forwards;   animation: slidein 300ms forwards;   -webkit-transform-style: preserve-3d;   transform-style: preserve-3d; } 
	.side-menu-container > .navbar-nav {   /* Add position:absolute for scrollable menu -> see top comment */   position: fixed;   left: -300px;   width: 300px;   top: 43px;   height: 100%;   border-right: 1px solid #e7e7e7;   background-color: #f8f8f8;   -moz-animation: slideout 300ms forwards;   -o-animation: slideout 300ms forwards;   -webkit-animation: slideout 300ms forwards;   animation: slideout 300ms forwards;   -webkit-transform-style: preserve-3d;   transform-style: preserve-3d; } /* Uncomment for scrollable menu -> see top comment */ /*.absolute-wrapper{       width:285px;       -moz-animation: slideout 300ms forwards;       -o-animation: slideout 300ms forwards;       -webkit-animation: slideout 300ms forwards;       animation: slideout 300ms forwards;       -webkit-transform-style: preserve-3d;       transform-style: preserve-3d;   }*/ 
	@-moz-keyframes bodyslidein {   0% {     left: 0;   }   100% {     left: 300px;   } } @-webkit-keyframes bodyslidein {   0% {     left: 0;   }   100% {     left: 300px;   } } @keyframes bodyslidein {   0% {     left: 0;   }   100% {     left: 300px;   } } @-moz-keyframes bodyslideout {   0% {     left: 300px;   }   100% {     left: 0;   } } @-webkit-keyframes bodyslideout {   0% {     left: 300px;   }   100% {     left: 0;   } } @keyframes bodyslideout {   0% {     left: 300px;   }   100% {     left: 0;   } } /* Slide side body*/ 
	.side-body {   margin-left: 5px;   margin-top: 70px;   position: relative;   -moz-animation: bodyslideout 300ms forwards;   -o-animation: bodyslideout 300ms forwards;   -webkit-animation: bodyslideout 300ms forwards;   animation: bodyslideout 300ms forwards;   -webkit-transform-style: preserve-3d;   transform-style: preserve-3d; } 
	.body-slide-in {   -moz-animation: bodyslidein 300ms forwards;   -o-animation: bodyslidein 300ms forwards;   -webkit-animation: bodyslidein 300ms forwards;   animation: bodyslidein 300ms forwards;   -webkit-transform-style: preserve-3d;   transform-style: preserve-3d; } /* Hamburger */ 
	#search .panel-body .navbar-form {   border-bottom: 0; } 
	#search .panel-body .navbar-form .form-group {   margin: 0; }