#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: 30px;
    float: left;
    margin-right: 5px;
}

    .avatar > img {
        width: 30px;
        height: 30px;
        float: left
    }

#sidebar-left .avatar {
    width: 30px;
    float: left;
    margin-right: 5px;
}

    #sidebar-left .avatar > img {
        width: 30px;
        height: 30px;
        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;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    #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%;
        margin-left: -5px;
        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
    }
}