.colorsetting {
  background: #000000; /*4285f4*/
  background: #777777; /*2a75f3*/
  background: #616161; /*0d5bdd*/
  background: #929292; /*5a95f5*/
  background: #5b5b5b; /*0f56c8*/
  background: #8a8a8a; /*4c8bf5*/
  background: #565656; /*0b51c5*/
  background: #000 /*page-footer#6f7178*/
}

.amd-skin .gradient {
  background: #ababab;
  background: linear-gradient(135deg, #ababab 0%, #fff 100%); }

.amd-skin .primary-color, .amd-skin ul.stepper li.active a .circle, ul.stepper li.active a .amd-skin .circle, .amd-skin ul.stepper li.completed a .circle, ul.stepper li.completed a .amd-skin .circle {
  background-color: #000 !important; }

.amd-skin .navbar {
  color: #424242;
  background-color: #fff; }
  .amd-skin .navbar .navbar-nav .nav-item .dropdown-menu a {
    color: #000; }
    .amd-skin .navbar .navbar-nav .nav-item .dropdown-menu a:hover, .amd-skin .navbar .navbar-nav .nav-item .dropdown-menu a:focus, .amd-skin .navbar .navbar-nav .nav-item .dropdown-menu a:active {
      background-color: #f3f3f3; }
  .amd-skin .navbar .navbar-nav .nav-item a {
    color: #424242; }
  .amd-skin .navbar.double-nav a {
    color: #424242; }
  .amd-skin .navbar form .md-form .form-control {
    font-weight: 300;
    color: #424242; }
    .amd-skin .navbar form .md-form .form-control::-webkit-input-placeholder {
      color: #424242; }
    .amd-skin .navbar form .md-form .form-control::-moz-placeholder {
      color: #424242; }
    .amd-skin .navbar form .md-form .form-control:-ms-input-placeholder {
      color: #424242; }
    .amd-skin .navbar form .md-form .form-control::-ms-input-placeholder {
      color: #424242; }
    .amd-skin .navbar form .md-form .form-control::placeholder {
      color: #424242; }
  .amd-skin .navbar.navbar-dark form .md-form .form-control {
    color: #fff; }
    .amd-skin .navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder {
      color: #fff; }
    .amd-skin .navbar.navbar-dark form .md-form .form-control::-moz-placeholder {
      color: #fff; }
    .amd-skin .navbar.navbar-dark form .md-form .form-control:-ms-input-placeholder {
      color: #fff; }
    .amd-skin .navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder {
      color: #fff; }
    .amd-skin .navbar.navbar-dark form .md-form .form-control::placeholder {
      color: #fff; }

.amd-skin .page-footer {
  background-color: #191919; } /* = rgba(0,0,0,0.9); */

.amd-skin .side-nav {
  background-color: #f9f9f9; }
  .amd-skin .side-nav .logo-wrapper > div {
    background-color: transparent !important; }
  .amd-skin .side-nav .sn-avatar-wrapper img {
    border: 3px solid #616161; }
  .amd-skin .side-nav .social {
    border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
    .amd-skin .side-nav .social a .fas,
    .amd-skin .side-nav .social a .fab,
    .amd-skin .side-nav .social a .far {
      color: #424242; }
    .amd-skin .side-nav .social a:hover .fas,
    .amd-skin .side-nav .social a:hover .fab,
    .amd-skin .side-nav .social a:hover .far {
      color: #000 !important;
      transition: all 0.3s linear; }
  .amd-skin .side-nav .search-form .md-form input {
    color: #424242 !important;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3); }
    .amd-skin .side-nav .search-form .md-form input::-webkit-input-placeholder {
      color: rgba(66, 66, 66, 0.5) !important; }
    .amd-skin .side-nav .search-form .md-form input::-moz-placeholder {
      color: rgba(66, 66, 66, 0.5) !important; }
    .amd-skin .side-nav .search-form .md-form input:-ms-input-placeholder {
      color: rgba(66, 66, 66, 0.5) !important; }
    .amd-skin .side-nav .search-form .md-form input::-ms-input-placeholder {
      color: rgba(66, 66, 66, 0.5) !important; }
    .amd-skin .side-nav .search-form .md-form input::placeholder {
      color: rgba(66, 66, 66, 0.5) !important; }
  .amd-skin .side-nav .collapsible li {
    background-color: transparent; }
    .amd-skin .side-nav .collapsible li a {
      font-weight: 400; }
    .amd-skin .side-nav .collapsible li .collapsible-header {
      color: #424242;
      transition: all 0.3s linear; }
      .amd-skin .side-nav .collapsible li .collapsible-header.active {
        color: #000;
        background-color: transparent; }
      .amd-skin .side-nav .collapsible li .collapsible-header:hover {
        background-color: rgba(0, 0, 0, 0.05); }
    .amd-skin .side-nav .collapsible li .collapsible-body a {
      color: #424242; }
      .amd-skin .side-nav .collapsible li .collapsible-body a:hover, .amd-skin .side-nav .collapsible li .collapsible-body a.active, .amd-skin .side-nav .collapsible li .collapsible-body a:active {
        color: #000; }
      .amd-skin .side-nav .collapsible li .collapsible-body a .fas,
      .amd-skin .side-nav .collapsible li .collapsible-body a .fab,
      .amd-skin .side-nav .collapsible li .collapsible-body a .far {
        color: #424242; }
    .amd-skin .side-nav .collapsible li a:not(.collapsible-header) {
      color: #424242;
      transition: all 0.3s linear; }
      .amd-skin .side-nav .collapsible li a:not(.collapsible-header):hover, .amd-skin .side-nav .collapsible li a:not(.collapsible-header).active, .amd-skin .side-nav .collapsible li a:not(.collapsible-header):active {
        color: #000 !important; }
  .amd-skin .side-nav .sidenav-bg:after, .amd-skin .side-nav .sidenav-bg.mask-strong:after {
    background: rgba(255, 255, 255, 0.8); }
  .amd-skin .side-nav .sidenav-bg.mask-light:after {
    background: rgba(255, 255, 255, 0.65); }
  .amd-skin .side-nav .sidenav-bg.mask-slight:after {
    background: rgba(255, 255, 255, 0.5); }

.amd-skin .btn-primary {
  color: #fff;
  background-color: #000 !important; }
  .amd-skin .btn-primary:hover {
    color: #fff;
    background-color: #929292; }
  .amd-skin .btn-primary:focus, .amd-skin .btn-primary.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-primary:focus, .amd-skin .btn-primary:active, .amd-skin .btn-primary.active {
    background-color: #565656; }
  .amd-skin .btn-primary.dropdown-toggle {
    background-color: #000 !important; }
    .amd-skin .btn-primary.dropdown-toggle:hover, .amd-skin .btn-primary.dropdown-toggle:focus {
      background-color: #929292 !important; }
  .amd-skin .btn-primary:not([disabled]):not(.disabled):active, .amd-skin .btn-primary:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-primary.dropdown-toggle {
    background-color: #565656 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-primary:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-primary:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .primary-ic {
  color: #000 !important; }
  .amd-skin .primary-ic:hover, .amd-skin .primary-ic:focus {
    color: #000; }

.amd-skin a.btn:not([href]):not([tabindex]),
.amd-skin a.btn:not([href]):not([tabindex]):focus,
.amd-skin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.amd-skin table.table a.btn.btn-primary {
  color: #fff; }

.amd-skin .btn-secondary {
  color: #fff;
  background-color: #fc685f !important; }
  .amd-skin .btn-secondary:hover {
    color: #fff;
    background-color: #fc8078; }
  .amd-skin .btn-secondary:focus, .amd-skin .btn-secondary.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-secondary:focus, .amd-skin .btn-secondary:active, .amd-skin .btn-secondary.active {
    background-color: #f01205; }
  .amd-skin .btn-secondary.dropdown-toggle {
    background-color: #fc685f !important; }
    .amd-skin .btn-secondary.dropdown-toggle:hover, .amd-skin .btn-secondary.dropdown-toggle:focus {
      background-color: #fc8078 !important; }
  .amd-skin .btn-secondary:not([disabled]):not(.disabled):active, .amd-skin .btn-secondary:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-secondary.dropdown-toggle {
    background-color: #f01205 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-secondary:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-secondary:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .secondary-ic {
  color: #fc685f !important; }
  .amd-skin .secondary-ic:hover, .amd-skin .secondary-ic:focus {
    color: #fc685f; }

.amd-skin a.btn:not([href]):not([tabindex]),
.amd-skin a.btn:not([href]):not([tabindex]):focus,
.amd-skin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.amd-skin table.table a.btn.btn-secondary {
  color: #fff; }

.amd-skin .btn-default {
  color: #fff;
  background-color: #454545 !important; }
  .amd-skin .btn-default:hover {
    color: #fff;
    background-color: #525252; }
  .amd-skin .btn-default:focus, .amd-skin .btn-default.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-default:focus, .amd-skin .btn-default:active, .amd-skin .btn-default.active {
    background-color: #121212; }
  .amd-skin .btn-default.dropdown-toggle {
    background-color: #454545 !important; }
    .amd-skin .btn-default.dropdown-toggle:hover, .amd-skin .btn-default.dropdown-toggle:focus {
      background-color: #525252 !important; }
  .amd-skin .btn-default:not([disabled]):not(.disabled):active, .amd-skin .btn-default:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-default.dropdown-toggle {
    background-color: #121212 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-default:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-default:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-default.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .default-ic {
  color: #454545 !important; }
  .amd-skin .default-ic:hover, .amd-skin .default-ic:focus {
    color: #454545; }

.amd-skin a.btn:not([href]):not([tabindex]),
.amd-skin a.btn:not([href]):not([tabindex]):focus,
.amd-skin a.btn:not([href]):not([tabindex]):hover {
  color: #fff; }

.amd-skin table.table a.btn.btn-default {
  color: #fff; }

.amd-skin .btn-outline-primary {
  color: #000 !important;
  background-color: transparent !important;
  border: 2px solid #000 !important; }
  .amd-skin .btn-outline-primary:hover, .amd-skin .btn-outline-primary:focus, .amd-skin .btn-outline-primary:active, .amd-skin .btn-outline-primary:active:focus, .amd-skin .btn-outline-primary.active {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #000 !important; }
  .amd-skin .btn-outline-primary:not([disabled]):not(.disabled):active, .amd-skin .btn-outline-primary:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-outline-primary.dropdown-toggle {
    background-color: transparent !important;
    border-color: #000 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-outline-primary:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-outline-primary:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .btn-outline-secondary {
  color: #fc685f !important;
  background-color: transparent !important;
  border: 2px solid #fc685f !important; }
  .amd-skin .btn-outline-secondary:hover, .amd-skin .btn-outline-secondary:focus, .amd-skin .btn-outline-secondary:active, .amd-skin .btn-outline-secondary:active:focus, .amd-skin .btn-outline-secondary.active {
    color: #fc685f !important;
    background-color: transparent !important;
    border-color: #fc685f !important; }
  .amd-skin .btn-outline-secondary:not([disabled]):not(.disabled):active, .amd-skin .btn-outline-secondary:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-outline-secondary.dropdown-toggle {
    background-color: transparent !important;
    border-color: #fc685f !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .btn-outline-default {
  color: #454545 !important;
  background-color: transparent !important;
  border: 2px solid #454545 !important; }
  .amd-skin .btn-outline-default:hover, .amd-skin .btn-outline-default:focus, .amd-skin .btn-outline-default:active, .amd-skin .btn-outline-default:active:focus, .amd-skin .btn-outline-default.active {
    color: #454545 !important;
    background-color: transparent !important;
    border-color: #454545 !important; }
  .amd-skin .btn-outline-default:not([disabled]):not(.disabled):active, .amd-skin .btn-outline-default:not([disabled]):not(.disabled).active,
  .show > .amd-skin .btn-outline-default.dropdown-toggle {
    background-color: transparent !important;
    border-color: #454545 !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .amd-skin .btn-outline-default:not([disabled]):not(.disabled):active:focus, .amd-skin .btn-outline-default:not([disabled]):not(.disabled).active:focus,
  .show > .amd-skin .btn-outline-default.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.amd-skin .card .btn-action {
  background: #454545; }
  .amd-skin .card .btn-action:hover, .amd-skin .card .btn-action:focus {
    background-color: #525252 !important; }
  .amd-skin .card .btn-action.active {
    background-color: #121212 !important; }

.amd-skin .md-outline input[type="text"]:focus:not([readonly]),
.amd-skin .md-outline input[type="password"]:focus:not([readonly]),
.amd-skin .md-outline input[type="email"]:focus:not([readonly]),
.amd-skin .md-outline input[type="url"]:focus:not([readonly]),
.amd-skin .md-outline input[type="time"]:focus:not([readonly]),
.amd-skin .md-outline input[type="date"]:focus:not([readonly]),
.amd-skin .md-outline input[type="datetime-local"]:focus:not([readonly]),
.amd-skin .md-outline input[type="tel"]:focus:not([readonly]),
.amd-skin .md-outline input[type="number"]:focus:not([readonly]),
.amd-skin .md-outline input[type="search-md"]:focus:not([readonly]),
.amd-skin .md-outline input[type="search"]:focus:not([readonly]),
.amd-skin .md-outline textarea:focus:not([readonly]) {
  border-color: #000;
  box-shadow: inset 0 0 0 1px #000; }
  .amd-skin .md-outline input[type="text"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="password"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="email"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="url"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="time"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="date"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="datetime-local"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="tel"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="number"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="search-md"]:focus:not([readonly]) + label,
  .amd-skin .md-outline input[type="search"]:focus:not([readonly]) + label,
  .amd-skin .md-outline textarea:focus:not([readonly]) + label {
    color: #000; }

.amd-skin .md-bg input[type="text"],
.amd-skin .md-bg input[type="password"],
.amd-skin .md-bg input[type="email"],
.amd-skin .md-bg input[type="url"],
.amd-skin .md-bg input[type="time"],
.amd-skin .md-bg input[type="date"],
.amd-skin .md-bg input[type="datetime-local"],
.amd-skin .md-bg input[type="tel"],
.amd-skin .md-bg input[type="number"],
.amd-skin .md-bg input[type="search-md"],
.amd-skin .md-bg input[type="search"],
.amd-skin .md-bg textarea.md-textarea {
  background-image: linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #ced4da, #ced4da); }
/*
.amd-skin input[type="email"]:focus:not([readonly]),
.amd-skin input[type="text"]:focus:not([readonly]),
.amd-skin input[type="password"]:focus:not([readonly]),
.amd-skin input[type="number"]:focus:not([readonly]),
.amd-skin textarea.md-textarea:focus:not([readonly]) {
  border-color: #000;
  box-shadow: 0 1px 0 0 #000; }*/
  .amd-skin input[type="email"]:focus:not([readonly]) + label,
  .amd-skin input[type="text"]:focus:not([readonly]) + label,
  .amd-skin input[type="password"]:focus:not([readonly]) + label,
  .amd-skin input[type="number"]:focus:not([readonly]) + label,
  .amd-skin textarea.md-textarea:focus:not([readonly]) + label {
    color: #000; }

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

.amd-skin input[type="checkbox"].filled-in:checked + label:before {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff; }

.amd-skin input[type="checkbox"].filled-in:checked + label:after {
  background-color: #000;
  border-color: #000; }

.amd-skin .md-form .prefix.active {
  color: #000; }

.amd-skin .select-wrapper.colorful-select.md-form.md-outline span.caret.active {
  color: #000 !important; }

.amd-skin .select-wrapper.colorful-select.md-form.md-outline input.select-dropdown:focus {
  border-color: #000;
  box-shadow: inset 0 0 0 1px #000; }

.amd-skin .select-wrapper.colorful-select.md-form.md-outline + label.active {
  color: #000; }

.amd-skin .select-wrapper.colorful-select.md-form .dropdown-content li.active,
.amd-skin .select-wrapper.colorful-select.md-form .dropdown-content li a,
.amd-skin .select-wrapper.colorful-select.md-form .dropdown-content li span:hover {
  background-color: #000 !important; }

.amd-skin .select-wrapper.colorful-select.md-form .dropdown-content li.disabled.active {
  background-color: transparent !important; }

.amd-skin .top-nav-collapse {
  background-color: #fff; }

.amd-skin .carousel-multi-item .controls-top > a,
.amd-skin .carousel-multi-item .carousel-indicators li,
.amd-skin .carousel-multi-item .carousel-indicators li.active {
  background-color: #000; }

.amd-skin .form-header,
.amd-skin .card-header {
  background-color: #8a8a8a; }

.amd-skin .spinner-primary-color,
.amd-skin .spinner-primary-color-only {
  border-color: #000; }

.amd-skin .pagination-primary-color .page-item.active .page-link,
.amd-skin .pagination-primary-color .page-item.active .page-link:focus,
.amd-skin .pagination-primary-color .page-item.active .page-link:hover {
  color: #fff;
  background-color: #000; }

.amd-skin .pagination-primary-color .page-link {
  color: #000; }
  .amd-skin .pagination-primary-color .page-link:focus {
    box-shadow: none; }