
 .sidebar .sidebar-toggle{color:#fff; background:#fff;}
 .sidebar .sidebar-toggle:hover{color:#f6f6f6;background-color:#5c34a4}
 
/*.main-sidebar{background-color:#567fa9;}*/

.sidebar-menu>li>a{color:#fff;text-decoration: none;/* background:#e2ece9;*/ border-radius:20px; margin:0; }
.sidebar-menu>li:hover>a{color:#fff; background:#3a471f;}
.sidebar-menu>li.active>a{color:#000; background:#ff7f00; border-radius:20px;}
.sidebar-menu .treeview-menu{margin:0 1px;}
.sidebar-menu .treeview-menu>li>a{color:#fff; border-radius:20px;}
.sidebar-menu .treeview-menu>li>a:hover{color:#e9e9e9; background:#3a471f;}
.sidebar-menu .treeview-menu>li.active>a{color:#e9e9e9; background: #3a471f;}
.fixed .main-header{top:0;right:0;left:0}
/*.fixed .content-wrapper{margin-top:55px}*/

.main-sidebar .sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:11px 15px;font-family:fontAwesome;position:relative;transition:all 0.3s ease;max-height:50px; color:#fff; text-decoration:none;}
.main-sidebar .sidebar-toggle:before{content:"\f0c9";font-size:21px}

.main-sidebar .sidebar-toggle.Mobile{display:block; z-index:999; position:absolute; left:0; top:50px;}
.sidebar-toggle.Desktop{display:block;}

.tile-toggle{float:left; background-color:#e68e34;background-image:none; padding: 10px 14.5px; font-family:fontAwesome;position:relative;transition:all 0.3s ease;max-height:50px; color:#fff; text-decoration:none;}
.tile-toggle:before{content:"\f00a";font-size:15px}

.sidebar-toggle {float: left; /* background-color: #04aa52; */ background-image: none; padding:5px 15px; font-family: fontAwesome; position: relative; transition: all 0.3s ease; max-height:50px; color:#3a471f; text-decoration: none; margin-top: 7px;}
.sidebar-toggle:before{content:"\f0c9";font-size:18px}

.sidebar-toggle:hover{color:#333; text-decoration:none;}
.sidebar-toggle:focus, .sidebar-toggle:active {color:#3a471f;}

/*.fixed-top{position:relative; margin:0;  z-index: 1030;}*/
.fixed-top {position: fixed;margin: 0;z-index: 1030;left: 280px;background: #e7e7e7;transition: all 0.3s ease-in-out;}
.sidebar-collapse .fixed-top{left:64px;}
.main-sidebar{position:fixed; top:0; left:0; min-height:100vh; width:280px; z-index:810; /*box-shadow:0px 8px 17px rgba(0,0,0,0.2);*/ transition:transform 0.3s ease-in-out, width 0.3s ease-in-out; background:#282828;}

.sidebar{padding-bottom:10px;}

.sidebar-menu{list-style:none; margin:0; padding:0 10px; white-space:nowrap; overflow:hidden}
.sidebar-menu:hover{overflow:visible;}
.sidebar-menu>li{position:relative;margin:0 0 5px;padding:0;}
.sidebar-menu>li>a{padding: 8px 5px 8px 10px; display:block;position:relative;border-left:3px solid transparent}
.sidebar-menu>li>a>.fa{width:20px; text-align:center;}
.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-top:3px;margin-right:5px}
.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px;white-space:nowrap;overflow:hidden}
.sidebar-menu li>a>.fa-angle-down{width:auto;height:auto;position:absolute;right:0;padding:0;float:none;margin-right:10px;margin-top:3px;transition:all 0.3s ease}
.sidebar-menu li.active>a>.fa-angle-down{-ms-transform:rotate(180deg);transform:rotate(180deg);-ms-transform-origin:center;transform-origin:center}
.sidebar-menu .treeview-menu{display:none;list-style:none;margin:0 0 3px;padding-left:5px;padding-top:3px;padding-bottom:3px; background:#282828;}

/*.sidebar-menu li:hover>a{background:#3a471f;  border-radius:20px;}*/
.sidebar-menu li.active>.treeview-menu{display:block;}
.sidebar-menu .treeview-menu .treeview-menu{padding-left:0}
.sidebar-menu .treeview-menu>li{margin:0 0 3px;}
.sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 20px;display:block;position:relative;text-decoration: none;}
.sidebar-menu .treeview-menu>li>a>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.fa-angle-down{width:auto}
.sidebar-menu .treeview-menu>li>a>i:first-of-type{margin-right:5px}
.sub-list{margin-left: 22px !important;}


.sidebar-collapse .fa-angle-down{display:none;}
.sidebar-menu .bi-record-fill{    font-size:9px; margin:5px 0 0 0; float:left;}

.content-wrapper{height:100%; z-index:800; margin-left:280px; z-index:820;padding:0; transition:all 0.3s ease-in-out;}
.main-contener{margin:65px 0 0;}


.leftNav_Logo{left:auto; top:0; background-color:#3a6b9c !important; padding:3.5px 9px !important; position: absolute !important;border-radius: 0 10px 10px 0;}

.sidebar-mini .main-logo{display:block; background:#e2ece9; margin:0 0 5px 10px; border-radius:10px 0 0 10px;}
.sidebar-collapse .main-logo{display:none;}
.sidebar-mini .main-logosml{display:none;}
.sidebar-collapse .main-logosml{display:block; padding:0 3px; background:#e2ece9; margin:0 0 5px 10px; border-radius:10px 0 0 10px;}
.MobileIcon{color: #fff;}

.top-head{margin-top: 5px;}
.admin-dropdown{margin: 10px !important;}

@media (min-width: 768px){
.sidebar-collapse .main-sidebar{-ms-transform:translate(-230px, 0);transform:translate(-230px, 0)}

.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840}
.sidebar-mini.sidebar-collapse .main-sidebar{-ms-transform:translate(0, 0);transform:translate(0, 0);width:64px !important;z-index:850}
.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0;position:relative;transition:none}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.fa-angle-right{display:none}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px;}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block !important;position:absolute;width:200px;left:30px}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:10px 5px 10px 10px;background-color:inherit}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:40px;margin-left:0}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info{display:none !important;transform:translateZ(0)}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right{display:none !important;transform:translateZ(0)}
.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;transform:translateZ(0)}

.sidebar-collapse .fa{font-size:18px;}
.DesktopHeader{display:none;}
}

@media (max-width: 768px){
.sidebar-collapse .content-wrapper{margin-left:0}
.Inner_Container{margin: 10px 0 10px !important;}
.main-sidebar {top: 0;}
.content-wrapper{padding:15px 5px;}
.DesktopHeader{display:block;}
}


@media (max-width: 767px){
.fixed .content-wrapper{margin-top:0}
.content-wrapper{margin-left:0}
.sidebar-open .content-wrapper{-ms-transform:translate(230px, 0);transform:translate(230px, 0)}
.navbar{width:100%;float:none;margin:0}
.main-sidebar{padding-top:0px;-ms-transform:translate(-230px, 0);transform:translate(-230px, 0)}
.sidebar-open .main-sidebar{-ms-transform:translate(0, 0);transform:translate(0, 0)}

.sidebar-toggle.Mobile{display:none; z-index:999; position:absolute;}
.sidebar-toggle.Desktop{display:block; z-index:99999; position:absolute;}
.tile-toggle.Mobile{display:block; z-index:999; position:absolute; left:0;}
.MobileIcon{display:none !important;}
.leftNav_Logo{display:none !important;}
.navbar-brand{margin: 0 0 0 30px;}

/*.main-sidebar .leftMobile{display:none; z-index:999; position:absolute;} */
.sidebar .user-panel {margin-top:20px;}
}

@media (max-width: 480px){

}


