/* Navbar
=================================*/
.navbar.bootsnav{
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    z-index: 9;
}

.navbar.bootsnav ul.nav > li > a{
    color: #333;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}

.navbar.bootsnav ul.nav li.active > a:hover,
.navbar.bootsnav ul.nav li.active > a:focus,
.navbar.bootsnav ul.nav li.active > a{
    background-color: transparent;
}

.navbar.bootsnav .navbar-toggle{
    border: none;
    padding: 0;
    font-size: 18px;
    position: relative;
    top: 5px;
}

.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
    top: 0;
    left: 100%;
}

.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{
    white-space:nowrap;
}



/* Side Menu
=================================*/
body{
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
	.navbar-nav {
		float: right !important;
		margin: 0;
	}
	.navbar.bootsnav ul.nav > li > a{
		color:#666;
	
	}
}

@media (min-width: 1024px) {
    /* General Navbar
    =================================*/
    .navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{
        margin-top: 0px;
    }

    .navbar.bootsnav ul..navbar-right .dropdown-menu .dropdown-menu{
        left: -200px;
    }
    
    .navbar.bootsnav ul.nav > li > a{
        padding: 15px 25px;
		color: rgba(255,255,255,.5);
		transition: all .36s ease;
    }
    
	.navbar-nav{float:right;}
	
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu{
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: auto;
        background: #272727;
		border:none;
    }
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    .navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
        background-color: #ccc;

    }
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
        padding: 15px 25px;
		transition: all .36s ease;
    }
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{
        border-bottom: none;
    }
    
    .navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{
        text-align: right;
    }
    
 
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{
        top: 0px;
    }

}

@media (max-width: 992px) {

	.caret{display:none;}


	.side-right{margin-left:260px; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}

	.collapse-mask{
	position:fixed; left:0;width:100%;height:100%;background:#000;
		opacity: 0.3;
		display:none;
	}
	.side-right .collapse-mask{
		left:0;
		display:block
	}

    /* Navbar Responsive
    =================================*/ 
    .navbar.bootsnav .navbar-brand    {
        display: inline-block;
        float: none !important;
        margin: 0 !important;
    }
    
    .navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: right;
        margin-top: 15px;
		margin-right:5px;
    }
    
    .navbar.bootsnav .navbar-collapse {
        border: none;   
        margin-bottom: 0;
    }
    
    .navbar.bootsnav.no-full .navbar-collapse{
        max-height: 350px;
        overflow-y: auto !important;
    }
    
    .navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }
    
    .navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
    }
    
    .navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px -15px;
    }
    
    .navbar.bootsnav .navbar-nav > li {
        float: none;
    }
    
    .navbar.bootsnav li.dropdown a.dropdown-toggle:before{
        font-family: 'iconfont';
        content: "\e694";
        float: right;
        font-size: 12px;
        margin-left: 10px;
    }
    
    .navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before{
        content: "\e65e";
    }
    
    .navbar.bootsnav .navbar-nav > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
    }
    
    .navbar.bootsnav .navbar-nav > li:first-child > a{
        border-top: none;
    }
    
    .navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{
        border-bottom: solid 1px #e0e0e0;
    }
    
    .navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }
    
    .navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }
    
    .navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        color: #666;
    }
	
		
	.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu  > li > a{
        color: #888;
    }
    .navbar.bootsnav ul.nav ul.dropdown-menu li a:hover,
    .navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{
        background-color: transparent;
    }
    
    .navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }
    
    .navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{
        display: inline-block;
        margin-top: -10px;
    }
    
    .navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
        display: none;
    }
    
    
    /* Mobile Navigation
    =================================*/     
    body > .wrapper{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    body.side-right > .wrapper{
        margin-left: 260px;
        margin-right: -260px !important;
    }
    
    .navbar.bootsnav.navbar-mobile .navbar-collapse{
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 260px;
        left: -260px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
		height: 100%!important;
		max-height:inherit;
	
    }
    
    .navbar.bootsnav.navbar-mobile .navbar-collapse.in{
        left: 0;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav{
        width: 273px;
        padding-right: 0;
        padding-left: 15px;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
 
}

@media (max-width: 767px) {
    .navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    
    /* Mobile Navigation
    =================================*/ 
    body.side-right > .wrapper{
        margin-left: 260px;
        margin-right: -260px !important;
    }
    
    .navbar.bootsnav.navbar-mobile .navbar-collapse{
        margin-left: 0;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav{
        margin-left: -15px;
    }
    
    .navbar.bootsnav.navbar-mobile ul.nav{
        border-top: solid 1px #fff;
    }
      
}

@media (min-width: 480px) and (max-width: 640px) {
    
}