body.cpm-ui,
.cpm-ui .navbar-white,
.cpm-ui .main-footer,
.cpm-ui [class*="sidebar-light-"] {
  background-color: #eef0ed;
}

.cpm-ui .content-wrapper {
  background-color: #fff;
  box-shadow: none !important;
}
.cpm-ui.page-setting .content-wrapper {
  background-color: #eef0ed;
}
.cpm-ui:not(.login-page) .content-wrapper > .workspace {
  box-shadow: none !important;
}
.cpm-ui.page-setting .content-wrapper > .workspace {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}
.cpm-ui.page-setting .content-wrapper > .workspace > .content-header {
  display: none !important;
}

.page-plan .bg-holder {
  background: none !important;
}
.content-header .btn {
  margin-left: 10px;
}
.cpm-ui.page-setting:not(.login-page) .content-wrapper > .workspace {
  padding: 0 10px !important;
}
.cpm-ui.page-setting.text-sm .content-header {
  padding: 10px 0;
}

.cpm-ui.page-setting .card-title {
  font-weight: 600;
}
.isActive {
  background-color: #20c997 !important;
}

/* bootstrap 5 container */

.container-3xl {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .container-3xl {
    max-width: 1520px;
  }
}
/*--! bootstrap 5 container */

/* Card style right */
.card-setting-right {
  border-radius: 1rem 0rem 0rem 1rem;
  margin-right: -1rem;
}
@media screen and (max-width: 767px) {
  .card-setting-right {
    margin: 0rem -0.7rem;
  }
  .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.5rem;
  }
}

.toggle.ios,
.toggle-on.ios,
.toggle-off.ios {
    border-radius: 20rem;
}

.toggle.ios .toggle-handle {
    border-radius: 50%;
    width: 31%;
    right: 10px;
}

.border-0 {
    outline: none;
}

.grid {
    display: grid;
    grid-template-columns: max-content auto;
}

.input-tran img{
    vertical-align: unset;
}
.sp-replacer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: #fff;
  border-radius: 0.25rem ; 
}


.sp-dd {
  padding: unset;
}

.bg-grey {
  background-color: #DFDFDF;
  padding: 2px 2px 4px 5px;
  color: #000;
}

a.text-success:visited {
  color: revert !important;
}

.h6 {
  font-size: 1.125rem;
  font-weight: 700;
}
.callout.callout-dark {
  border-left-color: #ACADB0;
}

a.border-0.text-secondary :hover {
  color: #fff;
  background-color: red;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

.none-sidebar.cpm-ui .main-header .navbar-brand {
  margin-left: 3px;
}

.container-fluid>form>.card>.card-body, .container-fluid>.card>.card-body{
  padding: 0;
}
.container-fluid>form>.card>.card-header, .container-fluid>.card>.card-header{
  padding-left: 0;
  padding-right: 0;
}