.theme-red a,
.theme-red .nav-tabs li.active a,
.theme-red .sidebar .legal .copyright a,
.theme-red .nav-tabs li.active a,
.theme-red .sidebar .menu .list li.active > :first-child i, .theme-red .sidebar .menu .list li.active > :first-child span {
  color: #B20101; }

.theme-red .navbar,
.theme-red .pagination li.active a,
.theme-red .btn-primary,
.theme-red .btn-primary:hover,
.theme-red .btn-primary:active,
.theme-red .btn-primary.active,
.theme-red .btn-primary:focus,
.theme-red [type="checkbox"].filled-in:checked + label:after,
.theme-red [type="radio"]:checked + label::after,
.theme-red [type="radio"].with-gap:checked + label::after,
.theme-red .toggle-on.active,
.theme-red .toggle-on:active,
.theme-red .open > .dropdown-toggle.btn-default {
  background-color: #B20101 !important; }

.theme-red [type="radio"]:checked + label::before,
.theme-red [type="radio"]:checked + label::after,
.theme-red [type="radio"].with-gap:checked + label::after {
  border-color: #B20101 !important; }

.theme-red .btn-info,
.theme-red .bars,
.theme-red .btn-primary,
.theme-red .navbar-brand,
.theme-red .navbar-brand:hover,
.theme-red .navbar-brand:active,
.theme-red .navbar-brand:focus,
.theme-red .nav > li > a,
.theme-red .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-red .toggle-on.active,
.theme-red .toggle-on:active,
.theme-red .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-red .btn-primary.active,
.theme-red .btn-primary:active,
.theme-red .open > .dropdown-toggle.btn-primary {
  background-color: #6e0101 !important;
  border-color: #6e0101  !important;
}

.theme-red [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #B20101; }

.theme-red [type="checkbox"]:checked + label:before {
  border-right: 2px solid #B20101;
  border-bottom: 2px solid #B20101; }

.theme-red .nav-tabs > li > a::before {
  border-bottom: 2px solid #B20101; }

.theme-red .btn-primary,
.theme-red .btn-primary:hover,
.theme-red .btn-primary.active.focus,
.theme-red .btn-primary.active:focus,
.theme-red .btn-primary.active:hover,
.theme-red .btn-primary:active.focus,
.theme-red .btn-primary:active:focus,
.theme-red .btn-primary:active:hover,
.theme-red .open > .dropdown-toggle.btn-primary.focus,
.theme-red .open > .dropdown-toggle.btn-primary:focus,
.theme-red .open > .dropdown-toggle.btn-primary:hover {
  border-color:#B20101; }

/* Theme Pink */
.theme-pink a,
.theme-pink .nav-tabs li.active a,
.theme-pink .sidebar .legal .copyright a,
.theme-pink .nav-tabs li.active a,
.theme-pink .sidebar .menu .list li.active > :first-child i, .theme-pink .sidebar .menu .list li.active > :first-child span {
  color: #E91E63; }

.theme-pink .navbar,
.theme-pink .pagination li.active a,
.theme-pink .btn-primary,
.theme-pink .btn-primary:hover,
.theme-pink .btn-primary:active,
.theme-pink .btn-primary.active,
.theme-pink .btn-primary:focus,
.theme-pink [type="checkbox"].filled-in:checked + label:after,
.theme-pink [type="radio"]:checked + label::after,
.theme-pink [type="radio"].with-gap:checked + label::after,
.theme-pink .toggle-on.active,
.theme-pink .toggle-on:active,
.theme-pink .open > .dropdown-toggle.btn-default {
  background-color: #E91E63 !important; }

.theme-pink [type="radio"]:checked + label::before,
.theme-pink [type="radio"]:checked + label::after,
.theme-pink [type="radio"].with-gap:checked + label::after {
  border-color: #E91E63 !important; }

.theme-pink .btn-info,
.theme-pink .bars,
.theme-pink .btn-primary,
.theme-pink .navbar-brand,
.theme-pink .navbar-brand:hover,
.theme-pink .navbar-brand:active,
.theme-pink .navbar-brand:focus,
.theme-pink .nav > li > a,
.theme-pink .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-pink .toggle-on.active,
.theme-pink .toggle-on:active,
.theme-pink .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-pink .btn-primary.active,
.theme-pink .btn-primary:active,
.theme-pink .open > .dropdown-toggle.btn-primary {
  background-color: #a21042 !important;
  border-color: #a21042  !important;
}

.theme-pink [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #E91E63; }

.theme-pink [type="checkbox"]:checked + label:before {
  border-right: 2px solid #E91E63;
  border-bottom: 2px solid #E91E63; }

.theme-pink .nav-tabs > li > a::before {
  border-bottom: 2px solid #E91E63; }

.theme-pink .btn-primary,
.theme-pink .btn-primary:hover,
.theme-pink .btn-primary.active.focus,
.theme-pink .btn-primary.active:focus,
.theme-pink .btn-primary.active:hover,
.theme-pink .btn-primary:active.focus,
.theme-pink .btn-primary:active:focus,
.theme-pink .btn-primary:active:hover,
.theme-pink .open > .dropdown-toggle.btn-primary.focus,
.theme-pink .open > .dropdown-toggle.btn-primary:focus,
.theme-pink .open > .dropdown-toggle.btn-primary:hover {
  border-color:#E91E63; }

/* Theme Purple */
.theme-purple a,
.theme-purple .nav-tabs li.active a,
.theme-purple .sidebar .legal .copyright a,
.theme-purple .nav-tabs li.active a,
.theme-purple .sidebar .menu .list li.active > :first-child i, .theme-purple .sidebar .menu .list li.active > :first-child span {
  color: #9C27B0; }

.theme-purple .navbar,
.theme-purple .pagination li.active a,
.theme-purple .btn-primary,
.theme-purple .btn-primary:hover,
.theme-purple .btn-primary:active,
.theme-purple .btn-primary.active,
.theme-purple .btn-primary:focus,
.theme-purple [type="checkbox"].filled-in:checked + label:after,
.theme-purple [type="radio"]:checked + label::after,
.theme-purple [type="radio"].with-gap:checked + label::after,
.theme-purple .toggle-on.active,
.theme-purple .toggle-on:active,
.theme-purple .open > .dropdown-toggle.btn-default {
  background-color: #9C27B0 !important; }

.theme-purple [type="radio"]:checked + label::before,
.theme-purple [type="radio"]:checked + label::after,
.theme-purple [type="radio"].with-gap:checked + label::after {
  border-color: #9C27B0 !important; }

.theme-purple .bars,
.theme-purple .btn-info,
.theme-purple .btn-primary,
.theme-purple .navbar-brand,
.theme-purple .navbar-brand:hover,
.theme-purple .navbar-brand:active,
.theme-purple .navbar-brand:focus,
.theme-purple .nav > li > a,
.theme-purple .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-purple .toggle-on.active,
.theme-purple .toggle-on:active,
.theme-purple .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-purple .btn-primary.active,
.theme-purple .btn-primary:active,
.theme-purple .open > .dropdown-toggle.btn-primary {
  background-color: #52155d !important;
  border-color: #52155d  !important;
}

.theme-purple [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #9C27B0; }

.theme-purple [type="checkbox"]:checked + label:before {
  border-right: 2px solid #9C27B0;
  border-bottom: 2px solid #9C27B0; }

.theme-purple .nav-tabs > li > a::before {
  border-bottom: 2px solid #9C27B0; }

.theme-purple .btn-primary,
.theme-purple .btn-primary:hover,
.theme-purple .btn-primary.active.focus,
.theme-purple .btn-primary.active:focus,
.theme-purple .btn-primary.active:hover,
.theme-purple .btn-primary:active.focus,
.theme-purple .btn-primary:active:focus,
.theme-purple .btn-primary:active:hover,
.theme-purple .open > .dropdown-toggle.btn-primary.focus,
.theme-purple .open > .dropdown-toggle.btn-primary:focus,
.theme-purple .open > .dropdown-toggle.btn-primary:hover {
  border-color:#9C27B0; }

/* Deep Purple */

.theme-deep-purple a,
.theme-deep-purple .nav-tabs li.active a,
.theme-deep-purple .sidebar .legal .copyright a,
.theme-deep-purple .nav-tabs li.active a,
.theme-deep-purple .sidebar .menu .list li.active > :first-child i, .theme-deep-purple .sidebar .menu .list li.active > :first-child span {
  color: #673AB7; }

.theme-deep-purple .navbar,
.theme-deep-purple .pagination li.active a,
.theme-deep-purple .btn-primary,
.theme-deep-purple .btn-primary:hover,
.theme-deep-purple .btn-primary:active,
.theme-deep-purple .btn-primary.active,
.theme-deep-purple .btn-primary:focus,
.theme-deep-purple [type="checkbox"].filled-in:checked + label:after,
.theme-deep-purple [type="radio"]:checked + label::after,
.theme-deep-purple [type="radio"].with-gap:checked + label::after,
.theme-deep-purple .toggle-on.active,
.theme-deep-purple .toggle-on:active,
.theme-deep-purple .open > .dropdown-toggle.btn-default {
  background-color: #673AB7 !important; }

.theme-deep-purple [type="radio"]:checked + label::before,
.theme-deep-purple [type="radio"]:checked + label::after,
.theme-deep-purple [type="radio"].with-gap:checked + label::after {
  border-color: #673AB7 !important; }

.theme-deep-purple .bars,
.theme-deep-purple .btn-info,
.theme-deep-purple .btn-primary,
.theme-deep-purple .navbar-brand,
.theme-deep-purple .navbar-brand:hover,
.theme-deep-purple .navbar-brand:active,
.theme-deep-purple .navbar-brand:focus,
.theme-deep-purple .nav > li > a,
.theme-deep-purple .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-deep-purple .toggle-on.active,
.theme-deep-purple .toggle-on:active,
.theme-deep-purple .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-deep-purple .btn-primary.active,
.theme-deep-purple .btn-primary:active,
.theme-deep-purple .open > .dropdown-toggle.btn-primary {
  background-color: #2d3a83 !important;
  border-color: #2d3a83  !important;
}

.theme-deep-purple [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #673AB7; }

.theme-deep-purple [type="checkbox"]:checked + label:before {
  border-right: 2px solid #673AB7;
  border-bottom: 2px solid #673AB7; }

.theme-deep-purple .nav-tabs > li > a::before {
  border-bottom: 2px solid #673AB7; }

.theme-deep-purple .btn-primary,
.theme-deep-purple .btn-primary:hover,
.theme-deep-purple .btn-primary.active.focus,
.theme-deep-purple .btn-primary.active:focus,
.theme-deep-purple .btn-primary.active:hover,
.theme-deep-purple .btn-primary:active.focus,
.theme-deep-purple .btn-primary:active:focus,
.theme-deep-purple .btn-primary:active:hover,
.theme-deep-purple .open > .dropdown-toggle.btn-primary.focus,
.theme-deep-purple .open > .dropdown-toggle.btn-primary:focus,
.theme-deep-purple .open > .dropdown-toggle.btn-primary:hover {
  border-color:#673AB7; }


/* Indigo */

.theme-indigo a,
.theme-indigo .nav-tabs li.active a,
.theme-indigo .sidebar .legal .copyright a,
.theme-indigo .nav-tabs li.active a,
.theme-indigo .sidebar .menu .list li.active > :first-child i, .theme-indigo .sidebar .menu .list li.active > :first-child span {
  color: #3F51B5; }

.theme-indigo .navbar,
.theme-indigo .pagination li.active a,
.theme-indigo .btn-primary,
.theme-indigo .btn-primary:hover,
.theme-indigo .btn-primary:active,
.theme-indigo .btn-primary.active,
.theme-indigo .btn-primary:focus,
.theme-indigo [type="checkbox"].filled-in:checked + label:after,
.theme-indigo [type="radio"]:checked + label::after,
.theme-indigo [type="radio"].with-gap:checked + label::after,
.theme-indigo .toggle-on.active,
.theme-indigo .toggle-on:active,
.theme-indigo .open > .dropdown-toggle.btn-default {
  background-color: #3F51B5 !important; }

.theme-indigo [type="radio"]:checked + label::before,
.theme-indigo [type="radio"]:checked + label::after,
.theme-indigo [type="radio"].with-gap:checked + label::after {
  border-color: #3F51B5 !important; }

.theme-indigo .bars,
.theme-indigo .btn-info,
.theme-indigo .btn-primary,
.theme-indigo .navbar-brand,
.theme-indigo .navbar-brand:hover,
.theme-indigo .navbar-brand:active,
.theme-indigo .navbar-brand:focus,
.theme-indigo .nav > li > a,
.theme-indigo .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-indigo .toggle-on.active,
.theme-indigo .toggle-on:active,
.theme-indigo .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-indigo .btn-primary.active,
.theme-indigo .btn-primary:active,
.theme-indigo .open > .dropdown-toggle.btn-primary {
  background-color: #432677 !important;
  border-color: #432677  !important;
}
.theme-indigo [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #3F51B5; }

.theme-indigo [type="checkbox"]:checked + label:before {
  border-right: 2px solid #3F51B5;
  border-bottom: 2px solid #3F51B5; }

.theme-indigo .nav-tabs > li > a::before {
  border-bottom: 2px solid #3F51B5; }

.theme-indigo .btn-primary,
.theme-indigo .btn-primary:hover,
.theme-indigo .btn-primary.active.focus,
.theme-indigo .btn-primary.active:focus,
.theme-indigo .btn-primary.active:hover,
.theme-indigo .btn-primary:active.focus,
.theme-indigo .btn-primary:active:focus,
.theme-indigo .btn-primary:active:hover,
.theme-indigo .open > .dropdown-toggle.btn-primary.focus,
.theme-indigo .open > .dropdown-toggle.btn-primary:focus,
.theme-indigo .open > .dropdown-toggle.btn-primary:hover {
  border-color:#3F51B5; }

/* Blue */

.theme-blue a,
.theme-blue .nav-tabs li.active a,
.theme-blue .sidebar .legal .copyright a,
.theme-blue .nav-tabs li.active a,
.theme-blue .sidebar .menu .list li.active > :first-child i, .theme-blue .sidebar .menu .list li.active > :first-child span {
  color: #2196F3; }

.theme-blue .navbar,
.theme-blue .pagination li.active a,
.theme-blue .btn-primary,
.theme-blue .btn-primary:hover,
.theme-blue .btn-primary:active,
.theme-blue .btn-primary.active,
.theme-blue .btn-primary:focus,
.theme-blue [type="checkbox"].filled-in:checked + label:after,
.theme-blue [type="radio"]:checked + label::after,
.theme-blue [type="radio"].with-gap:checked + label::after,
.theme-blue .toggle-on.active,
.theme-blue .toggle-on:active,
.theme-blue .open > .dropdown-toggle.btn-default {
  background-color: #2196F3 !important; }

.theme-blue [type="radio"]:checked + label::after,
.theme-blue [type="radio"]:checked + label::before,
.theme-blue [type="radio"].with-gap:checked + label::after {
  border-color: #2196f3 !important; }

.theme-blue .btn-info,
.theme-blue .btn-primary,
.theme-blue .bars,
.theme-blue .navbar-brand,
.theme-blue .navbar-brand:hover,
.theme-blue .navbar-brand:active,
.theme-blue .navbar-brand:focus,
.theme-blue .nav > li > a,
.theme-blue .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-blue .toggle-on.active,
.theme-blue .toggle-on:active,
.theme-blue .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-blue .btn-primary.active,
.theme-blue .btn-primary:active,
.theme-blue .open > .dropdown-toggle.btn-primary {
  background-color: #286090 !important;
  border-color: #286090  !important;
}

.theme-blue [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #2196F3; }

.theme-blue [type="checkbox"]:checked + label:before {
  border-right: 2px solid #2196F3;
  border-bottom: 2px solid #2196F3; }

.theme-blue .nav-tabs > li > a::before {
  border-bottom: 2px solid #2196F3; }

.theme-blue .btn-primary,
.theme-blue .btn-primary:hover,
.theme-blue .btn-primary.active.focus,
.theme-blue .btn-primary.active:focus,
.theme-blue .btn-primary.active:hover,
.theme-blue .btn-primary:active.focus,
.theme-blue .btn-primary:active:focus,
.theme-blue .btn-primary:active:hover,
.theme-blue .open > .dropdown-toggle.btn-primary.focus,
.theme-blue .open > .dropdown-toggle.btn-primary:focus,
.theme-blue .open > .dropdown-toggle.btn-primary:hover {
  border-color:#2196F3; }

/* Light Blue */

.theme-light-blue .sidebar .menu {
  background:#000;
}

.theme-light-blue .sidebar .menu .list a ,
.theme-light-blue .sidebar .menu .list a span {
  color:#fff;
}

.theme-light-blue .sidebar .user-info {
  border-bottom:#222;
}

.theme-light-blue a,
.theme-light-blue .nav-tabs li.active a,
.theme-light-blue .sidebar .legal .copyright a,
.theme-light-blue .nav-tabs li.active a,
.theme-light-blue .sidebar .menu .list li.active > :first-child i, .theme-light-blue .sidebar .menu .list li.active > :first-child span {
  color: #4fc7fd; }

.theme-light-blue .navbar,
.theme-light-blue .pagination li.active a,
.theme-light-blue .btn-primary,
.theme-light-blue .btn-primary:hover,
.theme-light-blue .btn-primary:active,
.theme-light-blue .btn-primary.active,
.theme-light-blue .btn-primary:focus,
.theme-light-blue [type="checkbox"].filled-in:checked + label:after,
.theme-light-blue [type="radio"]:checked + label::after,
.theme-light-blue [type="radio"].with-gap:checked + label::after,
.theme-light-blue .toggle-on.active,
.theme-light-blue .toggle-on:active,
.theme-light-blue .open > .dropdown-toggle.btn-default {
  background-color: #4fc7fd !important; }

.theme-light-blue [type="radio"]:checked + label::before,
.theme-light-blue [type="radio"]:checked + label::after,
.theme-light-blue [type="radio"].with-gap:checked + label::after {
  border-color: #4fc7fd !important; }

.theme-light-blue .navbar-brand,
.theme-light-blue .navbar-brand:hover,
.theme-light-blue .navbar-brand:active,
.theme-light-blue .navbar-brand:focus,
.theme-light-blue .nav > li > a,
.theme-light-blue .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-light-blue .toggle-on.active,
.theme-light-blue .toggle-on:active,
.theme-light-blue .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-light-blue .btn-info,
.theme-light-blue .bars,
.theme-light-blue .label-count,
.theme-light-blue .btn-primary {
  color:#fff;
}

.theme-light-blue .btn-primary.active,
.theme-light-blue .btn-primary:active,
.theme-light-blue .open > .dropdown-toggle.btn-primary {
  background-color: #039ee4 !important;
  border-color: #039ee4  !important;
}

.theme-light-blue .label-count {
  background:#fff;
  color:#000;
}

.theme-light-blue [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #4fc7fd; }

.theme-light-blue [type="checkbox"]:checked + label:before {
  border-right: 2px solid #4fc7fd;
  border-bottom: 2px solid #4fc7fd; }

.theme-light-blue .nav-tabs > li > a::before {
  border-bottom: 2px solid #4fc7fd; }

.theme-light-blue .btn-primary,
.theme-light-blue .btn-primary:hover,
.theme-light-blue .btn-primary.active.focus,
.theme-light-blue .btn-primary.active:focus,
.theme-light-blue .btn-primary.active:hover,
.theme-light-blue .btn-primary:active.focus,
.theme-light-blue .btn-primary:active:focus,
.theme-light-blue .btn-primary:active:hover,
.theme-light-blue .open > .dropdown-toggle.btn-primary.focus,
.theme-light-blue .open > .dropdown-toggle.btn-primary:focus,
.theme-light-blue .open > .dropdown-toggle.btn-primary:hover {
  border-color:#4fc7fd; }


/* Cyan */
.theme-cyan .sidebar .menu {
  background:#000;
}

.theme-cyan .sidebar .menu .list a ,
.theme-cyan .sidebar .menu .list a span {
  color:#fff;
}

.theme-cyan .sidebar .user-info {
  border-bottom:#222;
}

.theme-cyan a,
.theme-cyan .nav-tabs li.active a,
.theme-cyan .sidebar .legal .copyright a,
.theme-cyan .nav-tabs li.active a,
.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
  color: #00BCD4; }

.theme-cyan .navbar,
.theme-cyan .pagination li.active a,
.theme-cyan .btn-primary,
.theme-cyan .btn-primary:hover,
.theme-cyan .btn-primary:active,
.theme-cyan .btn-primary.active,
.theme-cyan .btn-primary:focus,
.theme-cyan [type="checkbox"].filled-in:checked + label:after,
.theme-cyan [type="radio"]:checked + label::after,
.theme-cyan [type="radio"].with-gap:checked + label::after,
.theme-cyan .toggle-on.active,
.theme-cyan .toggle-on:active,
.theme-cyan .open > .dropdown-toggle.btn-default {
  background-color: #00BCD4 !important; }

.theme-cyan [type="radio"]:checked + label::before,
.theme-cyan [type="radio"]:checked + label::after,
.theme-cyan [type="radio"].with-gap:checked + label::after {
  border-color: #00BCD4 !important; }

.theme-cyan .btn-info,
.theme-cyan .bars,
.theme-cyan .btn-primary,
.theme-cyan .navbar-brand,
.theme-cyan .navbar-brand:hover,
.theme-cyan .navbar-brand:active,
.theme-cyan .navbar-brand:focus,
.theme-cyan .nav > li > a,
.theme-cyan .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-cyan .toggle-on.active,
.theme-cyan .toggle-on:active,
.theme-cyan .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-cyan .btn-primary.active,
.theme-cyan .btn-primary:active,
.theme-cyan .open > .dropdown-toggle.btn-primary {
  background-color: #008090 !important;
  border-color: #008090  !important;
}
.theme-cyan .label-count {
  background:#fff;
  color:#000;
}

.theme-cyan [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #00BCD4; }

.theme-cyan [type="checkbox"]:checked + label:before {
  border-right: 2px solid #00BCD4;
  border-bottom: 2px solid #00BCD4; }

.theme-cyan .nav-tabs > li > a::before {
  border-bottom: 2px solid #00BCD4; }

.theme-cyan .btn-primary,
.theme-cyan .btn-primary:hover,
.theme-cyan .btn-primary.active.focus,
.theme-cyan .btn-primary.active:focus,
.theme-cyan .btn-primary.active:hover,
.theme-cyan .btn-primary:active.focus,
.theme-cyan .btn-primary:active:focus,
.theme-cyan .btn-primary:active:hover,
.theme-cyan .open > .dropdown-toggle.btn-primary.focus,
.theme-cyan .open > .dropdown-toggle.btn-primary:focus,
.theme-cyan .open > .dropdown-toggle.btn-primary:hover {
  border-color:#00BCD4; }

/* Teal */

.theme-teal a,
.theme-teal .nav-tabs li.active a,
.theme-teal .sidebar .legal .copyright a,
.theme-teal .nav-tabs li.active a,
.theme-teal .sidebar .menu .list li.active > :first-child i, .theme-teal .sidebar .menu .list li.active > :first-child span {
  color: #009688; }

.theme-teal .navbar,
.theme-teal .pagination li.active a,
.theme-teal .btn-primary,
.theme-teal .btn-primary:hover,
.theme-teal .btn-primary:active,
.theme-teal .btn-primary.active,
.theme-teal .btn-primary:focus,
.theme-teal [type="checkbox"].filled-in:checked + label:after,
.theme-teal [type="radio"]:checked + label::after,
.theme-teal [type="radio"].with-gap:checked + label::after,
.theme-teal .toggle-on.active,
.theme-teal .toggle-on:active,
.theme-teal .open > .dropdown-toggle.btn-default {
  background-color: #009688 !important; }

.theme-teal [type="radio"]:checked + label::before,
.theme-teal [type="radio"]:checked + label::after,
.theme-teal [type="radio"].with-gap:checked + label::after {
  border-color: #009688 !important; }

.theme-teal .bars,
.theme-teal .btn-info,
.theme-teal .btn-primary,
.theme-teal .navbar-brand,
.theme-teal .navbar-brand:hover,
.theme-teal .navbar-brand:active,
.theme-teal .navbar-brand:focus,
.theme-teal .nav > li > a,
.theme-teal .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-teal .toggle-on.active,
.theme-teal .toggle-on:active,
.theme-teal .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-teal .btn-primary.active,
.theme-teal .btn-primary:active,
.theme-teal .open > .dropdown-toggle.btn-primary {
  background-color: #00c9b6 !important;
  border-color: #00c9b6  !important;
}

.theme-teal [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #009688; }

.theme-teal [type="checkbox"]:checked + label:before {
  border-right: 2px solid #009688;
  border-bottom: 2px solid #009688; }

.theme-teal .nav-tabs > li > a::before {
  border-bottom: 2px solid #009688; }

.theme-teal .btn-primary,
.theme-teal .btn-primary:hover,
.theme-teal .btn-primary.active.focus,
.theme-teal .btn-primary.active:focus,
.theme-teal .btn-primary.active:hover,
.theme-teal .btn-primary:active.focus,
.theme-teal .btn-primary:active:focus,
.theme-teal .btn-primary:active:hover,
.theme-teal .open > .dropdown-toggle.btn-primary.focus,
.theme-teal .open > .dropdown-toggle.btn-primary:focus,
.theme-teal .open > .dropdown-toggle.btn-primary:hover {
  border-color:#009688; }

/* Green */

.theme-green a,
.theme-green .nav-tabs li.active a,
.theme-green .sidebar .legal .copyright a,
.theme-green .nav-tabs li.active a,
.theme-green .sidebar .menu .list li.active > :first-child i, .theme-green .sidebar .menu .list li.active > :first-child span {
  color: #4CAF50; }

.theme-green .navbar,
.theme-green .pagination li.active a,
.theme-green .btn-primary,
.theme-green .btn-primary:hover,
.theme-green .btn-primary:active,
.theme-green .btn-primary.active,
.theme-green .btn-primary:focus,
.theme-green [type="checkbox"].filled-in:checked + label:after,
.theme-green [type="radio"]:checked + label::after,
.theme-green [type="radio"].with-gap:checked + label::after,
.theme-green .toggle-on.active,
.theme-green .toggle-on:active,
.theme-green .open > .dropdown-toggle.btn-default {
  background-color: #4CAF50 !important; }

.theme-green [type="radio"]:checked + label::before,
.theme-green [type="radio"]:checked + label::after,
.theme-green [type="radio"].with-gap:checked + label::after {
  border-color: #4CAF50 !important; }

.theme-green .bars,
.theme-green .btn-info,
.theme-green .btn-primary,
.theme-green .navbar-brand,
.theme-green .navbar-brand:hover,
.theme-green .navbar-brand:active,
.theme-green .navbar-brand:focus,
.theme-green .nav > li > a,
.theme-green .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-green .toggle-on.active,
.theme-green .toggle-on:active,
.theme-green .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-green .btn-primary.active,
.theme-green .btn-primary:active,
.theme-green .open > .dropdown-toggle.btn-primary {
  background-color: #429745 !important;
  border-color: #429745  !important;
}

.theme-green [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #4CAF50; }

.theme-green [type="checkbox"]:checked + label:before {
  border-right: 2px solid #4CAF50;
  border-bottom: 2px solid #4CAF50; }

.theme-green .nav-tabs > li > a::before {
  border-bottom: 2px solid #4CAF50; }

.theme-green .btn-primary,
.theme-green .btn-primary:hover,
.theme-green .btn-primary.active.focus,
.theme-green .btn-primary.active:focus,
.theme-green .btn-primary.active:hover,
.theme-green .btn-primary:active.focus,
.theme-green .btn-primary:active:focus,
.theme-green .btn-primary:active:hover,
.theme-green .open > .dropdown-toggle.btn-primary.focus,
.theme-green .open > .dropdown-toggle.btn-primary:focus,
.theme-green .open > .dropdown-toggle.btn-primary:hover {
  border-color:#4CAF50; }

/* Light Green */
.theme-light-green .sidebar .menu {
  background:#000;
}

.theme-light-green .sidebar .menu .list a ,
.theme-light-green .sidebar .menu .list a span {
  color:#fff;
}

.theme-light-green .sidebar .user-info {
  border-bottom:#222;
}

.theme-light-green a,
.theme-light-green .nav-tabs li.active a,
.theme-light-green .sidebar .legal .copyright a,
.theme-light-green .nav-tabs li.active a,
.theme-light-green .sidebar .menu .list li.active > :first-child i, .theme-light-green .sidebar .menu .list li.active > :first-child span {
  color: #8BC34A; }

.theme-light-green .navbar,
.theme-light-green .pagination li.active a,
.theme-light-green .btn-primary,
.theme-light-green .btn-primary:hover,
.theme-light-green .btn-primary:active,
.theme-light-green .btn-primary.active,
.theme-light-green .btn-primary:focus,
.theme-light-green [type="checkbox"].filled-in:checked + label:after,
.theme-light-green [type="radio"]:checked + label::after,
.theme-light-green [type="radio"].with-gap:checked + label::after,
.theme-light-green .toggle-on.active,
.theme-light-green .toggle-on:active,
.theme-light-green .open > .dropdown-toggle.btn-default {
  background-color: #8BC34A !important; }

.theme-light-green [type="radio"]:checked + label::before,
.theme-light-green [type="radio"]:checked + label::after,
.theme-light-green [type="radio"].with-gap:checked + label::after {
  border-color: #8BC34A !important; }

.theme-light-green .btn-info,
.theme-light-green .bars,
.theme-light-green .btn-primary,
.theme-light-green .navbar-brand,
.theme-light-green .navbar-brand:hover,
.theme-light-green .navbar-brand:active,
.theme-light-green .navbar-brand:focus,
.theme-light-green .nav > li > a,
.theme-light-green .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-light-green .toggle-on.active,
.theme-light-green .toggle-on:active,
.theme-light-green .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-light-green .btn-primary.active,
.theme-light-green .btn-primary:active,
.theme-light-green .open > .dropdown-toggle.btn-primary {
  background-color: #689732 !important;
  border-color: #689732  !important;
}

.theme-light-green .label-count  {
  background:#fff;
  color:#000;
}

.theme-light-green [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #8BC34A; }

.theme-light-green [type="checkbox"]:checked + label:before {
  border-right: 2px solid #8BC34A;
  border-bottom: 2px solid #8BC34A; }

.theme-light-green .nav-tabs > li > a::before {
  border-bottom: 2px solid #8BC34A; }

.theme-light-green .btn-primary,
.theme-light-green .btn-primary:hover,
.theme-light-green .btn-primary.active.focus,
.theme-light-green .btn-primary.active:focus,
.theme-light-green .btn-primary.active:hover,
.theme-light-green .btn-primary:active.focus,
.theme-light-green .btn-primary:active:focus,
.theme-light-green .btn-primary:active:hover,
.theme-light-green .open > .dropdown-toggle.btn-primary.focus,
.theme-light-green .open > .dropdown-toggle.btn-primary:focus,
.theme-light-green .open > .dropdown-toggle.btn-primary:hover {
  border-color:#8BC34A; }

/* lime */

.theme-lime .sidebar .menu {
  background:#000;
}

.theme-lime .sidebar .menu .list a ,
.theme-lime .sidebar .menu .list a span {
  color:#fff;
}

.theme-lime .sidebar .user-info {
  border-bottom:#222;
}

.theme-lime a,
.theme-lime .nav-tabs li.active a,
.theme-lime .sidebar .legal .copyright a,
.theme-lime .nav-tabs li.active a,
.theme-lime .sidebar .menu .list li.active > :first-child i, .theme-lime .sidebar .menu .list li.active > :first-child span {
  color: #CDDC39; }

.theme-lime .navbar,
.theme-lime .pagination li.active a,
.theme-lime .btn-primary,
.theme-lime .btn-primary:hover,
.theme-lime .btn-primary:active,
.theme-lime .btn-primary.active,
.theme-lime .btn-primary:focus,
.theme-lime [type="checkbox"].filled-in:checked + label:after,
.theme-lime [type="radio"]:checked + label::after,
.theme-lime [type="radio"].with-gap:checked + label::after,
.theme-lime .toggle-on.active,
.theme-lime .toggle-on:active,
.theme-lime .open > .dropdown-toggle.btn-default {
  background-color: #CDDC39 !important; }

.theme-lime [type="radio"]:checked + label::before,
.theme-lime [type="radio"]:checked + label::after,
.theme-lime [type="radio"].with-gap:checked + label::after {
  border-color: #CDDC39 !important; }

.theme-lime .btn-info,
.theme-lime .bars,
.theme-lime .btn-primary,
.theme-lime .navbar-brand,
.theme-lime .navbar-brand:hover,
.theme-lime .navbar-brand:active,
.theme-lime .navbar-brand:focus,
.theme-lime .nav > li > a,
.theme-lime .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-lime .toggle-on.active,
.theme-lime .toggle-on:active,
.theme-lime .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-lime .btn-primary.active,
.theme-lime .btn-primary:active,
.theme-lime .open > .dropdown-toggle.btn-primary {
  background-color: #b2c022 !important;
  border-color: #b2c022  !important;
}

.theme-lime .label-count {
  background:#fff;
  color:#000;
}

.theme-lime [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #CDDC39; }

.theme-lime [type="checkbox"]:checked + label:before {
  border-right: 2px solid #CDDC39;
  border-bottom: 2px solid #CDDC39; }

.theme-lime .nav-tabs > li > a::before {
  border-bottom: 2px solid #CDDC39; }

.theme-lime .btn-primary,
.theme-lime .btn-primary:hover,
.theme-lime .btn-primary.active.focus,
.theme-lime .btn-primary.active:focus,
.theme-lime .btn-primary.active:hover,
.theme-lime .btn-primary:active.focus,
.theme-lime .btn-primary:active:focus,
.theme-lime .btn-primary:active:hover,
.theme-lime .open > .dropdown-toggle.btn-primary.focus,
.theme-lime .open > .dropdown-toggle.btn-primary:focus,
.theme-lime .open > .dropdown-toggle.btn-primary:hover {
  border-color:#CDDC39; }

/* yellow */

.theme-yellow .sidebar .menu {
  background:#000;
}

.theme-yellow .sidebar .menu .list a ,
.theme-yellow .sidebar .menu .list a span {
  color:#fff;
}

.theme-yellow .sidebar .user-info {
  border-bottom:#222;
}

.theme-yellow a,
.theme-yellow .nav-tabs li.active a,
.theme-yellow .sidebar .legal .copyright a,
.theme-yellow .nav-tabs li.active a,
.theme-yellow .sidebar .menu .list li.active > :first-child i, .theme-yellow .sidebar .menu .list li.active > :first-child span {
  color: #ffe821; }

.theme-yellow .navbar,
.theme-yellow .pagination li.active a,
.theme-yellow .btn-primary,
.theme-yellow .btn-primary:hover,
.theme-yellow .btn-primary:active,
.theme-yellow .btn-primary.active,
.theme-yellow .btn-primary:focus,
.theme-yellow [type="checkbox"].filled-in:checked + label:after,
.theme-yellow [type="radio"]:checked + label::after,
.theme-yellow [type="radio"].with-gap:checked + label::after,
.theme-yellow .toggle-on.active,
.theme-yellow .toggle-on:active,
.theme-yellow .open > .dropdown-toggle.btn-default {
  background-color: #ffe821 !important; }

.theme-yellow [type="radio"]:checked + label::before,
.theme-yellow [type="radio"]:checked + label::after,
.theme-yellow [type="radio"].with-gap:checked + label::after {
  border-color: #ffe821 !important; }

.theme-yellow .bars,
.theme-yellow .btn-info,
.theme-yellow .btn-primary,
.theme-yellow .navbar-brand,
.theme-yellow .navbar-brand:hover,
.theme-yellow .navbar-brand:active,
.theme-yellow .navbar-brand:focus,
.theme-yellow .nav > li > a,
.theme-yellow .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-yellow .toggle-on.active,
.theme-yellow .toggle-on:active,
.theme-yellow .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-yellow .btn-primary.active,
.theme-yellow .btn-primary:active,
.theme-yellow .open > .dropdown-toggle.btn-primary {
  background-color: #ffaa55 !important;
  border-color: #ffaa55 !important;
}

.theme-yellow .label-count {
  background:#fff;
  color:#000;
  border:1px solid #000;
}

.theme-yellow [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #ffe821; }

.theme-yellow [type="checkbox"]:checked + label:before {
  border-right: 2px solid #ffe821;
  border-bottom: 2px solid #ffe821; }

.theme-yellow .nav-tabs > li > a::before {
  border-bottom: 2px solid #ffe821; }

.theme-yellow .btn-primary,
.theme-yellow .btn-primary:hover,
.theme-yellow .btn-primary.active.focus,
.theme-yellow .btn-primary.active:focus,
.theme-yellow .btn-primary.active:hover,
.theme-yellow .btn-primary:active.focus,
.theme-yellow .btn-primary:active:focus,
.theme-yellow .btn-primary:active:hover,
.theme-yellow .open > .dropdown-toggle.btn-primary.focus,
.theme-yellow .open > .dropdown-toggle.btn-primary:focus,
.theme-yellow .open > .dropdown-toggle.btn-primary:hover {
  border-color:#ffe821; }

/* amber */

.theme-amber .sidebar .menu {
  background:#000;
}

.theme-amber .sidebar .menu .list a ,
.theme-amber .sidebar .menu .list a span {
  color:#fff;
}

.theme-amber .sidebar .user-info {
  border-bottom:#222;
}

.theme-amber a,
.theme-amber .nav-tabs li.active a,
.theme-amber .sidebar .legal .copyright a,
.theme-amber .nav-tabs li.active a,
.theme-amber .sidebar .menu .list li.active > :first-child i, .theme-amber .sidebar .menu .list li.active > :first-child span {
  color: #FFC107; }

.theme-amber .navbar,
.theme-amber .pagination li.active a,
.theme-amber .btn-primary,
.theme-amber .btn-primary:hover,
.theme-amber .btn-primary:active,
.theme-amber .btn-primary.active,
.theme-amber .btn-primary:focus,
.theme-amber [type="checkbox"].filled-in:checked + label:after,
.theme-amber [type="radio"]:checked + label::after,
.theme-amber [type="radio"].with-gap:checked + label::after,
.theme-amber .toggle-on.active,
.theme-amber .toggle-on:active,
.theme-amber .open > .dropdown-toggle.btn-default {
  background-color: #FFC107 !important; }

.theme-amber [type="radio"]:checked + label::before,
.theme-amber [type="radio"]:checked + label::after,
.theme-amber [type="radio"].with-gap:checked + label::after {
  border-color: #FFC107 !important; }

.theme-amber .bars,
.theme-amber .btn-primary,
.theme-amber .btn-info,
.theme-amber .navbar-brand,
.theme-amber .navbar-brand:hover,
.theme-amber .navbar-brand:active,
.theme-amber .navbar-brand:focus,
.theme-amber .nav > li > a,
.theme-amber .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-amber .toggle-on.active,
.theme-amber .toggle-on:active,
.theme-amber .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-amber .btn-primary.active,
.theme-amber .btn-primary:active,
.theme-amber .open > .dropdown-toggle.btn-primary {
  background-color: #d39e00 !important;
  border-color: #d39e00 !important;
}

.theme-amber .label-count {
  background:#000;
  color:#fff;
}

.theme-amber [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #FFC107; }

.theme-amber [type="checkbox"]:checked + label:before {
  border-right: 2px solid #FFC107;
  border-bottom: 2px solid #FFC107; }

.theme-amber .nav-tabs > li > a::before {
  border-bottom: 2px solid #FFC107; }

.theme-amber .btn-primary,
.theme-amber .btn-primary:hover,
.theme-amber .btn-primary.active.focus,
.theme-amber .btn-primary.active:focus,
.theme-amber .btn-primary.active:hover,
.theme-amber .btn-primary:active.focus,
.theme-amber .btn-primary:active:focus,
.theme-amber .btn-primary:active:hover,
.theme-amber .open > .dropdown-toggle.btn-primary.focus,
.theme-amber .open > .dropdown-toggle.btn-primary:focus,
.theme-amber .open > .dropdown-toggle.btn-primary:hover {
  border-color:#FFC107; }

/* orange */

.theme-orange .sidebar .menu {
  background:#000;
}

.theme-orange .sidebar .menu .list a ,
.theme-orange .sidebar .menu .list a span {
  color:#fff;
}

.theme-orange .sidebar .user-info {
  border-bottom:#222;
}

.theme-orange a,
.theme-orange .nav-tabs li.active a,
.theme-orange .sidebar .legal .copyright a,
.theme-orange .nav-tabs li.active a,
.theme-orange .sidebar .menu .list li.active > :first-child i, .theme-orange .sidebar .menu .list li.active > :first-child span {
  color: #FF9800; }

.theme-orange .navbar,
.theme-orange .pagination li.active a,
.theme-orange .btn-primary,
.theme-orange .btn-primary:hover,
.theme-orange .btn-primary:active,
.theme-orange .btn-primary.active,
.theme-orange .btn-primary:focus,
.theme-orange [type="checkbox"].filled-in:checked + label:after,
.theme-orange [type="radio"]:checked + label::after,
.theme-orange [type="radio"].with-gap:checked + label::after,
.theme-orange .toggle-on.active,
.theme-orange .toggle-on:active,
.theme-orange .open > .dropdown-toggle.btn-default {
  background-color: #FF9800 !important; }

.theme-orange [type="radio"]:checked + label::before,
.theme-orange [type="radio"]:checked + label::after,
.theme-orange [type="radio"].with-gap:checked + label::after {
  border-color: #FF9800 !important; }

.theme-orange .bars,
.theme-orange .btn-info,
.theme-orange .btn-primary,
.theme-orange .navbar-brand,
.theme-orange .navbar-brand:hover,
.theme-orange .navbar-brand:active,
.theme-orange .navbar-brand:focus,
.theme-orange .nav > li > a,
.theme-orange .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-orange .toggle-on.active,
.theme-orange .toggle-on:active,
.theme-orange .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-orange .btn-primary.active,
.theme-orange .btn-primary:active,
.theme-orange .open > .dropdown-toggle.btn-primary {
  background-color: #aa6500 !important;
  border-color: #aa6500  !important;
}

.theme-orange .label-count {
  background:#fff;
  color:#000;
}

.theme-orange [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #FF9800; }

.theme-orange [type="checkbox"]:checked + label:before {
  border-right: 2px solid #FF9800;
  border-bottom: 2px solid #FF9800; }

.theme-orange .nav-tabs > li > a::before {
  border-bottom: 2px solid #FF9800; }

.theme-orange .btn-primary,
.theme-orange .btn-primary:hover,
.theme-orange .btn-primary.active.focus,
.theme-orange .btn-primary.active:focus,
.theme-orange .btn-primary.active:hover,
.theme-orange .btn-primary:active.focus,
.theme-orange .btn-primary:active:focus,
.theme-orange .btn-primary:active:hover,
.theme-orange .open > .dropdown-toggle.btn-primary.focus,
.theme-orange .open > .dropdown-toggle.btn-primary:focus,
.theme-orange .open > .dropdown-toggle.btn-primary:hover {
  border-color:#FF9800; }

/* deep orange */

.theme-deep-orange a,
.theme-deep-orange .nav-tabs li.active a,
.theme-deep-orange .sidebar .legal .copyright a,
.theme-deep-orange .nav-tabs li.active a,
.theme-deep-orange .sidebar .menu .list li.active > :first-child i, .theme-deep-orange .sidebar .menu .list li.active > :first-child span {
  color: #FF5722; }

.theme-deep-orange .navbar,
.theme-deep-orange .pagination li.active a,
.theme-deep-orange .btn-primary,
.theme-deep-orange .btn-primary:hover,
.theme-deep-orange .btn-primary:active,
.theme-deep-orange .btn-primary.active,
.theme-deep-orange .btn-primary:focus,
.theme-deep-orange [type="checkbox"].filled-in:checked + label:after,
.theme-deep-orange [type="radio"]:checked + label::after,
.theme-deep-orange [type="radio"].with-gap:checked + label::after,
.theme-deep-orange .toggle-on.active,
.theme-deep-orange .toggle-on:active,
.theme-deep-orange .open > .dropdown-toggle.btn-default {
  background-color: #FF5722 !important; }

.theme-deep-orange [type="radio"]:checked + label::before,
.theme-deep-orange [type="radio"]:checked + label::after,
.theme-deep-orange [type="radio"].with-gap:checked + label::after {
  border-color: #FF5722 !important; }

.theme-deep-orange .bars,
.theme-deep-orange .btn-info,
.theme-deep-orange .btn-primary,
.theme-deep-orange .navbar-brand,
.theme-deep-orange .navbar-brand:hover,
.theme-deep-orange .navbar-brand:active,
.theme-deep-orange .navbar-brand:focus,
.theme-deep-orange .nav > li > a,
.theme-deep-orange .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-deep-orange .toggle-on.active,
.theme-deep-orange .toggle-on:active,
.theme-deep-orange .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-deep-orange .btn-primary.active,
.theme-deep-orange .btn-primary:active,
.theme-deep-orange .open > .dropdown-toggle.btn-primary {
  background-color: #bb2d00 !important;
  border-color: #bb2d00  !important;
}
.theme-deep-orange [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #FF5722; }

.theme-deep-orange [type="checkbox"]:checked + label:before {
  border-right: 2px solid #FF5722;
  border-bottom: 2px solid #FF5722; }

.theme-deep-orange .nav-tabs > li > a::before {
  border-bottom: 2px solid #FF5722; }

.theme-deep-orange .btn-primary,
.theme-deep-orange .btn-primary:hover,
.theme-deep-orange .btn-primary.active.focus,
.theme-deep-orange .btn-primary.active:focus,
.theme-deep-orange .btn-primary.active:hover,
.theme-deep-orange .btn-primary:active.focus,
.theme-deep-orange .btn-primary:active:focus,
.theme-deep-orange .btn-primary:active:hover,
.theme-deep-orange .open > .dropdown-toggle.btn-primary.focus,
.theme-deep-orange .open > .dropdown-toggle.btn-primary:focus,
.theme-deep-orange .open > .dropdown-toggle.btn-primary:hover {
  border-color:#FF5722; }

/* brown */

.theme-brown a,
.theme-brown .nav-tabs li.active a,
.theme-brown .sidebar .legal .copyright a,
.theme-brown .nav-tabs li.active a,
.theme-brown .sidebar .menu .list li.active > :first-child i, .theme-brown .sidebar .menu .list li.active > :first-child span {
  color: #795548; }

.theme-brown .navbar,
.theme-brown .pagination li.active a,
.theme-brown .btn-primary,
.theme-brown .btn-primary:hover,
.theme-brown .btn-primary:active,
.theme-brown .btn-primary.active,
.theme-brown .btn-primary:focus,
.theme-brown [type="checkbox"].filled-in:checked + label:after,
.theme-brown [type="radio"]:checked + label::after,
.theme-brown [type="radio"].with-gap:checked + label::after,
.theme-brown .toggle-on.active,
.theme-brown .toggle-on:active,
.theme-brown .open > .dropdown-toggle.btn-default {
  background-color: #795548 !important; }

.theme-brown [type="radio"]:checked + label::before,
.theme-brown [type="radio"]:checked + label::after,
.theme-brown [type="radio"].with-gap:checked + label::after {
  border-color: #795548 !important; }

.theme-brown .bars,
.theme-brown .btn-primary,
.theme-brown .btn-info,
.theme-brown .navbar-brand,
.theme-brown .navbar-brand:hover,
.theme-brown .navbar-brand:active,
.theme-brown .navbar-brand:focus,
.theme-brown .nav > li > a,
.theme-brown .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-brown .toggle-on.active,
.theme-brown .toggle-on:active,
.theme-brown .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-brown .btn-primary.active,
.theme-brown .btn-primary:active,
.theme-brown .open > .dropdown-toggle.btn-primary {
  background-color: #4e372f !important;
  border-color: #4e372f  !important;
}
.theme-brown [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #795548; }

.theme-brown [type="checkbox"]:checked + label:before {
  border-right: 2px solid #795548;
  border-bottom: 2px solid #795548; }

.theme-brown .nav-tabs > li > a::before {
  border-bottom: 2px solid #795548; }

.theme-brown .btn-primary,
.theme-brown .btn-primary:hover,
.theme-brown .btn-primary.active.focus,
.theme-brown .btn-primary.active:focus,
.theme-brown .btn-primary.active:hover,
.theme-brown .btn-primary:active.focus,
.theme-brown .btn-primary:active:focus,
.theme-brown .btn-primary:active:hover,
.theme-brown .open > .dropdown-toggle.btn-primary.focus,
.theme-brown .open > .dropdown-toggle.btn-primary:focus,
.theme-brown .open > .dropdown-toggle.btn-primary:hover {
  border-color:#795548; }

/* grey */

.theme-grey .sidebar .menu {
  background:#000;
}

.theme-grey .sidebar .menu .list a ,
.theme-grey .sidebar .menu .list a span {
  color:#fff;
}

.theme-grey .sidebar .user-info {
  border-bottom:#222;
}

.theme-grey a,
.theme-grey .nav-tabs li.active a,
.theme-grey .sidebar .legal .copyright a,
.theme-grey .nav-tabs li.active a,
.theme-grey .sidebar .menu .list li.active > :first-child i, .theme-grey .sidebar .menu .list li.active > :first-child span {
  color: #9E9E9E; }

.theme-grey .navbar,
.theme-grey .pagination li.active a,
.theme-grey .btn-primary,
.theme-grey .btn-primary:hover,
.theme-grey .btn-primary:active,
.theme-grey .btn-primary.active,
.theme-grey .btn-primary:focus,
.theme-grey [type="checkbox"].filled-in:checked + label:after,
.theme-grey [type="radio"]:checked + label::after,
.theme-grey [type="radio"].with-gap:checked + label::after,
.theme-grey .toggle-on.active,
.theme-grey .toggle-on:active,
.theme-grey .open > .dropdown-toggle.btn-default {
  background-color: #9E9E9E !important; }

.theme-grey [type="radio"]:checked + label::before,
.theme-grey [type="radio"]:checked + label::after,
.theme-grey [type="radio"].with-gap:checked + label::after {
  border-color: #9E9E9E !important; }

.theme-grey .bars,
.theme-grey .btn-info,
.theme-grey .btn-primary,
.theme-grey .navbar-brand,
.theme-grey .navbar-brand:hover,
.theme-grey .navbar-brand:active,
.theme-grey .navbar-brand:focus,
.theme-grey .nav > li > a,
.theme-grey .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-grey .toggle-on.active,
.theme-grey .toggle-on:active,
.theme-grey .open > .dropdown-toggle.btn-default {
  color: #000; }

.theme-grey .btn-primary.active,
.theme-grey .btn-primary:active,
.theme-grey .open > .dropdown-toggle.btn-primary {
  background-color: #5a5a5a !important;
  border-color: #5a5a5a  !important;
}
.theme-grey .label-count {
  background:#fff;
  color:#000;
}

.theme-grey [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #9E9E9E; }

.theme-grey [type="checkbox"]:checked + label:before {
  border-right: 2px solid #9E9E9E;
  border-bottom: 2px solid #9E9E9E; }

.theme-grey .nav-tabs > li > a::before {
  border-bottom: 2px solid #9E9E9E; }

.theme-grey .btn-primary,
.theme-grey .btn-primary:hover,
.theme-grey .btn-primary.active.focus,
.theme-grey .btn-primary.active:focus,
.theme-grey .btn-primary.active:hover,
.theme-grey .btn-primary:active.focus,
.theme-grey .btn-primary:active:focus,
.theme-grey .btn-primary:active:hover,
.theme-grey .open > .dropdown-toggle.btn-primary.focus,
.theme-grey .open > .dropdown-toggle.btn-primary:focus,
.theme-grey .open > .dropdown-toggle.btn-primary:hover {
  border-color:#9E9E9E; }

/* blue-grey */

.theme-blue-grey a,
.theme-blue-grey .nav-tabs li.active a,
.theme-blue-grey .sidebar .legal .copyright a,
.theme-blue-grey .nav-tabs li.active a,
.theme-blue-grey .sidebar .menu .list li.active > :first-child i, .theme-blue-grey .sidebar .menu .list li.active > :first-child span {
  color: #607D8B; }

.theme-blue-grey .navbar,
.theme-blue-grey .pagination li.active a,
.theme-blue-grey .btn-primary,
.theme-blue-grey .btn-primary:hover,
.theme-blue-grey .btn-primary:active,
.theme-blue-grey .btn-primary.active,
.theme-blue-grey .btn-primary:focus,
.theme-blue-grey [type="checkbox"].filled-in:checked + label:after,
.theme-blue-grey [type="radio"]:checked + label::after,
.theme-blue-grey [type="radio"].with-gap:checked + label::after,
.theme-blue-grey .toggle-on.active,
.theme-blue-grey .toggle-on:active,
.theme-blue-grey .open > .dropdown-toggle.btn-default {
  background-color: #607D8B !important; }

.theme-blue-grey [type="radio"]:checked + label::before,
.theme-blue-grey [type="radio"]:checked + label::after,
.theme-blue-grey [type="radio"].with-gap:checked + label::after {
  border-color: #607D8B !important; }

.theme-blue-grey .bars,
.theme-blue-grey .btn-primary,
.theme-blue-grey .btn-info,
.theme-blue-grey .navbar-brand,
.theme-blue-grey .navbar-brand:hover,
.theme-blue-grey .navbar-brand:active,
.theme-blue-grey .navbar-brand:focus,
.theme-blue-grey .nav > li > a,
.theme-blue-grey .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-blue-grey .toggle-on.active,
.theme-blue-grey .toggle-on:active,
.theme-blue-grey .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-blue-grey .btn-primary.active,
.theme-blue-grey .btn-primary:active,
.theme-blue-grey .open > .dropdown-toggle.btn-primary {
  background-color: #3d5059 !important;
  border-color: #3d5059  !important;
}
.theme-blue-grey [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #607D8B; }

.theme-blue-grey [type="checkbox"]:checked + label:before {
  border-right: 2px solid #607D8B;
  border-bottom: 2px solid #607D8B; }

.theme-blue-grey .nav-tabs > li > a::before {
  border-bottom: 2px solid #607D8B; }

.theme-blue-grey .btn-primary,
.theme-blue-grey .btn-primary:hover,
.theme-blue-grey .btn-primary.active.focus,
.theme-blue-grey .btn-primary.active:focus,
.theme-blue-grey .btn-primary.active:hover,
.theme-blue-grey .btn-primary:active.focus,
.theme-blue-grey .btn-primary:active:focus,
.theme-blue-grey .btn-primary:active:hover,
.theme-blue-grey .open > .dropdown-toggle.btn-primary.focus,
.theme-blue-grey .open > .dropdown-toggle.btn-primary:focus,
.theme-blue-grey .open > .dropdown-toggle.btn-primary:hover {
  border-color:#607D8B; }

/* black */

.theme-black a,
.theme-black .nav-tabs li.active a,
.theme-black .sidebar .legal .copyright a,
.theme-black .nav-tabs li.active a,
.theme-black .sidebar .menu .list li.active > :first-child i, .theme-black .sidebar .menu .list li.active > :first-child span {
  color: #000; }

.theme-black .navbar,
.theme-black .pagination li.active a,
.theme-black .btn-primary,
.theme-black .btn-primary:hover,
.theme-black .btn-primary:active,
.theme-black .btn-primary.active,
.theme-black .btn-primary:focus,
.theme-black [type="checkbox"].filled-in:checked + label:after,
.theme-black [type="radio"]:checked + label::after,
.theme-black [type="radio"].with-gap:checked + label::after,
.theme-black .toggle-on.active,
.theme-black .toggle-on:active,
.theme-black .open > .dropdown-toggle.btn-default {
  background-color: #000 !important; }

.theme-black [type="radio"]:checked + label::before,
.theme-black [type="radio"]:checked + label::after,
.theme-black [type="radio"].with-gap:checked + label::after {
  border-color: #000 !important; }

.theme-black .bars,
.theme-black .btn-primary,
.theme-black .btn-info,
.theme-black .navbar-brand,
.theme-black .navbar-brand:hover,
.theme-black .navbar-brand:active,
.theme-black .navbar-brand:focus,
.theme-black .nav > li > a,
.theme-black .btn.btn-danger:not(.btn-link):not(.btn-circle),
.theme-black .toggle-on.active,
.theme-black .toggle-on:active,
.theme-black .open > .dropdown-toggle.btn-default {
  color: #fff; }

.theme-black .btn-primary.active,
.theme-black .btn-primary:active,
.theme-black .open > .dropdown-toggle.btn-primary {
  background-color: #777 !important;
  border-color: #777  !important;
}
.theme-black .label-count {
  background:#444;
  color:#fff;
}

.theme-black [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #000; }

.theme-black [type="checkbox"]:checked + label:before {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000; }

.theme-black .nav-tabs > li > a::before {
  border-bottom: 2px solid #000; }

.theme-black .btn-primary,
.theme-black .btn-primary:hover,
.theme-black .btn-primary.active.focus,
.theme-black .btn-primary.active:focus,
.theme-black .btn-primary.active:hover,
.theme-black .btn-primary:active.focus,
.theme-black .btn-primary:active:focus,
.theme-black .btn-primary:active:hover,
.theme-black .open > .dropdown-toggle.btn-primary.focus,
.theme-black .open > .dropdown-toggle.btn-primary:focus,
.theme-black .open > .dropdown-toggle.btn-primary:hover {
  border-color:#000; }


/*
  ---- Spinners ----
*/

.theme-blue .loading, .theme-blue .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-blue .loading .dot, .theme-blue .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #2196F3;
  animation: spinthemeblue 2.5s 0s infinite both;
}
.theme-blue .loading .dot2, .theme-blue .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #2196F3;
  animation: spin2themeblue 2.5s 0s infinite both;
}

@keyframes spinthemeblue {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #2196F3, -28px 0 0 #2196F3, 0 28px 0 #2196F3, 0 -28px 0 #2196F3, 20px -20px 0 #2196F3, 20px 20px 0 #2196F3, -20px -20px 0 #2196F3, -20px 20px 0 #2196F3;
  }
}
@keyframes spin2themeblue {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #2196F3, -52px 0 0 #2196F3, 0 52px 0 #2196F3, 0 -52px 0 #2196F3, 38px -38px 0 #2196F3, 38px 38px 0 #2196F3, -38px -38px 0 #2196F3, -38px 38px 0 #2196F3;
    background: transparent;
  }
}


.theme-light-blue .loading, .theme-light-blue .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-light-blue .loading .dot, .theme-light-blue .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #4fc7fd;
  animation: spinthemelightblue 2.5s 0s infinite both;
}
.theme-light-blue .loading .dot2, .theme-light-blue .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #4fc7fd;
  animation: spin2themelightblue 2.5s 0s infinite both;
}

@keyframes spinthemelightblue {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #4fc7fd, -28px 0 0 #4fc7fd,
    0 28px 0 #4fc7fd, 0 -28px 0 #4fc7fd, 20px -20px 0 #4fc7fd,
    20px 20px 0 #4fc7fd, -20px -20px 0 #4fc7fd, -20px 20px 0 #4fc7fd;
  }
}
@keyframes spin2themelightblue {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #4fc7fd, -52px 0 0 #4fc7fd, 0 52px 0 #4fc7fd, 0 -52px 0 #4fc7fd, 38px -38px 0 #4fc7fd,
    38px 38px 0 #4fc7fd, -38px -38px 0 #4fc7fd, -38px 38px 0 #4fc7fd;
    background: transparent;
  }
}


.theme-teal .loading, .theme-teal-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-teal .loading .dot, .theme-teal-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #009688;
  animation: spinthemeteal 2.5s 0s infinite both;
}
.theme-teal .loading .dot2, .theme-teal-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #009688;
  animation: spin2themeteal 2.5s 0s infinite both;
}

@keyframes spinthemeteal {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #009688, -28px 0 0 #009688, 0 28px 0 #009688, 0 -28px 0 #009688, 20px -20px 0 #009688, 20px 20px 0 #009688, -20px -20px 0 #009688, -20px 20px 0 #009688;
  }
}
@keyframes spin2themeteal {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #009688, -52px 0 0 #009688, 0 52px 0 #009688, 0 -52px 0 #009688, 38px -38px 0 #009688, 38px 38px 0 #009688, -38px -38px 0 #009688, -38px 38px 0 #009688;
    background: transparent;
  }
}



.theme-indigo .loading, .theme-indigo-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-indigo .loading .dot, .theme-indigo-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #673AB7;
  animation: spinthemeindigo 2.5s 0s infinite both;
}
.theme-indigo .loading .dot2, .theme-indigo-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #673AB7;
  animation: spin2themeindigo 2.5s 0s infinite both;
}

@keyframes spinthemeindigo {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #673AB7, -28px 0 0 #673AB7, 0 28px 0 #673AB7,
    0 -28px 0 #673AB7, 20px -20px 0 #673AB7, 20px 20px 0 #673AB7,
    -20px -20px 0 #673AB7, -20px 20px 0 #673AB7;
  }
}
@keyframes spin2themeindigo {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #673AB7, -52px 0 0 #673AB7,
    0 52px 0 #673AB7, 0 -52px 0 #673AB7, 38px -38px 0 #673AB7,
    38px 38px 0 #673AB7, -38px -38px 0 #673AB7, -38px 38px 0 #673AB7;
    background: transparent;
  }
}



.theme-yellow .loading, .theme-yellow-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-yellow .loading .dot, .theme-yellow-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #ffe821;
  animation: spinthemeyellow 2.5s 0s infinite both;
}
.theme-yellow .loading .dot2, .theme-yellow-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #ffe821;
  animation: spin2themeyellow 2.5s 0s infinite both;
}

@keyframes spinthemeyellow {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #ffe821, -28px 0 0 #ffe821, 0 28px 0 #ffe821, 0 -28px 0 #ffe821, 20px -20px 0 #ffe821, 20px 20px 0 #ffe821, -20px -20px 0 #ffe821, -20px 20px 0 #ffe821;
  }
}
@keyframes spin2themeyellow {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #ffe821, -52px 0 0 #ffe821, 0 52px 0 #ffe821, 0 -52px 0 #ffe821, 38px -38px 0 #ffe821, 38px 38px 0 #ffe821, -38px -38px 0 #ffe821, -38px 38px 0 #ffe821;
    background: transparent;
  }
}



.theme-orange .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-orange .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #FF9800;
  animation: spinthemeorange 2.5s 0s infinite both;
}
.theme-orange .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #FF9800;
  animation: spin2themeorange 2.5s 0s infinite both;
}

@keyframes spinthemeorange {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #FF9800, -28px 0 0 #FF9800, 0 28px 0 #FF9800, 0 -28px 0 #FF9800, 20px -20px 0 #FF9800, 20px 20px 0 #FF9800, -20px -20px 0 #FF9800, -20px 20px 0 #FF9800;
  }
}
@keyframes spin2themeorange {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #FF9800, -52px 0 0 #FF9800, 0 52px 0 #FF9800, 0 -52px 0 #FF9800, 38px -38px 0 #FF9800, 38px 38px 0 #FF9800, -38px -38px 0 #FF9800, -38px 38px 0 #FF9800;
    background: transparent;
  }
}



.theme-deep-orange .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-deep-orange .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #FF5722;
  animation: spinthemedeeporange 2.5s 0s infinite both;
}
.theme-deep-orange .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #FF5722;
  animation: spin2themedeeporange 2.5s 0s infinite both;
}

@keyframes spinthemedeeporange {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #FF5722, -28px 0 0 #FF5722, 0 28px 0 #FF5722, 0 -28px 0 #FF5722, 20px -20px 0 #FF5722, 20px 20px 0 #FF5722, -20px -20px 0 #FF5722, -20px 20px 0 #FF5722;
  }
}
@keyframes spin2themedeeporange {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #FF5722, -52px 0 0 #FF5722, 0 52px 0 #FF5722, 0 -52px 0 #FF5722, 38px -38px 0 #FF5722, 38px 38px 0 #FF5722, -38px -38px 0 #FF5722, -38px 38px 0 #FF5722;
    background: transparent;
  }
}



.theme-amber .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-amber .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #FFC107;
  animation: spinthemeamber 2.5s 0s infinite both;
}
.theme-amber .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #FFC107;
  animation: spin2themeamber 2.5s 0s infinite both;
}

@keyframes spinthemeamber {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #FFC107, -28px 0 0 #FFC107, 0 28px 0 #FFC107, 0 -28px 0 #FFC107, 20px -20px 0 #FFC107, 20px 20px 0 #FFC107, -20px -20px 0 #FFC107, -20px 20px 0 #FFC107;
  }
}
@keyframes spin2themeamber {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #FFC107, -52px 0 0 #FFC107, 0 52px 0 #FFC107, 0 -52px 0 #FFC107, 38px -38px 0 #FFC107, 38px 38px 0 #FFC107, -38px -38px 0 #FFC107, -38px 38px 0 #FFC107;
    background: transparent;
  }
}



.theme-green .loading, .theme-green-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-green .loading .dot, .theme-green-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #4CAF50;
  animation: spinthemegreen 2.5s 0s infinite both;
}
.theme-green .loading .dot2, .theme-green-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #4CAF50;
  animation: spin2themegreen 2.5s 0s infinite both;
}

@keyframes spinthemegreen {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #4CAF50, -28px 0 0 #4CAF50, 0 28px 0 #4CAF50, 0 -28px 0 #4CAF50, 20px -20px 0 #4CAF50, 20px 20px 0 #4CAF50, -20px -20px 0 #4CAF50, -20px 20px 0 #4CAF50;
  }
}
@keyframes spin2themegreen {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #4CAF50, -52px 0 0 #4CAF50, 0 52px 0 #4CAF50, 0 -52px 0 #4CAF50, 38px -38px 0 #4CAF50, 38px 38px 0 #4CAF50, -38px -38px 0 #4CAF50, -38px 38px 0 #4CAF50;
    background: transparent;
  }
}


.theme-light-green .loading, .theme-light-green .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-light-green .loading .dot, .theme-light-green .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #8BC34A;
  animation: spinthemelightgreen 2.5s 0s infinite both;
}
.theme-light-green .loading .dot2, .theme-light-green .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #8BC34A;
  animation: spin2themelightgreen 2.5s 0s infinite both;
}

@keyframes spinthemelightgreen {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #8BC34A, -28px 0 0 #8BC34A,
    0 28px 0 #8BC34A, 0 -28px 0 #8BC34A, 20px -20px 0 #8BC34A,
    20px 20px 0 #8BC34A, -20px -20px 0 #8BC34A, -20px 20px 0 #8BC34A;
  }
}
@keyframes spin2themelightgreen {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #8bc34a, -52px 0 0 #8BC34A, 0 52px 0 #8bc34a, 0 -52px 0 #8bc34a, 38px -38px 0 #8bc34a,
    38px 38px 0 #8bc34a, -38px -38px 0 #8bc34a, -38px 38px 0 #8bc34a;
    background: transparent;
  }
}



.theme-lime .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-lime .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #CDDC39;
  animation: spinthemelime 2.5s 0s infinite both;
}
.theme-lime .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #CDDC39;
  animation: spin2themelime 2.5s 0s infinite both;
}

@keyframes spinthemelime {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #CDDC39, -28px 0 0 #CDDC39, 0 28px 0 #CDDC39, 0 -28px 0 #CDDC39, 20px -20px 0 #CDDC39, 20px 20px 0 #CDDC39, -20px -20px 0 #CDDC39, -20px 20px 0 #CDDC39;
  }
}
@keyframes spin2themelime {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #CDDC39, -52px 0 0 #CDDC39, 0 52px 0 #CDDC39, 0 -52px 0 #CDDC39, 38px -38px 0 #CDDC39, 38px 38px 0 #CDDC39, -38px -38px 0 #CDDC39, -38px 38px 0 #CDDC39;
    background: transparent;
  }
}


.theme-purple .loading, .theme-purple-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-purple .loading .dot, .theme-purple-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #9C27B0;
  animation: spinthemepurple 2.5s 0s infinite both;
}
.theme-purple .loading .dot2, .theme-purple-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #9C27B0;
  animation: spin2themepurple 2.5s 0s infinite both;
}

@keyframes spinthemepurple {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #9C27B0, -28px 0 0 #9C27B0, 0 28px 0 #9C27B0, 0 -28px 0 #9C27B0, 20px -20px 0 #9C27B0, 20px 20px 0 #9C27B0, -20px -20px 0 #9C27B0, -20px 20px 0 #9C27B0;
  }
}
@keyframes spin2themepurple {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #9C27B0, -52px 0 0 #9C27B0, 0 52px 0 #9C27B0, 0 -52px 0 #9C27B0, 38px -38px 0 #9C27B0, 38px 38px 0 #9C27B0, -38px -38px 0 #9C27B0, -38px 38px 0 #9C27B0;
    background: transparent;
  }
}



.theme-deep-purple .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-deep-purple .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #3F51B5;
  animation: spinthemedeeppurple 2.5s 0s infinite both;
}
.theme-deep-purple .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #3F51B5;
  animation: spin2themedeeppurple 2.5s 0s infinite both;
}

@keyframes spinthemedeeppurple {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #3F51B5, -28px 0 0 #3F51B5, 0 28px 0 #3F51B5, 0 -28px 0 #3F51B5, 20px -20px 0 #3F51B5, 20px 20px 0 #3F51B5, -20px -20px 0 #3F51B5, -20px 20px 0 #3F51B5;
  }
}
@keyframes spin2themedeeppurple {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #3F51B5, -52px 0 0 #3F51B5, 0 52px 0 #3F51B5,
    0 -52px 0 #3F51B5, 38px -38px 0 #3F51B5, 38px 38px 0
    #3F51B5, -38px -38px 0 #3F51B5, -38px 38px 0 #3F51B5;
    background: transparent;
  }
}



.theme-red .loading, .theme-red-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-red .loading .dot, .theme-red-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #B20101;
  animation: spinthemered 2.5s 0s infinite both;
}
.theme-red .loading .dot2, .theme-red-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #B20101;
  animation: spin2themered 2.5s 0s infinite both;
}

@keyframes spinthemered {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #B20101, -28px 0 0 #B20101, 0 28px 0 #B20101, 0 -28px 0 #B20101, 20px -20px 0 #B20101, 20px 20px 0 #B20101, -20px -20px 0 #B20101, -20px 20px 0 #B20101;
  }
}
@keyframes spin2themered {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #B20101, -52px 0 0 #B20101, 0 52px 0 #B20101, 0 -52px 0 #B20101, 38px -38px 0 #B20101, 38px 38px 0 #B20101, -38px -38px 0 #B20101, -38px 38px 0 #B20101;
    background: transparent;
  }
}



.theme-pink .loading, .theme-pink-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-pink .loading .dot, .theme-pink-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #E91E63;
  animation: spinthemepink 2.5s 0s infinite both;
}
.theme-pink .loading .dot2, .theme-pink-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #E91E63;
  animation: spin2themepink 2.5s 0s infinite both;
}

@keyframes spinthemepink {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #E91E63, -28px 0 0 #E91E63, 0 28px 0 #E91E63, 0 -28px 0 #E91E63, 20px -20px 0 #E91E63, 20px 20px 0 #E91E63, -20px -20px 0 #E91E63, -20px 20px 0 #E91E63;
  }
}
@keyframes spin2themepink {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #E91E63, -52px 0 0 #E91E63, 0 52px 0 #E91E63, 0 -52px 0 #E91E63, 38px -38px 0 #E91E63, 38px 38px 0 #E91E63, -38px -38px 0 #E91E63, -38px 38px 0 #E91E63;
    background: transparent;
  }
}



.theme-black .loading, .theme-black-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-black .loading .dot, .theme-black-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #000;
  animation: spinthemeblack 2.5s 0s infinite both;
}
.theme-black .loading .dot2, .theme-black-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #000;
  animation: spin2themeblack 2.5s 0s infinite both;
}

@keyframes spinthemeblack {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #000, -28px 0 0 #000, 0 28px 0 #000, 0 -28px 0 #000, 20px -20px 0 #000, 20px 20px 0 #000, -20px -20px 0 #000, -20px 20px 0 #000;
  }
}
@keyframes spin2themeblack {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #000, -52px 0 0 #000, 0 52px 0 #000, 0 -52px 0 #000, 38px -38px 0 #000, 38px 38px 0 #000, -38px -38px 0 #000, -38px 38px 0 #000;
    background: transparent;
  }
}


.theme-grey .loading, .theme-grey-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-grey .loading .dot, .theme-grey-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #9E9E9E;
  animation: spinthemegrey 2.5s 0s infinite both;
}
.theme-grey .loading .dot2, .theme-grey-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #9E9E9E;
  animation: spin2themegrey 2.5s 0s infinite both;
}

@keyframes spinthemegrey {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #9E9E9E, -28px 0 0 #9E9E9E, 0 28px 0 #9E9E9E, 0 -28px 0 #9E9E9E, 20px -20px 0 #9E9E9E, 20px 20px 0 #9E9E9E, -20px -20px 0 #9E9E9E, -20px 20px 0 #9E9E9E;
  }
}
@keyframes spin2themegrey {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #9E9E9E, -52px 0 0 #9E9E9E, 0 52px 0 #9E9E9E, 0 -52px 0 #9E9E9E, 38px -38px 0 #9E9E9E, 38px 38px 0 #9E9E9E, -38px -38px 0 #9E9E9E, -38px 38px 0 #9E9E9E;
    background: transparent;
  }
}


.theme-blue-grey .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-blue-grey .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #607D8B;
  animation: spinthemebluegrey 2.5s 0s infinite both;
}
.theme-blue-grey .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #607D8B;
  animation: spin2themebluegrey 2.5s 0s infinite both;
}

@keyframes spinthemebluegrey {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #607D8B, -28px 0 0 #607D8B, 0 28px 0 #607D8B, 0 -28px 0 #607D8B, 20px -20px 0 #607D8B, 20px 20px 0 #607D8B, -20px -20px 0 #607D8B, -20px 20px 0 #607D8B;
  }
}
@keyframes spin2themebluegrey {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #607D8B, -52px 0 0 #607D8B, 0 52px 0 #607D8B, 0 -52px 0 #607D8B, 38px -38px 0 #607D8B, 38px 38px 0 #607D8B, -38px -38px 0 #607D8B, -38px 38px 0 #607D8B;
    background: transparent;
  }
}



.theme-brown .loading, .theme-brown-light .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-brown .loading .dot, .theme-brown-light .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #795548;
  animation: spinthemebrown 2.5s 0s infinite both;
}
.theme-brown .loading .dot2, .theme-brown-light .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #795548;
  animation: spin2themebrown 2.5s 0s infinite both;
}

@keyframes spinthemebrown {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #795548, -28px 0 0 #795548, 0 28px 0 #795548, 0 -28px 0 #795548, 20px -20px 0 #795548, 20px 20px 0 #795548, -20px -20px 0 #795548, -20px 20px 0 #795548;
  }
}
@keyframes spin2themebrown {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #795548, -52px 0 0 #795548, 0 52px 0 #795548, 0 -52px 0 #795548, 38px -38px 0 #795548, 38px 38px 0 #795548, -38px -38px 0 #795548, -38px 38px 0 #795548;
    background: transparent;
  }
}

.theme-cyan .loading, .theme-cyan .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}
.theme-cyan .loading .dot, .theme-cyan .loading .dot {
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #00BCD4;
  animation: spinthemecyan 2.5s 0s infinite both;
}
.theme-cyan .loading .dot2, .theme-cyan .loading .dot2 {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #00BCD4;
  animation: spin2themecyan 2.5s 0s infinite both;
}

@keyframes spinthemecyan {
  0%, 100% {
  }
  50% {
    transform: rotate(180deg);
  }
  0%, 100% {
    box-shadow: 28px 0 0 #00BCD4, -28px 0 0 #00BCD4,
    0 28px 0 #00BCD4, 0 -28px 0 #00BCD4, 20px -20px 0 #00BCD4,
    20px 20px 0 #00BCD4, -20px -20px 0 #00BCD4, -20px 20px 0 #00BCD4;
  }
}
@keyframes spin2themecyan {
  0%, 100% {
  }
  50% {
    transform: rotate(-180deg);
  }
  0%, 100% {
    box-shadow: 52px 0 0 #00BCD4, -52px 0 0 #00BCD4,
    0 52px 0 #00BCD4, 0 -52px 0 #00BCD4, 38px -38px 0 #00BCD4,
    38px 38px 0 #00BCD4, -38px -38px 0 #00BCD4, -38px 38px 0 #00BCD4;
    background: transparent;
  }
}