/********88

custom.css merge here

 *********/
 #mCSB_1_container_userInfo a{
     color: #b9faff !important;
 }
 .sidebar-wrapper,
 .sidebar-wrapper .sidebar-dropdown > a:after,
 .sidebar-wrapper ul li a i,
 .page-wrapper .page-content {
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 
 /*----------------page-wrapper----------------*/
 .page-wrapper{
     height: 100vh;
 }
 
 /*----------------toggeled sidebar----------------*/
 .page-wrapper.toggled .sidebar-wrapper{
     left:0px;
 }
 @media screen and (min-width: 768px) {
     .page-wrapper.toggled .page-content{
         padding-left: 300px;
     }
 }
 
 .page-wrapper.toggled #toggle-sidebar{
     position: absolute;
     color: #cacaca;
 }
 
 /*----------------sidebar-wrapper----------------*/
 .sidebar-wrapper{
     max-width: 300px;
     background: #1c232f;
     height: 100%;
     max-height: 100%;
     /*position: fixed;
     top: 0;
     /*left: -300px;*/
     z-index: 1111;
 }
 
 
 
 .sidebar-wrapper ul li:hover a i,
 .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
 .sidebar-wrapper .sidebar-search input.search-menu:focus + span{
     color: #0086fd;
 }
 
 .sidebar-wrapper ul{
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 .sidebar-wrapper a{
     text-decoration: none;
 } 
 /*----------------sidebar-content----------------*/
 .sidebar-content{
     max-height: calc(100% - 30px);
     height: calc(100% - 30px);
     overflow-y: scroll;
     position: relative;
     
 }
 .sidebar-content.desktop{
     overflow-y: hidden;
 }
 /*--------------------sidebar-brand----------------------*/
 .sidebar-wrapper .sidebar-brand {
         padding: 6px 20px;
         text-align: center;
         border-bottom: 1px solid #10151d;
 }
 
 .sidebar-wrapper .sidebar-brand > a{
     color: #fff;
     font-weight: bold;
 }
     /*text-transform: uppercase;*/
 /*--------------------sidebar-header----------------------*/
 .sidebar-wrapper .sidebar-header{
     padding: 6px 20px 0px 20px;
     overflow: hidden;
     border-top: 1px solid #202a3c;
     border-bottom: 1px solid #10151d;
 }
 .sidebar-wrapper .sidebar-header .user-pic{
         float: left;
         width: 40%;
         padding: 2px;
         border: 1px solid #585858;
         border-radius: 8px;
         margin-right:15px;
 }
 .sidebar-wrapper .sidebar-header .user-info{
         float: right;
         margin-top: 1em;
         color: #ccc;
 }
 .sidebar-wrapper .sidebar-header .user-info span{
         display: block;
 }
 .sidebar-wrapper .sidebar-header .user-info .user-role{
         font-size: 12px;
         color: #929292;
 }
 .sidebar-wrapper .sidebar-header .user-info .user-status{
         display: inline-block;
 }
 
 /*-----------------------sidebar-search------------------------*/
 
 .sidebar-wrapper .sidebar-search{
     border-top: 1px solid #222b35;
     border-bottom: 1px solid #10151d;
     
 }
 .sidebar-wrapper .sidebar-search > div{
           padding: 0 20px;
 }
  .sidebar-wrapper .sidebar-search input.search-menu,
  .sidebar-wrapper .sidebar-search .input-group-addon{
     background: #0c1119;  
     box-shadow: none;
     color: #9c9c9c;   
     border-color: #3c485d;
     transition: color .5s
 }
 /*----------------------sidebar-menu-------------------------*/
 .sidebar-wrapper .sidebar-menu{
     border-top: 1px solid #222b35;   
     padding-bottom: 10px;
 }
 
 .sidebar-wrapper .sidebar-menu .header-menu span{
     font-size: 14px;
     text-transform: uppercase;
     font-weight: bold;
     color: #b9b9b9;
     padding: 10px 20px;
     display: inline-block;
 }
 
 .sidebar-wrapper .sidebar-menu ul li a{
     display: inline-block;
     width: 100%;
     color: #9c9c9c;
     text-decoration: none;
     transition:color .3s;
     position: relative;
     padding: 5px 30px 5px 20px;
 }
 
 .sidebar-wrapper .sidebar-menu ul li:hover > a{
     color: #ccc;
 }
 
 .sidebar-wrapper .sidebar-menu  ul li a i{
     margin-right: 10px;
     font-size: 14px;
     background: #0c1119;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 4px;
 }
 
 
 
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown div {
     background: #0c1119;
     border-bottom: 1px solid #222b35;
 }
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
         content: "\f105";
         font-family: FontAwesome;
         font-weight: 400;
         font-style: normal;
         display: inline-block;
         text-align: center;
         text-decoration: none;
         background: 0 0;
         speak: none;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         position: absolute;
         right: 15px;
         top: 10px;
 
 }
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
         padding: 5px 0;
 }
 
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
         padding-left: 25px;
         font-size: 13px;
 }
 
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
         content: "\f10c";
         font-family: FontAwesome;
         font-weight: 400;
         font-style: normal;
         display: inline-block;
         text-align: center;
         text-decoration: none;
         speak: none;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
         margin-right:10px;
         font-size: 10px;
 
 
 }
 
 .sidebar-wrapper .sidebar-menu ul li a span.label,
 .sidebar-wrapper .sidebar-menu ul li a span.badge{
     float: right;
     margin-top: 7px;
     margin-left:5px;
 }
 
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{
     float: right;    
      margin-top: 0px;
 }
 
 .sidebar-wrapper .sidebar-menu .badge{
     background: #384558;
 }
 .sidebar-wrapper .sidebar-menu .sidebar-submenu, .hidea{
     display: none;
 }
 .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after{
     transform:rotate(90deg);
     right: 17px;
 }
 /*--------------------------side-footer------------------------------*/
 
 .sidebar-footer{
     position: absolute;
     width: 100%;
     bottom: 0;
     display: flex;
     background: #1c232f;  
     box-shadow: 0px -1px 5px #0c1119;
     border-top: 1px solid #222b35;
 }
 .sidebar-footer > a {
     flex-grow: 1;
     text-align: center;
     border-left: 1px solid #222b35;
     border-right: 1px solid #10151d;
     height: 30px;
     line-height: 30px;
     color:#9c9c9c;
     position: relative;
 }
 .sidebar-footer > a:first-child {
     border-left: none;
 }
 .sidebar-footer > a:last-child {
     border-right: none;
 }
 .sidebar-footer > a:hover{
     color: #ccc;
 }
 .sidebar-footer > a .notification {
     position: absolute;
     top: -6px;;
     margin-left: 11px;
     color:#00b0b5;
 }
 
 /*--------------------------page-content-----------------------------*/
 .page-wrapper .page-content{
     display: inline-block;
     width: 100%;
     padding-left: 0px;
 }
 .page-wrapper .page-content > div {
     padding: 3px 10px;
 }
 .page-wrapper .page-content {
     overflow-x: hidden;
 }
 /*---------------------toggle-sidebar button-------------------------*/
 #toggle-sidebar{
     position: fixed;
     top: 3px;
     left: 23px;
     color: #D5D6E2;
     font-size: 2.6em;
 }
 
 #toggle-sidebar .fa-github{
     background: -webkit-linear-gradient(330deg, #5e00f1 0%, #ff0000 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }
 /*----------------  Scroll bar style   --------------- */
 
 .mCSB_scrollTools{
     width: 6px;
 }
 .mCSB_inside>.mCSB_container{
     margin-right: 0px; 
 }
 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
 {
     background: #657692;
 }

 .dropdownUl li{
     padding-left: 23px;
 }
.badge{
    border-radius: 3px;
}

.col-md-12{
padding: 0;
}
.sidebar-footer-fa{
    font-size: 1.3em;
}
.card-body{
    margin-bottom: 3px;
    padding: 1em
}
p{
    margin: 0;
}