/* =============================================================================

   whitePM

   Custom Stylesheet



   All changes made in this file will override the default styles.

   ========================================================================== */

   :root {
  --accent-color: #7AB55C;
}



   #main-area {

	background-color: #ffffff;

   }



   .boxsizingBorder {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

}



a.link-white:link {

  color: #ffffff !important;

}

a.link-white:active {

  color: #ffffff;

}

a.link-white:hover {

  color: #ffffff;

}

a.link-white:visited {

  color: #ffffff;

}





.link-white a:link {

  color: #ffffff !important;

}

.link-white a:active {

  color: #ffffff;

}

.link-white a:hover {

  color: #ffffff;

}

.link-white a:visited {

  color: #ffffff;

}





a.link-white:link {}



.dt-button {

  background-color: #e7e7e7; /* Grey */

  border: none;

  color: #333;

  padding: 10px 20px;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 13px;

  margin: 4px 2px;

  transition-duration: 0.4s;

  cursor: pointer;

  border: 2px solid #e7e7e7;



}



.dt-button:hover {

  background-color: #ffffff;

  border: 2px solid #e7e7e7;

}



.navbar-logo {

  max-height: 53px;

}



.table-responsive {

  border: none !important;

}



@media screen and (max-width: 767px) {

  div.dataTables_wrapper div.dataTables_filter {

    text-align: left !important;

  }

}



/*

 * Skin: WD

 * ----------

 */

.skin-wd .main-header .navbar {

  background-color: #323232;

}

.skin-wd .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-wd .main-header .navbar .nav > li > a:hover,

.skin-wd .main-header .navbar .nav > li > a:active,

.skin-wd .main-header .navbar .nav > li > a:focus,

.skin-wd .main-header .navbar .nav .open > a,

.skin-wd .main-header .navbar .nav .open > a:hover,

.skin-wd .main-header .navbar .nav .open > a:focus,

.skin-wd .main-header .navbar .nav > .active > a {

  --background: rgba(0, 0, 0, 0.1);

  background-color: #595959;

  color: #f6f6f6;

}

.skin-wd .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-wd .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  --background: rgba(0, 0, 0, 0.1);

  background-color: #595959;

}

.skin-wd .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-wd .main-header .navbar .sidebar-toggle:hover {

  background-color: #7AB55C;

}

@media (max-width: 767px) {

  .skin-wd .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-wd .main-header .navbar .dropdown-menu li a {

    color: #000;

  }

}

.skin-wd .main-header .logo {

  background-color: #323232;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-wd .main-header .logo:hover {

  background-color: #7AB55C;

}

.skin-wd .main-header li.user-header {

  background-color: #323232;

}

.skin-wd .content-header {

  background: transparent;

}

.skin-wd .wrapper,

.skin-wd .left-side {

  background-color: #eaeaea;

}

.skin-wd .main-sidebar {

  background-color: #fdfdfd;

  border-right: 0px solid #323232;

-webkit-box-shadow: 3px 0 2px -3px #323232;

        box-shadow: 3px 0 2px -3px #323232;

}

.skin-wd .user-panel {

  background: url("../../dist/img/sidebar.png") no-repeat no-repeat;



}



.skin-wd .user-panel > .info,

.skin-wd .user-panel > .info > a {

  color: #fff;

}

.skin-wd .sidebar-menu > li.header {

  color: #000;

  background: #e0e0e0;

}

.skin-wd .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  color: #444;

  font-weight: bold;

}

.skin-wd .sidebar-menu > li:hover > a {

  color: #7AB55C;

  border-left-color: #7AB55C;

}



.skin-wd .sidebar-menu > li.active > a,

.skin-wd .sidebar-menu > li.menu-open > a {

  color: #7AB55C;



}



.skin-wd .sidebar-menu > li.active > a {

  border-left-color: #7AB55C;

}

.skin-wd .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

}

.skin-wd .sidebar a {

  color: #fff;

}

.skin-wd .sidebar a:hover {

  text-decoration: none;

}

.skin-wd .sidebar-menu .treeview-menu > li > a {

  padding-left: 35px;

  color: #333;

  font-size: 13px;

}

.skin-wd .sidebar-menu .treeview-menu > li.active > a,

.skin-wd .sidebar-menu .treeview-menu > li > a:hover {

  color: #333;

  --background: #e0e0e0;

}

.skin-wd .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-wd .sidebar-form input[type="text"],

.skin-wd .sidebar-form .btn {

  box-shadow: none;

  background-color: #323232;

  border: 1px solid transparent;

  height: 35px;

}

.skin-wd .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-wd .sidebar-form input[type="text"]:focus,

.skin-wd .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-wd .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-wd .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-wd.layout-top-nav .main-header > .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-wd.layout-top-nav .main-header > .logo:hover {

  background-color: #3b8ab8;

}



/*

 * Skin: Blue

 * ----------

 */

.skin-blue-light .main-header .navbar {

  background-color: #3c8dbc;

}

.skin-blue-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .nav > li > a:hover,

.skin-blue-light .main-header .navbar .nav > li > a:active,

.skin-blue-light .main-header .navbar .nav > li > a:focus,

.skin-blue-light .main-header .navbar .nav .open > a,

.skin-blue-light .main-header .navbar .nav .open > a:hover,

.skin-blue-light .main-header .navbar .nav .open > a:focus,

.skin-blue-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #367fa9;

}

@media (max-width: 767px) {

  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {

    background: #367fa9;

  }

}

.skin-blue-light .main-header .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue-light .main-header .logo:hover {

  background-color: #3b8ab8;

}

.skin-blue-light .main-header li.user-header {

  background-color: #3c8dbc;

}

.skin-blue-light .content-header {

  background: transparent;

}

.skin-blue-light .wrapper,

.skin-blue-light .main-sidebar,

.skin-blue-light .left-side {

  background-color: #f9fafc;

}

.skin-blue-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-blue-light .user-panel > .info,

.skin-blue-light .user-panel > .info > a {

  color: #444444;

}

.skin-blue-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-blue-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-blue-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-blue-light .sidebar-menu > li:hover > a,

.skin-blue-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-blue-light .sidebar-menu > li.active {

  border-left-color: #3c8dbc;

}

.skin-blue-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-blue-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-blue-light .sidebar a {

  color: #444444;

}

.skin-blue-light .sidebar a:hover {

  text-decoration: none;

}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,

.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-blue-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-blue-light .sidebar-form input[type="text"],

.skin-blue-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-blue-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-blue-light .sidebar-form input[type="text"]:focus,

.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-blue-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

.skin-blue-light .main-footer {

  border-top-color: #d2d6de;

}

.skin-blue.layout-top-nav .main-header > .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue.layout-top-nav .main-header > .logo:hover {

  background-color: #3b8ab8;

}



/*

 * Skin: Blue

 * ----------

 */

.skin-blue .main-header .navbar {

  background-color: #3c8dbc;

}

.skin-blue .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-blue .main-header .navbar .nav > li > a:hover,

.skin-blue .main-header .navbar .nav > li > a:active,

.skin-blue .main-header .navbar .nav > li > a:focus,

.skin-blue .main-header .navbar .nav .open > a,

.skin-blue .main-header .navbar .nav .open > a:hover,

.skin-blue .main-header .navbar .nav .open > a:focus,

.skin-blue .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-blue .main-header .navbar .sidebar-toggle:hover {

  background-color: #367fa9;

}

@media (max-width: 767px) {

  .skin-blue .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {

    background: #367fa9;

  }

}

.skin-blue .main-header .logo {

  background-color: #367fa9;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue .main-header .logo:hover {

  background-color: #357ca5;

}

.skin-blue .main-header li.user-header {

  background-color: #3c8dbc;

}

.skin-blue .content-header {

  background: transparent;

}

.skin-blue .wrapper,

.skin-blue .main-sidebar,

.skin-blue .left-side {

  background-color: #222d32;

}

.skin-blue .user-panel > .info,

.skin-blue .user-panel > .info > a {

  color: #fff;

}

.skin-blue .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-blue .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-blue .sidebar-menu > li:hover > a,

.skin-blue .sidebar-menu > li.active > a,

.skin-blue .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-blue .sidebar-menu > li.active > a {

  border-left-color: #3c8dbc;

}

.skin-blue .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-blue .sidebar a {

  color: #b8c7ce;

}

.skin-blue .sidebar a:hover {

  text-decoration: none;

}

.skin-blue .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,

.skin-blue .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-blue .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-blue .sidebar-form input[type="text"],

.skin-blue .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-blue .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-blue .sidebar-form input[type="text"]:focus,

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-blue .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-blue.layout-top-nav .main-header > .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue.layout-top-nav .main-header > .logo:hover {

  background-color: #3b8ab8;

}

/*

 * Skin: Blue

 * ----------

 */

.skin-blue-light .main-header .navbar {

  background-color: #3c8dbc;

}

.skin-blue-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .nav > li > a:hover,

.skin-blue-light .main-header .navbar .nav > li > a:active,

.skin-blue-light .main-header .navbar .nav > li > a:focus,

.skin-blue-light .main-header .navbar .nav .open > a,

.skin-blue-light .main-header .navbar .nav .open > a:hover,

.skin-blue-light .main-header .navbar .nav .open > a:focus,

.skin-blue-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-blue-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-blue-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #367fa9;

}

@media (max-width: 767px) {

  .skin-blue-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {

    background: #367fa9;

  }

}

.skin-blue-light .main-header .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue-light .main-header .logo:hover {

  background-color: #3b8ab8;

}

.skin-blue-light .main-header li.user-header {

  background-color: #3c8dbc;

}

.skin-blue-light .content-header {

  background: transparent;

}

.skin-blue-light .wrapper,

.skin-blue-light .main-sidebar,

.skin-blue-light .left-side {

  background-color: #f9fafc;

}

.skin-blue-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-blue-light .user-panel > .info,

.skin-blue-light .user-panel > .info > a {

  color: #444444;

}

.skin-blue-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-blue-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-blue-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-blue-light .sidebar-menu > li:hover > a,

.skin-blue-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-blue-light .sidebar-menu > li.active {

  border-left-color: #3c8dbc;

}

.skin-blue-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-blue-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-blue-light .sidebar a {

  color: #444444;

}

.skin-blue-light .sidebar a:hover {

  text-decoration: none;

}

.skin-blue-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a,

.skin-blue-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-blue-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-blue-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-blue-light .sidebar-form input[type="text"],

.skin-blue-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-blue-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-blue-light .sidebar-form input[type="text"]:focus,

.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-blue-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

.skin-blue-light .main-footer {

  border-top-color: #d2d6de;

}

.skin-blue.layout-top-nav .main-header > .logo {

  background-color: #3c8dbc;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-blue.layout-top-nav .main-header > .logo:hover {

  background-color: #3b8ab8;

}

/*

 * Skin: Black

 * -----------

 */

/* skin-black navbar */

.skin-black .main-header {

  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);

}

.skin-black .main-header .navbar-toggle {

  color: #333;

}

.skin-black .main-header .navbar-brand {

  color: #333;

  border-right: 1px solid #eee;

}

.skin-black .main-header .navbar {

  background-color: #ffffff;

}

.skin-black .main-header .navbar .nav > li > a {

  color: #333333;

}

.skin-black .main-header .navbar .nav > li > a:hover,

.skin-black .main-header .navbar .nav > li > a:active,

.skin-black .main-header .navbar .nav > li > a:focus,

.skin-black .main-header .navbar .nav .open > a,

.skin-black .main-header .navbar .nav .open > a:hover,

.skin-black .main-header .navbar .nav .open > a:focus,

.skin-black .main-header .navbar .nav > .active > a {

  background: #ffffff;

  color: #999999;

}

.skin-black .main-header .navbar .sidebar-toggle {

  color: #333333;

}

.skin-black .main-header .navbar .sidebar-toggle:hover {

  color: #999999;

  background: #ffffff;

}

.skin-black .main-header .navbar > .sidebar-toggle {

  color: #333;

  border-right: 1px solid #eee;

}

.skin-black .main-header .navbar .navbar-nav > li > a {

  border-right: 1px solid #eee;

}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,

.skin-black .main-header .navbar .navbar-right > li > a {

  border-left: 1px solid #eee;

  border-right-width: 0;

}

.skin-black .main-header > .logo {

  background-color: #ffffff;

  color: #333333;

  border-bottom: 0 solid transparent;

  border-right: 1px solid #eee;

}

.skin-black .main-header > .logo:hover {

  background-color: #fcfcfc;

}

@media (max-width: 767px) {

  .skin-black .main-header > .logo {

    background-color: #222222;

    color: #ffffff;

    border-bottom: 0 solid transparent;

    border-right: none;

  }

  .skin-black .main-header > .logo:hover {

    background-color: #1f1f1f;

  }

}

.skin-black .main-header li.user-header {

  background-color: #222;

}

.skin-black .content-header {

  background: transparent;

  box-shadow: none;

}

.skin-black .wrapper,

.skin-black .main-sidebar,

.skin-black .left-side {

  background-color: #222d32;

}

.skin-black .user-panel > .info,

.skin-black .user-panel > .info > a {

  color: #fff;

}

.skin-black .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-black .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-black .sidebar-menu > li:hover > a,

.skin-black .sidebar-menu > li.active > a,

.skin-black .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-black .sidebar-menu > li.active > a {

  border-left-color: #ffffff;

}

.skin-black .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-black .sidebar a {

  color: #b8c7ce;

}

.skin-black .sidebar a:hover {

  text-decoration: none;

}

.skin-black .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-black .sidebar-menu .treeview-menu > li.active > a,

.skin-black .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-black .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-black .sidebar-form input[type="text"],

.skin-black .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-black .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-black .sidebar-form input[type="text"]:focus,

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-black .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

.skin-black .pace .pace-progress {

  background: #222;

}

.skin-black .pace .pace-activity {

  border-top-color: #222;

  border-left-color: #222;

}

/*

 * Skin: Black

 * -----------

 */

/* skin-black navbar */

.skin-black-light .main-header {

  border-bottom: 1px solid #d2d6de;

}

.skin-black-light .main-header .navbar-toggle {

  color: #333;

}

.skin-black-light .main-header .navbar-brand {

  color: #333;

  border-right: 1px solid #d2d6de;

}

.skin-black-light .main-header .navbar {

  background-color: #ffffff;

}

.skin-black-light .main-header .navbar .nav > li > a {

  color: #333333;

}

.skin-black-light .main-header .navbar .nav > li > a:hover,

.skin-black-light .main-header .navbar .nav > li > a:active,

.skin-black-light .main-header .navbar .nav > li > a:focus,

.skin-black-light .main-header .navbar .nav .open > a,

.skin-black-light .main-header .navbar .nav .open > a:hover,

.skin-black-light .main-header .navbar .nav .open > a:focus,

.skin-black-light .main-header .navbar .nav > .active > a {

  background: #ffffff;

  color: #999999;

}

.skin-black-light .main-header .navbar .sidebar-toggle {

  color: #333333;

}

.skin-black-light .main-header .navbar .sidebar-toggle:hover {

  color: #999999;

  background: #ffffff;

}

.skin-black-light .main-header .navbar > .sidebar-toggle {

  color: #333;

  border-right: 1px solid #d2d6de;

}

.skin-black-light .main-header .navbar .navbar-nav > li > a {

  border-right: 1px solid #d2d6de;

}

.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,

.skin-black-light .main-header .navbar .navbar-right > li > a {

  border-left: 1px solid #d2d6de;

  border-right-width: 0;

}

.skin-black-light .main-header > .logo {

  background-color: #ffffff;

  color: #333333;

  border-bottom: 0 solid transparent;

  border-right: 1px solid #d2d6de;

}

.skin-black-light .main-header > .logo:hover {

  background-color: #fcfcfc;

}

@media (max-width: 767px) {

  .skin-black-light .main-header > .logo {

    background-color: #222222;

    color: #ffffff;

    border-bottom: 0 solid transparent;

    border-right: none;

  }

  .skin-black-light .main-header > .logo:hover {

    background-color: #1f1f1f;

  }

}

.skin-black-light .main-header li.user-header {

  background-color: #222;

}

.skin-black-light .content-header {

  background: transparent;

  box-shadow: none;

}

.skin-black-light .wrapper,

.skin-black-light .main-sidebar,

.skin-black-light .left-side {

  background-color: #f9fafc;

}

.skin-black-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-black-light .user-panel > .info,

.skin-black-light .user-panel > .info > a {

  color: #444444;

}

.skin-black-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-black-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-black-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-black-light .sidebar-menu > li:hover > a,

.skin-black-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-black-light .sidebar-menu > li.active {

  border-left-color: #ffffff;

}

.skin-black-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-black-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-black-light .sidebar a {

  color: #444444;

}

.skin-black-light .sidebar a:hover {

  text-decoration: none;

}

.skin-black-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a,

.skin-black-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-black-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-black-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-black-light .sidebar-form input[type="text"],

.skin-black-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-black-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-black-light .sidebar-form input[type="text"]:focus,

.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-black-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

/*

 * Skin: Green

 * -----------

 */

.skin-green .main-header .navbar {

  background-color: #00a65a;

}

.skin-green .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-green .main-header .navbar .nav > li > a:hover,

.skin-green .main-header .navbar .nav > li > a:active,

.skin-green .main-header .navbar .nav > li > a:focus,

.skin-green .main-header .navbar .nav .open > a,

.skin-green .main-header .navbar .nav .open > a:hover,

.skin-green .main-header .navbar .nav .open > a:focus,

.skin-green .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-green .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-green .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-green .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-green .main-header .navbar .sidebar-toggle:hover {

  background-color: #008d4c;

}

@media (max-width: 767px) {

  .skin-green .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-green .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-green .main-header .navbar .dropdown-menu li a:hover {

    background: #008d4c;

  }

}

.skin-green .main-header .logo {

  background-color: #008d4c;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-green .main-header .logo:hover {

  background-color: #008749;

}

.skin-green .main-header li.user-header {

  background-color: #00a65a;

}

.skin-green .content-header {

  background: transparent;

}

.skin-green .wrapper,

.skin-green .main-sidebar,

.skin-green .left-side {

  background-color: #222d32;

}

.skin-green .user-panel > .info,

.skin-green .user-panel > .info > a {

  color: #fff;

}

.skin-green .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-green .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-green .sidebar-menu > li:hover > a,

.skin-green .sidebar-menu > li.active > a,

.skin-green .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-green .sidebar-menu > li.active > a {

  border-left-color: #00a65a;

}

.skin-green .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-green .sidebar a {

  color: #b8c7ce;

}

.skin-green .sidebar a:hover {

  text-decoration: none;

}

.skin-green .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-green .sidebar-menu .treeview-menu > li.active > a,

.skin-green .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-green .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-green .sidebar-form input[type="text"],

.skin-green .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-green .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-green .sidebar-form input[type="text"]:focus,

.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-green .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

/*

 * Skin: Green

 * -----------

 */

.skin-green-light .main-header .navbar {

  background-color: #00a65a;

}

.skin-green-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-green-light .main-header .navbar .nav > li > a:hover,

.skin-green-light .main-header .navbar .nav > li > a:active,

.skin-green-light .main-header .navbar .nav > li > a:focus,

.skin-green-light .main-header .navbar .nav .open > a,

.skin-green-light .main-header .navbar .nav .open > a:hover,

.skin-green-light .main-header .navbar .nav .open > a:focus,

.skin-green-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-green-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-green-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-green-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #008d4c;

}

@media (max-width: 767px) {

  .skin-green-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-green-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-green-light .main-header .navbar .dropdown-menu li a:hover {

    background: #008d4c;

  }

}

.skin-green-light .main-header .logo {

  background-color: #00a65a;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-green-light .main-header .logo:hover {

  background-color: #00a157;

}

.skin-green-light .main-header li.user-header {

  background-color: #00a65a;

}

.skin-green-light .content-header {

  background: transparent;

}

.skin-green-light .wrapper,

.skin-green-light .main-sidebar,

.skin-green-light .left-side {

  background-color: #f9fafc;

}

.skin-green-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-green-light .user-panel > .info,

.skin-green-light .user-panel > .info > a {

  color: #444444;

}

.skin-green-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-green-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-green-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-green-light .sidebar-menu > li:hover > a,

.skin-green-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-green-light .sidebar-menu > li.active {

  border-left-color: #00a65a;

}

.skin-green-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-green-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-green-light .sidebar a {

  color: #444444;

}

.skin-green-light .sidebar a:hover {

  text-decoration: none;

}

.skin-green-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a,

.skin-green-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-green-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-green-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-green-light .sidebar-form input[type="text"],

.skin-green-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-green-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-green-light .sidebar-form input[type="text"]:focus,

.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-green-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

/*

 * Skin: Red

 * ---------

 */

.skin-red .main-header .navbar {

  background-color: #dd4b39;

}

.skin-red .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-red .main-header .navbar .nav > li > a:hover,

.skin-red .main-header .navbar .nav > li > a:active,

.skin-red .main-header .navbar .nav > li > a:focus,

.skin-red .main-header .navbar .nav .open > a,

.skin-red .main-header .navbar .nav .open > a:hover,

.skin-red .main-header .navbar .nav .open > a:focus,

.skin-red .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-red .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-red .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-red .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-red .main-header .navbar .sidebar-toggle:hover {

  background-color: #d73925;

}

@media (max-width: 767px) {

  .skin-red .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-red .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-red .main-header .navbar .dropdown-menu li a:hover {

    background: #d73925;

  }

}

.skin-red .main-header .logo {

  background-color: #d73925;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red .main-header .logo:hover {

  background-color: #d33724;

}

.skin-red .main-header li.user-header {

  background-color: #dd4b39;

}

.skin-red .content-header {

  background: transparent;

}

.skin-red .wrapper,

.skin-red .main-sidebar,

.skin-red .left-side {

  background-color: #222d32;

}

.skin-red .user-panel > .info,

.skin-red .user-panel > .info > a {

  color: #fff;

}

.skin-red .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-red .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-red .sidebar-menu > li:hover > a,

.skin-red .sidebar-menu > li.active > a,

.skin-red .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-red .sidebar-menu > li.active > a {

  border-left-color: #dd4b39;

}

.skin-red .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-red .sidebar a {

  color: #b8c7ce;

}

.skin-red .sidebar a:hover {

  text-decoration: none;

}

.skin-red .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-red .sidebar-menu .treeview-menu > li.active > a,

.skin-red .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-red .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-red .sidebar-form input[type="text"],

.skin-red .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-red .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-red .sidebar-form input[type="text"]:focus,

.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-red .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

/*

 * Skin: Red

 * ---------

 */

.skin-red-light .main-header .navbar {

  background-color: #dd4b39;

}

.skin-red-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-red-light .main-header .navbar .nav > li > a:hover,

.skin-red-light .main-header .navbar .nav > li > a:active,

.skin-red-light .main-header .navbar .nav > li > a:focus,

.skin-red-light .main-header .navbar .nav .open > a,

.skin-red-light .main-header .navbar .nav .open > a:hover,

.skin-red-light .main-header .navbar .nav .open > a:focus,

.skin-red-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-red-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-red-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-red-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #d73925;

}

@media (max-width: 767px) {

  .skin-red-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-red-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-red-light .main-header .navbar .dropdown-menu li a:hover {

    background: #d73925;

  }

}

.skin-red-light .main-header .logo {

  background-color: #dd4b39;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-red-light .main-header .logo:hover {

  background-color: #dc4735;

}

.skin-red-light .main-header li.user-header {

  background-color: #dd4b39;

}

.skin-red-light .content-header {

  background: transparent;

}

.skin-red-light .wrapper,

.skin-red-light .main-sidebar,

.skin-red-light .left-side {

  background-color: #f9fafc;

}

.skin-red-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-red-light .user-panel > .info,

.skin-red-light .user-panel > .info > a {

  color: #444444;

}

.skin-red-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-red-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-red-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-red-light .sidebar-menu > li:hover > a,

.skin-red-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-red-light .sidebar-menu > li.active {

  border-left-color: #dd4b39;

}

.skin-red-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-red-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-red-light .sidebar a {

  color: #444444;

}

.skin-red-light .sidebar a:hover {

  text-decoration: none;

}

.skin-red-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-red-light .sidebar-menu .treeview-menu > li.active > a,

.skin-red-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-red-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-red-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-red-light .sidebar-form input[type="text"],

.skin-red-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-red-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-red-light .sidebar-form input[type="text"]:focus,

.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-red-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

/*

 * Skin: Yellow

 * ------------

 */

.skin-yellow .main-header .navbar {

  background-color: #f39c12;

}

.skin-yellow .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-yellow .main-header .navbar .nav > li > a:hover,

.skin-yellow .main-header .navbar .nav > li > a:active,

.skin-yellow .main-header .navbar .nav > li > a:focus,

.skin-yellow .main-header .navbar .nav .open > a,

.skin-yellow .main-header .navbar .nav .open > a:hover,

.skin-yellow .main-header .navbar .nav .open > a:focus,

.skin-yellow .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-yellow .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-yellow .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {

  background-color: #e08e0b;

}

@media (max-width: 767px) {

  .skin-yellow .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-yellow .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {

    background: #e08e0b;

  }

}

.skin-yellow .main-header .logo {

  background-color: #e08e0b;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow .main-header .logo:hover {

  background-color: #db8b0b;

}

.skin-yellow .main-header li.user-header {

  background-color: #f39c12;

}

.skin-yellow .content-header {

  background: transparent;

}

.skin-yellow .wrapper,

.skin-yellow .main-sidebar,

.skin-yellow .left-side {

  background-color: #222d32;

}

.skin-yellow .user-panel > .info,

.skin-yellow .user-panel > .info > a {

  color: #fff;

}

.skin-yellow .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-yellow .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-yellow .sidebar-menu > li:hover > a,

.skin-yellow .sidebar-menu > li.active > a,

.skin-yellow .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-yellow .sidebar-menu > li.active > a {

  border-left-color: #f39c12;

}

.skin-yellow .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-yellow .sidebar a {

  color: #b8c7ce;

}

.skin-yellow .sidebar a:hover {

  text-decoration: none;

}

.skin-yellow .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-yellow .sidebar-menu .treeview-menu > li.active > a,

.skin-yellow .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-yellow .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-yellow .sidebar-form input[type="text"],

.skin-yellow .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-yellow .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-yellow .sidebar-form input[type="text"]:focus,

.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-yellow .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

/*

 * Skin: Yellow

 * ------------

 */

.skin-yellow-light .main-header .navbar {

  background-color: #f39c12;

}

.skin-yellow-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-yellow-light .main-header .navbar .nav > li > a:hover,

.skin-yellow-light .main-header .navbar .nav > li > a:active,

.skin-yellow-light .main-header .navbar .nav > li > a:focus,

.skin-yellow-light .main-header .navbar .nav .open > a,

.skin-yellow-light .main-header .navbar .nav .open > a:hover,

.skin-yellow-light .main-header .navbar .nav .open > a:focus,

.skin-yellow-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-yellow-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #e08e0b;

}

@media (max-width: 767px) {

  .skin-yellow-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-yellow-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {

    background: #e08e0b;

  }

}

.skin-yellow-light .main-header .logo {

  background-color: #f39c12;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-yellow-light .main-header .logo:hover {

  background-color: #f39a0d;

}

.skin-yellow-light .main-header li.user-header {

  background-color: #f39c12;

}

.skin-yellow-light .content-header {

  background: transparent;

}

.skin-yellow-light .wrapper,

.skin-yellow-light .main-sidebar,

.skin-yellow-light .left-side {

  background-color: #f9fafc;

}

.skin-yellow-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-yellow-light .user-panel > .info,

.skin-yellow-light .user-panel > .info > a {

  color: #444444;

}

.skin-yellow-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-yellow-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-yellow-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-yellow-light .sidebar-menu > li:hover > a,

.skin-yellow-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-yellow-light .sidebar-menu > li.active {

  border-left-color: #f39c12;

}

.skin-yellow-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-yellow-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-yellow-light .sidebar a {

  color: #444444;

}

.skin-yellow-light .sidebar a:hover {

  text-decoration: none;

}

.skin-yellow-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a,

.skin-yellow-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-yellow-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-yellow-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-yellow-light .sidebar-form input[type="text"],

.skin-yellow-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-yellow-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-yellow-light .sidebar-form input[type="text"]:focus,

.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-yellow-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}

/*

 * Skin: Purple

 * ------------

 */

.skin-purple .main-header .navbar {

  background-color: #605ca8;

}

.skin-purple .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-purple .main-header .navbar .nav > li > a:hover,

.skin-purple .main-header .navbar .nav > li > a:active,

.skin-purple .main-header .navbar .nav > li > a:focus,

.skin-purple .main-header .navbar .nav .open > a,

.skin-purple .main-header .navbar .nav .open > a:hover,

.skin-purple .main-header .navbar .nav .open > a:focus,

.skin-purple .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-purple .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-purple .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-purple .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-purple .main-header .navbar .sidebar-toggle:hover {

  background-color: #555299;

}

@media (max-width: 767px) {

  .skin-purple .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-purple .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-purple .main-header .navbar .dropdown-menu li a:hover {

    background: #555299;

  }

}

.skin-purple .main-header .logo {

  background-color: #555299;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple .main-header .logo:hover {

  background-color: #545096;

}

.skin-purple .main-header li.user-header {

  background-color: #605ca8;

}

.skin-purple .content-header {

  background: transparent;

}

.skin-purple .wrapper,

.skin-purple .main-sidebar,

.skin-purple .left-side {

  background-color: #222d32;

}

.skin-purple .user-panel > .info,

.skin-purple .user-panel > .info > a {

  color: #fff;

}

.skin-purple .sidebar-menu > li.header {

  color: #4b646f;

  background: #1a2226;

}

.skin-purple .sidebar-menu > li > a {

  border-left: 3px solid transparent;

}

.skin-purple .sidebar-menu > li:hover > a,

.skin-purple .sidebar-menu > li.active > a,

.skin-purple .sidebar-menu > li.menu-open > a {

  color: #ffffff;

  background: #1e282c;

}

.skin-purple .sidebar-menu > li.active > a {

  border-left-color: #605ca8;

}

.skin-purple .sidebar-menu > li > .treeview-menu {

  margin: 0 1px;

  background: #2c3b41;

}

.skin-purple .sidebar a {

  color: #b8c7ce;

}

.skin-purple .sidebar a:hover {

  text-decoration: none;

}

.skin-purple .sidebar-menu .treeview-menu > li > a {

  color: #8aa4af;

}

.skin-purple .sidebar-menu .treeview-menu > li.active > a,

.skin-purple .sidebar-menu .treeview-menu > li > a:hover {

  color: #ffffff;

}

.skin-purple .sidebar-form {

  border-radius: 3px;

  border: 1px solid #374850;

  margin: 10px 10px;

}

.skin-purple .sidebar-form input[type="text"],

.skin-purple .sidebar-form .btn {

  box-shadow: none;

  background-color: #374850;

  border: 1px solid transparent;

  height: 35px;

}

.skin-purple .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-purple .sidebar-form input[type="text"]:focus,

.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-purple .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

/*

 * Skin: Purple

 * ------------

 */

.skin-purple-light .main-header .navbar {

  background-color: #605ca8;

}

.skin-purple-light .main-header .navbar .nav > li > a {

  color: #ffffff;

}

.skin-purple-light .main-header .navbar .nav > li > a:hover,

.skin-purple-light .main-header .navbar .nav > li > a:active,

.skin-purple-light .main-header .navbar .nav > li > a:focus,

.skin-purple-light .main-header .navbar .nav .open > a,

.skin-purple-light .main-header .navbar .nav .open > a:hover,

.skin-purple-light .main-header .navbar .nav .open > a:focus,

.skin-purple-light .main-header .navbar .nav > .active > a {

  background: rgba(0, 0, 0, 0.1);

  color: #f6f6f6;

}

.skin-purple-light .main-header .navbar .sidebar-toggle {

  color: #ffffff;

}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {

  color: #f6f6f6;

  background: rgba(0, 0, 0, 0.1);

}

.skin-purple-light .main-header .navbar .sidebar-toggle {

  color: #fff;

}

.skin-purple-light .main-header .navbar .sidebar-toggle:hover {

  background-color: #555299;

}

@media (max-width: 767px) {

  .skin-purple-light .main-header .navbar .dropdown-menu li.divider {

    background-color: rgba(255, 255, 255, 0.1);

  }

  .skin-purple-light .main-header .navbar .dropdown-menu li a {

    color: #fff;

  }

  .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {

    background: #555299;

  }

}

.skin-purple-light .main-header .logo {

  background-color: #605ca8;

  color: #ffffff;

  border-bottom: 0 solid transparent;

}

.skin-purple-light .main-header .logo:hover {

  background-color: #5d59a6;

}

.skin-purple-light .main-header li.user-header {

  background-color: #605ca8;

}

.skin-purple-light .content-header {

  background: transparent;

}

.skin-purple-light .wrapper,

.skin-purple-light .main-sidebar,

.skin-purple-light .left-side {

  background-color: #f9fafc;

}

.skin-purple-light .main-sidebar {

  border-right: 1px solid #d2d6de;

}

.skin-purple-light .user-panel > .info,

.skin-purple-light .user-panel > .info > a {

  color: #444444;

}

.skin-purple-light .sidebar-menu > li {

  -webkit-transition: border-left-color 0.3s ease;

  -o-transition: border-left-color 0.3s ease;

  transition: border-left-color 0.3s ease;

}

.skin-purple-light .sidebar-menu > li.header {

  color: #848484;

  background: #f9fafc;

}

.skin-purple-light .sidebar-menu > li > a {

  border-left: 3px solid transparent;

  font-weight: 600;

}

.skin-purple-light .sidebar-menu > li:hover > a,

.skin-purple-light .sidebar-menu > li.active > a {

  color: #000000;

  background: #f4f4f5;

}

.skin-purple-light .sidebar-menu > li.active {

  border-left-color: #605ca8;

}

.skin-purple-light .sidebar-menu > li.active > a {

  font-weight: 600;

}

.skin-purple-light .sidebar-menu > li > .treeview-menu {

  background: #f4f4f5;

}

.skin-purple-light .sidebar a {

  color: #444444;

}

.skin-purple-light .sidebar a:hover {

  text-decoration: none;

}

.skin-purple-light .sidebar-menu .treeview-menu > li > a {

  color: #777777;

}

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a,

.skin-purple-light .sidebar-menu .treeview-menu > li > a:hover {

  color: #000000;

}

.skin-purple-light .sidebar-menu .treeview-menu > li.active > a {

  font-weight: 600;

}

.skin-purple-light .sidebar-form {

  border-radius: 3px;

  border: 1px solid #d2d6de;

  margin: 10px 10px;

}

.skin-purple-light .sidebar-form input[type="text"],

.skin-purple-light .sidebar-form .btn {

  box-shadow: none;

  background-color: #fff;

  border: 1px solid transparent;

  height: 35px;

}

.skin-purple-light .sidebar-form input[type="text"] {

  color: #666;

  border-top-left-radius: 2px;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

  border-bottom-left-radius: 2px;

}

.skin-purple-light .sidebar-form input[type="text"]:focus,

.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  background-color: #fff;

  color: #666;

}

.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {

  border-left-color: #fff;

}

.skin-purple-light .sidebar-form .btn {

  color: #999;

  border-top-left-radius: 0;

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-bottom-left-radius: 0;

}

@media (min-width: 768px) {

  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {

    border-left: 1px solid #d2d6de;

  }

}





.initials-avatar {

  display: inline-flex;

  flex-direction: column;

  justify-content: center;

  text-align: center;

  vertical-align: middle;

  border-radius: 50%;

  line-height: 1;

  background: grey;

  color: white;

}

.initials-avatar.large {

  width: 90px;

  height: 90px;

  font-size: 40px;

}

.initials-avatar.medium {

  width: 60px;

  height: 60px;

  font-size: 28px;

}



.initials-avatar.xs {

  width: 25px;

  height: 25px;

  font-size: 12px;

  margin-top: -2px;



}





.initials-avatar.small {

  width: 35px;

  height: 35px;

  font-size: 16px;

  margin-top: 1px;



}



.infoside {

  margin-top: 10px !important;

}



@media (max-width: 768px) {

  .initials-avatar.medium {

    margin-top: 5px;

    width: 50px;

    height: 50px;

    font-size: 24px;

  }

  .nav>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;

  }

}


.shepherd-text.shepherd-text {
  font-size: 14px !important;

}

.shepherd-element.shepherd-element {
  box-shadow: 0 1px 4px rgba(0,0,0,.2) !important;
}


.shepherd-element.shepherd-element:focus {
  box-shadow: 0 1px 4px rgba(0,0,0,.2) !important;
}


.shepherd-button.shepherd-button {
  background-color: #7AB55C !important;
}

.shepherd-element:focus {
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}




/* ---------- LIVE-CHAT ---------- */

#live-chat {
  bottom: 0;
  font-size: 13px;
  right: 24px;
  position: fixed;
  width: 300px;
  z-index: 9999;
}

#live-chat header {
  background: #323232;
  border-radius: 5px 5px 0 0;
  color: #fff;
  cursor: pointer;
  padding: 16px 24px;
}

#live-chat h4:before {
  background: #1a8a34;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 8px 0 0;
  width: 8px;
}

#live-chat h4 {
  font-size: 14px;
  font-weight: bold;
}

#live-chat h5 {
  font-size: 10px;
}

#live-chat form {
  padding: 24px;
}

#live-chat input[type="text"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 8px;
  outline: none;
  width: 234px;
}

.chat-message-counter {
  background: #e62727;
  border: 1px solid #fff;
  border-radius: 50%;
  display: none;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  left: 0;
  line-height: 28px;
  margin: -15px 0 0 -15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 28px;
}

.chat-close {
  background: #1b2126;
  border-radius: 50%;
  color: #fff;
  display: block;
  float: right;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin: 2px 0 0 0;
  text-align: center;
  width: 16px;
}

.chat {
  background: #fff;
  border: 1px solid #eaeaea;

}

.chat-history {
  height: 252px;
  padding: 8px 24px;
  overflow-y: scroll;
}

.chat-message {
  margin: 16px 0;
}

.chat-message img {
  border-radius: 50%;
  float: left;
}

.chat-message-content {
  margin-left: 56px;
}

.chat-time {
  float: right;
  font-size: 10px;
}

.chat-feedback {
  font-style: italic;
  margin: 0 0 0 80px;
}

    .blinking {
      animation: slowBlink 3s steps(1, start) infinite;
    }

    @keyframes slowBlink {
      50% {
        opacity: 0;
      }
    }

    .stopwatch {
      font-weight: bold;
      font-size: 1.2em;
    }


.ig-addon-aligned {
      width: 10rem;
    text-align: right;
    }

    .dist {
      padding-bottom: 0.3rem;
    }

    .input-group .input-group-addon {
      border-top-left-radius: 0.3rem;
      border-bottom-left-radius: 0.3rem;

    }

    input.input-sm.form-control {
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem;
    }

    .details-box label {
      margin: 0;
    }

    .bg-white {
      background-color: #fff !important;
    }