/* skin 5 *************************************************************************************************************************************************************/
/* skin 5 *************************************************************************************************************************************************************/
/* skin 5 *************************************************************************************************************************************************************/
/* skin 5 *************************************************************************************************************************************************************/
/**** .  2f383c *****/
body.skin-7 {
	color:  #bac2c8 !important;
	background-color: #191c20;
}

body.skin-7 .main-container:before {
	background-color: #191c20;
}




body.skin-7  ::placeholder {
  font-weight: normal!important;
  font-style: normal!important;
}


body.skin-7 .select2-results,body.skin-7  .select2-search--dropdown, body.skin-7 .select2-container  {
    background: #23282f!important;
	color: #bac2c8!important;
}


body.skin-7 .select2-container--default .select2-selection--single {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7 .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #bac2c8!important;
}

body.skin-7 .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7 .chosen-container > .chosen-single, body.skin-7  [class*="chosen-container"] > .chosen-single {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7 .input-group-addon {
    background: #23282f!important;
	color: #bac2c8!important;
  border: 1px solid hsl(215deg 98% 61% / 15%) ;
}

body.skin-7 .ace-settings-box {
	background: #23282f!important;
	color: #bac2c8!important;
}


body.skin-7 .form-group select, body.skin-7  .form-group textarea, body.skin-7  .form-group input[type="text"], body.skin-7  .form-group input[type="password"], body.skin-7  .form-group input[type="datetime"], body.skin-7  .form-group input[type="datetime-local"], body.skin-7  .form-group input[type="date"], body.skin-7  .form-group input[type="month"], body.skin-7  .form-group input[type="time"], body.skin-7  .form-group input[type="week"], body.skin-7  .form-group input[type="number"], body.skin-7  .form-group input[type="email"], body.skin-7  .form-group input[type="url"], body.skin-7  .form-group input[type="search"], body.skin-7  .form-group input[type="tel"], body.skin-7  .form-group input[type="color"] {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7  textarea, body.skin-7  input[type="text"], body.skin-7  input[type="password"], body.skin-7  input[type="datetime"], body.skin-7  input[type="datetime-local"], body.skin-7  input[type="date"], body.skin-7  input[type="month"], body.skin-7  input[type="time"], body.skin-7  input[type="week"], body.skin-7  input[type="number"], body.skin-7  input[type="email"], body.skin-7  input[type="url"], body.skin-7  input[type="search"], body.skin-7  input[type="tel"], body.skin-7  input[type="color"] {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7 .wysiwyg-style1 .btn-group > .btn,body.skin-7  .wysiwyg-style2 .btn-group > .btn,body.skin-7  .wysiwyg-style1 .btn-group > .inline > .btn,body.skin-7  .wysiwyg-style2 .btn-group > .inline > .btn {
    background: #23282f !important;
    color: #e3e4e8 !important;
}

body.skin-7 .tab-content.profile-edit-tab-content {
    background: #23282f!important;
}

body.skin-7 .nav-tabs > li.active > a,body.skin-7  .nav-tabs > li.active > a:hover,body.skin-7  .nav-tabs > li.active > a:focus {
    background-color: #23282f!important;
	color: #e3e4e8 !important;
}

body.skin-7 .nav-tabs > li > a,body.skin-7  .nav-tabs > li > a:focus {
    background-color: #757575 !important;
    color: #999;
}

body.skin-7 .fa-print,body.skin-7 .fa-search-plus,body.skin-7 .fa-edit {
	color: #e3e4e8 !important;
}
/*
body.skin-7 .btn-success,body.skin-7  .btn-success:focus,body.skin-7  .btn-success.focus {
	background-color: #23282f!important;
}

body.skin-7 .btn-warning,body.skin-7  .btn-warning:focus,body.skin-7  .btn-warning.focus {
	background-color: #23282f!important;
}

body.skin-7 .btn-primary,body.skin-7  .btn-primary:focus,body.skin-7  .btn-primary.focus {
	background-color: #23282f!important;
}
*/

body.skin-7 .widget-body, body.skin-7 .widget-header {
    background: #23282f !important;
    color: #e3e4e8 !important;
}

body.skin-7 .flot-text {
    color: #bac2c8 !important;
}

body.skin-7 .flot-background {
    background: #23282f!important;
}

body.skin-7 .form-actions {
	background: #23282f !important;
    color: #e3e4e8 !important;
}



body.skin-7 .well {
    background-color: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7 input[readonly] {
    background: #23282f!important;
	color: #bac2c8!important;
}

body.skin-7  .pagination > li > a, body.skin-7  .pager > li > a {
    border-color: #e0e0e0!important;
    color: #ffd15c!important;
	background-color: #23282f!important;
}

body.skin-7  .pagination > li > a:hover{
  color:#ffffff!important;
}

.skin-7 {
  background-color: #23282f;
}
.skin-7 .navbar {
  background: #23282f;
}
.skin-7 .sidebar {
  background-color: #191c20;
  border-right-width: 0;
}

.skin-7 .sidebar .btn{
  background-color: #191c20 !important;
  /*border-color: rgba(177,188,192,.47) !important;*/
  color: #d4e7ff !important;
  border-width: 1px !important;
}

.skin-7 .btn:hover{
  border-color: #ffffff!important;
}

.skin-7 .ace-nav > li {

  border-left: 1px solid #3394e9;

}

.skin-7 .ace-nav > li > a {
  background-color: #23282f !important;
  border-color: rgba(177,188,192,.47) !important;
  border-width: 2px !important;
}

.skin-7 .ace-nav > li > a:hover {
  background-color: #191c20 !important;
  border-color: rgba(177,188,192,.47) !important;
  border-width: 2px !important;
  color: #ffffff!important;
}

.skin-7 .page-content {
    background-color: #191c20 !important;
}

.skin-7 .nav-list > li {
  border-color: hsl(215deg 98% 61% / 40%);
}
.skin-7 .nav-list > li > a {
  background-color: #23282f;
  color: #bac2c8;
}
.skin-7 .nav-list > li:hover > a {
  background-color: #21262d;
  color: #E1EAF1!important;
}
.skin-7 .nav-list > li.open > a,
.skin-7 .nav-list > li.open:hover > a {
  color: #ffffff!important;
  background-color: #191c20;
}
.skin-7 .nav-list > li.active > a,
.skin-7 .nav-list > li.active:hover > a {
  background-color: #23282f ;
  color: #ffd15c !important;
  font-weight: normal!important;
  font-style: normal!important;
}

.skin-7 .well a {
  color: #ffd15c !important;
  font-weight: normal!important;
  font-style: normal!important;
}

.skin-7 .nav-list > li:hover:before {
  background-color: #1d1d1d;
  color: #ffffff;
}
.skin-7 .nav-list > li.active:before {
  display: block;
  background-color: #ffd15c;
}
.skin-7 .nav-list li.active > a:after {
  border-right-color: #FFF;
  border-width: 11px 7px;
  top: 8px;
  right: 0;
}
.skin-7 .nav-list > li.active > .submenu li.active > a:after {
  top: 5px;
}
.skin-7 .nav-list > li .submenu {
  background-color: #2a2a2a;
}
.skin-7 .nav-list > li.active .submenu {
  background-color: #23282f;
}
.skin-7 .nav-list > li .submenu > li > a {
  border-top-style: solid;
  border-top-color: #4b4b4b;
  background-color: #2a2a2a;
}
.skin-7 .nav-list > li .submenu > li > a:hover {
  background-color: #777777;
}
.skin-7 .nav-list > li.active .submenu > li > a {
  border-top-color: #272727;
  background-color: #282828;
}
.skin-7 .nav-list > li.active .submenu > li > a:hover {
  background-color: #1d1d1d;
}
.skin-7 .nav-list > li > .submenu {
  border-top-color: #5c5c5c;
}
.skin-7 .nav-list > li.active > .submenu {
  border-top-color: #444444;
}
.skin-7 .nav-list > li > .submenu > li > a {
  color: #e4e4e4;
}
.skin-7 .nav-list > li > .submenu > li:hover > a {
  color: #8AB4DE;
}
.skin-7 .nav-list > li > .submenu > li.active > a {
  color: #7BB7E5;
  background-color: #161b1d;
}
.skin-7 .nav-list > li > .submenu:before,
.skin-7 .nav-list > li > .submenu > li:before {
  border-color: #646C70;
}
.skin-7 .nav-list > li.active > .submenu:before,
.skin-7 .nav-list > li.active > .submenu > li:before {
  border-color: #545454;
}
.skin-7 .nav-list > li .submenu li > .submenu li > a {
  color: #e4e4e4;
}
.skin-7 .nav-list > li .submenu li > .submenu li:hover > a {
  color: #e4e4e4;
}
.skin-7 .nav-list > li .submenu li.open > a,
.skin-7 .nav-list > li .submenu li > .submenu > li.open > a {
  color: #ededed;
}
.skin-7 .nav-list > li .submenu li > .submenu li.active > a {
  color: #dddddd;
}
.skin-7 .nav-list > li .submenu li > .submenu li.active:hover > a {
  color: #ededed;
}
.skin-7 .sidebar .nav-list > li.active.highlight,
.skin-7 .sidebar .nav-list > li.active.highlight + li {
  border-color: #828282;
}
.skin-7 .sidebar .nav-list > li.active.highlight + li:last-child {
  border-bottom-color: #545454;
}
.skin-7 .sidebar .nav-list > li.active.highlight > a:after {
  border-right-color: transparent;
  border-left-color: #21262d;
  border-width: 20px 0 20px 10px;
  z-index: 1;
  top: 0;
  right: -9px;
}
.skin-7 .sidebar .nav-list > li.active.highlight > a:before {
  border-left-color: #828282;
  border-style: solid;
  border-color: transparent;
  border-width: 20px 0 20px 10px;
  content: "";
  position: absolute;
  right: -11px;
  top: 0;
  z-index: 1;
}
.skin-7 .sidebar-shortcuts,
.skin-7 .sidebar-shortcuts-mini {
  background-color: #23282f;
  border-color: #545454;
}
.skin-7 .sidebar > .nav-search {
  background-color: #191c20;
  border-color: #545454;
}
.skin-7 .sidebar-toggle {
  background-color: #23282f;
  border-color: hsl(215deg 98% 61% / 40%);;
}
.skin-7 .sidebar-toggle > .ace-icon {
  background-color: #191c20;
  color: #AAA;
  border-color: #AAA;
}
.skin-7 .breadcrumbs {
  border-width: 0;
  background-color: #1459a8;
}

.skin-7 .breadcrumbs li{
	color: #bac2c8 !important;
}

@media (min-width: 992px) {
  .skin-7 .breadcrumbs.breadcrumbs-fixed {
    border-bottom-width: 1px;
  }
}
@media only screen and (max-width: 991px) {
  .skin-7 .sidebar.responsive {
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .skin-7 .sidebar.responsive .nav-list li.active > a:after {
    display: none;
  }
  .skin-7 .sidebar.responsive .nav-list > li.active.highlight > a:after {
    display: block;
  }
}
.skin-7 .sidebar.menu-min .nav-list > li.open > a {
  background-color: #191c20;
  color: #bac2c8;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > a:after {
  border-width: 9px 6px;
  top: 10px;
}
.skin-7 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
  border-width: 20px 0 20px 10px;
  top: 0;
}
.skin-7 .sidebar.menu-min .nav-list > li.active:hover > a:after {
  border-right-color: #2a2a2a;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > a,
.skin-7 .sidebar.menu-min .nav-list > li.active > a:hover {
  background-color: #21262d;
  color: #7BB7E5;
}
.skin-7 .sidebar.menu-min .nav-list > li:hover > a {
  color: #E1EAF1;
}
.skin-7 .sidebar.menu-min .nav-list > li > a > .menu-text {
  background-color: #575757;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  background-color: #2a2a2a;
  border: 0px solid #3B4547;
  border-width: 1px 1px 0;
  border-left-color: #767676;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
  border-width: 1px;
  border-top-color: #636363;
  border-bottom-color: #636363;
  border-right-color: #636363;
}
.skin-7 .sidebar.menu-min .nav-list > li.active:hover > a,
.skin-7 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  color: #7BB7E5;
}
.skin-7 .sidebar.menu-min .nav-list > li.open.active > a {
  background-color: #21262d;
}
.skin-7 .sidebar.menu-min .nav-list > li > a > .menu-text,
.skin-7 .sidebar.menu-min .nav-list > li > .submenu {
  border-width: 0;
  border-left: 1px solid #181D1F;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.skin-7 .sidebar.menu-min .nav-list > li > .submenu {
  border-top: 1px solid #545454;
}
.skin-7 .sidebar.menu-min .nav-list > li > .submenu:after {
  display: none;
}
.skin-7 .sidebar.menu-min .nav-list > li > .submenu {
  background-color: #2a2a2a;
  border-top-color: #5A606A;
  border-top-width: 1px !important;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > .submenu {
  background-color: #23282f;
  border-top-color: #3B4547;
  border-left-color: #767676;
}
.skin-7 .sidebar.menu-min .nav-list > li > .arrow:after {
  border-right-color: #575757;
}
.skin-7 .sidebar.menu-min .nav-list > li > .arrow:before {
  border-right-color: #111415;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > .arrow:after {
  border-right-color: #2a2a2a;
}
.skin-7 .sidebar.menu-min .nav-list > li.active > .arrow:before {
  border-right-color: #dddddd;
}
.skin-7 .sidebar.menu-min .sidebar-shortcuts-large {
  background-color: #191c20;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #636363;
  border-width: 0 1px 1px 0;
  top: 0;
}
@media (max-width: 991px) {
  .skin-7 .sidebar.responsive-min .nav-list > li.open > a {
    background-color: #191c20;
    color: #bac2c8;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a:after {
    border-width: 9px 6px;
    top: 10px;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
    border-width: 20px 0 20px 10px;
    top: 0;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active:hover > a:after {
    border-right-color: #2a2a2a;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a,
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a:hover {
    background-color: #21262d;
    color: #7BB7E5;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li:hover > a {
    color: #E1EAF1;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > a > .menu-text {
    background-color: #575757;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
    background-color: #2a2a2a;
    border: 0px solid #3B4547;
    border-width: 1px 1px 0;
    border-left-color: #767676;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
    border-width: 1px;
    border-top-color: #636363;
    border-bottom-color: #636363;
    border-right-color: #636363;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active:hover > a,
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
    color: #7BB7E5;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.open.active > a {
    background-color: #21262d;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > a > .menu-text,
  .skin-7 .sidebar.responsive-min .nav-list > li > .submenu {
    border-width: 0;
    border-left: 1px solid #181D1F;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > .submenu {
    border-top: 1px solid #545454;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > .submenu:after {
    display: none;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > .submenu {
    background-color: #2a2a2a;
    border-top-color: #5A606A;
    border-top-width: 1px !important;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > .submenu {
    background-color: #23282f;
    border-top-color: #3B4547;
    border-left-color: #767676;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > .arrow:after {
    border-right-color: #575757;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li > .arrow:before {
    border-right-color: #111415;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
    border-right-color: #2a2a2a;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
    border-right-color: #dddddd;
  }
  .skin-7 .sidebar.responsive-min .sidebar-shortcuts-large {
    background-color: #191c20;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #636363;
    border-width: 0 1px 1px 0;
    top: 0;
  }
  .skin-7 .sidebar.responsive-min .nav-list > li.active > a:after {
    display: block;
  }
  .skin-7 .sidebar.responsive-max .nav-list li.active > a:after {
    display: none;
  }
  .skin-7 .sidebar.responsive-max .nav-list > li.highlight.active > a:after {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .skin-7 .nav-list li.hover > .submenu {
    padding-left: 0;
    padding-bottom: 2px;
    padding-right: 0;
    border-color: #232828;
  }
  .skin-7 .nav-list li.hover > .submenu > li > a {
    border-top-width: 1px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .skin-7 .nav-list li.hover > .submenu > li:first-child > a {
    border-top-width: 0;
  }
  .skin-7 .nav-list > li > .submenu li.hover > .submenu {
    padding: 3px 2px;
  }
  .skin-7 .nav-list > li.active > .submenu li.hover > .submenu {
    border-left-color: #475561;
  }
  .skin-7 .nav-list li.hover.active > .submenu,
  .skin-7 .nav-list li.active > .submenu li.hover.active > .submenu {
    border-left-color: #767676;
  }
  .skin-7 .nav-list > li.active > .submenu li.hover > .submenu {
    background-color: #171E1F;
  }
}
@media only screen and (min-width: 992px) {
  .skin-7 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
    color: #bac2c8;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
    color: #E1EAF1;
    background-color: #575757;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list > li.active.hover:hover > a {
    color: #7BB7E5;
    background-color: #21262d;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
    color: #e4e4e4;
  }
}
@media only screen and (min-width: 992px) and (max-width: 991px) {
  
  .skin-7 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
    padding-bottom: 0;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
    border-top-color: #5c5c5c;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu {
    border-top-color: 444444;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu,
  .skin-7 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu,
  .skin-7 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .submenu {
    border-left-width: 0;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
    padding: 0;
  }
  .skin-7 .sidebar.navbar-collapse .nav-list li li.hover > .submenu > li:first-child > a {
    border-top-width: 1px;
  }
}
.skin-7 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a {
  background-color: #777777;
}
.skin-7 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a {
  background-color: #1d1d1d;
}
@media only screen and (min-width: 992px) {
  .skin-7 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a {
    background-color: #777777;
  }
  .skin-7 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a {
    background-color: #1d1d1d;
  }
}
.skin-7 .nav-list li > .arrow:after {
  border-right-color: #353C3D;
}
.skin-7 .nav-list li > .arrow:before {
  border-right-color: #1d2122;
}
.skin-7 .nav-list > li.active > .arrow:after {
  border-right-color: #171E1F;
}
.skin-7 .nav-list > li.active > .arrow:before {
  border-right-color: #767676;
}
.skin-7 .nav-list > li.active > .submenu li.hover > .arrow:before {
  border-right-color: #4f6e86;
}
.skin-7 .nav-list > li.active > .submenu li.hover.active > .arrow:before {
  border-right-color: #767676;
}
.skin-7 .nav-list > li.active > .submenu li.hover > .arrow:after {
  border-right-color: #171E1F;
}
.skin-7 .nav-list li.pull_up > .arrow:after {
  border-right-color: #353C3D !important;
}
.skin-7 .nav-list li.pull_up > .arrow:before {
  border-right-color: #1d2122 !important;
}
.skin-7 .nav-list li.pull_up.active > .arrow:after {
  border-right-color: #171E1F !important;
}
.skin-7 .nav-list li.pull_up.active > .arrow:before {
  border-right-color: #767676 !important;
}
.skin-7 .main-container .menu-toggler {
  background-color: #444;
}
.skin-7 .main-container .menu-toggler:before {
  border-top-color: #87B87F;
  border-bottom-color: #6FB3E0;
}
.skin-7 .main-container .menu-toggler:after {
  border-top-color: #FFA24D;
  border-bottom-color: #D15B47;
}
.skin-7 .main-container .menu-toggler > .toggler-text {
  border-top-color: #444;
}
.skin-7.display {
  background-color: #444;
}
.skin-7.display:before {
  border-top-color: #b5d3b0;
  border-bottom-color: #aed4ee;
}
.skin-7.display:after {
  border-top-color: #ffca9a;
  border-bottom-color: #e09284;
}
.skin-7.display > .toggler-text {
  border-top-color: #5d82a2;
}
.skin-7 .navbar .navbar-toggle {
  background-color: #1d1d1d;
}
.skin-7 .navbar .navbar-toggle:focus {
  background-color: #1d1d1d;
  border-color: transparent;
}
.skin-7 .navbar .navbar-toggle:hover {
  background-color: #1d1d1d;
  border-color: rgba(255, 255, 255, 0.1);
}
.skin-7 .navbar .navbar-toggle.display,
.skin-7 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
  background-color: #1d1d1d;
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
}
@media only screen and (min-width: 768px) {
  .skin-7 .container.main-container:before {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
  }
}
@media only screen and (min-width: 992px) {
  .skin-7 .sidebar.h-sidebar:before {
    background-color: #5a5a5b;
    border-bottom-color: #636363;
  }
  .skin-7 .sidebar.h-sidebar .nav-list {
    border-bottom-width: 0;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.active:before {
    display: block;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
    border-color: transparent transparent #FFF;
    border-width: 8px;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    margin-left: -8px;
    content: "";
    display: block;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after,
  .skin-7 .sidebar.h-sidebar .nav-list > li.hover.active.hover-show > a:after {
    display: none;
  }
  .skin-7 .sidebar.h-sidebar + .main-content .breadcrumbs {
    border-color: #E8E8E8;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li {
    border-color: #545454;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li:hover,
  .skin-7 .sidebar.h-sidebar .nav-list > li:hover + li {
    border-left-color: #7a7a7a;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li:last-child:hover {
    border-right-color: #7a7a7a;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.active,
  .skin-7 .sidebar.h-sidebar .nav-list > li.active + li,
  .skin-7 .sidebar.h-sidebar .nav-list > li:hover + li.active {
    border-left-color: #898989;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.active:last-child {
    border-right-color: #898989;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
    border-top-color: #232828;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.hover.active > .submenu {
    border-top-color: #767676;
    border-left-color: #232828;
  }
  .skin-7 .sidebar.h-sidebar .sidebar-shortcuts-large {
    background-color: #191c20;
    border: 1px solid #232828;
    border-top-color: #767676;
    top: 100%;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li > .arrow:after {
    border-right-color: transparent;
    border-bottom-color: #353C3D;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li > .arrow:before {
    border-right-color: transparent;
    border-bottom-color: #191c1c;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.active > .arrow:before,
  .skin-7 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
    border-right-color: transparent;
    border-bottom-color: #dddddd;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.active > .arrow:after,
  .skin-7 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
    border-right-color: transparent;
    border-bottom-color: #171E1F;
  }
  .skin-7 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
    border-bottom-color: #191c20;
  }
  .skin-7 .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
    display: none;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
    border-width: 1px 0 0;
    border-top-color: #181D1F;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
    border-top-color: #767676;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li.active > .submenu {
    border-top-color: #3B4547;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:after {
    border-bottom-color: #575757;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:before {
    border-bottom-color: #111415;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:after {
    border-bottom-color: #2a2a2a;
  }
  .skin-7 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:before {
    border-bottom-color: #dddddd;
  }
  .skin-7 .h-sidebar.sidebar-fixed + .main-content {
    padding-top: 86px;
  }
  .skin-7 .h-sidebar.sidebar-fixed.no-gap + .main-content {
    padding-top: 72px;
  }
  .skin-7 .h-sidebar.sidebar-fixed.menu-min + .main-content {
    padding-top: 61px;
  }
  .skin-7 .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
    padding-top: 47px;
  }
  .skin-7 .main-content .h-sidebar.sidebar .nav-list {
    border-left: 1px solid #636363;
  }
}
.skin-7 .sidebar-scroll .sidebar-shortcuts {
  border-bottom-color: #636363;
}
.skin-7 .sidebar-scroll .sidebar-toggle {
  border-top-color: #636363;
}
.skin-7 .scrollout .scroll-track {
  background-color: transparent;
}
.skin-7 .scrollout .scroll-bar {
  background-color: #CCC;
  background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .skin-7 .navbar.navbar-collapse {
    background-color: transparent;
  }
  .skin-7 .navbar.navbar-collapse:before,
  .skin-7 .navbar.navbar-collapse .navbar-container {
    background: #444;
  }
}

.skin-7 .nav-list > li.disabled:before {
  display: none !important;
}
.skin-7 .nav-list > li.disabled > a {
  background-color: #333 !important;
  color: #AAA !important;
}
.skin-7 .nav-list li .submenu > li.disabled > a,
.skin-7 .nav-list li.disabled .submenu > li > a {
  background-color: #444 !important;
  color: #A0A0A0 !important;
  cursor: not-allowed !important;
}
.skin-7 .nav-list li .submenu > li.disabled > a > .menu-icon,
.skin-7 .nav-list li.disabled .submenu > li > a > .menu-icon {
  display: none;
}
.skin-7 .nav-list > li.disabled .submenu > li > a {
  border-top-color: #505050;
}

/****   sombre   #191c20 *****/
/****   - sombre #23282f *****/
/****   - sombre #23282f *****/
/****   gris     #bac2c8 *****/



body.skin-7 .panel {
    background-color: #23282f;
    color: #bac2c8;
}

body.skin-7  .panel-default > .panel-heading {
    color: #bac2c8;
    background-color: #191c20;
}


body.skin-7 .legendLabel {
    background-color: #191c20;
    padding: 2px;
    margin-bottom: 8px;
    display: inline-block;
    margin: 0 auto;
    color:#bac2c8;
}

body.skin-7 .dataTables_wrapper .row:first-child {
    background-color: #23282f!important;
}

body.skin-7 .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #23282f !important;
}

body.skin-7 .table > thead > tr {
    color: #bac2c8 !important;
    background: hsl(215deg 98% 61% / 15%) !important;
    border-bottom-color: hsl(215deg 98% 61% / 40%);
}

body.skin-7  .dataTable > thead > tr > th[class*="sort"]::after {
    color: #bac2c8!important;
}




body.skin-7 .dataTables_wrapper .row:last-child {
    background-color: #23282f!important;
}


body.skin-7  .table > thead > tr > th {
    font-weight: normal!important;
  font-style: normal!important;
}

body.skin-7 .table-header {
    background-color: #23282f !important;
}

body.skin-7 .dataTable tbody tr:hover  {
  background-color: black!important;
}

body.skin-7 .dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background-image: -webkit-linear-gradient(top, #ffd15c 0%, #f8d47a 100%)!important;
    background-image: -o-linear-gradient(top, #ffd15c 0%, #f8d47a 100%)!important;
    background-image: linear-gradient(to bottom, #ffd15c 0%, #f8d47a 100%)!important;
    background-repeat: repeat-x!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd15c', endColorstr='#f8d47a', GradientType=0)!important;
}

body.skin-7  .dataTables_wrapper .row:first-child + .dataTable {
  border-top: 1px solid hsl(215deg 98% 61% / 40%);
  border-bottom: 1px solid hsla(215deg 98% 61% / 55%);
} 

body.skin-7  .dataTables_wrapper .row:last-child {
  border-bottom: 1px solid hsl(215deg 98% 61% / 55%);
}

body.skin-7 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th,body.skin-7  .table-bordered > tfoot > tr > th,body.skin-7  .table-bordered > thead > tr > td,body.skin-7  .table-bordered > tbody > tr > td,body.skin-7  .table-bordered > tfoot > tr > td {
  /*border: 1px solid #777;*/
  border: 1px solid hsl(215deg 98% 61% / 55%);
}

body.skin-7 .table.table-bordered > thead > tr > th:first-child {
  /* border-left-color: #777; */
  /*border-color: #777!important;*/
  border-color: hsl(215deg 98% 61% / 40%)!important;
}

body.skin-7 .table > thead > tr > th {
  border-color: hsl(215deg 98% 61% / 40%)!important;
}

body.skin-7 .card {
    background-color: #23282f!important;
    border: 1px solid hsl(215deg 98% 61% / 55%) ;
}

body.skin-7 .card-header {
    background-color: #191c20;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

body.skin-7 .table-striped > tbody > tr.state33:nth-of-type(2n+1) {
  background-color: rgb(214, 136, 0)!important;
}

body.skin-7 .table-striped > tbody > tr.state4:nth-of-type(2n+1) {
  background-color: rgb(11, 92, 35)!important;
}

body.skin-7 .table-striped > tbody > tr.state1:nth-of-type(2n+1) {
  background-color: rgb(114, 68, 241)!important;
}

table tbody tr.state5{
	background-color: #191c20!important;
}

/*FORM DEBUT*/

input[type="checkbox"].form-check-input {
  display: none!important;
}
input[type="checkbox"].form-check-input + label::before {
  font-family: "Font Awesome 5 Free"!important;
  content: '\f0c8'!important;
  font-size: 1.2em!important;
  color: #FFB752!important;
  margin-right: 0.3rem !important ;
}
input[type="checkbox"].form-check-input:checked + label::before {
  content:'\f14a'!important;
  color: #FFB752!important;
}

/*FORM FIN*/

body.skin-7 .btn-sm, body.skin-7 .btn-group-sm > .btn {
  border-width: 1px!important;
}

/* DatePicker */
body.skin-7 .daterangepicker {
  background: #191c20!important;
}

body.skin-7 .daterangepicker .calendar-table {
  border: 0px!important;
  background: #23282f!important;
}

body.skin-7 .daterangepicker td.off, body.skin-7 .daterangepicker td.off.in-range, body.skin-7 .daterangepicker td.off.start-date, body.skin-7 .daterangepicker td.off.end-date {
  color: #999;
  background: #23282f;
}

body.skin-7  .daterangepicker td.in-range {
  background: #6a6a6a;
  border-radius: 0;
}
/*
body.skin-7  .btn, body.skin-7   .btn-default, body.skin-7  .btn:focus, body.skin-7  .btn-default:focus, body.skin-7  .btn.focus, body.skin-7  .btn-default.focus {
  background-color: #6a6a6a !important;
  border-color: #ABBAC3;
}
*/
/* DatePicker */

a {
  color: #8faac3!important;
}
/*
a:hover {
  color: #ffd15c!important;
}
*/
.datepicker-days{
  background-color: #1d1d1d;
}

.accordion-style1.panel-group .panel .collapse {
  background-color: #191c20!important;
}

.accordion-style1.panel-group .panel-heading .accordion-toggle {
  color: #c4c4c4;
  background-color: #23282f!important;
  position: relative;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
  padding: 10px;
  display: block;
}

.accordion-style1.panel-group .panel {
  border-radius: 0;
  border-color: #e2e2e2;
  background-color: #23282f!important;
  box-shadow: none;
}

.dropdown-menu {
  background-color: #191c20!important;
}

.btn-yellow {
  color: #ffd15c !important;
}

.btn-yellow:hover, .btn-yellow:focus:hover, .btn-yellow.focus:hover, .btn-yellow:active:hover, .btn-yellow:focus:active, .open > .btn-yellow.dropdown-toggle, .open > .btn-yellow.dropdown-toggle:hover, .open > .btn-yellow.dropdown-toggle:focus, .open > .btn-yellow.dropdown-toggle.focus, .open > .btn-yellow.dropdown-toggle:active {
  color: #191c20!important;
}

/*
.btn:hover, .btn-default:hover, .btn:focus:hover, .btn-default:focus:hover, .btn.focus:hover, .btn-default.focus:hover, .btn:active:hover, .btn-default:active:hover, .btn:focus:active, .btn-default:focus:active, .open > .btn.dropdown-toggle, .open > .btn-default.dropdown-toggle, .open > .btn.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:hover, .open > .btn.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle.focus, .open > .btn.dropdown-toggle:active, .open > .btn-default.dropdown-toggle:active {
  border: 1px solid #e2e2e2!important;
}
*/

body.skin-7 .tree .tree-item,
body.skin-7 .tree .tree-branch .tree-branch-header {

  color: #e2e2e2;

}



ul, #myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 5;
  padding: 5;
}

/* Style the caret/arrow */
.caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
.caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 10px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
.caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
.nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
.active {
  display: block;
}

.treeview .list-group-item {
  cursor: pointer
}

.treeview span.indent {
  margin-left: 10px;
  margin-right: 10px
}

.treeview span.icon {
  width: 12px;
  margin-right: 5px
}

.treeview .node-disabled {
  color: silver;
  cursor: not-allowed
}

.node-treeview1:not(.node-disabled):hover {
      background-color: #F5F5F5;
}

.listBold{
  font-size: 18px!important;
  font-weight: bold;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.skin-7 .btn{
    border: 1px solid #ffffff;
}


body.skin-7 .btn{
    background-color: #23282f ;
    border-color: #ebebeb;
    color: #ffffff;
}

body.skin-7 .btn:hover{
    background-color: #514560;
    border-color: #e4e4e4;
    color: #ffffff;
}



body.skin-7 .btn.btn-link{
    color: #e0e0e0;
}

body.skin-7 .blue{
    color:#58a6ff;
}

body.skin-7 .btn-success{
    background-color: #4fcb4f;
    border-color: #46a730;
}

body.skin-7 .btn-success:hover{
    background-color: #6eec6e;
    border-color: #b4e4aa;
    color: #ffffff;
}

body.skin-7 a.btn-success {
  color: #000000 !important;
}

body.skin-7 a.btn-success .fa-print,body.skin-7 a.btn-success .fa-search-plus,body.skin-7 a.btn-success .fa-edit {
	color: #000000 !important;
}

body.skin-7 .page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 24px;
    font-weight: lighter;
    color: #f5f5f5;
}

body.skin-7 .btn-warning {
    color: #fff;
    /*background-color: #ffb300;*/
    border-color: #ffe058;
}

body.skin-7 .btn-primary {
    color: #fff;
    /*background-color: #ffb300;*/
    border-color: #58a6ff;
}

body.skin-7 .btn-purple {
    color: #fff;
    /*background-color: #ffb300;*/
    border-color: #a358ff;
}

body.skin-7 .btn-success {
    color: #fff;
    /*background-color: #ffb300;*/
    border-color: #5bff58;
}

body.skin-7 .page-header h1 small {
    color: #f5f5f5;
}

body.skin-7 .select2-container--default.select2-container--focus .select2-selection {
  border-color: #58a6ff;
}

body.skin-7 .select2-container--default .select2-selection--single {
  border: 1px solid #58a6ff;
}

body.skin-7 .vert {
  border: 1px solid #5bff58;
  color: #5bff58;
}


body.skin-7 .green {
  color: #58ff5b;
}


body.skin-7 .rouge {
  border: 1px solid #ff5858;
  color: #ff5858;
}

body.skin-7  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #191c20; 
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
    color: #2b2b2b!important;
}

body.skin-7   textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  border: 1px solid hsl(215deg 98% 61% / 40%);
}

body.skin-7  .chosen-container-single .chosen-single {
  border: 1px solid hsl(215deg 98% 61% / 40%);
}

body.skin-7  .table-hover > tbody > tr:hover {
  background-color: hsl(215deg 98% 61% / 40%);
}

body.skin-7 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #ffffff;
}