.nav {
    font-family: 'Open Sans';
    font-size:13px;
}
.wrapper, .row {
    height: 100%;
    margin-left:0;
    margin-right:0;
}

.wrapper:before, .wrapper:after,
.column:before, .column:after {
    content: "";
    display: table;
}

.wrapper:after,
.column:after {
    clear: both;
}

.column {
    height: 100%;
    /*overflow: auto;*/
    *zoom:1;
}

.column .padding {
    padding: 0px;
}

.full{
    padding-top:65px;
}
.full.col-sm-9{
    padding-left:0px;
    padding-right:0px;
}

.box {
    bottom: 0; /* increase for footer use */
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    height: 100%;
    /*background-color:#1fae66;*/
    background-image: linear-gradient(to right,#1fae66, #f9f9f9);
}

.divider {
    margin-top:32px;
}

.navbar-blue {
    border-width:0;
    background-color:#242729;
    color:#ffffff;
    font-family: 'Open Sans';
    top:0;
    position:fixed;
    width:inherit;
}

.navbar-blue li > a,.navbar-toggle  {
    color:#efefef;
}

.navbar-blue .dropdown-menu li a {color:#404040;}
.navbar-blue .dropdown-menu li > a {padding-left:10px;}
#lg-menu.nav li a i{ padding-right:5px;}

/*.navbar-blue li>a:hover, .navbar-blue li>a:focus, .navbar-blue .open, .navbar-blue .open>a, .navbar-blue .open>a:hover, .navbar-blue .open>a:focus {
   background-color:#FFF;
   color:#fff;
}*/

#main {
    background-color:#f0f0f0;
    padding-left:0;
    padding-right:0;
    /*width:86%;*/
    width:89%;
    float:left;
}
#main .img-circle {
    margin-top:18px;
    height:70px;
    width:70px;
}

#sidebar {
    padding:0px;
    padding-top:55px;
    position:relative;
    /*width:14%;*/
    width:11%;
    max-width:210px;
    float:left;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


#sidebar, #sidebar a, #sidebar-footer a {
    color:#ffffff;
    /*background-color:transparent;*/
    /*padding-left:5px;*/
}
#sidebar .nav li>a:hover {
    background-color:#40ba7d;
}
/* bootstrap overrides */

.navbar-toggle, .close {
    outline:0;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

/*.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus  {
	background-color:#1b2530;
    color:#fffffe;
}*/
.btn-default {
    color:#666666;
    text-shadow:0 0 1px rgba(0,0,0,.3);
}
.form-control {

}

.panel textarea, .well textarea, textarea.form-control
{
    resize: none;
}

/*.badge{
   color:#3B5999;
   background-color:#fff;
}
.badge:hover, .badge-inverse{
   background-color:#1b2530;
   color:#fff;
}*/

.jumbotron {
    background-color:transparent;
}
.label-default {
    background-color:#dddddd;
}
.page-header {
    margin-top: 55px;
    padding-top: 9px;
    border-top:1px solid #eeeeee;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.panel-default .panel-heading {
    background-color:#f9fafb;
    color:#555555;
}

.col-sm-9.full {
    width: 100%;
    min-height: 1100px;
}

small.text-muted {
    font-family:courier,courier-new,monospace;
}

/* adjust the contents on smaller devices */
@media (max-width: 768px) {

    .column .padding {
	padding: 7px;
    }
    #sidebar{ padding:0px;}
    .full{
	padding-top:20px;
    }
    .navbar-blue {
	background-color:#1b2530;
	top:0;
	width:100%;
	position:relative;
    }
}


/*
 * off canvas sidebar
 * --------------------------------------------------
 */
@media screen and (max-width:3000px) {
    .row-offcanvas {
	position: relative;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
    }

    .row-offcanvas-left.active {
	left:0%;
    }
    .row-offcanvas-left.active .column{ width:auto; left:0%; position:relative;}
    .row-offcanvas-left.active #main{ width:100%;}
    .row-offcanvas-left.active .sidebar-offcanvas {
	left:0px;
	position: absolute;
	top: 0;
	width: 48%;
	margin-left:-13px;
    }

    #sidebar, #sidebar a, #sidebar-footer a {
	padding-left:0px;
    }
}
@media screen and (max-width: 480px) {
    #sidebar, #sidebar a, #sidebar-footer a {
	padding-left:5px;
    }
}

/*---------custom--------*/
.active #sidebar{ position:absolute;}
.visible-xs {display: block !important;}
table.visible-xs {display: table;}
tr.visible-xs {display: table-row !important;}
th.visible-xs,td.visible-xs {display: table-cell !important;}
.hidden-xs {display: block !important;}
.visiblee-xs{display: none !important;}
@media (max-width: 768px) {
    .visiblee-xs {display: block !important;}
}

/*------------Third lavel-----------------*/
#sidebar li.third{ position:relative;}
#sidebar li.third .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
    z-index:9999;
    background:rgba(0,0,0,0.8);
    width:220px;
}

#sidebar li.third:hover .sub-menu {
    display: block;
}
#sidebar li.third:hover{background:#40ba7d;}
.sub-menu { list-style:none; padding:0px; margin:0px;}
.sub-menu li { padding:0px 0; margin:0px; border-bottom:1px solid #8f8f8f !important; }
.sub-menu li > a {  display:block; padding:8px 10px;}
#lg-menu .nav-stacked > li + li{ margin:0;}
/*#messageBox.dropdown-menu li a {color:#428BCA;}*/
#sidebar li.fourth:hover .nested-sub-menu {
    display: block;
}
#sidebar li.fourth .nested-sub-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    left: 100%;
    margin-top: -1px;
    position: absolute;
    top: 0;
    width: 160px;
    z-index: 9999;
}
.nested-sub-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#sidebar li.fourth .nested-sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
    z-index:9999;
    background:rgba(0,0,0,0.8);
    width:190px;
}
#sidebar .nav li ul li > a.active,
#sidebar .nav li ul li>a:hover {
    background-color:#40ba7d;
}

#sidebar .fa-ban{ position: absolute; right: 42px;}