i {
    font-size: 30px!important;
    vertical-align: middle!important;
}

.navbar-brand {
    margin-left: 15px;
}

 .topbar .logo img{
    max-width: 180px;
    margin-top:7px
}

.topbar{
    z-index: 50;
    box-shadow: 5px 0 10px rgba(0,0,0,.5);
    /*position: fixed;
    width: 100%;
    top: 0;*/
}
.topbar .top-navbar {
    min-height:70px;
    /*max-width:1280px;*/
    margin:0 auto;
    padding:0 15px 0 0
}
.topbar .top-navbar .navbar-header{
    line-height:65px;
    text-align:center
}
.topbar .top-navbar .navbar-header .navbar-brand{
    margin-right:0;
    padding-bottom:0;
    padding-top:0;
    margin-left: 15px;
}
.topbar .top-navbar .navbar-header .navbar-brand b{
    line-height:70px;
 /*   display:inline-block*/
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link{
    padding-left:.75rem;
    padding-right:.75rem;
    font-size:19px!important;
    line-height:50px
}

.topbar .navbar-light .navbar-nav .nav-item > a.nav-link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex: -moz-min-content;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: normal;
    height: 70px;
}

.topbar .top-navbar .navbar-nav>.nav-item.show{
    /*background:rgba(0,0,0,.05)*/
}
.topbar .profile-pic{
    width:30px;
    border-radius:100%
}
.topbar .dropdown-menu{
    /*box-shadow:0 3px 12px rgba(0,0,0,.05);
    -webkit-box-shadow:0 3px 12px rgba(0,0,0,.05);
    -moz-box-shadow:0 3px 12px rgba(0,0,0,.05);
    border-color:rgba(120,130,140,.13)*/
}
 .topbar .dropdown-menu .dropdown-item{
    /*padding:7px 1.5rem*/
}
 .topbar ul.dropdown-user{
    padding:0;
    width:300px;
}
 .topbar ul.dropdown-user li{
    list-style:none;
    padding:0;
    margin:0
}
 .topbar ul.dropdown-user li.divider{
    height:1px;
    margin:9px 0;
    overflow:hidden;
    background-color:rgba(120,130,140,.13)
}
 .topbar ul.dropdown-user li .dw-user-box, 
 .topbar ul.dropdown-menu li .dw-user-box {
    padding:10px 15px
}
 .topbar ul.dropdown-user li .dw-user-box .u-img,
 .topbar ul.dropdown-menu li .dw-user-box .u-img {
    width:80px;
    display:inline-block;
    vertical-align:top
}

.dropdown-menu.wide.dropdown-menu-right {
    right: -10px;
    width: 400px;
}

 .topbar ul.dropdown-user li .dw-user-box .u-img img, 
 .topbar ul.dropdown-menu li .dw-user-box .u-img img {
    width:100%;
    border-radius:5px
}
 .topbar ul.dropdown-user li .dw-user-box .u-text, 
 .topbar ul.dropdown-menu li .dw-user-box .u-text {
    display:inline-block;
    padding-left:10px
}
 .topbar ul.dropdown-user li .dw-user-box .u-text h4, 
 .topbar ul.dropdown-menu li .dw-user-box .u-text h4 {
    margin:0
}
 .topbar ul.dropdown-user li .dw-user-box .u-text p, 
 .topbar ul.dropdown-menu li .dw-user-box .u-text p {
    margin-bottom:2px;
    font-size:14px
}
 .topbar ul.dropdown-user li .dw-user-box .u-text .btn{
    color:#fff;
    padding:5px 10px;
    display:inline-block
}
 .topbar ul.dropdown-user li .dw-user-box .u-text .btn:hover{
    /*background:#e6294b*/
}
 .topbar ul.dropdown-user li a{
    padding:9px 15px;
    display:block;
    color:#99abb4
}
 .topbar ul.dropdown-user li a:hover{
    background:#f2f4f8;
    color:#009efb;
    text-decoration:none
}
.search-box .app-search{
/*    position:absolute;
    margin:0;
    z-index:110;
    width:100%;
    top:-1px;
    box-shadow:2px 0 10px rgba(0,0,0,.2);
    display:none;
    left:0*/
}
.search-box .app-search input{
/*    width:100%;
    padding:25px 40px 25px 20px;
    border-radius:0;
    font-size:17px;
    transition:.5s ease-in*/
}
.search-box .app-search .srh-btn{
/*    position:absolute;
    top:23px;
    cursor:pointer;
    background:#fff;
    width:15px;
    height:15px;
    right:20px;
    font-size:14px*/
}
.mini-sidebar .top-navbar .navbar-header{
    /*width:60px;
    text-align:center*/
}

.topbar .top-navbar .mailbox{
    /*width:300px*/
}
 .topbar .top-navbar .mailbox ul{
    /*padding:0*/
}
 .topbar .top-navbar .mailbox ul li{
    /*list-style:none*/
}

.topbar .profile-pic {
    width: 60px !important;
    border-radius: 50% !important;
}






@media (min-width:768px){
    .mini-sidebar .top-navbar .navbar-header{
        /*width:auto!important*/
    }
    .navbar-header{
     /*   width:240px;
        flex-shrink:0*/
    }
    .navbar-header .navbar-brand{
     /*   padding-top:0*/
    }
    .material-icon-list-demo .icons div{
     /*   width:33%;
        padding:15px;
        display:inline-block;
        line-height:40px*/
    }
    
    .mini-sidebar .page-wrapper{
     /*   margin-left:0;*/
    }

    /* --- custom  css  added --- */    
    .mini-sidebar .page-wrapper{
        /*padding-top:10px !important;*/
    }
    
    /* --- custom  css  added --- */   
    .flex-wrap{
    /*    flex-wrap:nowrap!important;
        -webkit-flex-wrap:nowrap!important*/
    }
    .logo-center .top-navbar .navbar-header{
    /*    position:absolute;
        left:0;
        right:0;
        margin:0 auto*/
    }
}


@media (max-width: 1300px){
    .topbar .logo.text-center{
        text-align: left !important;
        /*margin: 0 0 0 18px;*/
    }

    .topbar .logo img{
        margin-top: 0;
        padding: 7px 0;
    }
}


@media (max-width: 992px) {
    #navbarNav > ul > li > a {
        flex-direction: unset!important;
    }

    .nav-link i {
        margin-right: 10px;
    }
    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: unset;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        flex: -moz-min-content;
        -webkit-align-self: unset;
        -ms-flex-item-align: unset;
        align-self: unset;
        line-height: normal;
        height: 70px;
    }
}

@media (min-width: 992px) {

    .nav-link.dropdown-toggle::after {
        display:none;
    }
  .navbar-expand-custom {
      -ms-flex-flow: row nowrap !important;
      flex-flow: row nowrap !important;
      -ms-flex-pack: start !important;
      /*justify-content: flex-start !important;*/
    }
    .navbar-expand-custom .navbar-nav {
      -ms-flex-direction: row !important;
      flex-direction: row !important;
    }
    .navbar-expand-custom .navbar-nav .dropdown-menu {
      position: absolute !important;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .navbar-expand-custom > .container,
    .navbar-expand-custom > .container-fluid {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
    }
    .navbar-expand-custom .navbar-collapse {
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
    }
    .navbar-expand-custom .navbar-toggler {
      display: none !important;
    }
  .navbar-expand-lg {
      -ms-flex-flow: row nowrap !important;
      flex-flow: row nowrap !important;
      -ms-flex-pack: start !important;
      justify-content: flex-start !important;
    }
    .navbar-expand-lg .navbar-nav {
      -ms-flex-direction: row !important;
      flex-direction: row !important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5rem !important;
      padding-left: 0.5rem !important;
    }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
    }
    .navbar-expand-lg .navbar-collapse {
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-preferred-size: auto !important;
      flex-basis: auto !important;
    }
    .navbar-expand-lg .navbar-toggler {
      display: none !important;
    }
}

img.dark-logo {
    max-width: 180px;
}

p.text-muted {
    display: inline!important;
    font-style: italic;
}


.profile-images-ch {
    width: 150px!important;
    height: 150px!important;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}