#main {
    width: 100%;
    margin-top: 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#main #sidebar-left {
    position: fixed;
    background-color: #edf2f9;
    height: 100vh;
    z-index: 1021;
	-webkit-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
	box-shadow: 0 7px 14px 0 rgba(65, 69, 88, .1), 0 3px 6px 0 rgba(0, 0, 0, .07);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

#main #sidebar-left .side_scroll.mCustomScrollbar{
	 /* height: calc(100vh - 4.3125rem); */
	 height: 100vh;
	 position:relative;
	 z-index:1040
}
#main #sidebar-left .side_scroll.mCustomScrollbar .mCustomScrollBox{
	overflow: initial;
}
#main #sidebar-left .side_scroll.mCustomScrollbar > .mCSB_inside > .mCSB_container{
	overflow: initial;
}
/*
#main #content .navbar-header a.show-sidebar{	
	display:block
}
#main.sidebar-show #content .navbar-header a.show-sidebar{
	display:block
}
*/
#main.sidebar-show #sidebar-left .navbar-header a.show-sidebar,
#main.sidebar-show #sidebar-left .navbar-header .logo_text{
	display: none
}
#main #sidebar-left .navbar-header{   
    width:100%; 
    background-color: #edf2f9;
    display: inline-block;
    padding: 9px 8px;
    float: unset;
    position: relative;
    z-index: 1041;
}
#main.sidebar-show #sidebar-left .navbar-header{
    padding: 9px 6px;
}
#main #sidebar-left .navbar-header .navbar-brand{
	padding: 0px 0px;
	margin: 0px;
	display: table;
	height: 25px;
	line-height: 0px;
}

#main #sidebar-left .navbar-header .navbar-brand h1 {
    display: table-row;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #232e3c;
    font-size: 18px;
    font-family: Nunito Sans,sans-serif;
    font-weight: 700;
	line-height: 1.42857143;
	vertical-align: middle;
}
#main #sidebar-left .navbar-header .navbar-brand h1 span {
	padding: 0px 0px;
	display: table-cell;
	vertical-align: middle;
}
#main.sidebar-show #sidebar-left .navbar-header .navbar-brand h1 span{
	padding-left: 5px;
}
#main #sidebar-left .navbar-header .navbar-brand h1 span img.quikr-logo {
    width: 24px;
    height: 25px;
	margin: 0px;
	border: 0px;
}
#main #content {
    position:relative;	
	min-height: 100vh;
	/* padding-bottom: 3.9875rem; */
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;	
}
#main #content .navbar-header a.show-sidebar{
   margin-top:9px;
   margin-left:9px;
}

#main #content .navbar-fixed-top{
    width: 100%;
    margin-bottom: 0px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}	
#main.sidebar-show #content .navbar-fixed-top{
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
/*
#main #content .navbar-header a.show-sidebar{
	display:block
}
#main.sidebar-show #content .navbar-header a.show-sidebar{
	display:none
}
*/
#main #content .page-heading{
    display: inline-block;
    padding: 10px 10px;
    margin: 0;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-weight: 500;
    float: left;
    cursor: default;
    color: #344050;
    line-height: 1.42857143;	
}
#sidebar-left.col-xs-2.col-sm-2 {
    opacity: 1;
    padding: 0;
    visibility: visible;
}

#content.col-xs-12.col-sm-10 {
    opacity: 1;
}

#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
    opacity: 0;
    width: 0;
    padding: 0;
    visibility: hidden;
}
#main.sidebar-show #content.col-xs-12.col-sm-10 {
    opacity: 1;
    width: 100%;
}
.avatar {
    width: 40px;
    float: left;
    margin-right: 5px;
}
.avatar > img {
	width: 40px;
	height: 40px;
	float: left
}
#sidebar-left .avatar {
    width: 40px;
    float: left;
    margin-right: 5px;
}
#sidebar-left .avatar > img {
	width: 40px;
	height: 40px;
	float: left
}

#sidebar-left .show-sidebar .fa,
#content a.show-sidebar {
    font-size: 14px;
    color: #5e6e82;
}
#sidebar-left a.show-sidebar,
#content a.show-sidebar {
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 3px 4px;
    float: left;
    -webkit-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    border-radius: 50%;
    background-color: transparent;
}
#sidebar-left a.show-sidebar:focus,
#sidebar-left a.show-sidebar:hover,
#content a.show-sidebar:focus,
#content a.show-sidebar:hover {
	background-color: #d8e2ef;
	border-radius: 50%;
}
#sidebar-left .nav.main-menu {
    margin: 0px;
    padding-bottom:100px;
}
#sidebar-left .nav.main-menu > li > a .pull-right {
	padding-top: 3px
}
#sidebar-left .nav.main-menu > li > a {
	padding: 6px 5px 6px 15px;
	color: #363f4a;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	-webkit-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#sidebar-left .nav.main-menu > li > a:hover,
#sidebar-left .nav.main-menu > li > a:focus,
#sidebar-left .nav.main-menu > li > a:active {
	background-color: #dde2eb;
	-webkit-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
/*
.nav.main-menu > li.active > a, 
.nav.main-menu > li.active:hover > a, 
.nav.main-menu > li.active:focus > a {
	background-color: #cfd5de;
    color: #000;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
*/

#sidebar-left .nav.main-menu .open > a,
#sidebar-left .nav.main-menu .open > a:focus,
#sidebar-left .nav.main-menu .open > a:hover {
	background-color: #cce0ff;
	color: #000;
	border-color: transparent;
	-webkit-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
}

#sidebar-left .nav.main-menu > li > a,
#sidebar-left .nav.msg-menu > li > a {
	text-align: left
}

#sidebar-left .nav.main-menu > li > a > i,
 .nav.msg-menu > li > a > i {
	font-size: 16px;
	width: 25px;
	display: inline-block
}

.nav.msg-menu > li > a > img {
	width: 25px;
	display: inline-block;
}
#sidebar-left .nav.main-menu a.active:hover, 
.nav.msg-menu a.active:hover { 
  background-color: #cfd5de;
  color: #000;
}

#sidebar-left .nav.main-menu .dropdown-menu {
	background-color: #fff;
	position: absolute;
	z-index: 2001;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0px 0;
	border: unset;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

#sidebar-left .nav.main-menu .dropdown:hover > .dropdown-menu {
	display: block;
}

#sidebar-left .nav.main-menu .dropdown.open > .dropdown-menu {
	display: none;
}

#sidebar-left .nav.main-menu .dropdown.open:hover > .dropdown-menu {
	display: block;
}
/*.nav.main-menu .active-parent:hover + .dropdown-menu {
	visibility:visible
}
.nav.main-menu .active-parent + .dropdown-menu:hover {
	visibility:visible
}*/
#sidebar-left .nav.main-menu .dropdown-menu > li > a {
	padding: 5px 10px 5px 45px;
	font-size: 12px;
	color: #363f4a;
	font-weight: 500;
	position: relative;
	-webkit-border-radius: 0;
	border-radius: 0;
	/*-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;*/
	white-space: inherit;
}

#sidebar-left .nav.main-menu .dropdown-menu > li > a:focus,
#sidebar-left .nav.main-menu .dropdown-menu > li > a:hover,
#sidebar-left .nav.main-menu .dropdown-menu > li > a:active {
	background-color: #dde2eb;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

#sidebar-left .nav.main-menu .dropdown-menu > .active > a {
	background-color: transparent;
	color: #420330;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#sidebar-left .nav.main-menu .dropdown-menu > .active > a:hover,
#sidebar-left .nav.main-menu .dropdown-menu > .active > a:focus { 
	background-color: #dde2eb;
	color: #420330;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

#sidebar-left .nav.main-menu .dropdown-submenu > li > a {
	background-color: #dde2eb;
	color: #420330;
	padding: 5px 10px 5px 45px;
	-webkit-border-radius: 0 16px 16px 0;
	border-radius: 0 16px 16px 0;
}

@media (min-width:992px) {
	
    #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 1;
        width: 16.666666666667%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 3.666667%;
        visibility: visible;
    }
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 83.333333333333%;
		margin-left: 16.666666666667%;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 96.333333%;
	    margin-left: 3.666667%;
    }

	#main #content .navbar-fixed-top{
	   padding-left: 16.666667%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 3.666667%;
	}
	#main #content .navbar-header a.show-sidebar{
		display:none
	}
	#main.sidebar-show #content .navbar-header a.show-sidebar{
		display:block
    }
    #main.sidebar-show #sidebar-left .navbar-header a.show-sidebar,
	#main.sidebar-show #sidebar-left .navbar-header .logo_text{
	    display: none
	}
	/*
    #main #sidebar-left .navbar-header .navbar-brand{
	    width: 175px;
	}
	 #main.sidebar-show #sidebar-left .navbar-header .navbar-brand{
	    width: 25px;
	}*/
   #sidebar-left .nav.main-menu > li > a > i,
   #sidebar-left .nav.msg-menu > li > a > i {
        font-size: 14px;
   }

   #sidebar-left .nav.main-menu .dropdown-menu {
        background-color: transparent;
        width: 100%;
        position: relative;
        z-index: inherit;
        left: 0;
        float: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
   }

   #sidebar-left .nav.main-menu .dropdown:hover > .dropdown-menu {
        display: none;
    }

   #sidebar-left .nav.main-menu .dropdown.open > .dropdown-menu {
        display: block;
    }

    #sidebar-left .nav.main-menu .dropdown.open:hover > .dropdown-menu {
        display: block;
    }

    #sidebar-left .nav.main-menu .dropdown-menu > li > a {
        -webkit-border-radius: 0 16px 16px 0;
        border-radius: 0 16px 16px 0;
    }

	#sidebar-left .nav.main-menu .dropdown-menu > li > a:focus,
	#sidebar-left .nav.main-menu .dropdown-menu > li > a:hover,
	#sidebar-left .nav.main-menu .dropdown-menu > li > a:active {
		background-color: #dde2eb;
		-webkit-border-radius: 0 16px 16px 0;
		border-radius: 0 16px 16px 0;
	}

    #sidebar-left .nav.main-menu .dropdown-menu > .active > a {
        background-color: transparent;
        color: #420330;
		font-weight:600;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

	#sidebar-left .nav.main-menu .dropdown-menu > .active > a:hover,
	#sidebar-left .nav.main-menu .dropdown-menu > .active > a:focus {
		background-color: #dde2eb;
		color: #420330;
		-webkit-border-radius: 0 16px 16px 0;
		border-radius: 0 16px 16px 0;
	}

    #sidebar-left .nav.main-menu .dropdown-submenu > li > a {
        padding: 5px 10px 5px 45px;
        -webkit-border-radius: 0 16px 16px 0;
        border-radius: 0 16px 16px 0;
    }

    #main.sidebar-show .nav.main-menu .hidden-xs.hidden-sm {
        display: none !important;
        -webkit-transition: 0.1s all;
        -moz-transition: 0.1s all;
        -o-transition: 0.1s all;
        transition: 0.1s all;
    }

    #main.sidebar-show .nav.main-menu .dropdown-menu {
        position: absolute;
        z-index: 2001;
        left: 100%;
        top: 5px;
        /*visibility: hidden;*/
        display: none;
        background-color: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    #main.sidebar-show .nav.main-menu .dropdown.open > .dropdown-menu {
        display: none;
    }

    #main.sidebar-show .nav.main-menu .dropdown:hover > .dropdown-menu {
        display: block;
    }

    #main.sidebar-show .nav.main-menu .dropdown-menu > li > a {
        padding: 5px 15px;
        border-bottom: 1px solid #f7f8fb;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #main.sidebar-show .nav.main-menu .dropdown-menu > li:last-child > a {
        border-bottom: none;
    }

    #main.sidebar-show .nav.main-menu .dropdown-menu > li > a:focus,
    #main.sidebar-show .nav.main-menu .dropdown-menu > li > a:hover,
    #main.sidebar-show .nav.main-menu .dropdown-menu > li > a:active {
        background-color: #dde2eb;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    #main.sidebar-show .nav.main-menu .dropdown-menu > .active > a {
        background-color: transparent;
        color: #420330;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

	#main.sidebar-show .nav.main-menu .dropdown-menu > .active > a:hover,
	#main.sidebar-show .nav.main-menu .dropdown-menu > .active > a:focus {
		background-color: #dde2eb;
		color: #420330;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
}

@media (max-width:991px) {
    #sidebar-left .nav.main-menu .dropdown-menu > li > a {
        padding: 5px 15px;
        border-bottom: 1px solid #f7f8fb;
    }

    #sidebar-left .nav.main-menu .dropdown-menu > li:last-child > a {
        border-bottom: none;
    }

    #sidebar-left .nav.main-menu > li > a {
        padding: 7px 10px
    }

    #dashboard_links .nav {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

    #dashboard_links .nav-stacked > li {
        float: left
    }

    #dashboard_links .nav-pills > li > a {
        padding: 15px
    }

    #dashboard_links .nav-pills > li.active > a:before {
        bottom: 0;
        left: 50%;
        margin-left: -9px
    }
}
@media (min-width: 768px) and (max-width:991px) {
    #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 5.666667%;
		visibility: hidden;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 5.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 94.333333%;
	    margin-left: 5.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 5.666667%;
	}	
}

@media (max-width:767px) {
	#main.sidebar-show #sidebar-left .navbar-header .navbar-brand h1 span{
		padding-left: 3px;
	}
    #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 5.666667%;
		visibility: hidden;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 5.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 94.333333%;
	    margin-left: 5.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 5.666667%;
	}	
	
    #sidebar-left .nav.main-menu > li > a > i,
    .nav.msg-menu > li > a > i {
        font-size: 16px;
    }
}

@media (max-width:620px) {

	 #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 7.666667%;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 7.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 92.333333%;
	    margin-left: 7.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 7.666667%;
	}
	
    .user-mini {
        display: none
    }
}
@media (max-width:520px) {
	 #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 8.666667%;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 8.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 91.333333%;
	    margin-left: 8.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 8.666667%;
	}
}
@media (max-width:480px) {
	#main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 9.666667%;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 9.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 90.333333%;
	    margin-left: 9.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 9.666667%;
	}
}
@media (max-width:380px) {
   #main #sidebar-left.col-xs-2.col-sm-2 {
        opacity: 0;
        width: 11.666667%;
    }	
	#main #content.col-xs-12.col-sm-10 {
    	opacity: 1;
        width: 100%;
        margin-left: 0%;
    }
	#main.sidebar-show #sidebar-left.col-xs-2.col-sm-2 {
		opacity: 1;
        width: 11.666667%;
        visibility: visible;
    }
    #main.sidebar-show #content.col-xs-12.col-sm-10 {
        width: 88.333333%;
	    margin-left: 11.666667%;
    }
	
	#main #content .navbar-fixed-top{
	   padding-left: 0%;
	}
	
	#main.sidebar-show #content .navbar-fixed-top{
	    padding-left: 11.666667%;
	}
	

    #dashboard_links .nav-stacked > li {
        float: none
    }

    #dashboard_links .nav-pills > li.active > a:before {
        display: none
    }
}