.sidebar {
    background-color: #263238;
    color: #fff;
    position: relative;
    width: 100%;
    display: none
}

@media (min-width:769px) {
    .sidebar {
        display: table-cell;
        vertical-align: top;
        width: 260px
    }
}

.sidebar-main {
    z-index: 99
}

.sidebar-secondary {
    z-index: 98
}

.sidebar-opposite {
    display: none;
    z-index: 97
}

@media (min-width:769px) {
    .sidebar-opposite-visible .sidebar-opposite {
        display: table-cell
    }
}

.sidebar:not(.sidebar-default)+.sidebar:not(.sidebar-default) {
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.sidebar .has-scroll {
    max-height: 192px;
    overflow-y: auto
}

.sidebar-default {
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #ddd
}

@media (min-width:769px) {
    .sidebar-default {
        border-bottom: 0;
        border-right: 1px solid #ddd
    }

    .content-wrapper+.sidebar-default {
        border-left: 1px solid #ddd
    }
}

.sidebar-content {
    position: relative;
    padding-bottom: 8px
}

.sidebar-all-hidden .sidebar-main,
.sidebar-all-hidden .sidebar-secondary,
.sidebar-detached-hidden .sidebar-detached>.sidebar,
.sidebar-main-hidden .sidebar-main,
.sidebar-secondary-hidden .sidebar-secondary {
    display: none
}

@media (max-width:768px) {

    .sidebar-mobile-detached .sidebar-detached>.sidebar,
    .sidebar-mobile-main .sidebar-main,
    .sidebar-mobile-opposite .sidebar-opposite,
    .sidebar-mobile-secondary .sidebar-secondary {
        display: block
    }
}

.category-title {
    position: relative;
    margin: 0;
    padding: 12px 20px;
    padding-right: 46px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.category-title>span {
    display: block;
    margin-top: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.82
}

.category-title>i {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px
}

.category-title .icons-list {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px
}

.sidebar-default .category-title {
    border-bottom-color: #ddd
}

.category-content {
    position: relative;
    padding: 20px
}

.navigation {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    position: relative
}

.sidebar-user+.sidebar-category .navigation {
    padding-top: 0
}

.navigation .hidden-ul {
    display: none
}

.navigation li {
    position: relative
}

.navigation li+li {
    margin-top: 1px
}

.navigation li+.navigation-header {
    margin-top: 10px
}

.navigation li a {
    color: rgba(255, 255, 255, .75);
    display: block;
    -webkit-transition: background .15s linear, color .15s linear;
    -o-transition: background .15s linear, color .15s linear;
    transition: background .15s linear, color .15s linear
}

.navigation li a:focus,
.navigation li a:hover {
    background-color: rgba(0, 0, 0, .1);
    color: #fff
}

.navigation li a>i {
    float: left;
    top: 0;
    margin-top: 2px;
    margin-right: 15px;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.navigation li a>i.pull-right {
    margin-right: 0;
    margin-left: 15px
}

.navigation li.disabled>a,
.navigation li.disabled>a:focus,
.navigation li.disabled>a:hover {
    color: inherit;
    background-color: transparent;
    cursor: not-allowed;
    opacity: .3
}

.navigation li>.has-ul {
    position: relative;
    padding-right: 36px
}

.navigation li>.has-ul:after {
    content: "\e9c7";
    font-family: icomoon;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out
}

.navigation li.active>.has-ul:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.navigation li.navigation-divider {
    margin: 10px 0;
    height: 1px;
    background-color: rgba(255, 255, 255, .1)
}

.sidebar-default .navigation li.navigation-divider {
    background-color: #eee
}

.navigation>li>a {
    padding: 12px 20px;
    min-height: 44px;
    font-weight: 500
}

.navigation>li>a .badge,
.navigation>li>a .label {
    -webkit-transition: background-color ease-in-out .15s, border-color ease-in-out .15s;
    -o-transition: background-color ease-in-out .15s, border-color ease-in-out .15s;
    transition: background-color ease-in-out .15s, border-color ease-in-out .15s
}

.navigation>li.active>a,
.navigation>li.active>a:focus,
.navigation>li.active>a:hover {
    background-color: #26a69a;
    color: #fff
}

.navigation>li.active>a>[class*=text-] {
    color: #fff
}

.navigation>li.active>a .badge,
.navigation>li.active>a .label {
    background-color: rgba(0, 0, 0, .35);
    border-color: transparent
}

.navigation>li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.navigation>li ul li a {
    padding: 10px 20px;
    padding-left: 51px;
    min-height: 40px
}

.navigation>li ul .navigation-header {
    padding-left: 51px
}

.navigation>li>ul>li>ul>.navigation-header,
.navigation>li>ul>li>ul>li>a {
    padding-left: 71px
}

.navigation>li>ul>li>ul>li>ul .navigation-header,
.navigation>li>ul>li>ul>li>ul>li>a {
    padding-left: 91px
}

.navigation>li>ul li:first-child {
    padding-top: 10px
}

.navigation>li>ul li:last-child {
    padding-bottom: 10px
}

.navigation>li>ul li.active>a,
.navigation>li>ul li.active>a:focus,
.navigation>li>ul li.active>a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff
}

.navigation .navigation-header {
    min-height: 30px;
    padding: 10px 20px;
    border-bottom: 0;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 1.82
}

.navigation .navigation-header>span {
    display: block;
    margin-top: 2px
}

.navigation .navigation-header>i {
    display: none
}

.navigation .navigation-header>i.pull-right {
    margin-top: 2px
}

.navigation .navigation-header,
.navigation .navigation-header a {
    color: rgba(255, 255, 255, .5);
    font-weight: 400
}

.navigation .navigation-header a:focus,
.navigation .navigation-header a:hover {
    color: #fff
}

.navigation .navigation-header a i {
    float: none;
    margin: 0
}

.sidebar-default .navigation .navigation-header,
.sidebar-default .navigation .navigation-header a {
    color: #999
}

.sidebar-default .navigation .navigation-header a:focus,
.sidebar-default .navigation .navigation-header a:hover {
    color: #333
}

.navigation.nav>.active>.hidden-ul {
    display: block
}

@media (max-width:768px) {
    .navigation.nav>li>.hidden-ul {
        display: block
    }
}

.navigation .badge,
.navigation .label {
    float: right
}

.sidebar-default .navigation li>a {
    color: #333
}

.sidebar-default .navigation li>a:focus,
.sidebar-default .navigation li>a:hover {
    background-color: #f8f8f8
}

.sidebar-default .navigation li.active>a,
.sidebar-default .navigation li.active>a:focus,
.sidebar-default .navigation li.active>a:hover {
    background-color: #f5f5f5;
    color: #333
}

.sidebar-default .navigation li.active>a>[class*=text-] {
    color: #333
}

.sidebar-default .navigation li.disabled>a,
.sidebar-default .navigation li.disabled>a:focus,
.sidebar-default .navigation li.disabled>a:hover {
    background-color: transparent
}

.sidebar-default .navigation li .label-transparent {
    color: #333
}

.sidebar-default .navigation>li ul {
    background-color: transparent
}

.sidebar-default .navigation>li.active>a,
.sidebar-default .navigation>li.active>a:focus,
.sidebar-default .navigation>li.active>a:hover {
    background-color: #f5f5f5;
    color: #333
}

.sidebar-default .navigation>li.active>a .label-transparent {
    color: #333
}

.navigation-icons-right>li>a,
.navigation-icons-right>li>a.has-ul {
    padding-right: 20px
}

.navigation-icons-right>li>a>i {
    float: right;
    margin-right: 0;
    margin-left: 15px
}

.navigation-icons-right>li.active>.has-ul:after,
.navigation-icons-right>li>a.has-ul:after {
    content: none
}

.navigation-bordered>li {
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.navigation-bordered>li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.navigation-bordered>li.navigation-header {
    background-color: rgba(0, 0, 0, .1)
}

.navigation-bordered>li+li {
    margin-top: 0
}

.navigation-bordered>li ul {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navigation-bordered li+.navigation-header {
    margin-top: 0
}

.sidebar-default .navigation-bordered>li {
    border-top: 1px solid #eee
}

.sidebar-default .navigation-bordered>li.navigation-header {
    background-color: #fafafa
}

.navigation-lg>li>a,
.navigation-lg>li>a>span {
    padding-top: 14px;
    padding-bottom: 14px;
    min-height: 48px
}

.navigation-lg>li ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px
}

.navigation-sm>li>a,
.navigation-sm>li>a>span {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 40px
}

.navigation-sm>li ul li a {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px
}

.navigation-xs>li>a,
.navigation-xs>li>a>span {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 36px
}

.navigation-xs>li ul li a {
    padding-top: 6px;
    padding-bottom: 6px;
    min-height: 32px
}

@media (min-width:769px) {
    .sidebar-fixed .sidebar-content {
        position: fixed;
        width: 260px;
        max-height: 100%;
        overflow: auto;
        top: 48px;
        bottom: 48px;
        margin-bottom: -48px
    }

    .sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
        width: 56px
    }

    .sidebar-fixed.sidebar-default .sidebar-content {
        width: 259px
    }

    .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        position: fixed;
        display: block;
        height: 100%;
        z-index: 1001
    }

    .sidebar-fixed-expanded .sidebar-fixed.sidebar-main .sidebar-content {
        position: fixed
    }

    .sidebar-xs .sidebar-fixed-expanded .sidebar-fixed.sidebar-main {
        width: 260px
    }

    .sidebar-fixed-expanded .content-wrapper {
        padding-left: 56px
    }
}

.sidebar-xs-indicator .sidebar-fixed .sidebar-content {
    top: 0 !important
}

@media (min-width:769px) {
    .has-detached-left .container-detached {
        float: right;
        margin-left: -260px;
        width: 100%
    }

    .has-detached-left .content-detached {
        margin-left: 280px
    }

    .has-detached-left .sidebar-detached {
        float: left
    }

    .has-detached-right .container-detached {
        float: left;
        margin-right: -260px;
        width: 100%
    }

    .has-detached-right .content-detached {
        margin-right: 280px
    }

    .has-detached-right .sidebar-detached {
        float: right
    }

    .has-detached-right .sidebar-detached.affix {
        right: 20px
    }

    .sidebar-detached-hidden .container-detached {
        float: none;
        margin: 0
    }

    .sidebar-detached-hidden .content-detached {
        margin: 0
    }

    .sidebar-detached-hidden .sidebar-detached {
        float: none
    }
}

.sidebar-detached .navigation.nav>.active>.hidden-ul {
    display: block
}

@media (max-width:768px) {
    .sidebar-detached .navigation.nav>li>.hidden-ul {
        display: block
    }
}

.sidebar-detached.affix {
    position: static
}

@media (min-width:769px) {
    .sidebar-detached {
        display: block;
        position: relative;
        margin-bottom: 20px
    }

    .sidebar-detached>.sidebar-default {
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }

    .sidebar-detached>.sidebar {
        margin-bottom: 0;
        display: block;
        border-radius: 3px
    }

    .sidebar-detached.affix {
        position: fixed;
        top: 20px;
        bottom: 20px;
        -webkit-transition: bottom ease-in-out .15s;
        -o-transition: bottom ease-in-out .15s;
        transition: bottom ease-in-out .15s
    }

    .sidebar-detached.affix>.sidebar {
        max-height: 100%;
        overflow-y: auto
    }

    .sidebar-detached.fixed-sidebar-space {
        bottom: 80px
    }

    .navbar-bottom .sidebar-detached.fixed-sidebar-space {
        bottom: 86px
    }

    .navbar-bottom-lg .sidebar-detached.fixed-sidebar-space {
        bottom: 90px
    }

    .navbar-bottom-sm .sidebar-detached.fixed-sidebar-space {
        bottom: 84px
    }

    .navbar-bottom-xs .sidebar-detached.fixed-sidebar-space {
        bottom: 82px
    }

    .navbar-fixed .sidebar-detached {
        top: 86px
    }

    .navbar-fixed-lg .sidebar-detached {
        top: 90px
    }

    .navbar-fixed-sm .sidebar-detached {
        top: 84px
    }

    .navbar-fixed-xs .sidebar-detached {
        top: 82px
    }
}

.sidebar-separate .sidebar-content {
    padding-bottom: 0
}

.sidebar-separate .sidebar-content .panel:last-child,
.sidebar-separate .sidebar-content .sidebar-category:last-child {
    margin-bottom: 0
}

@media (min-width:769px) {
    .sidebar-separate {
        background-color: transparent
    }

    .sidebar-separate .sidebar-category {
        background-color: #263238;
        border-radius: 3px;
        margin-bottom: 20px
    }

    .sidebar-separate.sidebar-default {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .sidebar-separate.sidebar-default .sidebar-category {
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
    }
}

@media (min-width:769px) {
    .sidebar-xs .sidebar-main {
        width: 56px
    }

    .sidebar-xs .sidebar-main .sidebar-category {
        display: none
    }

    .sidebar-xs .sidebar-main .sidebar-category-visible {
        display: block
    }

    .sidebar-xs .sidebar-main .category-title {
        padding: 0
    }

    .sidebar-xs .sidebar-main .category-title>i {
        padding: 13px 0;
        float: none;
        display: block;
        top: 0
    }

    .sidebar-xs .sidebar-main .category-title>span {
        display: none
    }

    .sidebar-xs .sidebar-main .category-title .icons-list {
        position: static;
        text-align: center;
        margin-top: 0;
        padding-top: 14px;
        padding-bottom: 14px
    }

    .sidebar-xs .sidebar-main .category-title .icons-list>li {
        display: block;
        margin-left: 0
    }

    .sidebar-xs .sidebar-main .category-title .icons-list>li+li {
        margin-top: 10px
    }

    .sidebar-xs .sidebar-main .category-title.h6 .icons-list {
        padding-top: 23.538462px;
        padding-bottom: 23.538462px
    }

    .sidebar-xs .sidebar-main .category-title.h5 .icons-list {
        padding-top: 25.0769236px;
        padding-bottom: 25.0769236px
    }

    .sidebar-xs .sidebar-main .navigation>li>a {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }

    .sidebar-xs .sidebar-main .navigation>li>a>span {
        display: none;
        position: absolute;
        top: 0;
        right: -260px;
        background-color: #26a69a;
        border: 1px solid #26a69a;
        padding: 11px 20px;
        width: 260px;
        text-align: left;
        color: #fff;
        cursor: pointer;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px
    }

    .sidebar-xs .sidebar-main .navigation>li>a>span .badge,
    .sidebar-xs .sidebar-main .navigation>li>a>span .label {
        background-color: rgba(0, 0, 0, .35);
        border-color: transparent
    }

    .sidebar-xs .sidebar-main .navigation>li>a>i {
        margin: 2px 0;
        display: block;
        float: none
    }

    .sidebar-xs .sidebar-main .navigation>li.active>.has-ul:after,
    .sidebar-xs .sidebar-main .navigation>li>.has-ul:after {
        content: none
    }

    .sidebar-xs .sidebar-main .navigation>li .has-ul>span {
        border-radius: 0 3px 0 0;
        cursor: default
    }

    .sidebar-xs .sidebar-main .navigation>li.active>ul {
        display: none !important
    }

    .sidebar-xs .sidebar-main .navigation>li.disabled:hover>a>span,
    .sidebar-xs .sidebar-main .navigation>li.disabled:hover>ul {
        display: none !important
    }

    .sidebar-xs .sidebar-main .navigation>li:hover>ul {
        display: block !important
    }

    .sidebar-xs .sidebar-main .navigation>li:hover>a>span {
        display: block
    }

    .sidebar-xs .sidebar-main .navigation>li:hover:not(.active)>a {
        background-color: rgba(0, 0, 0, .1);
        color: #fff
    }

    .sidebar-xs .sidebar-main .navigation>li>ul {
        position: absolute;
        right: -260px;
        top: 44px;
        width: 260px;
        display: none;
        background-color: #263238;
        border-left: 1px solid rgba(255, 255, 255, .1);
        border-radius: 0 0 3px 0
    }

    .sidebar-xs .sidebar-main .navigation>li>ul>li>a {
        padding-left: 20px
    }

    .sidebar-xs .sidebar-main .navigation>li>ul>li>a:not(.has-ul) {
        padding-right: 20px
    }

    .sidebar-xs .sidebar-main .navigation>li>ul>li>ul>li>a {
        padding-left: 30px
    }

    .sidebar-xs .sidebar-main .navigation>li>ul>li>ul>li>ul>li>a {
        padding-left: 60px
    }

    .sidebar-xs .sidebar-main .navigation>.navigation-header {
        padding: 0;
        text-align: center
    }

    .sidebar-xs .sidebar-main .navigation>.navigation-header>i {
        display: block;
        top: 0;
        padding: 13px 0
    }

    .sidebar-xs .sidebar-main .navigation>.navigation-header>span {
        display: none
    }

    .sidebar-xs .sidebar-main .sidebar-user .category-content {
        padding-left: 0;
        padding-right: 0
    }

    .sidebar-xs .sidebar-main .sidebar-user .media-left,
    .sidebar-xs .sidebar-main .sidebar-user .media-right {
        padding: 0;
        text-align: center;
        display: block
    }

    .sidebar-xs .sidebar-main .sidebar-user .media-left>img,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>img {
        max-width: 100%;
        height: auto !important
    }

    .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-sm,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-sm {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .sidebar-xs .sidebar-main .sidebar-user .media-left>.img-xs,
    .sidebar-xs .sidebar-main .sidebar-user .media-right>.img-xs {
        margin-top: 3px;
        margin-bottom: 3px
    }

    .sidebar-xs .sidebar-main .sidebar-user .media-body,
    .sidebar-xs .sidebar-main .sidebar-user .media-right {
        display: none
    }

    .sidebar-xs .sidebar-main .navigation-lg>li>ul {
        top: 48px
    }

    .sidebar-xs .sidebar-main .navigation-sm>li>ul {
        top: 40px
    }

    .sidebar-xs .sidebar-main .navigation-xs>li>ul {
        top: 36px
    }

    .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span {
        background-color: #f5f5f5;
        border-color: #ddd;
        color: #333
    }

    .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span .badge,
    .sidebar-xs .sidebar-main.sidebar-default .navigation>li>a>span .label {
        color: #333
    }

    .sidebar-xs .sidebar-main.sidebar-default .navigation>li>ul {
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: 0
    }

    .sidebar-xs .sidebar-main.sidebar-default .navigation>li:hover:not(.active)>a {
        background-color: #f5f5f5;
        color: #333
    }
}

.sidebar .row {
    margin-left: -5px;
    margin-right: -5px
}
.row {
    margin-left: 0px;
    margin-right: 0px
}
.panel-body{
    padding: 10px;
}
.sidebar .row [class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width:768px) {
    .sidebar .sp-container {
        display: block;
        width: 220px;
        margin-left: auto;
        margin-right: auto
    }
}

.sidebar .sp-flat .sp-picker-container {
    display: block;
    width: 218px
}

.sidebar .panel-group .panel {
    border-radius: 0;
    border-width: 0 0 1px 0
}

.sidebar .panel-group .panel:first-child {
    border-top-width: 1px
}

.sidebar .panel-group .panel+.panel {
    margin-top: 0
}

.sidebar .media-list-bordered>li {
    border-top: 0;
    border-bottom: 1px solid #eee
}

.sidebar:not(.sidebar-default) .media .media-annotation,
.sidebar:not(.sidebar-default) .media .text-muted {
    color: rgba(255, 255, 255, .8)
}

.sidebar:not(.sidebar-default) .media .media-body>a,
.sidebar:not(.sidebar-default) .media .media-left>a,
.sidebar:not(.sidebar-default) .media .media-right>a {
    color: #fff
}

.sidebar:not(.sidebar-default) .media .media-link:focus,
.sidebar:not(.sidebar-default) .media .media-link:hover {
    background-color: rgba(0, 0, 0, .1)
}

.sidebar:not(.sidebar-default) .media .media-badge {
    border-color: #263238
}

.sidebar:not(.sidebar-default) .media-list-bordered>li {
    border-color: rgba(255, 255, 255, .1)
}

.sidebar .thumbnail {
    margin-bottom: 10px
}

.sidebar .thumbnail:last-child {
    margin-bottom: 0
}

.sidebar .thumbnail .zoom-image i {
    font-size: 16px;
    margin-top: -8px;
    margin-left: -8px
}

.sidebar .sidebar-category .checkbox,
.sidebar .sidebar-category .radio {
    margin-top: 0
}

.sidebar .sidebar-category .checkbox:last-child,
.sidebar .sidebar-category .radio:last-child {
    margin-bottom: 0
}

.sidebar .form-group:last-child {
    margin-bottom: 0
}

.sidebar .nav-tabs {
    border-width: 0 0 1px 0
}

@media (min-width:769px) {
    .sidebar .nav-tabs {
        border-width: 1px
    }

    .sidebar .nav-tabs>li>a {
        border-bottom-color: rgba(255, 255, 255, .1);
        background-color: rgba(0, 0, 0, .2);
        color: rgba(255, 255, 255, .6);
        border-top: 0;
        border-radius: 0
    }

    .sidebar .nav-tabs>li>a:focus,
    .sidebar .nav-tabs>li>a:hover {
        color: #fff;
        border-bottom-color: rgba(255, 255, 255, .1)
    }

    .sidebar .nav-tabs>.active>a,
    .sidebar .nav-tabs>.active>a:focus,
    .sidebar .nav-tabs>.active>a:hover {
        border-top: 0;
        border-bottom: 0;
        background-color: transparent;
        border-color: rgba(255, 255, 255, .1);
        color: #fff
    }

    .sidebar .nav-tabs>.active:first-child>a {
        border-left-color: transparent !important
    }

    .sidebar .nav-tabs>.active:last-child>a {
        border-right-color: transparent !important
    }

    .sidebar .nav-tabs>.open>a {
        color: #fff
    }

    .sidebar .nav-tabs>.open:not(.active)>a {
        background-color: rgba(0, 0, 0, .2)
    }
}

@media (min-width:769px) {
    .sidebar-default .nav-tabs>li>a {
        background-color: #fafafa;
        border-bottom-color: #ddd;
        color: #999
    }

    .sidebar-default .nav-tabs>li>a:focus,
    .sidebar-default .nav-tabs>li>a:hover {
        color: #333;
        border-bottom-color: #ddd
    }

    .sidebar-default .nav-tabs>.active>a,
    .sidebar-default .nav-tabs>.active>a:focus,
    .sidebar-default .nav-tabs>.active>a:hover {
        border-color: #ddd;
        color: #333
    }

    .sidebar-default .nav-tabs>.open>a {
        border-bottom-color: #ddd;
        color: #333
    }

    .sidebar-default .nav-tabs>.open:not(.active)>a {
        background-color: #fafafa
    }
    .navbar-header-list li.active >a:first-child {
        background-color: #2196f3;
        color: #FFF !important;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    
    .navbar-header-list li.mega-menu:hover{
        background-color: #2196f3;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
}

@media (min-width:769px) {
    .sidebar-default .nav-justified>li:first-child .dropdown-menu:not(.dropdown-menu-right) {
        left: -1px
    }

    .sidebar-default .nav-justified>li:last-child .dropdown-menu-right {
        right: -1px
    }
}

.layui-layer-content {
    border-top: 1px solid #c7c7c7;
}

.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
    padding: 10px 25px;
    background: #f6f6f6;
    border-top: 1px solid #c7c7c7;
}

.layui-layer-btn a {
    border: 1px #c7c7c7 solid;
    padding: 0px 25px;
}

.swal2-popup .swal2-styled.swal2-confirm {
    margin-left: 30px;
}

.form-control-error i {
    display: none;
}

.control-label {
    width: 150px;
}

.form-control-error {
    height: 30px;
    line-height: 30px;
    width: 100%;
    display: block;
}

div.form-group {
    margin-bottom: 0;
}

.validation-error-label,
.validation-valid-label {
    margin: 0;
    padding-left: 18px;
}

.validation-error-label:before {
    margin-top: 5px;
    font-size: 14px;
}

body {
    background:#fff !important;
}

.AnyTime-hrs,
.AnyTime-hrs-am,
.AnyTime-hrs-pm,
.AnyTime-mins,
.AnyTime-mins-ones,
.AnyTime-mins-tens,
.AnyTime-offs,
.AnyTime-secs,
.AnyTime-secs-ones,
.AnyTime-secs-tens,
.AnyTime-time {
    float: left;
}

.bootstrap-table {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.fixed-table-container {
    float: left;
    width: 100%;
}

div.fixed-table-toolbar {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

thead tr th {
    background-color: #f8f8f8;
}

div.fixed-table-pagination {
    margin-top: 10px;
}

div.fixed-table-body {
    position: relative;
}

div.fixed-table-loading {
    position: absolute;
    top: -36px !important;
    right: 200px;
}

tr.no-records-found td {
    text-align: center;
}

.panel-flat>.panel-heading,
.panel>.panel-heading {
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #f8f8f8;
}

.sidebar-default .category-title {
    background-color: #f8f8f8;
}

.panel-flat>.panel-heading h5 {
    margin: 0
}

.panel-flat>.panel-heading+.panel-body {
    margin-top: 15px;
}

form .form-group,
form.form-inline button {
    margin-top: 5px;
}

#dataTableLabel td a {
    margin-bottom: 5px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px 8px;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

.navbar-inverse {
    background-color: #292c33 !important;
}

.navbar-header-bg-logo {
    padding: 10px 0px 0;
}

.search-top-box {
    margin-top: 20px;
}

.page-header-inverse {
    margin-bottom: 0px;
}

.page-header-content+.breadcrumb-line {
    border: 0px;
    margin-bottom: 0px;
    background: transparent;
    padding: 0 20px;
}

.breadcrumb-line:not([class*=bg-]) {
    background: transparent;
    border-top: 0px;
}

.navbar-header-tab {
    background: #f5f9ff;
    width: 100%;
    border-bottom: 2px solid #2196f3;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    .search-top-box {
        margin-top: 0px;
    }

    .navbar-inverse .navbar-text {
        border-bottom: 0;
    }
}

@media (min-width: 1366px) {
    .navbar-header-tab {
        padding-left: 130px;
        padding-right: 130px;
    }

    .navbar-header-tab .navbar-nav {
        margin-left: 0px;
    }
}

.navbar-fixed-top a:hover {
    color: #409aff !important;
}

.navbar-header-list li a {
    color: #545966;
    font-size: 18px;
}
.navbar-header-list >li >a {
    padding: 10px !important;
}

.navbar-header-list li.open >a{
 color: #FFF !important;
}
.footer-bottom-link1 li:first-child {
    font-size: 22px;
    padding: 20px 0 10px;
    font-weight: bold;
}

.footer-bottom-link1 li a {
    font-size: 18px;
    color: #ccc;
}

.footer-bottom-link li a {
    font-size: 14px;
}

.footer-bottom-link li a:hover,
.footer-bottom-link1 li a:hover,
.footer-right-brands-box a:hover {
    color: #409aff !important;
}

#footer {
    padding: 0 30px;
}

#footer .timeline-icon {
    z-index: 2;
}

#footer .form-control {
    background-color: transparent;
    color: #ccc;
}

#footer .timeline-container:after {
    z-index: 1;
}

@media (max-width: 768px) {
    #footer .timeline-container:after {
        z-index: -1;
    }
}
.top_login_btn,.top_reg_btn{
    margin-top: 4px;
}
.language-switch{
    padding-top: 4px;
}
#navbar-first {
    margin-left: 0;
    padding-top: 4px;
}

@media (min-width: 769px) {
    .navbar-text {
        margin: 10px 0;
        padding: 5px 0;
    }
}

.navbar-text {
    margin: 10px 0;
    padding: 5px 0;
}

#footer .panel {
    background-color: transparent;
    border: none;
    color: #ccc;
    padding: 0;
}

#footer .footer-right-box {
    background-color: #545966;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
}

#footer .footer-right-box .panel-title {
    font-weight: bold;
}

#footer .panel-flat>.panel-heading,
.panel>.panel-heading {
    background: transparent;
    border: none;
}

#footer .footer-right-brands-box {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 20px;
    display: inline-block;
}

#footer .footer-right-brands {
    font-size: 40px;
    color: #CCC;
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    padding-right: 10px;
}

#footer .footer-right-by-box {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 0;
}

#footer .footer-right-by {
    display: inline-block;
    width: 160px;
    margin: 10px 0 20px;
}

#footer .footer-navigate-box {
    margin: 10px auto;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 20px auto;
}

#footer .copyright-box {
    text-align: center
}

#footer .copyright-text {
    width: 100%;
    margin: 10px auto;
}

#footer .new_captcha_img {
    cursor: pointer;
    height: 30px;
}

#footer .error-color {
    color: red;
}

#footer .error-display {
    height: 25px;
    line-height: 25px;
    display: block;
}

.fab-menu {
    position: fixed !important;
    right: 10px;
    bottom: 60px;
}

.detail-list-li li b {
    margin-left: 5px;
}

.detail-list-li .price-underline {
    text-decoration: line-through;
    display: inline-block;
    margin-left: 5px;
}

.detail-list-li .price-now {
    font-weight: bold;
    font-size: 20px;
    color: #F56C6C;
    display: inline-block;
    margin-left: 0px;
}

.detail-list-li .price-save {
    font-weight: normal;
    font-size: 12px;
    color: #67C23A;
    display: inline-block;
    margin-left: 0px;
}

.detail-list-li .price-btn {
    min-width: 140px;
    margin: 20px 10px 10px 0;
}




.page-product-divider {
    height: 225px;
    margin: 0 auto;
}

.page-container {
    padding-bottom: 0;
}

.home-top-left-label {
    position: absolute;
    left: 0px;
    top: 0px;
}

.category_box_item {
    position: relative;
    margin: 15px auto;
    cursor: pointer;

}

.category_box_item img {
    width: 100%;
    border-radius: 5px;
}

.category_box_text {
    position: absolute;
    left: 20px;
    top: 20px;
    color: #FFF;
    font-weight: bold;
    font-size: 24px;
}

.category_box_text:hover {
    color: #409aff;
}
.category_card_title{
    min-height: 40px;
    display: inline-block;
}
.category_card_title a:hover{
    color: #409aff !important;
}
.category_home_title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.bg-white{
    background-color: #f5f5f5;
}

.detail-rec-img{
    margin: 0 auto;
    height: 250px;
}
.sidebar .sidebar-content{
    border: 0;
    margin-bottom: 0;
}
@media (min-width: 769px) {
    .sidebar {
        padding-right: 0;
    }
}
.detail-sidebar-category{
    position: absolute;
    left: 20px;
    top: 20px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
.login-popwin-form {
    color: #545966;
}
.ui-pnotify-text{
    text-align: center;
}

.navbar{
    min-height: 43px;
}
.nav>li>a{
    padding: 10px;
}
.rating-normal{
    color: #333;
}
.category-search-tags .tagsinput-remove-tags{
    border: 0;
    background-color: transparent;
}
.category-search-tags .bootstrap-tagsinput{
    border: 0;
    background-color: transparent  !important;
}
.category-search-tags .bootstrap-tagsinput input{
    display: none;
}
.navbar-nav{
    margin-left: 0;
}
.form-validate .error-display{
    height: 20px;
}
.detail-list-li{
    min-height: 300px;
}
.blog-preview .detail-list-li{
    min-height: 220px;
}
@media (max-width: 768px) {
    .ui-pnotify {
        display: none !important;
    }
    .page-header-content+.breadcrumb-line {
        padding: 0px !important;
    }
    .navbar-header-tab{
        background-color: #292c33;
        border-bottom: 0;
    }
    .navbar-header-list li a {
        color: #FFF;
        font-size: 14px;
    }
    .navbar-nav>.active>a:after{
        width: 0;
    }
   
    .navbar-header-bg-logo{
        padding: 0;
    }
    .search-top-box .content-group{
        margin: 0px 10px 10px !important;
    }
    .detail-list-li{
        min-height: auto;
    }
    .blog-preview .detail-list-li{
        min-height: auto;
    }
    .page-container{
        padding: 0;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding: 0;
    }
    .nav-tabs{
        background-color: transparent;
        border: 0;
        color: #FFF;
        margin-bottom:0px;
    }
    .nav-tabs.nav-tabs-solid>li>a{
        color: #FFF;
    }
    .nav>li>a:focus, .nav>li>a:hover{
        background-color: rgba(0,0,0,.1);
    }
    .navbar-header-list li a{
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
    }
    .navbar-collapse{
        box-shadow: none;
    }
    .dropdown-content-body{
        padding: 0;
    }

    .stack-media-on-mobile:not(.text-left):not(.text-right) {
        text-align: left;
    }
    .nav-tabs:before {
        display: none;
    }
}
pre[class*=language-] {
    border: 0;
    background-size:0;
    font-size: 14px;
    background-color: transparent;
    text-shadow: none;
}
pre[data-line] {
    padding-left: 0;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
}
@media (min-width: 769px) {
    .mega-menu.mega-menu-wide>.dropdown-menu{
        left: -112px;
        right: -130px;
        padding-left: 112px;
        padding-right: 130px;
        /* background: #fafafa; */
        background: #f5f9ff;
        border-top: 2px solid #2196f3;
        border-bottom: 2px solid #2196f3;
    }
    .navbar-nav > .active > a::after {
        top: auto;
        right: 0px;
        width: auto;
        height: 0px;
    }
    .nav-tabs.nav-tabs-solid{
        background-color: transparent;
    }
    .nav-tabs.nav-tabs-solid >li >a:hover{
        background: #2196f3 !important;
        border-radius: 3px;
        color: #FFF;
    }
    
    .sub-category-header-box{
        max-height: 400px;
        overflow-y: auto;
    }
    .nav-tabs-solid-header-tab{
        font-size: 12px !important;
        width: 230px;
    }
  
}
.home_img_a,.home_img_sidebar_a{
    position: relative;
    height: 300px;
    display: block;
    width: 100%;
    overflow: hidden;
}
.home_img_sidebar_a{
    height: 150px;
}
.home_img_sidebar_a .img-responsive,.home_img_a .img-responsive{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hidden-ul{
    display: none;
}
.navigation>li.active>a, .navigation>li.active>a:focus, .navigation>li.active>a:hover{
    background-color: #2196f3;
}
.ribbon-container-left {
    width: 104px;
    height: 106px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    left: -1px
}

.ribbon-left {
    text-align: center;
    font-size: 12px;
    line-height: 1.6666667;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding: 5px 0;
    left: -32px;
    top: 25px;
    width: 150px;
    background-color: #4caf50;
    color: #fff;
    letter-spacing: .25px;
    z-index: 999;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.1);
    box-shadow: 0 4px 6px rgba(0,0,0,.1)
}
.lang_active{
    color: #409aff !important;
    background-color: #f5f5f5;
}
html[lang="ar"],html[lang="fa"]{
    direction: rtl;
    unicode-bidi: embed;
    .list-unstyled{
        padding-right: 0;
    }
    .navbar-nav,.navbar-nav>li{
        float: right;
    }
    #navbar-first {
        float: left;
    }
    #navbar-second{
        float: left;
        .navbar-nav>li{
            float: left;
        }
        .dropdown-menu{
            text-align: right;
        }
    }
    .navbar-nav{
        padding-right: 0;
    }
    .page-header-content+.breadcrumb-line{
        padding-right: 0;
    }
    .mega-menu.mega-menu-wide>.dropdown-menu{
        padding-right: 0;
    }
    .input-group{
        direction: ltr;
    }
    .input-group .form-control{
        direction: rtl;
    }
    .search-top-box{
        margin-right: -10px;
    }
    .heading-elements{
        left:20px;
        /*float: right;*/
    }
    .breadcrumb-line .breadcrumb{
        float: right;
    }
    .media-list{
        padding-right: 0;
    }
    .list-inline-separate{
        margin-left: 10px !important;
    }
    .heading-elements:not(.visible-elements) .heading-text+.heading-text{
        margin-left: 0;
    }
    .category_card_title{
        text-align: right;
        direction: rtl;
    }
    .media-body, .media-left, .media-right{
        text-align: right;
    }
    pre[data-line]{
        direction: rtl;
    }
}