.wrapper-complete {position: relative;border-bottom: 1px solid #ddd;flex: 1;}
.content-wrapper, .main-footer {margin-left: 230px;  z-index: 1;}
.content-wrapper,.right-side,.main-footer,.main-sidebar,.left-side,.main-header .navbar,.main-header .logo,.menu-open .fa-angle-left {-webkit-transition: none;-o-transition: none;transition: none;}
.fixed .main-header, .fixed .left-side {position: fixed; }
.fixed .main-sidebar {position: fixed; overflow-y: auto;}
.fixed .main-header {top: 0;right: 0;left: 0;}
.fixed .content-wrapper, .fixed .right-side {padding-top: 71px;}
.fixed.layout-boxed .wrapper {max-width: 100%;}
.fixed .wrapper {overflow: hidden;}
.fixed .control-sidebar {position: fixed;height: 100%;overflow-y: auto;padding-bottom: 50px;}

.content {min-height: 250px;padding: 15px;margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.main-header {position: relative;max-height: 123px;  z-index: 10;}
.main-header .navbar {-webkit-transition: margin-left 0.3s ease-in-out;-o-transition: margin-left 0.3s ease-in-out;transition: margin-left 0.3s ease-in-out;margin-bottom: 0;margin-left: 230px;border: none;min-height: 50px;border-radius: 0;}
.content-header {position: relative;padding: 15px 15px 0 15px;}
.content-header > h1 {margin: 0;font-size: 24px;}
.content-header > h1 > small {font-size: 15px;display: inline-block;padding-left: 4px;font-weight: 300;}
.navbar-toggle {border: 0;margin: 0;padding: 15px 15px;}
.main-sidebar {z-index: 4; position: absolute;top: 0;left: 0;bottom:0;width: 230px;flex: 1;border-top: 1px solid #ddd;background: #f5f5f5;box-shadow: 7px 0 9px rgb(0 0 0 / 8%);}
.main-sidebar .container-fluid {padding:0;}
.main-sidebar .user-login {padding: 0px 16px;}.sidebar {padding-bottom: 10px;}
.sidebar-menu {list-style: none;margin: 0;padding: 0;}
.sidebar-menu > li {position: relative;margin: 0;padding: 5px 16px;}
.sidebar-collapse .sidebar-menu > li > a {padding: 2px 0 ;display: block;}
.sidebar-collapse .sidebar-menu > li > a:before{position:static;}
.sidebar-menu > li > a {padding: 12px 5px 12px 15px;display: block;}
.sidebar-menu > li > a > .fa,.sidebar-menu > li > a > .glyphicon,.sidebar-menu > li > a > .ion {width: 20px;}
.sidebar-menu > li .label,.sidebar-menu > li .badge {margin-right: 5px;}
.sidebar-menu > li .badge {margin-top: 3px;}
.sidebar-menu li.header {padding: 10px 25px 10px 15px;font-size: 11px;line-height: 14px;text-transform: uppercase;letter-spacing: 1.1px;color: #222222;font-weight: bold;margin-top: 28px;}
.sidebar-menu li.header.mini-header{padding: 10px 5px 10px 5px;font-size: 8px;}
.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {width: auto;height: auto;padding: 0;margin-right: 10px;}
.sidebar-menu li > a > .fa-angle-left {position: absolute;top: 50%;right: 10px;margin-top: -8px;}
.sidebar-menu .menu-open > a > .fa-angle-left,.sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
.sidebar-menu .active > .treeview-menu {display: block;}
.sidebar-collapse .sidebar-menu li:hover > a > span {width: 150px; z-index: 5; display: block !important;position: absolute;padding: 12px; top: -5px;left: 30px;color: #353535;background: #a3be40;border-radius: 12px;}
.sidebar-collapse .sidebar-menu li:hover > a > span:before {position: absolute;top: 50%;left: -5px;content: '';width: 0;height: 0;margin: -5px 0 0;border-right: solid 5px #a3be40;border-bottom: solid 5px transparent;border-top: solid 5px transparent;}
/*.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {z-index: 1000; display: block !important;position: absolute;width: 180px;left: 30px;color: #fff;background: #d70466;border-radius: 12px;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right):before,.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu:before {position: absolute;top: 50%;left: -5px;content: '';width: 0;height: 0;margin: -5px 0 0;border-right: solid 5px #d70466;border-bottom: solid 5px transparent;border-top: solid 5px transparent;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span {z-index: 1000; top: 0px;margin-left: -3px;padding: 12px 5px 12px 20px;background-color: inherit;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {position: relative !important;float: right;width: auto !important;left: 180px !important;top: -22px !important;z-index: 1;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {display: none;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {top: 44px;margin-left: 0;}
.sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .content-wrapper{margin-left:50px}
.sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0,0,0,0.125)}*/
.sidebar-menu:hover {overflow: visible;}
.sidebar-form,.sidebar-menu > li.header {overflow: hidden;text-overflow: clip;background: #fff;color:#353535;}
.sidebar-menu li > a {position: relative;}
.sidebar-menu li > a > .pull-right-container {position: absolute;right: 10px;top: 50%;margin-top: -7px;}
.push-menu { cursor: pointer; position: absolute; right: 0px; background: #fff; padding: 7px; color: #000; border-radius: 0 0 0 8px; font-size: 22px; border-color: transparent;}
.user-login {margin-top: 20px;}
.body-offset-canvas .main-sidebar {left:-500px;}
.body-offset-canvas .content-wrapper, .body-offset-canvas .main-footer {margin-left: 0;  z-index: 1;}
.sidebar-mini.sidebar-collapse.fixed .main-sidebar {overflow-y: unset;}

@media (min-width: 768px) and (max-width: 1799px) {
  .fixed .content-wrapper, .fixed .right-side {padding-top: 71px;}
  .sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer {margin-left: 0;}
  .sidebar-collapse .main-sidebar {-webkit-transform: translate(-230px, 0);-ms-transform: translate(-230px, 0);-o-transform: translate(-230px, 0);transform: translate(-230px, 0);}
  .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer {margin-left: 50px !important;z-index: 1;}
  .sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);width: 50px;z-index: 4;}
  .sidebar-mini.sidebar-collapse.sidebar-expanded-on-hover .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);width: 230px;z-index: 4;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {position: relative; padding-top: 0px;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li.header {padding-top: 10px;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {margin-right: 0;}
  .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-form, .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 ;-webkit-transform: translateZ(0);}
  .sidebar-mini.sidebar-collapse.sidebar-expanded-on-hover .sidebar-menu > li > a > span {display: inline-block;}
  .sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 50px;}
}

@media (min-width: 1800px)
{
  .sidebar-mini.sidebar-collapse .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);width: 50px;z-index: 4;}
  .sidebar-mini.sidebar-collapse.sidebar-expanded-on-hover .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);width: 230px;z-index: 4;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li {position: relative; padding-top: 0px;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li.header {padding-top: 10px;}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {margin-right: 0;}
  .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-form, .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 ;-webkit-transform: translateZ(0);}
  .sidebar-mini.sidebar-collapse.sidebar-expanded-on-hover .sidebar-menu > li > a > span {display: inline-block;}
  .sidebar-mini.sidebar-collapse .main-header .navbar {margin-left: 50px;}

  .sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer {margin-left: 0px !important;z-index: 1;}
  .content-wrapper, .main-footer {margin-left: 0px;  z-index: 1;}
}

@media (max-width: 1199px)
{
  .fixed .content-wrapper, .fixed .right-side {padding-top: 76px;}
}

@media (max-width: 991px) {
  .fixed .content-wrapper, .fixed .right-side {padding-top: 80px;}
  .navbar-custom-menu .navbar-nav > li {float: left;}
  .navbar-custom-menu .navbar-nav {margin: 0;float: left;}
  .navbar-custom-menu .navbar-nav > li > a {padding-top: 15px;padding-bottom: 15px;}
  .navbar-collapse.pull-left {float: none !important;}
  .navbar-collapse.pull-left + .navbar-custom-menu {display: block;position: absolute;top: 0;right: 40px;}
}

@media (max-width: 767px) {
  .user-login {margin-top: 20;}
  .content-wrapper,.main-footer { margin-left: 0;}
  .fixed .content-wrapper, .fixed .right-side {padding-top: 135px;}
  .main-header {position: relative;}
  .main-header .logo, .main-header .navbar {width: 100%;float: none;}
  .main-header .navbar {margin: 0;}
  .main-header .navbar-custom-menu {float: right;}
  .sidebar-open .content-wrapper,.sidebar-open .main-footer {-webkit-transform: translate(230px, 0);-ms-transform: translate(230px, 0); -o-transform: translate(230px, 0);transform: translate(230px, 0);}
  .main-sidebar {padding-top: 0px;}
  .main-sidebar {-webkit-transform: translate(-230px, 0);-ms-transform: translate(-230px, 0);-o-transform: translate(-230px, 0);transform: translate(-230px, 0);}
  .sidebar-open .main-sidebar {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
  #user_menu_mobile .btn-user-change, #user_menu_mobile .btn-user-exit  {border: 1px solid #DCDEE2; color: #222}
  #user_menu_mobile.show_canvas {padding-bottom: 30px;background: #f5f5f5;box-shadow: 7px 0 9px rgb(0 0 0 / 8%);overflow-y: auto; padding-top: 20px;position: fixed; left: 0; top: 0; bottom: 0; width: 90%;z-index: 10; border-radius: 0;margin-bottom: 0; }
  .navbar-nav {margin: 0;}
  .usernavbar {padding:0;}
  #user_menu_mobile .navbar-header {padding-left: 15px; font-weight: bold;}
  #user_menu_mobile li {padding-left: 15px; padding-right: 15px;}
  #user_menu_mobile li.header {overflow: hidden;text-overflow: clip;background: #fff;color: #d70466; padding-left: 15px; margin-top: 15px;}
  #user_menu_mobile li a i {margin-right: 12px;}
  .body-offset-canvas-mobile{right:-90%;left:90%;}
  .body-offset-canvas-mobile .overlay-canvas{left:90%;right:0;overflow:hidden;height:100%;cursor:pointer;display:block;position:fixed;z-index:4;top:0;bottom:0;background-color:#1f1f1f;opacity:.5;}
  .overlay-canvas.showed{opacity:.3;z-index:3;}
  .push-menu-mobile {top:0; cursor: pointer; position: absolute; right: 0px; background: #fff; padding: 7px; color: #000; border-radius: 0 0 0 8px; font-size: 22px;}
  .push-menu.mobile{position:relative;background-color: transparent;display: inline-block !important;}
  .sidebar-menu > li{padding: 5px 10px}
}