.theme-color {
    color: #1461cc;
}
.theme-background-color {
    background-color: #1461cc!important;
    background-image: linear-gradient(to bottom, #1461cc, #1461cc)!important;
}

body.c-cxcy-body .container-fluid.c-nav-title-container {
  background: #1461cc;
}

body.c-cxcy-body .c-navbar.navbar {
  background-color: #1461cc;
}

body.c-cxcy-body > .c-footer-container {
  background-color: #1461cc;
}

body.c-cxcy-body > .c-footer-container > .c-footer:first-child {
  background: #3f82df;
}

body.c-cxcy-body ul.c-nav-user > li > a.active,
body.c-cxcy-body ul.c-nav-user > li > a:focus,
body.c-cxcy-body ul.c-nav-user > li > a:hover,
body.c-cxcy-body ul.c-nav-user > li > span.active,
body.c-cxcy-body ul.c-nav-user > li > span:focus,
body.c-cxcy-body ul.c-nav-user > li > span:hover,
body.c-cxcy-body ul.nav.navbar-nav.c-nav-menu > li > a.active,
body.c-cxcy-body ul.nav.navbar-nav.c-nav-menu > li > a:focus,
body.c-cxcy-body ul.nav.navbar-nav.c-nav-menu > li > a:hover {
  background: #3f82df;
}

body.c-cxcy-body ul.c-footer-icon > li > a:focus,
body.c-cxcy-body ul.c-footer-icon > li > a:hover {
  background: #3f82df;
}

body.c-cxcy-body .navbar-inverse .navbar-toggle:focus,
body.c-cxcy-body .navbar-inverse .navbar-toggle:hover {
  background-color: #3f82df;
  border-radius: 4px;
}

@media (max-width: 767px) {
  body.c-cxcy-body .container.c-nav-menu-container {
    padding-left: 0;
    padding-right: 0;
  }

  body.c-cxcy-body ul.nav.navbar-nav.c-nav-menu > li > a {
    border-bottom: 1px solid #3f82df;
  }

  body.c-cxcy-body
    .container.c-nav-menu-container
    > .navbar-header
    button.navbar-toggle[aria-expanded="true"] {
    background-color: #3f82df;
    border-radius: 4px;
  }
}

body.c-cxcy-body ul.c-index-list > li .other-info > .info {
  background: #1461cc;
}

body.c-cxcy-body .btn {
  background-color: #1461cc;
  border-color: #1461cc;
  color: #fff;
}

body.c-cxcy-body .btn.btn-primary:visited,
body.c-cxcy-body .btn.btn-primary:focus,
body.c-cxcy-body .btn.btn-primary:active,
body.c-cxcy-body .btn.btn-primary:hover,
body.c-cxcy-body .btn:visited,
body.c-cxcy-body .btn:focus,
body.c-cxcy-body .btn:active,
body.c-cxcy-body .btn:hover {
  background-color: #3f82df;
  border-color: #3f82df;
}

body.c-cxcy-body .c-user-btn.m-dropdown.m-dropdown--open .c-user-a-link.btn {
  background-color: #3f82df;
  border-color: #3f82df;
}

body.c-cxcy-body
  .c-modal
  .modal-content
  .c-modal-content
  .c-modal-head.c-modal-head-signin {
  background: #3f82df;
}

body.c-cxcy-body .pagination > .active > a,
body.c-cxcy-body .pagination > .active > a:focus,
body.c-cxcy-body .pagination > .active > a:hover,
body.c-cxcy-body .pagination > .active > span,
body.c-cxcy-body .pagination > .active > span:focus,
body.c-cxcy-body .pagination > .active > span:hover {
  background-color: #3f82df;
  border-color: #3f82df;
}

body.c-cxcy-body
  .c-preview-modal-part
  > .c-preview-modal-container
  > .c-preview-modal--header {
  background: #3f82df;
}

body.c-cxcy-body .c-h-user .m-dropdown.m-dropdown--arrow .m-dropdown__arrow {
  color: #3f82df;
}

body.c-cxcy-body .m-dropdown .m-dropdown__wrapper .m-dropdown__header {
  background: #3f82df;
}

body.c-layout-backstage .c-h-user > .m-dropdown > a > img.img-circle,
body.c-layout-backstage .c-h-user > .m-dropdown > a > img.img-circle:hover {
  background: #3f82df;
  border: 1px solid #3f82df;
}

/********************* c-layout-backstage start *********************/

body.c-layout-backstage[data-theme]
  .c-app
  > .c-page-content
  > .c-header
  > .navbar,
body.c-layout-backstage[data-theme]
  .c-app
  > .c-page-content
  > .c-header
  > .navbar
  > .nav-main,
body.c-layout-backstage[data-theme] .c-footer,
body.c-layout-backstage[data-theme] .c-sidebar-container > .c-sidebar-head,
body.c-layout-backstage[data-theme] .c-header .c-actions {
  background-color: #1461cc;
}

body.c-layout-backstage .c-h-user > .m-dropdown > a > img.img-circle,
body.c-layout-backstage .c-h-user > .m-dropdown > a > img.img-circle:hover {
  background: #3f82df;
  border: 1px solid #1461cc;
}

body.c-layout-backstage .m-dropdown .m-dropdown__wrapper .m-dropdown__header {
  background: #3f82df;
}

body.c-layout-backstage
  .c-h-user
  .m-dropdown.m-dropdown--arrow
  .m-dropdown__arrow {
  color: #3f82df;
}

body.c-layout-backstage .c-h-user .m-card-user .m-card-user__pic img {
  max-width: 70px !important;
  margin: 0 !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: #1461cc;
}

body.c-layout-backstage
  .c-app
  > .c-page-content
  > .c-header
  > .navbar
  > .nav-main
  > span.c-menu-button:hover {
  background: #ab0249;
}

body.c-layout-backstage .btn.btn-primary.btn-search {
  background-color: #1461cc;
  border-color: #1461cc;
}

body.c-layout-backstage .m-table.m-table--head-bg-brand thead th {
  background: #1461cc;
}

body.c-layout-backstage
  .c-preview-modal-part
  > .c-preview-modal-container
  > .c-preview-modal--header {
  background: #1461cc;
}

body.c-layout-backstage .pagination > .active > a,
body.c-layout-backstage .pagination > .active > a:focus,
body.c-layout-backstage .pagination > .active > a:hover,
body.c-layout-backstage .pagination > .active > span,
body.c-layout-backstage .pagination > .active > span:focus,
body.c-layout-backstage .pagination > .active > span:hover {
  background-color: #1461cc;
  border-color: #1461cc;
}

body.c-layout-backstage .change-module > .content.c-action-group .btn,
body.c-layout-backstage .change-module .action .btn {
  color: #1461cc;
}

body.c-layout-backstage .c-btn:after {
  background-image: radial-gradient(circle, #3f82df 10%, transparent 10.01%);
}

body.c-layout-backstage .c-h-tools > .nav-tool-button:hover,
body.c-layout-backstage
  .c-h-tools
  > .nav-tool-button.c-h-user
  > .c-user-btn.m-dropdown--open {
  color: #fff;
  background-color: #3f82df;
  border-radius: 4px;
}

body.c-layout-backstage .sidebarmenu li.menu-item.has-child.open span.span-link,
body.c-layout-backstage
  .sidebarmenu
  li.menu-item.has-child.open
  ul.menu
  > li.menu-item
  > a
  > span.span-link {
  color: #1461cc !important;
}

body.c-layout-backstage
  .sidebarmenu
  ul.menu
  > li.menu-item.active
  > a
  > span.span-link {
  background: #f6f7fd;
  color: #1461cc !important;
}

body.c-layout-backstage .RoleList-sidebar > h4 {
  background-color: #1461cc;
  border-color: #1461cc;
}

body.c-layout-backstage .RoleList-nav > li > span {
  color: #1461cc;
}

body.c-layout-backstage .RoleList-nav > li.active > span {
  border-left: 4px solid #1461cc;
}

body.c-layout-backstage
  .sidebarmenu
  ul.menu
  > li.menu-item
  span.span-link:hover {
  color: #1461cc !important;
}


.kt-wizard-v2 .kt-wizard-v2__aside .kt-wizard-v2__nav .kt-wizard-v2__nav-items .kt-wizard-v2__nav-item[data-ktwizard-state=current] {
    background-color: #1461cc;
}