@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/jvectormap/2.0.4/jquery-jvectormap.css);
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}

.ant-dropdown ul li {
  font-size: 0.7rem !important;
  box-sizing: border-box;
  padding: 20px 10px;
}
.ant-dropdown button {
  background: #3a3540;
  border: 1px solid rgb(69, 124, 176);
  padding: 8px 12px;
  height: auto;
}
.selectContainer div.ant-space div.ant-space-item .ant-btn-ocm-default {
  background: rgb(69, 124, 176);
  border: none;
  width: 100% !important;
  padding: 0px 13px 1px 10px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.selectContainer div.ant-space div.ant-space-item button {
  height: 28px !important;
  min-width: 50px;
}
.ant-dropdown button span {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
}
.selectContainer div.ant-space div.ant-space-item .ant-btn-ocm-default span {
  color: #fff;
  font-size: 0.6rem;
  font-weight: 400;
}
.ant-dropdown button:hover {
  background: rgb(129, 194, 255);
}
.ant-dropdown button.ant-btn-ocm-default span {
  color: #fff;
  font-size: 0.6rem;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
}
.tool-table-list-dropdown {
  position: relative;
  z-index: 1050 !important;
}

/* LayoutContainer.css */

.ant-layout {
  background-color: transparent;
}

.ant-layout-header {
  padding: 0 5px 0 0;
  height: 72px;
}

@media only screen and (max-width: 991px) {
  .ant-layout-header {
    padding: 0 10px;
  }
}

/* ocmsolution Header Style */
.ocmsolution-header-content {
  height: 100%;
  min-height: 70px;
  line-height: 0 !important;
}

.ocmsolution-info-panel {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ocmsolution-info-panel .ant-dropdown-trigger {
  font-size: 0.8rem;
  padding-right: 20px;
}

.ocmsolution-header-content__left {
  min-width: 280px;
  padding: 0 20px 0 30px;
  background-color: transparent;
}

@media only screen and (max-width: 1499px) {
  .ocmsolution-header-content__left {
    min-width: 220px;
  }
}

@media only screen and (max-width: 767px) {
  .ocmsolution-header-content__left {
    padding: 0 20px 0 8px;
    min-width: auto;
    margin-right: 0;
  }
}

.navbar-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar-brand button {
  padding: 0;
  line-height: 0;
  margin-top: 4px;
}

.navbar-brand img {
  width: 16px;
}

.ocmsolution-logo {
  margin-right: 10px;
}

@media only screen and (max-width: 875px) {
  .ocmsolution-logo {
    margin-right: 4px;
  }
}

@media only screen and (max-width: 767px) {
  .ocmsolution-logo {
    margin-right: 0;
  }
}

.ocmsolution-logo img {
  max-width: 220px;
  width: 100%;
}

@media only screen and (max-width: 475px) {
  .ocmsolution-logo img {
    max-width: 100px;
  }
}

.ocmsolution-header-content__right {
  flex: auto;
  height: 100%;
  align-items: center;
  width: 100%;
}

.ocmsolution-nav-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: auto;
  padding-right: 12px;
}

@media only screen and (max-width: 767px) {
  .ocmsolution-nav-actions {
    display: none;
  }
}

.ocmsolution-nav-actions__author {
  margin: 0 3px;
}

.ocmsolution-nav-actions__author .ocmsolution-nav-action-link {
  display: flex;
  align-items: center;
}

.ocmsolution-nav-actions__author--name {
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  margin: 0 6px 0 10px;
}

@media only screen and (max-width: 991px) {
  .ocmsolution-nav-actions__author--name {
    display: none;
  }
}

.ocmsolution-header-content__mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .ocmsolution-header-content__mobile {
    display: block;
  }
}

.ocmsolution-mobile-action {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .ocmsolution-mobile-action {
    right: 15px;
  }
}

.btn-search {
  margin-right: 18px;
}

@media only screen and (max-width: 475px) {
  .btn-search {
    margin-right: 10px;
  }
}

/* svg {
  width: 18px;
  height: 18px;
} */

header {
  box-shadow: 0 5px 20px rgba(255, 255, 255, 0.05);
  z-index: 998;
}

.atbd-main-layout {
  margin-left: 180px;
  margin-top: 74px;
  transition: 0.3s ease;
}

@media only screen and (max-width: 1200px) {
  .atbd-main-layout {
    margin-right: 80px !important;
  }
}

@media only screen and (max-width: 1150px) {
  .atbd-main-layout {
    margin-right: auto !important;
  }
}

@media print {
  header,
  .atbd-main-layout,
  .admin-footer {
    display: none;
  }
}

.admin-footer {
  background-color: white;
}

.admin-footer__copyright {
  display: inline-block;
  width: 100%;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .admin-footer__copyright {
    text-align: center;
    margin-bottom: 10px;
  }
}

.admin-footer__copyright a {
  display: inline-block;
  margin-left: 4px;
  font-weight: 500;
}

.ocmsolution-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  content: '';
  z-index: -1;
}

.ocmsolution-shade.show {
  z-index: 101;
}

/* ProjectAddModel.css */
.project-add-model .main-class {
  padding: 20px;
  min-height: 400px;
}

.project-add-model .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
  color: #fff;
  border-color: #fff;
  opacity: 0.7;
}

.project-add-model .project-name-box {
  margin-top: 15px;
  background: #dadde0;
  color: white;
  padding: 7px;
  font-size: 17px;
}

.project-add-model .step-text {
  display: flex;
}

.project-add-model .step-text input {
  width: 370px;
  margin-left: 10px;
}

.project-add-model .step-text button {
  width: 100px;
  background: #9fce63;
  color: white;
  font-weight: bold;
}

/* Spacing between Input and Button */
.project-add-model .step-text > * {
  margin-right: 10px;
}

.project-add-model .step-number {
  border: 5px solid #bfbfbf;
  padding: 4px 12px;
  background: #475364;
  margin-left: -10px;
  margin-top: -10px;
  color: white;
  font-weight: bold;
}

.project-add-model .back-white {
  padding: 2px 5px;
  background: white !important;
}

.project-add-model .line-second-step {
  width: 6px;
  background: #bfbfbf;
  height: 30px;
  margin-left: 14px;
}

.project-add-model .back-other {
  background: #475364 !important;
  margin-top: 3px !important;
}

.project-add-model .create-audience-button button {
  width: 200px;
  height: 60px;
  border-radius: 20px;
  color: white;
  background: #4fadea;
  font-weight: 700;
  white-space: break-spaces;
}

/* SidebarContainer.css */

.ant-layout-sider {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
  .ant-layout-sider {
    box-shadow: 0 0 10px #00000020;
    display: none;
  }
}

@media (max-width: 1200px) {
  .ant-layout-sider {
    box-shadow: 0 0 10px #00000020;
    width: 80px;
  }
}

@media print {
  .ant-layout-sider {
    display: none;
  }
}

.loader-sidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0066b2;
  height: 100%;
}

.loader-sidebar svg {
  font-size: 80px;
}

.custom-scrollbar .ocmsolution-track-vertical {
  position: absolute;
  width: 6px;
  transition: opacity 200ms ease 0s;
  opacity: 0;
  right: 0;
  bottom: 2px;
  top: 2px;
  border-radius: 3px;
}

.ant-menu {
  background-color: #0066b2;
}

.ant-layout-sider-dark {
  background: #ffffff;
}

.ocmsolution-sidebar-nav-title {
  display: flex;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0 15px 0 0;
  margin: 20px 0 0 0;
}

.ocmsolution-sidebar-nav-title.ocmsolution-sidebar-nav-title-top {
  margin: 8px 0 0;
}

.ant-menu {
  font-size: 14px;
  overflow-x: hidden;
  border-right: 0 none;
}

.ant-menu.ocm-menu-item .ant-menu-item-selected {
  background: #493682;
  color: #ffffff;
  padding-bottom: 20px !important;
}

.ant-menu.amazon-menu-item .ant-menu-item-selected {
  background: rgb(255, 153, 0);
  color: #ffffff;
}

.ant-menu .ant-menu-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: auto;
  padding: 0 0 15px 0 !important;
  margin-bottom: 20px !important;
  border-radius: 20px;
  width: 96%;
  background-color: transparent;
  margin-block: 0;
  margin-inline: 0;
}

.ant-menu .ant-menu-submenu {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: auto;
  padding: 0 !important;
  margin-bottom: 20px !important;
  border-radius: 20px;
  width: 96%;
  background-color: transparent;
  margin-block: 0;
  margin-inline: 0;
}

.ant-menu .ant-menu-submenu:not(.ant-menu-submenu-open) div.ant-menu-submenu-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: auto;
  padding: 0 0 15px 0 !important;
  border-radius: 20px;
  width: 96%;
  background-color: transparent;
  margin-block: 0;
}

.ant-menu .ant-menu-submenu.ant-menu-submenu-open div.ant-menu-submenu-title {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: auto;
  padding: 0 0 15px 0 !important;
  border-radius: 20px;
  width: 96%;
  background-color: transparent;
  margin-block: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ant-menu .ant-menu-submenu ul.ant-menu-inline {
  width: 100%;
  margin-bottom: 0;
  background-color: #8dc7f1 !important;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.ant-menu .ant-menu-submenu ul.ant-menu-inline li {
  border: none;
  margin-bottom: 0 !important;
  padding-right: 0 !important;
  width: 100%;
  border-radius: 0;
}

.ant-menu
  .ant-menu-submenu.ant-menu-submenu-open
  ul.ant-menu-inline
  li.ant-menu-item-selected
  span.ant-menu-title-content
  a {
  color: #000;
}

.ant-menu .ant-menu-submenu.ant-menu-submenu-open ul.ant-menu-inline li.ant-menu-item-selected {
  background-color: #8dc7f1 !important;
}

.ant-menu .ant-menu-submenu.ant-menu-submenu-open ul.ant-menu-inline li span.ant-menu-title-content {
  padding-bottom: 0 !important;
}

.ant-menu.ocm-menu-item .ant-menu-submenu.ant-menu-submenu-open {
  background-color: #493682 !important;
}

.ant-menu.amazon-menu-item .ant-menu-submenu.ant-menu-submenu-open {
  background-color: rgb(255, 153, 0) !important;
}

.ant-menu .ant-menu-submenu ul.ant-menu-inline li:not(:last-child) {
  border-bottom: 2px solid #ffffff;
}

.ant-menu .ant-menu-item a.ant-menu-item-icon svg,
.ant-menu .ant-menu-submenu div.ant-menu-submenu-title svg {
  width: 50px;
  height: 50px;
}

.ant-menu .ant-menu-submenu div.ant-menu-submenu-title i.ant-menu-submenu-arrow {
  display: none;
}

.ant-menu .ant-menu-item a.ant-menu-item-icon,
.ant-menu .ant-menu-submenu div.ant-menu-submenu-title svg {
  width: 100%;
  align-items: center;
  text-transform: capitalize;
  padding: 25px 4px 4px;
  font-size: 16px;
  position: relative;
  justify-content: center;
  display: flex;
}

.ant-menu .ant-menu-item span.ant-menu-title-content,
.ant-menu .ant-menu-submenu div.ant-menu-submenu-title span.ant-menu-title-content {
  margin-inline-start: 0;
  text-align: center;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.ant-menu .ant-menu-item span.ant-menu-title-content {
  padding-bottom: 15px;
}

.ant-menu .ant-menu-item-selected span.ant-menu-title-content,
.ant-menu .ant-menu-submenu div.ant-menu-submenu-title span.ant-menu-title-content {
  font-weight: 700;
}

.ant-menu-title-content {
    display: -webkit-box !important;
    max-width: 100%;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    max-height: 40px;
    line-height: 22px;
}

.ant-menu-title-content a {
    display: inline-block !important;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
}

.ant-menu-item:not(.ant-menu-inline),
.ant-menu-submenu-title {
  color: #ffffff;
}

.ant-menu-item-selected a {
  color: #ffffff;
}

.ant-menu-item-active svg {
  color: #ffffff;
}

.ant-menu-submenu-open .ant-menu-submenu-title {
  display: flex;
  align-items: center;
  color: #ffffff;
}

.ant-menu-submenu-inline {
  background-color: #0066b2;
}

.ant-menu-item-only-child {
  margin-bottom: 0px;
}

.ant-menu-title-content a {
  padding: 0 0 20px 0;
}

.badge-primary {
  background-color: #0066b2;
}

.badge-success {
  background-color: #28a745;
}

/* Hover effect using the CSS variable */
.ocm-menu-item .ant-menu-item:not(.ant-menu-inline):hover,
.ocm-menu-item .ant-menu-submenu-title:hover {
  background-color: #493682 !important;
  color: #ffffff; /* Change text color on hover if needed */
}

/* Hover effect using the CSS variable */
.amazon-menu-item .ant-menu-item:not(.ant-menu-inline):hover,
.amazon-menu-item .ant-menu-submenu-title:hover {
  background-color: rgb(255, 153, 0) !important;
  color: #ffffff; /* Change text color on hover if needed */
}
#preloader.hidden {
  display: none;
}

/* SubscriptionHeaderStyle.css */

.subscription-header {
  width: 100%;
}

.subscription-header .ant-btn a:hover {
  color: #000 !important;
}

.subscription-header p {
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.subscription-header p button.subscribe_now {
  margin-left: 20px;
  background: #99ffcc !important;
  font-weight: 700;
  font-size: 0.8rem;
  height: auto;
  border-radius: 80px;
  color: #000;
  padding: 20px 25px;
}

.subscription-header p button.subscribe_now:hover {
  background: #75fdb9 !important;
  color: #000 !important;
}

.subscription-header p .trialdays {
  border: 1px solid #fff;
  padding: 15px 20px 17px;
  text-align: center;
  margin-left: 20px;
  border-radius: 12px;
  font-weight: 700;
  color: #666;
  font-size: 0.8rem !important;
}

.trialdays label.blink {
  color: #f00;
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.label {
  font-size: 17px;
}
.ant-form-item.hideInput {
  display: none;
}
input:disabled {
  background-color: #eee !important;
}
input.ant-input-disabled {
  background-color: #eee !important;
}
.ant-input-disabled:hover {
  background-color: #eee !important;
}
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'] {
  width: 100%;
  padding: 12px 16px;
  /* margin: 8px 0; */
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  color: #333;
  background-color: #ffffff;
  transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}
.ant-input-password {
  padding: 3px 16px !important;
}
.ant-input-password.ant-input-status-success {
  background-color: #fffcc8 !important;
}
.ant-input-password input {
  padding: 2px 0px !important;
  border: 0px solid #ccc !important;
}
.ant-input-password.ant-input-outlined input:hover {
  padding: 2px 0px !important;
  border: 0px solid #ccc !important;
  box-shadow: none !important;
}
.ant-input-password {
  padding: 8px 16px;
}
.ant-form-item.customInputSurvey {
  width: 100%;
}
.ant-form-item.customInputSurvey input,
.ant-form-item.customInput input {
  border: none;
  border-bottom: 1px solid black;
  outline: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  background: transparent;
  width: 100%;
  margin: 0 !important;
  border-radius: 0 !important;
}
.ant-form-item.customInputSurvey input:focus,
.ant-form-item.customInputSurvey input:active,
.ant-form-item.customInput input:focus,
.ant-form-item.customInput input:active {
  border: none;
  border-bottom: 1px solid black;
}
.ant-form-item.customInput input {
  text-align: center;
}
.customOutlined.ant-input-outlined {
  border: none; /* Remove the border */
  box-shadow: none; /* Remove the box-shadow */
  /* Add other styles as needed */
}
.ocm-input-licenses {
  border-radius: 0 !important;
  padding: 0 !important;
}

.ocm-register-login {
  height: auto !important;
  padding: 12px 20px !important;
}
.ocm-register-login input {
  font-size: 16px !important;
  margin: 0 auto;
  height: auto;
  padding-left: 0 !important;
}
input::placeholder {
  color: rgb(168, 165, 165);
}
.ant-form-item-explain-error {
  padding: 2px 10px;
  font-size: 13px;
}
form.styledForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  column-gap: 2%;
}
form.styledForm .ant-form-item {
  width: 48%;
}
form.styledForm .form-text {
  font-size: 13px;
  font-weight: 400;
  color: #878788;
  margin: 20px 0px;
}
form.styledForm .ocmsolution-google-recaptcha {
  justify-content: center;
}
form.styledForm .ocmsolution-google-recaptcha .ant-form-item {
  width: 0;
}

@media (min-width: 1200px) {
  form.styledForm .ant-form-item {
    width: 100%;
  }
}

@media (min-width: 1440px) {
  form.styledForm .ant-form-item {
    width: 48%;
  }
}

.marginBottom70 {
  margin-bottom: 70px;
}

.half-width {
  display: inline-block;
  width: 50%;
}

.input-align-center {
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}

input.surveyInputClass {
  width: 100%;
  max-width: 400px;
  border: 2px solid #a6a6a6;
  height: 37px;
  text-align: center;
}

input.inputFont18 {
  font-size: 18px;
}

.colorWhite label span {
  color: #ffffff;
  font-size: 14px;
}

.customSurveyTop {
  width: 100%;
  max-width: 300px;
  border: 2px solid #a6a6a6 !important;
  height: 37px;
  text-align: center;
}

.InputContainer:not(.flexDirectionColumn) {
  width: 48%;
  flex-direction: row;
  column-gap: 24px;
  row-gap: 24px;
}

.InputContainer.directionColumn {
  flex-direction: column !important;
}

.flexDirectionColumn {
  width: 48%;
  flex-direction: column;
  column-gap: 24px;
  row-gap: 24px;
}

.InputContainerColumn {
  width: 48%;
  flex-direction: column;
  column-gap: 24px;
  row-gap: 24px;
}

.InputContainerColumn .ant-row {
  flex-direction: column;
}

.InputContainer:not(.flexDirectionColumn) .ant-form-item,
.InputContainerColumn:not(.count) .ant-form-item {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.InputContainer .ant-form-item-row {
  flex-direction: row;
  width: 100%;
}

.count .ant-form-item {
  width: 100%;
  justify-content: flex-end;
  display: flex;
}

.count input {
  max-width: 100px;
}

.StyldForm {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 30px;
}

.StyledDivider {
  margin: 5px 0px;
}

.seachBox,
.searchBoxUser,
.seachBoxMain,
.seachModalBox {
  width: 85%;
  margin-left: 10px;
  margin-bottom: 10px;
}

.searchBoxUser input, 
.searchBoxUser .ant-input-group-addon {
  height: 40px;
}
.searchBoxUser .ant-input-group-addon .ant-input-search-button{
  height: 40px;
}


.seachBoxMain button {
  height: 50px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.seachBoxMain button span {
  height: 100% !important;
}

.seachBox55 {
  width: 55%;
  margin-left: 10px;
  margin-bottom: 10px;
}

.seachBox input,
.seachBox55 input {
  padding: 2.8px 16px;
}

.seachBox input,
.seachBox button,
.seachBox55 input,
.seachBox55 button {
  height: 33px;
}

.seachModalBox button {
  height: 36px !important;
}

.SeachContainer {
  align-items: flex-start;
}

.SeachContainer .ant-checkbox-wrapper {
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
}

.SearchContainerUser {
  align-items: flex-start;
}

.SearchContainerUser .ant-checkbox-wrapper {
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 7px;
}

.SeachContainerModal .ant-checkbox-wrapper {
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
}

.ant-form-item.marginBottom0 {
  margin-bottom: 0px;
}

.ant-form-item.disabled .ant-input-disabled {
  background-color: #eeeeee !important;
}

.ocm-discount-code {
  font-size: 22px;
}

.customDropdown {
  width: 100%;
  margin-top: 7px;
  margin-right: 7px;
  border-radius: 5px;
  padding: 4px 11px !important;
  border: 1px solid rgb(137, 195, 243) !important;
}

.grayBorder {
  border-radius: 5px !important;
  padding: 4px 11px !important;
  border: 1px solid gray !important;
}

.post-implementation-option-even.ant-select-item-option-selected,
.post-implementation-option-odd.ant-select-item-option-selected {
  background-color: rgba(137, 195, 243, 0.5) !important;
}

.jobInput {
  width: 90%;
  height: 35px;
}

.width30 {
  width: 30%;
}

.importModalInput {
  margin-bottom: 10px;
  max-width: 45px !important;
  height: 26px;
  margin-top: 10px;
  text-align: center;
  border: 1px solid #d9d9d9 !important;
  padding: 0px 6px 0px 6px !important;
  border-radius: 5px !important;
  margin-left: 30px;
}

.editPostInput {
  width: 100%;
  margin-top: 10px;
  border-radius: 8px !important;
  padding: 10px !important;
  padding-left: 20px;
  border: 1px solid rgb(137, 195, 243);
}

.paymentForm input {
  font-size: 18px !important;
}

.fullWidth .ant-form-item {
  width: 100%;
}

.fullWidth .ant-form-item .tox {
  width: 100%;
}
.custom-report-height .ant-input-affix-wrapper {
  min-height: 120px; 
}

.form-vertical .ant-form-item-row {
  flex-direction: column;
}

.InputContainer.count .form-vertical .ant-form-item-row {
  align-items: flex-end;
  justify-content: flex-end;
}

.form-vertical .ant-form-item-row label{
  width: 100%;
}

.form-vertical .countGroupColumn{
  width: 200px;
  max-width: 200px;
}

.InputContainer:not(.select-container) .ant-form-item {
  margin-bottom: 10px !important;
}

.InputContainer.select-container .ant-form-item {
  margin-bottom: 20px !important;
}

.InputContainerMeta {
  display: flex;
  flex-direction: column !important;
  width: 48% !important;
}

.InputContainerMeta .input .ant-form-item{
  width: 100% !important;
}

.InputContainerMeta .input .ant-form-item input{
  border-radius: 8px !important;
}

.InputContainerMeta .input .ant-form-item .ant-picker{
  height: 50px !important;
  font: 500 16px Inter, sans-serif;
}

.InputContainerMeta .input .ant-form-item .ant-picker input{
  font: 500 15px Inter, sans-serif;
}

.phoneNoSubscribeNow label {
  margin-top: 10px;
}

.enterPhonePaidCheckout .ant-form-item-control-input-content,
.phoneNoSubscribeNow .ant-form-item-control-input-content {
  margin-top: 10px;
}

.ocm-register-login-select .ant-select-selector {
  padding: 25px !important;
}

.maxNameOnCardHeight {
  padding: 15px 10px !important;
}
.profile_default {
  min-height: 140px;
  min-width: 300px;
  border: 1px solid #3c3543;
  background-color: #3c3543;
  border-radius: 24px;
  margin-right: 14px;
  margin-top: 40px;
  box-shadow:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.profile_default .ant-popover-title {
  display: none;
}
.profile_default .ant-popover-title {
  display: none;
}
.profile_default .ant-popover-inner {
  border-radius: 24px !important;
}
.profile_default .ant-popover-inner {
  /* background-color: #ABDBFF !important; */
  background-color: #3c3543 !important;
  box-shadow:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  color: #ffffff;
  border-radius: 24px;
}
.profile_default .ant-popover-arrow::after {
  background-color: #3c3543 !important;
  box-shadow:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  color: #ffffff;
  border-radius: 24px;
}
.profile_default .ant-popover-inner .ant-popover-title {
  color: #ffffff;
  font-size: 24px;
}
.profile_default .ant-popover-inner .ant-popover-inner-content label {
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
}
.profile_default .ant-popover-inner .ant-popover-inner-content .ant-alert-content {
  text-align: left;
}
.profile_default .close-icons {
  position: relative;
}
.profile_default .close-icons .close-user-panel {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 26px;
  cursor: pointer;
}

/* InfoWrapper.css */

.info-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 70px;
}

.info-wrapper ul {
  display: flex;
  flex-direction: row;
  min-height: 70px;
}

.info-wrapper ul li {
  list-style: none;
  display: flex;
  align-items: center;
  min-height: 70px;
}

.ant-avatar-lg {
  /* Width, height, and line-height dynamically set in JSX */
}

.ocmsolution-nav-action-link {
  text-decoration: none;
  box-shadow: none;
  padding: 0 8px;
  color: var(--theme-secondary-color); /* Use CSS variable or inline style for theme */
}

.ocmsolution-nav-actions__item .ant-badge .ant-badge-dot {
  top: 4px;
  right: 11px !important;
}

.ocmsolution-nav-actions__item.ocmsolution-nav-actions__message .ant-badge .ant-badge-dot {
  background: var(--theme-success-color); /* Use CSS variable or inline style for theme */
}

.ocmsolution-nav-actions__item svg {
  color: var(--theme-gray-text); /* Use CSS variable or inline style for theme */
}

.ocmsolution-nav-actions__message,
.ocmsolution-nav-actions__notification,
.ocmsolution-nav-actions__settings,
.ocmsolution-nav-actions__support,
.ocmsolution-nav-actions__flag-select,
.ocmsolution-nav-actions__language,
.ocmsolution-nav-actions__nav-author {
  display: flex;
  margin: 0 5px;
}

.ocmsolution-nav-actions__nav-author a.ant-dropdown-trigger img {
  max-width: 20px;
}

/* FeedBackStyle.css */

.feedback-style {
  background: white !important;
  padding: 30px;
  color: #63bfb4;
  width: 100%;
}

.feedback-style .ant-row{
  width: 100%;
}

.feedback-style .notification-text h1 {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 4px;
}

.feedback-style .notification-text h1 span {
  color: #5f63f2;
  font-weight: 500;
  padding-left: 0;
}

.feedback-style .notification-text p {
  font-size: 12px;
  color: #adb4d2;
  margin-bottom: 0;
  text-align: left;
}

.custom-popover .ant-popover-inner {
  border: 4px solid #63bfb4;
  box-shadow: none;
  background: white !important;
  border-radius: 20px !important;
}

/* UserDropDown.css */

.user-dropdown {
  max-width: 680px;
  width: 100%;
}

.user-dropdown .user-info-panel {
  margin-bottom: 10px;
  position: relative;
  border-bottom: 3px solid #fff;
}

.user-dropdown .user-info-panel .ant-avatar-string{
  transform: scale(1.1) !important;
  font-weight: bold;
}

.user-dropdown .user-info-panel h4 {
  padding-left: 10px;
  color: #fff;
  margin-top: 45px;
}

.user-dropdown .user-info-panel span.ant-tag {
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
}

.user-dropdown .user-info-panel p {
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}

.user-dropdown .user-info-panel .ant-avatar {
  margin-top: 45px;
}

.user-dropdown__info {
  display: flex;
  align-items: flex-start;
  padding: 20px 25px;
  border-radius: 8px;
  margin-bottom: 12px;
  background: transparent;
}

.user-dropdown__info img {
  margin-right: 15px;
}

.user-dropdown__links a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 10px 12px;
  font-size: 14px;
  transition: 0.3s;
  color: #fff !important;
}

.user-dropdown__links a:hover {
  padding-left: 22px;
  color: #888 !important;
}

.user-dropdown__links svg {
  width: 16px;
  transform: rotateY(0deg);
  margin-right: 14px;
}

.user-dropdown__bottomAction {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  position: relative;
  width: calc(100% + 32px);
  left: -15px;
  bottom: -18px;
  border-radius: 0 0 6px 6px;
  padding: 15px 0;
  color: #fff;
  cursor: pointer;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  background: #0066B2;
  background: var(--general-background, #0066B2);
}

.user-dropdown__bottomAction svg {
  width: 34px;
  height: 24px;
  transition: color 0.3s;
}

.user-dropdown__bottomAction:hover {
  color: var(--primary-color);
}

.user-dropdown__bottomAction:hover svg {
  color: var(--primary-color);
}

.selectWithCheckbox{
  border: 1px solid #EEE;
}

.selectWithCheckbox .ant-checkbox .ant-checkbox-input {
  z-index: 99999 !important;
  width: 24px !important;
  height: 24px !important;
}

.selectWithCheckbox .ant-select-item-option-state {
  display: none !important;
}

.ant-select-dropdown.selectWithCheckbox
  .ant-select-item.ant-select-item-option-selected
  .ant-select-item-option-content {
  color: #333333 !important;
}
.projectTag .ant-tag {
  display: flex;
  font-size: 14px;
  padding: 5px 20px;
  position: relative;
}
.projectTag .ant-tag .anticon {
  position: absolute;
  right: 8px;
  top: 9px;
  color: #000;
  cursor: pointer;
  font-weight: 600;
}

.selectWithSearch .ant-select{
  height: 45px;
}

.selectWithSearch .ant-select-selection-search {
  padding-left: 10px;
  display: flex;
  font: 500 15px Inter, sans-serif;
}

.selectWithSearch .ant-select .ant-select-selection-search{
  margin: 6px 4px;
}

.selectWithSearch .ant-select .ant-select-selection-placeholder,
.selectWithSearch .ant-select .ant-select-selection-item {
  margin: 6px 15px;
}
.selectWithSearch .ant-select .ant-select-selection-placeholder .ant-typography,
.selectWithSearch .ant-select .ant-select-selection-item .ant-typography{
  font-size: 17px;
}

.selectWithSearch .ant-select .ant-select-selection-search input.ant-select-selection-search-input{
  font-size: 17px;
  height: auto !important;
  height: initial !important;
}

.selectWithSearch .ant-select .ant-select-selector{
  padding: 0 !important;
  margin: 0 !important;
}

.selectDefault .ant-select-selector {
  height: 48px !important;
}

.selectProject .selectWithSearch {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.selectProject .selectWithSearch .ant-row{
  width: 100%;
}

.selectProject .selectWithSearch .ant-row .ant-col{
  width: 100%;
  display: flex;
}

.selectProject .selectWithSearch .ant-select-selection-search {
  padding-left: 0px;
  display: flex;
  font: 500 15px Inter, sans-serif;
}

.projectArchiveDropdown .ant-select-item:hover{
  background-color: #86c5f5 !important;
}

.projectArchiveDropdown .ant-select-item:not(:last-child) {
  border-radius: 0 !important;
  border-bottom: 1px solid #eee;
}

.projectArchiveDropdown .active-project {
  pointer-events: none;
  background-color: #4db0fc !important;
}
.AddProject_popup__sDoCN {
    display: flex;
    flex-direction: column;
    font-family: Inter, sans-serif;
    height: 100%;
  }
  
  .AddProject_container__4gGWc {
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    border: 1px solid var(--Default-Border, #d9d9d9);
    /* box-shadow: 0 4px 10px 3px rgba(0, 0, 0, 0.15); */
    background-color: #fff;
    display: flex;
    width: 100%;
    padding-bottom: 39px;
    flex-direction: column;
    align-items: center;
  }
  
  .AddProject_header__pUBUy {
    border-radius: 20px 20px 0 0;
    background: #e0f2ff;
    background: var(--Light-Blue-Fill, #e0f2ff);
    width: 100%;
    padding: 27px 32px;
  }
  
  .AddProject_title__g3pV5 {
    margin: 0 !important;
    color: #404040 !important;
    color: var(--Text-Color, #404040) !important;
    font-size: 28px !important;
  }
  
  .AddProject_closeButton__1LcL3 {
    color: #404040;
    color: var(--Text-Color, #404040);
  }
  
  .AddProject_formRow__zurBL {
    width: 100%;
    max-width: 595px;
    padding: 36px 32px 0;
  }
  
  .AddProject_formActions__KZjgc {
    padding: 52px 32px 0;
  }
  
  .AddProject_cancelButton__Kd0JD {
    color: #404040;
    color: var(--Text-Color, #404040);
    font-weight: 500;
  }
  
  .AddProject_createButton__790jX {
    border-radius: 50px;
    padding: 6px 25px;
    height: auto;
  }
  
  @media (max-width: 991px) {
    .AddProject_container__4gGWc {
      max-width: 100%;
    }
    
    .AddProject_header__pUBUy {
      padding: 20px;
    }
  
    .AddProject_formRow__zurBL {
      padding: 20px 20px 0;
    }
  
    .AddProject_formActions__KZjgc {
      padding: 40px 20px 0;
    }
  }

  .AddProject_projectName__fLqQN input{
    padding: 8px 16px;
  }
.svg-class-name svg {
  width: 100px;
  height: 64px;
  margin-top: 5px;
}
.svg-class-name {
  width: 100px;
  height: 64px;
  margin-top: 5px;
}
.svg-class-name-account-setting {
  display: flex;
  align-items: center;
  justify-content: center;
}
.svg-class-name-account-setting svg {
  width: 300px;
  height: 142px;
}
.svg-class-name-account-setting{
    /* width: 300px; */
    width: 65% !important;
    height: 158px;
    margin: auto;
}
.svg-class-name-account-setting-ocms {
  display: flex;
  align-items: center;
  justify-content: center;
}
.svg-class-name-account-setting-ocms svg {
  width: 300px;
  height: 142px;
}
.svg-class-name-account-setting-ocms{
    width: 250px !important;
    margin-top: 30px !important;
    height: 158px;
    margin: auto;
}
.svg-class-name-subscription {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 102px;
}
.svg-class-name-subscription svg {
  width: 250px;
  height: 102px;
}
.svg-class-name-subscription {
  width: 250px;
  height: 102px;
}
.svg-cover-logo svg {
  width: 200px;
}
.svg-cover-logo{
    width: 200px;
    margin-bottom: 40px;
}
.svg-logo-Modal svg {
  width: 200px;
  height: 128px;
}
.svg-logo-Modal {
  width: 200px;
  height: 128px;
}
.engagement-svg-logo-Modal svg {
  width: 200px;
  height: 128px;
}
.engagement-svg-logo-Modal {
  width: 200px;
  height: 128px;
}
.enterprise-logo {
  position: relative;
}
.enterprise-logo svg.pencil-icon {
  position: absolute;
  top: -6px;
  right: -9px;
}
.enterprise-logo svg.pencil-icon {
  position: absolute;
  top: -6px;
  right: -9px;
}
h1.header-title {
  margin-top: 0.2em !important;
}
h1.header-audience-info {
  margin-top: 0.2em !important;
  color: #666;
  font-size: 30px;
  margin-bottom: 0.2em !important;
}
h1.header-job-info{
  margin-top: 0.2em !important;
  color: #666;
  margin-bottom: 0 !important;
}
h1.header-job-info div.ant-typography{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 30px;
  color: #666;
}
h1.header-group-info {
  margin-top: 0.2em !important;
  color: #666;
}
h1.header-audience-info div.ant-typography{
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  color: #666;
}
h1.header-group-info div.ant-typography{
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  color: #666;
  font-size: 30px;
}
.risk-status .ant-radio-group label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.risk-status .ant-radio-group label p.radioValue{
  margin-top: 0.1em;
}

/* FooterStyle.css */

.footer-style {
  padding: 20px 30px 18px;
  font-size: 14px;
  width: 100%;
  box-shadow: 0 -5px 10px rgba(146, 153, 184, 0.05);
}

.admin-footer__links {
  margin: 0 -9px;
  text-align: right;
}

.admin-footer__links a {
  margin: 0 9px;
}

.admin-footer__links a:hover {
  /* The color will be set inline in JSX using the `primary-color` */
}

.admin-footer__links a:not(:last-child) {
  margin-right: 15px;
}

/* Media query for responsiveness */
@media only screen and (max-width: 767px) {
  .admin-footer__links {
    text-align: center;
  }
}

/* ProjectDropdownStyle.css */

.project-dropdown-menu {
  height: 80%;
  display: flex;
  align-items: center;
  border-radius: 6px;
  min-width: 280px;
  max-height: 60px;
  font-size: 20px;
}

.project-dropdown-menu .ant-dropdown-trigger {
  width: 100%;
  position: relative;
  height: 90%;
}

.project-dropdown-menu a {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.project-dropdown-menu a .ant-space {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.project-dropdown-menu a .ant-space .ant-space-item{
  font-size: 18px;
}

.project-dropdown-menu ul li {
  font-size: 0.7rem !important;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.88);
  line-height: 1.5714285714285714;
  list-style: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  border-block-start: 1px solid rgba(5, 5, 5, 0.06);
}

.project-dropdown-menu ul li span {
  font-size: 0.7rem !important;
  color: rgba(0, 0, 0, 0.88);
  padding: 5px 2px;
}

.project-dropdown-menu ul li.ant-dropdown-menu-item-selected {
  color: #1677ff !important;
  background-color: #75b8ed !important;
  font-weight: bold !important;
}

.project-dropdown-menu ul li:hover {
  background: var(--theme-background-color);
  color: var(--theme-color);
}

.project-dropdown-menu ul li:hover span {
  color: var(--theme-color);
}

.buttonAddNew {
  width: 100%;
  padding: 18px;
}

.buttonAddNew span{
  font-size: 14px !important;
}
.table-row-dark td:not(.scores) {
  background: #d5eaf8 !important;
}
.Mid {
  background-color: #ffc000 !important;
}
.Primary {
  background-color: #ffc000 !important;
}
.Neutral {
  background-color: #ffc000 !important;
}
.HighPositive {
  background-color: #0c6 !important;
}
.Secondary {
  background-color: #0c6 !important;
}
.LowPositive {
  background-color: #0c6 !important;
}
.DisagreePositive {
  background-color: #0c6 !important;
}
.AgreePositive {
  background-color: #0c6 !important;
}
.Critical {
  background-color: #ff626e !important;
}
.HighNegative {
  background-color: #ff626e !important;
}
.LowNegative {
  background-color: #ff626e !important;
}
.DisagreeNegative {
  background-color: #ff626e !important;
}
.AgreeNegative {
  background-color: #ff626e !important;
}
.Pending {
  background-color: #e7e6e6 !important;
}
.serial_field,
.sl {
  background-color: #dad8d8 !important;
  color: #333 !important;
  font-weight: 600;
}
.MasterScore {
  display: flex;
  flex-direction: column;
  flex-direction: revert;
  align-items: center;
  width: 100%;
  padding: 0.1rem;
}
.scoreTitle {
  background-color: #fff;
  padding: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  flex-direction: revert;
  align-items: center;
  width: 70%;
}
.typeTitle {
  background-color: rgba(0, 0, 0, 0);
  padding: 0.5rem;
  font-size: 1.1rem;
  color: #fff;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  flex-direction: revert;
  align-items: center;
  justify-content: center;
  width: 30%;
}
.ant-tag-gold {
  color: #666 !important;
  background: #fffbe6 !important;
  border-color: #ffe58f;
}
.note {
  font-size: 20px;
  width: 50%;
  padding: 20px;
  margin-bottom: 20px !important;
  text-align: center;
}
.ant-table-column-sorter-up:not(.active) {
  color: #fff !important;
}
.ant-table-column-sorter-down:not(.active) {
  color: #fff !important;
}
.ant-table-column-sorter-up.active svg {
  color: #0066b2 !important;
  font-size: 20px !important;
}
.ant-table-column-sorter-down.active svg {
  color: #0066b2 !important;
  font-size: 20px !important;
}
.ant-table-summary {
  margin-top: 30px;
  border: 7px solid #ffe58f !important;
}
.ant-table-summary table {
  table-layout: auto !important;
}
.ant-pagination-total-text {
  width: 100%;
  display: flex;
  margin-right: auto;
  font-size: 20px;
  margin-inline-end: unset !important;
  justify-content: flex-start;
}
.ant-select-selector {
  cursor: pointer !important;
  border: 1px solid #eee;
  padding: 0 25px;
  border-radius: 10px;
}
.ant-table-filter-dropdown {
  background: #0066b2;
}
.ant-table-filter-dropdown ul {
  border: 2px solid #0066b2;
}
.ant-table-filter-dropdown ul li.ant-dropdown-menu-item {
  padding: 0.5rem !important;
}
.ant-table-filter-dropdown-btns button {
  height: auto !important;
  background-color: #0066b2;
  font-size: 0.9rem;
}

/* ToolScore.css */
.ToolScoreFigure {
  margin-bottom: 0;
  width: 100%;
  flex-direction: column;
}

.ToolScoreFigure .ant-alert {
  min-height: 40px;
  border-radius: 18px;
  border-radius: var(--border-global-radius, 18px);
}

.ToolScoreFigure h1 {
  font-size: 26px;
}

.ToolScoreFigure .ant-alert-description {
  width: 70%;
}

.ToolScoreFigure .ant-alert-description p {
  font-size: 16px;
  line-height: 24px;
}

.ToolScoreFigure .ant-alert-message div {
  border-radius: 18px;
  border-radius: var(--border-global-radius, 18px);
}

.ToolScoreFigure .ant-alert-message div svg {
  width: 40px;
}

.ToolScoreFigure .ant-alert-message div span {
  padding-left: 20px;
  p {
    margin-bottom: 0 !important;
  }
}

.ToolScoreFigure .ant-alert-message div span p {
  margin-bottom: 0 !important;
}

.add_new_popup_default{
    min-height: 140px;
    min-width: 300px;
    border: 1px solid #493682;
    background-color: #0066B2;
    border-radius: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.account_user_default{
    min-height: 140px;
    min-width: 300px;
    border: 1px solid #493682;
    background-color: #0066B2;
    border-radius: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.add_new_popup_default .ant-popover-title{
    display: none;
}
.add_new_popup_default .ant-popover-title{
    display: none;
} 
.add_new_popup_default .ant-popover-inner{
    border-radius: 24px !important;
}
.account_user_default .ant-popover-inner{
    border-radius: 24px !important;
}
.default_data_popup{
    min-height: 140px;
    max-width: 600px;
    border: 1px solid #EFD46A;
    background-color: #38AAFF;
    border-radius: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.suggesstion_popup{
    min-height: 140px;
    max-width: 400px;
    border: 1px solid #493682;
    background-color: #0066B2;
    border-radius: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.suggesstion_popup .ant-popover-inner {
    background-color: #0066B2 !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.add_new_popup_default .ant-popover-inner {
    /* background-color: #ABDBFF !important; */
    background-color: #0066B2 !important; 
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.account_user_default .ant-popover-inner {
    /* background-color: #ABDBFF !important; */
    background-color: #0066B2 !important; 
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.default_data_popup .ant-popover-inner {
    background-color: #ABDBFF !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.add_new_popup_default .ant-popover-arrow::after {
    background-color: #0066B2 !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.account_user_default .ant-popover-arrow::after {
    background-color: #0066B2 !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    /* min-height: 140px; */
    color: #FFFFFF;
    border-radius: 24px;
}
.default_data_popup .ant-popover-arrow::after {
    background-color: #0066B2 !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.suggesstion_popup .ant-popover-arrow::after {
    background-color: #0066B2 !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 140px;
    color: #FFFFFF;
    border-radius: 24px;
}
.add_new_popup_default .ant-popover-inner .ant-popover-title {
    color: #FFFFFF;
    font-size: 24px;
}
.account_user_default .ant-popover-inner .ant-popover-title {
    color: #FFFFFF;
    font-size: 24px;
}
.default_data_popup .ant-popover-inner .ant-popover-title {
    color: #FFFFFF;
    font-size: 24px;
}
.default_data_popup p .champion-color{
    color: #7AC6FF;
}

.default_data_popup .popover-close {
    position: absolute;
    top: -10px;
    background: #0066B2;
    right: -12px;
    opacity: 1;
    width: 35px;
    color: #FFF;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
}
.default_data_popup .button-container {
    text-align: center !important;
}
.default_data_popup .ant-btn-ocm-blue-modal-button {
    background-color: #38AAFF;
    border-radius: 50px !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    height: auto;
}
.deletePopUp .ant-popover-inner {
    background-color: #FFFFFF !important;
    border-radius: 10px !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    height: auto;
    width: 600px;
}
.deletePopUp .ant-popover-inner .ant-popconfirm-buttons {
    text-align: center;
}
.suggesstion_popup .ant-popover-inner .ant-popover-title {
    color: #FFFFFF;
    font-size: 17px;
}
.add_new_popup_default .ant-popover-inner .ant-popover-inner-content {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
}
.account_user_default .ant-popover-inner .ant-popover-inner-content {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
}
.default_data_popup .ant-popover-inner .ant-popover-inner-content {
    color: #FFFFFF;
    font-size: 18px;
    text-align: left;
}
.suggesstion_popup .ant-popover-inner .ant-popover-inner-content {
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
}
.add_new_popup_default .ant-popover-inner .ant-popover-inner-content label{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}
.account_user_default .ant-popover-inner .ant-popover-inner-content label{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}
.default_data_popup .ant-popover-inner .ant-popover-inner-content label{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}
.suggesstion_popup .ant-popover-inner .ant-popover-inner-content label{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}
.add_new_popup_default .ant-popover-inner .ant-popover-inner-content .ant-alert-content{
    text-align: left;
}
.add_new_popup_default .close-icons{
    position: relative;
}
.add_new_popup_default .close-icons .close-user-panel{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    cursor: pointer;
}
.account_user_default .ant-popover-inner .ant-popover-inner-content .ant-alert-content{
    text-align: left;
}
.account_user_default .close-icons{
    position: relative;
}
.account_user_default .close-icons .close-user-panel{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 26px;
    cursor: pointer;
}
.default_data_popup .ant-popover-inner .ant-popover-inner-content .ant-alert-content{
    text-align: left;
}
.suggesstion_popup .ant-popover-inner .ant-popover-inner-content .ant-alert-content{
    text-align: left;
}

.audience-list-popover{
    min-height: 400px;
    min-width: 400px;
    background-color: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.audience-list-popover .ant-popover-inner {
    background-color: #FFFFFF !important;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
    min-height: 400px;
    color: #666666;
    border-radius: 24px;
}
.audience-list-popover .ant-popover-arrow::after {
    display: none;
}
.audience-list-popover .ant-popover-inner .ant-popover-title {
    color: #666666;
    font-size: 24px;
}
.audience-list-popover .ant-popover-inner .ant-popover-inner-content {
    color: #666666;
    font-size: 18px;
    text-align: left;
}
.audience-list-popover .ant-popover-inner .ant-popover-inner-content label{
    color: #666666;
    font-size: 16px;
    font-weight: 500;
}
.audience-list-popover .ant-popover-inner .ant-popover-inner-content .ant-alert-content{
    text-align: left;
}
.audience_list_panel {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #C9F1FF;
    width: 100%;
    background-color: white;
}
.audience_list_panel .ant-list{
    width: 100%;
}
.audience_list_panel .ant-list-item{
    border-block-end: 1px solid #C9F1FF;
    padding: 10px 20px;
}
.audience_list_panel .ant-list-item{
    border-block-end: 1px solid #C9F1FF;
    padding: 10px 20px;
}
.audience_list_panel .ant-list-item .ant-list-item-meta{
    display: flex;
    align-items: center;
    padding: 0;
}
.audience_list_panel .ant-list-item:nth-child(2n) {
    background-color: #ECF8FC;
}
.audience_list_panel .ant-list-item {
    background-color: #FFFFFF;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: transparent !important;
}
.ant-cascader-menu::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

.ant-cascader-menu::-webkit-scrollbar-track {
    background: #8ea3c9; /* Track color */
}

.ant-cascader-menu::-webkit-scrollbar-thumb {
    background: #1197cc; /* Thumb color */
    border-radius: 6px; /* Roundness of the thumb */
}

.ant-cascader-menu::-webkit-scrollbar-thumb:hover {
    background: #555; /* Thumb color on hover */
}
.ant-cascader-menu {
    scrollbar-width: auto; /* Width of the scrollbar */
}
  
.ant-cascader-menu {
    scrollbar-color: #1197cc #8ea3c9; /* Thumb color and track color */
}
.cascader-menu-populate div.ant-cascader-menus .ant-cascader-menu {
    min-width: 210px !important;
}
.ant-cascader-menu .ant-cascader-menu-item{
    padding: 10px 0px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #c2e7f5;
}
.ant-cascader-menu .ant-cascader-menu-item .ant-cascader-checkbox{
    margin-left: 10px;
}
.ant-cascader-menu .ant-cascader-menu-item[aria-checked="true"]{
    padding: 10px 0px;
    background-color: #edfaff;
}   
.ant-cascader-menu .ant-cascader-menu-item-active{
    padding: 10px 0px;
    background-color: #C9F1FF;
}
.ant-select-dropdown {
    padding: 0 !important;
    min-width: 250px !important;
}
.ant-list-items li:not(:last-child) {
    margin-bottom: 0;
}
.ant-checkbox .ant-checkbox-inner {
    width: 25px;
    height: 25px;
}
.ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner::after {
    width: 6.7142857142857135px;
    height: 14.142857142857142px;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    width: 12px;
    height: 12px;
}
.toolgroup-cascader {
    min-height: 260px;
}
.toolgroup-cascader .ant-cascader-menu{
    min-width: 320px;
}
.toolgroup-cascader .ant-cascader-menus, .toolgroup-cascader .ant-cascader-menu{
    min-height: 260px;
}
.toolgroup-cascader .ant-cascader-menu-item{
    padding: 20px;
}
.ant-btn-ocm-default {
    background: rgb(0, 176, 240) !important;
    color: #fff;
    border-color: transparent;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    display: flex;
    padding: 8px 10px;
}
.add-a-data-metric .ant-btn-ocm-default {
    font-size: 20px !important;
}
.ant-btn-ocm-default-project {
    background: rgb(0, 176, 240) !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto !important;
    padding: 15px 25px;
    width: 100% !important;
}
.ant-btn-ocm-default-project:hover {
    background: rgb(0, 136, 200) !important;
}
.ant-btn-amber-primary {
    background: #E9CC72 !important;
    color: #000 !important;
}
.ant-btn-amber-primary {
    background: #FFC000 !important;
}
.ant-btn-amber-primary:hover {
    background: #E9CC72 !important;
}
.ant-btn-ocm-default-dark-amber:hover {
    background: #E9CC72 !important;
    color: #fff !important;
}
.ant-btn-ocm-green {
    background: #09A974 !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
}
.parent-div {
    position: relative;
}
.ant-btn-ocm-grey {
    background: #D9D9D9 !important;
    color: #000;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
}
.ant-btn-ocm-amber {
    background: #FFC000 !important;
    color: #FFF;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
}
.ant-btn-ocm-grey-light {
    background: #F2F2F2 !important;
    color: #000;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    padding: 10px 20px;
}
.ant-btn-ocm-default-white {
    background: rgb(250, 249, 249) !important;
    color: #000 !important;
    border-color: #D9D9D9 !important;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    min-width: 100px;
}
.ant-btn-ocm-default-make-default {
    background: #BDE3FF !important;
    color: #000 !important;
    border-color: #D9D9D9 !important;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    min-width: 100px;
}
.ant-btn-ocm-default-danger {
    background: #FF5D5F !important;
    color: #FFF !important;
    border-color: transparent !important;
    /* font-size: 30px; */
    font-weight: 600;
    /* margin: 20px auto 0; */
    padding: 20px 50px;
    white-space: normal !important;
    height: auto !important;
    height: initial !important;
}
.ant-btn-ocm-small-danger {
    background: #FF5D5F !important;
    color: #FFF !important;
    border-color: transparent !important;
    /* font-size: 30px; */
    font-weight: 600;
    height: auto;
    padding: 5px 10px;
    white-space: normal !important;
}
.ant-btn-ocm-default-stop-cancellation {
    background: #715ABA !important;
    color: #FFF !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    min-width: 100px;
    padding: 20px 50px;
    white-space: normal !important;
    height: auto !important;
    height: initial !important;
}
.ant-btn-ocm-cancel {
    background: #ffffff;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, 0.88);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    font-size: 20px;
    height: 50px;
}
.ant-btn-ocm-default[disabled=""] {
    opacity: 0.5;
}
.ant-btn-ocm-default-dark-blue {
    background: #0066B2 !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    /* height: 50px !important; */
    width: 200px;
    padding: 6.66 !important;
    border-radius: 25px !important;
    white-space: normal !important;
}
.ant-btn-ocm-default-dark-blue-small {
    background: #0066B2 !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    padding: 10px 30px;
    margin-left: 30px;
}
.ant-btn-ocm-default-danger {
    background: #ff4d4f !important;
    color: #fff !important;
    margin: 0;
}
.ant-btn-ocm-default-big {
    background: #0066B2 !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px !important;
    height: auto !important;
    padding: 15px !important;
    width: 340px;
    border-radius: 60px !important;
}
.ant-btn-default-big-border {
    color: #999 !important;
    border-color: #0066B2 !important;
    font-weight: 600;
    font-size: 20px !important;
    height: auto !important;
    padding: 15px !important;
    width: 500px;
    border-radius: 60px !important;
    position: relative;
}
.ant-btn-default-big-border span{
    padding-left: 40px;
    white-space: normal;
    width: 80%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.ant-btn-default-big-border .Number-two {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #0066B2;
    background: #0066B2;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    border-radius: 60px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ant-btn-default-big-border .Number-three {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #0066B2;
    background: #0066B2;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    border-radius: 60px;
    width: 95px;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ant-upload-drag {
    width: 70%;
    margin: 0 auto;
}
.ant-btn-default-big {
    background-color: #ffffff !important;
    border-color: #d9d9d9 !important;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02) !important;
    color: #999 !important;
    font-weight: 600;
    font-size: 20px !important;
    height: auto !important;
    padding: 15px !important;
    padding-left: 70px;
    padding-right: 70px;
    width: 340px    ;
    border-radius: 60px !important;
    white-space: normal;
}
.ocm-steps {
    width: 49%;
}
.ant-btn-ocm-purple-big {
    background: #493682 !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px !important;
    height: auto !important;
    padding: 15px !important;
    width: 340px;
    border-radius: 60px !important;
}
.ant-btn-ocm-default-exta-large {
    background: rgb(0, 176, 240) !important;
    color: #fff !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    border-radius: 22px;
    padding: 10px 29px !important;
}
.ant-btn-ocm-default-exta-large-grey {
    background: rgb(201, 211, 214) !important;
    color: #666 !important;
    border-color: transparent !important;
    font-weight: 600;
    font-size: 20px;
    height: auto;
    border-radius: 22px;
    padding: 10px 29px !important;
}
.duration-dropdown li {
    padding: 0 !important;
}
.duration-dropdown li.ant-dropdown-menu-item-active {
    background: #00B0F0 !important;
    color: #fff !important;
}
.deleteGroup {
    position: absolute;
    right: 10px;
    padding: 10px;
    font-size: 15px;
    cursor: pointer;
}
.tooltip-error .ant-tooltip-arrow::before {
    clip-path: polygon(50% -32%, -1% 100%, 100% 100%) !important;
    height: 13px !important;
}
.tooltip-error .ant-tooltip-inner {
    border: none !important;
}
.search-panel input{
    height: 50px !important;
}
.search-panel .anticon svg{
    color: rgb(255, 255, 255);
    font-weight: 600;
}
.tox-tinymce {
    border-radius: 0;
    margin-top: 10px;
}
.ocm-modal-images .ant-modal {
    padding: 0;
    background-image: url(/static/media/trarget_audience_left.50a9368c3a99e2c3c9a2.png);
}
.ocm-modal .ant-modal-footer {
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ant-modal-footer button[buttonSize='exta-large']{
    padding: 80px !important;
}
.default-icon {
    background: #0066B2;
    opacity: 1;
    width: 35px;
    color: #FFF;
    height: 35px;
    border-radius: 50%;
    cursor: pointer;
}
.ocm-modal .ribon {
    inset-inline-end: 0;
    border-inline-end-color: transparent;
    border-block-end-color: transparent;
    position: absolute;
    top: 100%;
    width: 8px;
    height: 8px;
    color: currentcolor;
    border: 4px solid;
    transform: scaleY(.75);
    transform-origin: top;
    filter: brightness(75%);
}

.ocm-modal-all-blue .ant-modal-content {
    padding: 0;
    background-color: #0066B2;
}

.ocm-modal-all-blue .button-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ocm-modal-all-blue .ant-btn-ocm-blue-modal-button {
    background-color: #0066B2;
    border-radius: 50px !important;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    height: auto;
}

.ocm-modal-all-blue p {
    color: #FFFFFF;
}

.ocm-modal-all-blue p .champion-color{
    color: #7AC6FF;
}

.ocm-modal-all-blue .ant-modal-close {
    top: -10px;
    background: #fff;
    right: -12px;
    opacity: 1;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.ant-collapse-header {
    padding: 16px 24px 0 !important;
    padding-inline-start: 16px;
}

h1.converted {
    width: auto;
}
.end_date_tooltip {
    position: relative;
}
.end_date_tooltip .ant-ribbon{
    width: 300px;
    white-space: normal;
    font-size: 20px;
    line-height: 30px;
    padding: 10px;
    top: -117px;
}

.ant-radio-inner {
    border-color: #868585;
}

.ant-select-item-group {
    background: #BAE2FF;
    font-size: 15px !important;
    color: #000 !important;
    font-weight: bold !important;
}

.assessment-risk-readiness:last-child {
    border: 0px solid rgb(238, 238, 238) !important;
}
.assessment-risk-project-adoption:last-child {
    border: 0px solid rgb(238, 238, 238) !important;
}

.table-list-filter {
    padding: 0px 13px 0px 10px;
    border-radius: 6px;
    border: 1px solid #0066B2;
    height: 27px !important;
}
/* AuthenticationWrap.css */
.AuthenticationWrap {
  flex-direction: column;
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
}

/* SubscribeNowWrapStyle.css */
.SubscribeNowWrapStyle {
  margin: 0;
  padding: 0;
  background: #fff;
  height: 100%;
  min-height: 700px;
  padding-top: 10px;
  width: 100%;
}

.SubscribeNowWrapStyle .ant-list {
  margin-top: 0px;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top {
  text-align: left;
  width: 100%;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .ant-typography:not(.basic_plan):not(.plan){
  display: flex;
  align-items: center;
  justify-content: center;
}

.margin-bottom-none {
  margin-bottom: 0 !important;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .ant-row {
  width: 100%;
  margin-bottom: 20px;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top h2,
.SubscribeNowWrapStyle .ocmsolution-registration-top h3 {
  color: #38AAFF !important;
  color: var(--subscription-default-color, #38AAFF) !important;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .ant-btn-ocm-default-danger {
  background: #ff5d5f !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  min-width: 100px;
  border-radius: 50px;
  padding: 20px 40px;
  height: auto !important;
  height: initial !important;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .ant-btn-ocm-default-stop-cancellation {
  background: #715aba !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 30px;
  padding: 20px 50px;
  white-space: normal !important;
  height: auto !important;
  height: initial !important;
  min-width: 100px;
  border-radius: 50px;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .basic_plan_subscribe {
  background: #f3fcff;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 20px;
  width: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.SubscribeNowWrapStyle .basic_plan_subscribe .basic_plan_subscribe-child {
  width: 50%;
  padding-left: 150px;
}

.SubscribeNowWrapStyle .basic_plan_subscribe .basic_plan_subscribe-child .ant-form-item .ant-form-item-row {
  display: flex;
  flex-direction: column;
  border-bottom: none !important;
  margin-bottom: 10px !important;
}

.SubscribeNowWrapStyle
  .basic_plan_subscribe
  .basic_plan_subscribe-child
  .ant-form-item
  .ant-form-item-row
  .ant-form-item-label {
  text-align: left;
}

.SubscribeNowWrapStyle
  .basic_plan_subscribe
  .basic_plan_subscribe-child
  .ant-form-item
  .ant-form-item-row
  .ant-form-item-label
  > label {
  height: 60px !important;
  text-align: left;
}

.SubscribeNowWrapStyle
  .basic_plan_subscribe
  .basic_plan_subscribe-child
  .ant-form-item
  .ant-form-item-row
  .ant-form-item-explain-error {
  padding-left: 10px;
}

.SubscribeNowWrapStyle
  .basic_plan_subscribe
  .basic_plan_subscribe-child
  .ant-form-item
  .ant-form-item-row
  .anticon
  svg {
  color: inherit !important;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top .billing_summary_panel {
  background: #fff;
  padding: 0 30px;
  margin-top: 10px;
  width: 100%;
  border-radius: 10px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes {
  background: #f5f5f5;
  padding: 20px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 25px;
  min-height: 100px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .text-box {
  width: 65%;
  min-height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .text-box h4 {
  margin-top: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #444;
  text-align: center;
  font-size: 28px !important;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .icon-box {
  width: 35%;
  height: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .black {
  background: #3a3540;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .green {
  color: #008a45 !important;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .greenbg {
  background: #e8fff4 !important;
  width: 70% !important;
  font-size: 24px !important;
  border-radius: 18px;
}

.SubscribeNowWrapStyle .billing_summary_panel .billing_summary_boxes .billing_summary_box .grey {
  background: #f6f9fb;
  border: 1px solid #ccc;
}

.SubscribeNowWrapStyle .ocmsolution-registration-top__title {
  font-size: 25px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  color: #333;
  color: var(--dark-text, #333);
}

.SubscribeNowWrapStyle .billing-cycle {
  margin-top: 30px;
  width: 80%;
  border-radius: 10px;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header {
  width: 100%;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .number {
  background-color: #38AAFF !important;
  background-color: var(--subscription-default-color, #38AAFF) !important;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .number h3 {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .subscription-header {
  background-color: #38AAFF !important;
  background-color: var(--subscription-default-color, #38AAFF) !important;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 0;
  border-radius: 20px;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .subscription-header h3,
.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .subscription-header h5 {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.SubscribeNowWrapStyle .billing-cycle .billing-cycle-header .subscription-header h5 {
  font-size: 20px;
}

.SubscribeNowWrapStyle .billing-cycle .individual-switch-relative {
  margin-top: 20px;
}

.SubscribeNowWrapStyle .billing-cycle .individual-switch-relative .ant-switch {
  margin: 9px 25px 0 20px !important;
  background: rgb(255, 193, 99) !important;
  height: 40px;
  display: flex;
  justify-content: center;
  min-width: 100px;
}

.SubscribeNowWrapStyle .billing-cycle .individual-switch-relative .add-ons-optional-fields {
  background: #f3fcff;
  margin-left: 8%;
  margin-top: 0;
  border: none;
  width: 89%;
}

.SubscribeNowWrapStyle .billing-cycle .individual-switch-relative .add-ons-optional-fields .optional-addons-item {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.SubscribeNowWrapStyle
  .billing-cycle
  .individual-switch-relative
  .add-ons-optional-fields
  .optional-addons-item
  .ant-row {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
}

.SubscribeNowWrapStyle
  .billing-cycle
  .individual-switch-relative
  .add-ons-optional-fields
  .optional-addons-item
  .ant-row
  h4 {
  font-size: 24px;
  color: #333;
  margin: 0;
}

.SubscribeNowWrapStyle
  .billing-cycle
  .individual-switch-relative
  .add-ons-optional-fields
  .optional-addons-item
  .ant-row
  h5 {
  margin: 0;
  font-size: 20px;
}

.SubscribeNowWrapStyle .optional-addon {
  margin: 50px 0 0;
  width: 100%;
  border: 1px solid rgb(75, 166, 234);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bde3ff;
  height: 80px;
  border-radius: 12px;
}

.SubscribeNowWrapStyle .optional-addon h3.optional-addon-h3 {
  color: #333 !important;
  margin-bottom: 0;
}

.SubscribeNowWrapStyle .add-ons-checkout {
  background: #e4f7ff;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 25px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 40px;
  margin-bottom: 40px;
}

.SubscribeNowWrapStyle .add-ons-checkout .recurring-amount {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 15px 20px;
}

.SubscribeNowWrapStyle .add-ons-checkout .recurring-amount .product-name {
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.SubscribeNowWrapStyle .add-ons-checkout .recurring-amount .product-price {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  padding-right: 40px;
}

.SubscribeNowWrapStyle .add-ons-checkout h4.black-text {
  color: #333 !important;
  font-size: 24px;
}

.SubscribeNowWrapStyle .add-ons-checkout .amount-area {
  text-align: left;
  width: 200px;
}

.SubscribeNowWrapStyle .add-ons-checkout h2.checkout-text {
  color: #333 !important;
}

.SubscribeNowWrapStyle .add-ons-optional-fields {
  background: #e4f7ff;
  border: 1px solid #ccc;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 40px;
  border-radius: 25px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ant-form-item-control-input-content {
  display: flex;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ocm-discount-code {
  width: 70%;
  height: 60px;
  margin-right: 10px;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ant-btn-ocm-default-apply {
  margin-left: 20px;
  width: 20%;
  background: #00b0f0 !important;
  color: rgb(255, 255, 255) !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 24px !important;
  height: auto;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  white-space: normal !important;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ant-btn-ocm-default-apply-disabled {
  margin-left: 20px;
  width: 20%;
  background: #00b0f055 !important;
  color: rgb(255, 255, 255) !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 24px !important;
  height: auto;
  padding: 10px 20px !important;
  border-radius: 15px !important;
  white-space: normal !important;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-border {
  border-right: 2px solid #a99bd5;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ocm-btn-licenses-disabled {
  background: #bde3ff;
  color: #000;
  width: 35px;
  line-height: 0;
  padding-top: 14px;
  padding-bottom: 17px;
  font-weight: bold;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal !important;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ocm-btn-licenses {
  background: #46b2f9;
  color: #fff;
  width: 35px;
  line-height: 0;
  padding-top: 14px;
  padding-bottom: 17px;
  font-weight: bold;
  font-size: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal !important;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ocm-input-licenses {
  min-width: 35px;
  min-height: 34px;
  border: 1px solid #46b2f9;
  font-size: 18px;
  line-height: 1.5;
  color: #000;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .ocm-input-licenses input {
  color: #000;
  padding-left: 0;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes {
  width: 50%;
  display: flex;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new {
  width: 70%;
  display: flex;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new .custom_plan_no_style,
.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes .custom_plan_no_style {
  width: 100%;
}

.SubscribeNowWrapStyle
  .add-ons-optional-fields
  .input-boxes-new
  .custom_plan_no_style
  li:not(:last-child)
  .optional-addons-item,
.SubscribeNowWrapStyle
  .add-ons-optional-fields
  .input-boxes
  .custom_plan_no_style
  li:not(:last-child)
  .optional-addons-item {
  border-bottom: 1px solid #ccc;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new .custom_plan_no_style li,
.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes .custom_plan_no_style li {
  padding: 0px 10px;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new .custom_plan_no_style li .optional-addons-item,
.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes .custom_plan_no_style li .optional-addons-item {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 19px !important;
  min-height: 180px;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new .custom_plan_no_style li h5.linkbox,
.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes .custom_plan_no_style li h5.linkbox {
  margin-bottom: 0;
}

.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes-new .custom_plan_no_style li h5.linkbox u,
.SubscribeNowWrapStyle .add-ons-optional-fields .input-boxes .custom_plan_no_style li h5.linkbox u {
  color: #46b2f9 !important;
  font-size: 19px !important;
  line-height: 30px;
}

.SubscribeNowWrapStyle .add-ons {
  background: #e4f7ff;
  border: 1px solid #ccc;
  width: 45%;
  min-height: 500px;
  margin-top: 25px;
  border-radius: 70px;
  padding: 20px;
  padding-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 1599px) {
  .SubscribeNowWrapStyle .add-ons {
    width: 70%;
  }
}

.SubscribeNowWrapStyle .add-ons .custom_plan li h5 {
  margin-bottom: 0;
}

.SubscribeNowWrapStyle .add-ons .ant-list {
  width: 100%;
  padding-left: 40px;
}

.SubscribeNowWrapStyle .add-ons .ant-list .ant-list-item {
  padding: 0;
}

.SubscribeNowWrapStyle .add-ons .ant-list .ant-list-item h5 {
  padding-bottom: 0;
}

.SubscribeNowWrapStyle .pricing-panel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 20px;
}

.SubscribeNowWrapStyle .pricing-panel h3 {
  color: #000 !important;
}

.SubscribeNowWrapStyle h4.basic_plan {
  color: #000 !important;
  font-size: 28px;
  font-weight: 400;
}

.SubscribeNowWrapStyle .custom_plan {
  width: 100%;
  margin: -10px 30px auto !important;
}

.SubscribeNowWrapStyle .custom_plan li.ant-list-item {
  padding: 0px 20px;
  color: #333 !important;
  position: relative;
}

.SubscribeNowWrapStyle .custom_plan li.ant-list-item::before {
  content: '';
  position: absolute;
  left: 0; 
  top: 40%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px; 
  background-color: #333; 
  border-radius: 50%;
}

.SubscribeNowWrapStyle .custom_plan li:not(.ant-list-item) {
  list-style: disc;
  padding: 0px 10px;
  color: #333 !important;
}

.SubscribeNowWrapStyle .custom_plan li h5 {
  font-size: 22px !important;
  font-weight: 400;
}

.SubscribeNowWrapStyle .individual-switch-relative {
  width: 100%;
}

.SubscribeNowWrapStyle .individual-switch-relative .seletedClass {
  color: #0066b2 !important;
}

.SubscribeNowWrapStyle .individual-switch-relative .nonSeletedClass {
  font-weight: normal !important;
  color: rgb(153, 153, 153) !important;
  font-size: 25px;
}

.SubscribeNowWrapStyle .individual-switch-relative h5 {
  font-size: 28px;
  padding-bottom: 0;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch {
  margin: 0 25px 0 20px !important;
  background: #ffc163 !important;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100px;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner {
  padding-inline-start: 0;
  padding-inline-end: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner span {
  font-size: 18px;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
  margin-top: 0;
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  margin-left: 15%;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner .ant-switch-inner-checked {
  margin-top: 0;
  width: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  margin-right: 15%;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-handle {
  inset-inline-start: 2px;
  width: 35px;
  height: 35px;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-handle:before {
  border-radius: 50%;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner-unchecked {
  display: flex;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch .ant-switch-inner-checked {
  display: none;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch.ant-switch-checked {
  background: #ffc163;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 38px);
  width: 35px;
  height: 35px;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch.ant-switch-checked .ant-switch-handle:before {
  border-radius: 50%;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch.ant-switch-checked .ant-switch-inner-unchecked {
  display: none;
}

.SubscribeNowWrapStyle .individual-switch-relative .ant-switch.ant-switch-checked .ant-switch-inner-checked {
  display: flex;
}

.SubscribeNowWrapStyle .ant-input-affix-wrapper-disabled {
  background: #eee;
}

.SubscribeNowWrapStyle .ant-input-affix-wrapper-disabled input {
  color: #333;
}

.SubscribeNowWrapStyle h1.ant-typography {
  color: #fff;
  font-size: 65px;
  margin-top: -55px;
}

.SubscribeNowWrapStyle h2.ant-typography {
  color: #fff;
  font-size: 35px;
}

.SubscribeNowWrapStyle h3.ant-typography {
  color: #fff;
  font-size: 35px;
  margin-top: 0;
}

.SubscribeNowWrapStyle h4 {
  color: #fff;
  padding-bottom: 5px;
}

.SubscribeNowWrapStyle h5 {
  color: #666;
  padding-bottom: 5px;
  font-size: 28px;
}

.SubscribeNowWrapStyle h5 p {
  margin-bottom: 0;
}

.SubscribeNowWrapStyle .ant-list-item-meta-avatar {
  width: 8%;
}

.SubscribeNowWrapStyle .ocmsolution-authentication-bottom {
  text-align: center;
  padding: 25px;
  border-radius: 0 0 6px 6px;
}

.SubscribeNowWrapStyle .ocmsolution-authentication-bottom p {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  color: var(--gray-text, #404040);
  margin-bottom: 0;
}

.SubscribeNowWrapStyle .ocmsolution-authentication-bottom p a {
  margin-left: 6px;
  color: #8231D3;
  color: var(--primary-color, #8231D3);
}

.SubscribeNowWrapStyle .ant-btn-ocm-default-dark-blue {
  background: #0066B2 !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 24px !important;
  height: auto;
  width: 30% !important;
  padding: 10px 20px !important;
  margin: 0 auto;
  border-radius: 45px !important;
  margin-bottom: 40px;
  white-space: normal !important;
}

.SubscribeNowWrapStyle hr {
  border: 1px solid #ccc;
  width: 100%;
}

.SubscribeNowWrapStyle .ocmsolution-registration-content {
  width: 50%;
}

/* Utilitiy classes */

.spin {
  height: 100vh;
  background: rgba(255, 255, 255, 0.05);
}

.status {
  display: inline !important;
  font-size: 13px;
  font-weight: 500;
  background-color: #868eae10;
  padding: 4.5px 11.85px;
  border-radius: 15px;
}

.status.Success {
  background-color: #01b81a10;
  color: #01b81a;
}

.status.warning {
  background-color: #fa8b0c10;
  color: #fa8b0c;
}

.status.error {
  background-color: #ff0f0f10;
  color: #ff0f0f;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

ul.custom_plan {
  list-style: square outside none;
  margin: 10px 50px;
  padding: 0;
}

ul.custom_plan li:not(.ant-list-item) {
  padding: 10px 20px;
  color: #333 !important;
  font-size: 16px !important;
}


.custom-bullet-list .bullet {
  width: 6px;
  height: 6px;
  background-color: rgb(155, 155, 155); /* Disc color */
  border-radius: 50%;
  position: absolute;
  left: 0; /* Align the bullet to the left */
  margin-right: 20px;
}

.custom-bullet-list .plan {
  display: list-item;
}

.custom-bullet-list .ant-list-item {
  border-bottom: 0 !important;
}

/* default card style */

.ant-card {
  box-shadow: 0 5px 20px rgba(173, 181, 217, 0.05);
}

.ant-card-body {
  padding: 25px;
}

.ant-card-head {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.ant-card-head-title span {
  display: inline-block;
  margin-left: 15px;
  font-size: 11px;
  font-weight: 500;
  color: #868eae;
}

.ant-card-head .ant-card-extra {
  display: flex;
  align-items: center;
}

.ant-card-head .ant-card-extra:empty {
  display: none;
}

.ant-card-head .ant-card-extra a {
  color: #868eae;
}

.ant-card-extra .ant-dropdown-trigger {
  line-height: 0;
  order: 1;
  margin-left: 20px;
}

.ocmsolution-unresizable {
  resize: none;
}

/* ocmsolution Delete Modal */

.ocmsolution-delete-modal .ant-modal-header {
  text-align: center;
  padding: 22px 24px;
}

.ocmsolution-delete-modal .ant-modal-header .ant-modal-title {
  font-size: 20px;
  color: #ff0f0f;
}

.ocmsolution-delete-modal .ant-modal-body {
  padding: 20px 24px;
}

.ocmsolution-delete-modal .ocmsolution-delete-confirm {
  text-align: center;
}
.selectContainer .ant-select-show-arrow .ant-select-selector {
  line-height: 37px !important;
}
.ocmsolution-delete-modal .ocmsolution-delete-confirm__action a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  min-height: 32px;
  border-radius: 3px;
  color: #fff;
  background-color: #01b81a;
}

/* ocmsolution Export Modal */
.ocmsolution_export-wrap .ocmsolution-button-grp {
  margin: -5px;
}

.ocmsolution_export-wrap .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 50px;
}

.ocmsolution_export-wrap .ant-select-single:not(.ant-select-customize-input) .ant-select-selection-item {
  line-height: 50px !important;
}

.ocmsolution_export-wrap .ocmsolution-button-grp button {
  min-height: 44px;
}

.ocmsolution_export-wrap .ocmsolution-button-grp .ant-btn {
  margin: 5px;
}

/* ant radio group */

.ant-radio-button-wrapper-checked {
  color: #fff;
}

.growth-downward h1 sub {
  color: #ff0f0f;
}

/* Chart */

.chart-label {
  display: flex;
}

.chart-label .chart-label__single {
  align-items: center;
}

.chart-label .chart-label__single:not(:last-child) {
  margin-right: 40px;
}

.chart-label .chart-label__single p {
  margin: 0;
  color: #868eae;
}

/* progressbars */

/* .ant-progress {
  display: inline-flex !important;
  align-items: center;
} */

.ant-progress > div {
  display: flex;
  flex-direction: column;
}

.ant-progress .ant-progress-outer {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.ant-progress-status-warning .ant-progress-bg {
  background: #fa8b0c;
}

/* progress bars */

.progress-primary .ant-progress-bg {
  background: #8231d3;
}

.progress-secondary .ant-progress-bg {
  background: #ff69a5;
}

.progress-success .ant-progress-bg {
  background: #01b81a;
}

.progress-info .ant-progress-bg {
  background: #00aaff;
}

.progress-warning .ant-progress-bg {
  background: #fa8b0c;
}

.progress-danger .ant-progress-bg {
  background: #ff0f0f;
}

/* color classes */

.color-primary {
  color: #8231d3;
}

.color-secondary {
  color: #5840ff;
}

.color-info {
  color: #00aaff;
}

.color-warning {
  color: #fa8b0c;
}

.color-success {
  color: #01b81a;
}

.color-danger {
  color: #ff0f0f;
}

.color-dark {
  color: #0a0a0a;
}

.color-error {
  color: #f5222d;
}

.color-gray {
  color: #404040;
}

/* Button Styles */

.button-example .ant-btn {
  margin: 4px;
}

.button-example .ant-btn-group .ant-btn {
  margin: 0;
}
.ant-btn-icon {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ant-btn-lg {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}
.buttonText {
  justify-content: center;
}

.ant-btn.ant-btn-white {
  color: #404040;
  border-color: #e3e6ef;
}

.ant-btn.ant-btn-sm {
  height: auto;
}

.ant-btn.ant-btn-white svg {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ant-btn.ant-btn-white:hover {
  color: #8231d3;
  background-color: #fff;
  border-color: #8231d3;
}

.ant-btn.ant-btn-white:hover svg {
  color: #8231d3;
}

.ant-btn-white:focus {
  background-color: transparent !important;
}

.ant-btn.ant-btn-dashed {
  border-width: 1px !important;
  color: #090e30;
}

.ant-btn.ant-btn-dashed:hover {
  color: #8231d3;
  border: 1px dashed #8231d3;
}

.ant-btn-primary[disabled] {
  color: #fff;
  /* background: #8231d360; */
}

.ant-btn-light[disabled] {
  background: #fff;
}

.ant-btn-round.ant-btn-sm {
  height: 38px;
}

.ant-btn-white[disabled] {
  background-color: transparent;
  opacity: 0.6;
}

.ant-btn-white[disabled]:hover {
  color: #404040 !important;
}

.ant-btn-primary[disabled]:hover {
  color: #fff !important;
  background: #8231d360 !important;
}

.btn-icon {
  padding: 0 13px;
}

.btn-inc,
.btn-dec {
  height: 38px;
  width: 38px;
  font-size: 20px;
  padding: 0 12px !important;
  border-radius: 10px !important;
  border: 0 none;
}

.btn-inc:hover,
.btn-dec:hover {
  background: #8231d310 !important;
  border: 0 none !important;
}

.btn-inc:hover i,
.btn-inc:hover svg,
.btn-dec:hover i,
.btn-dec:hover svg {
  color: #8231d3;
}

/* input styles */

.ant-form-item-label > label {
  font-weight: 500;
}

.ant-picker-input > input::placeholder {
  color: #adb4d2 !important;
}

.ant-input-affix-wrapper,
.ant-input {
  border-radius: 6px;
}

.ant-input-affix-wrapper .ant-input-prefix {
  margin-right: 8px;
}

.ant-input-affix-wrapper-lg .ant-input-lg {
  font-size: 15px;
}

/* Calendar Styles */

.ant-picker-calendar-header .ant-select-selector {
  height: 32px !important;
}

.ant-picker-calendar-header .ant-select-selection-search-input {
  height: 30px !important;
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 30px !important;
}

/* pagination */

.ant-pagination .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 32px;
}

.ant-pagination-item-active {
  background-color: #8231d3;
}

.ant-pagination-item-active a {
  color: #fff !important;
}

.ant-pagination .ant-pagination-options .ant-select-selection-item {
  font-size: 13px;
  line-height: 30px !important;
}

.ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper {
  height: 30px;
  line-height: 30px;
}

.ant-pagination .ant-pagination-options .ant-pagination-options-quick-jumper input {
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.ant-pagination .ant-pagination-prev,
.ant-pagination .ant-pagination-next,
.ant-pagination .ant-pagination-jump-prev,
.ant-pagination .ant-pagination-jump-next,
.ant-pagination .ant-pagination-item,
.ant-pagination .ant-pagination-options .ant-select-selector {
  border: 1px solid #f1f2f6 !important;
  background-color: #fff;
}

.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-ellipsis,
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-ellipsis {
  color: #404040 !important;
  line-height: 2.6;
}

.ant-pagination .ant-pagination-jump-prev .ant-pagination-item-link,
.ant-pagination .ant-pagination-jump-next .ant-pagination-item-link {
  display: block;
}

.ant-pagination-prev,
.ant-pagination-next {
  line-height: 28px !important;
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border: 0 none !important;
}

.ant-pagination .ant-pagination-item a {
  color: #404040;
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  font-family: 'Jost', sans-serif !important;
}

.ant-pagination .ant-select-single .ant-select-selector .ant-select-selection-item {
  line-height: 30px !important;
  color: #404040;
}

.ant-pagination
  .ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 100% !important;
}

.ant-pagination-item,
.ant-pagination-options,
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next,
.ant-pagination-next {
  margin: 4px !important;
}

.ant-table-pagination {
  margin-top: 30px !important;
}

.ant-table-thead
  > tr
  > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
  display: none;
}

.ant-table table tr th.ant-table-selection-column,
.ant-table table tr td.ant-table-selection-column {
  padding: 0 16px;
}

/* Wizard Modal */
.submission-successModal {
  text-align: center;
}

.submission-successModal .icon-success {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: 1px solid #01b81a;
}

.submission-successModal p {
  margin-bottom: 0;
}

.submission-successModal .icon-success svg {
  color: #01b81a;
}

.submission-successModal .submission-action {
  margin: 30px -5px -5px -5px;
}

.submission-successModal .submission-action button {
  margin: 5px;
  height: 38px;
}

/* Select */

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: #e3e6ef;
  border-radius: 6px !important;
}

/* Tree Select */

.ant-tree-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 42px;
  line-height: 40px;
}

.ant-tree-select.ant-select-single:not(.ant-select-customize-input)
  .ant-select-selector
  .ant-select-selection-search-input {
  height: 100% !important;
}

.ant-tree-select.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 40px !important;
}

/* radio style */

.ant-radio-checked .ant-radio-inner {
  border-width: 4px;
}

.ant-radio-inner::after {
  content: none !important;
}

/* Steps */

.steps-action.justify-content-center {
  justify-content: center !important;
}

.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role='button']:hover
  .ant-steps-icon
  svg {
  color: #8231d3;
}

/* rate */

.ant-rate-star.ant-rate-star-zero span svg {
  color: #c6d0dc;
}

.ant-rate-star:not(:last-child) {
  margin-right: 2px !important;
}

/* form select */

.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 38px;
}

.ant-select-single .ant-select-selector .ant-select-selection-item,
.ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 35px !important;
}

.ant-select-multiple .ant-select-selector {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ocmsolution-fullwidth-select {
  width: 100%;
}

/* calendar style */

.events {
  list-style: none;
  margin: 0;
  padding: 0;
}

.events .ant-badge-status {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  font-size: 12px;
}

.notes-month {
  text-align: center;
  font-size: 28px;
}

.notes-month section {
  font-size: 28px;
}

/* Breadcrumb demo */

.demo {
  margin: 16px;
}

.demo-nav {
  height: 30px;
  line-height: 30px;
  margin-bottom: 16px;
  background: #f8f8f8;
}

.demo-nav a {
  line-height: 30px;
  padding: 0 8px;
}

.app-list {
  margin-top: 16px;
}

.project-modal {
  padding: 5px !important;
}

.project-modal .projects-members {
  margin-top: -12px;
}

.project-modal .projects-members img {
  margin: 6px;
}

.project-modal .ant-form-item-control-input {
  margin-top: 10px;
  min-height: auto;
}

.project-modal .ant-select-selector {
  border-color: #e3e6ef;
}

.project-modal .ant-picker {
  width: 100%;
}

.project-modal-footer {
  padding: 10px !important;
  text-align: left !important;
}

/* tags */

.ant-tag {
  font-weight: 600;
  padding: 0 9.5px;
}

/* tabs */

.ant-tabs-tab span {
  display: flex;
  align-items: center;
}

/* popover */

/* .ant-popover {
  position: fixed !important;
  z-index: 99998 !important;
} */

.ant-popover .ant-btn-sm {
  font-size: 13px;
}

.ant-popover .ant-popover-inner {
  padding: 15px;
  box-shadow: 0 15px 25px rgba(146, 153, 184, 0.2);
  border-radius: 6px;
}
.none {
  display: none !important;
}
.ant-popover-inner .ant-popover-title {
  padding: 5px 10px 10px;
}

.ant-popover-inner .ant-popover-inner-content a {
  color: #404040;
}

/* Drawer */

.ant-drawer {
  z-index: 99999;
}

/* Select Dropdwon */
.ant-select-dropdown {
  box-shadow: 0 5px 20px #9299b820 !important;
  border-radius: 0 0 6px 6px !important;
}
.tool-table-list-dropdown .ant-select-item {
  padding: 0 !important;
  border: 0px !important;
}
.tool-table-list-dropdown .ant-select-selector {
  padding: 0 !important;
  border: 0px !important;
}
.selectContainer .ant-select-show-arrow .ant-select-selection-item {
  padding-inline-end: 0;
}
.selectContainer .ant-select-show-arrow .ant-select-selector {
  padding: 0;
}
.selectContainer .ant-select-show-arrow .ant-select-selector .ant-select-selection-placeholder {
  padding-left: 10px;
  color: #ccc;
}
.selectContainer .ant-select-show-arrow .ant-select-arrow .anticon svg {
  color: #ccc;
}
.selectContainer .ant-select-show-arrow .ant-select-clear .anticon svg {
  color: #ccc;
}
.PendingRisk .ant-select-show-arrow .ant-select-arrow .anticon svg {
  color: #666;
}
.PendingRisk .ant-select-show-arrow .ant-select-clear .anticon svg {
  color: #555;
}
.HighRisk .ant-select-show-arrow .ant-select-arrow .anticon svg,
.LowRisk .ant-select-show-arrow .ant-select-arrow .anticon svg,
.MidRisk .ant-select-show-arrow .ant-select-arrow .anticon svg {
  color: #fff;
}
.HighRisk .ant-select-show-arrow .ant-select-clear .anticon svg,
.MidRisk .ant-select-show-arrow .ant-select-clear .anticon svg,
.LowRisk .ant-select-show-arrow .ant-select-clear .anticon svg {
  color: #fff;
}
.ant-select-item {
  min-height: 30px !important;
  padding: 10px 12px !important;
}

.ant-select-item:not(:last-child) {
  border: 1px solid #d9d9d9;
  background-color: transparent;
  border-radius: 5px;
}
.ant-select-item:not(:last-child):hover {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.ant-select-item-group {
  color: #9299b8;
}

.ant-select-item.ant-select-item-option-grouped {
  padding-left: 25px !important;
}

.ant-select-dropdown .ant-select-item.ant-select-item-option-active {
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  color: #8231d3;
  background: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.ant-select-dropdown .ant-select-item.ant-select-item-option-selected .ant-select-item-option-content {
  color: #8231d3;
  font-weight: 500;
}

.ant-select-dropdown .ant-select-item .ant-select-item-option-content {
  transition: 0.3s;
  color: #404040;
}

/* mail props dropdown */

.mail-props {
  padding: 10px 25px;
  border: 0 none;
  background: #fff;
  margin-bottom: 0;
}

.mail-props li {
  display: flex;
  margin-bottom: 12px;
}

.mail-props li span:first-child {
  margin-right: 50px;
  min-width: 40px;
}

.mail-props li span:last-child {
  color: #404040;
}

.mail-props li:last-child {
  margin-bottom: 0;
}

.mail-props li span {
  color: #9299b8;
}

/* Basic Dropdwon */

.ant-dropdown {
  box-shadow: 0 5px 30px #9299b820 !important;
  margin-left: -22px;
}

.ant-dropdown.wide-dropdwon {
  min-width: 140px !important;
}

.ant-dropdown {
  min-width: 200px;
}

.ant-dropdown-menu {
  /* min-width: 200px; */
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0;
}

.ant-dropdown-menu li {
  color: #404040;
  padding: 5px 25px;
}

.ant-dropdown-menu li:hover {
  background-color: #8231d305;
}

.add-file-dropdown a {
  font-size: 14px;
  font-weight: 400;
}

.add-file-dropdown a svg {
  width: 14px;
}

.folder-dropdown {
  min-width: 200px !important;
}

.ant-divider-vertical {
  height: 1.9em;
  color: #bfbfbf;
  margin-left: 25px;
  margin-right: 0px;
  border-left: 2px solid;
}

/* Tooltip Styles */

.ant-tooltip .ant-tooltip-inner {
  min-height: 40px;
  padding: 6px 20px;
  font-size: 14px;
  color: #404040;
  background-color: #fff;
  border-radius: 3px;
  display: flex;
  align-items: center;
  border: 1px solid #f1f2f6;
  box-shadow: 0 8px 15px #9299b815;
}

.paidCheckoutTooltip .ant-tooltip-inner {
  min-height: 40px;
  padding: 6px 20px;
  font-size: 17px !important;
  color: #fefefe !important;
  background-color: #000000 !important;
  border-radius: 3px;
  display: flex;
  align-items: center;
  border: 1px solid #f1f2f6;
  box-shadow: 0 8px 15px #9299b815;
  padding: 20px;
  border-radius: 25px;
}

.ant-tooltip .ant-tooltip-arrow:after {
  position: absolute;
  left: 50%;
  top: 30px;
  transform: translateX(-50%);
  width: 13px;
  height: 13px;
  background: #fff;
  content: '';
}

.ant-tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content {
  width: 14px;
  height: 14px;
  top: 3px;
  background: #fff;
  z-index: 98;
  --antd-arrow-background-color: #fff;
}

.ant-tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content:before {
  position: static;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow .ant-tooltip-arrow-content {
  border: 1px solid #e3e6ef;
  box-shadow: 0 0;
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  top: -4.071068px;
}

.ant-slider-tooltip.ant-tooltip-placement-top .ant-tooltip-arrow {
  transform: translateY(80%) translateX(-50%);
}

/* Badge Styles */

.ant-badge.badge-success .ant-badge-count {
  background: #01b81a;
}

.badge {
  font-size: 11px;
  font-weight: 500;
  padding: 0 6.5px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.badge .ant-badge-count {
  box-shadow: 0 0;
}

.badge.badge-primary {
  background: #8231d315;
  color: #8231d3;
}

/* Cascade Styles */

.custom-cascade-render .ant-cascader-picker {
  width: 100%;
}

.ant-cascader-picker input::placeholder {
  color: #adb4d2;
}

/* Comment Styles */

.ant-comment-actions li {
  margin-bottom: 0 !important;
}

/* Radio Vertical Button */

.ant-radio-vertical .ant-radio-wrapper {
  display: block;
}

.ant-radio-vertical .ant-radio-wrapper:not(:last-child) {
  margin-bottom: 14px;
}

/* Select Tree */

.ant-select-tree-list .ant-select-tree-node-content-wrapper:hover {
  background-color: #bae7ff !important;
}

.ant-select-tree-list .ant-select-arrow svg {
  font-size: 10px;
}

.ant-tree-select.ant-select-multiple .ant-select-selection-item {
  border: 0 none;
  border-radius: 3px;
  background: #f4f5f7;
  color: #404040;
  font-weight: 500;
}

/* Ant Switch */

.ant-switch:after {
  width: 14px !important;
  height: 14px !important;
}

.ant-switch-small:after {
  width: 10px !important;
  height: 10px !important;
}

/* Time Picker */

.ant-picker {
  min-width: 250px;
}

/* Input Affix */

.ant-input-affix-wrapper > input.ant-input {
  padding-left: 5px;
}

.ant-input-affix-wrapper .ant-input-prefix svg {
  color: #e3e6ef;
}

.ant-input-affix-wrapper {
  padding: 8px 20px;
}

/* Space Item */

.ant-space-item .ant-btn span {
  font-size: 14px;
}

/* Pop confirm */

.pop-confirm .ant-btn {
  max-width: 90px;
  padding: 0px 35.5px;
  height: 44px;
}

.pop-confirm-top {
  margin-bottom: 10px;
}

.pop-confirm-bottom {
  margin-top: 10px;
}

.pop-confirm-top .ant-btn:not(:last-child),
.pop-confirm-bottom .ant-btn:not(:last-child) {
  margin-right: 10px;
}

.pop-confirm-left .ant-btn:not(:last-child),
.pop-confirm-right .ant-btn:not(:last-child) {
  margin-bottom: 10px;
}

/* Ant Upload */

.ant-upload .ant-btn {
  font-size: 14px;
  border-radius: 5px;
}

.ant-upload.ant-upload-select-picture-card {
  border-color: #e3e6ef !important;
  border-radius: 5px !important;
  background-color: #f8f9fb !important;
}

.ant-upload.ant-upload-select-picture-card .anticon {
  margin-bottom: 8px;
}
.ant-btn.ant-btn-circle.ant-btn-sm {
  min-width: none;
}
.ant-tabs-nav::before {
  border-bottom: none !important;
}
.anticon {
  display: flex;
  align-items: center;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  justify-content: center;
  margin-top: 3px;
}
.ant-upload .anticon svg {
  color: #9299b8;
}

.ant-upload-list {
  margin-top: 10px !important;
}

.ocmsolution-upload-basic .ant-upload.ant-upload-select {
  width: 100%;
  border: 1px solid #e3e6ef;
  border-radius: 4px;
}

.ocmsolution-upload-basic .ant-upload.ant-upload-select .ant-upload {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ocmsolution-upload-basic .ocmsolution-upload-text {
  font-size: 14px;
  color: #9299b8;
  padding-left: 15px;
}

.ocmsolution-upload-basic .ocmsolution-upload-browse {
  font-size: 14px;
  color: #9299b8;
  display: inline-block;
  padding: 14px 23px;
  border-left: 1px solid #e3e6ef;
}

.ant-card.ocmsolution-upload-form .ant-card-body {
  padding-bottom: 15px !important;
}

/* Ant Picker */

.ant-picker {
  border-color: #e3e6ef;
}

.ant-dropdown a {
  display: flex;
  align-items: center;
  padding: 8px 24px;
  font-weight: 400;
  color: #404040;
}

.ant-dropdown a i,
.ant-dropdown a svg,
.ant-dropdown a img {
  margin-right: 8px;
  width: 14px;
  height: 14px;
}

.ant-dropdown div {
  box-shadow: 0 0;
  border-radius: 5px;
}

/* Picker Under Input */

.ant-form-item-control-input .ant-picker {
  padding: 0 12px 0 12px;
  min-height: 38px;
  border-color: #e3e6ef;
}

/* Table Bordered*/
.table-bordered .ant-table-thead > tr > th {
  background: #fff;
  border-top: 1px solid #f1f2f6;
}

.table-bordered .ant-table-tbody > tr > td {
  border-color: #f1f2f6 !important;
}

.table-bordered .ant-table-thead tr th,
.table-bordered .ant-table-tbody tr td {
  padding: 16px 25px;
}

.table-bordered .ant-table-thead tr th:last-child,
.table-bordered .ant-table-tbody tr td:last-child {
  text-align: right;
}

/* Table Responsive */

.table-responsive .ant-table-content {
  display: block;
  width: 100%;
  overflow-x: auto;
}

.table-responsive .ant-table-content .ant-table-cell {
  white-space: nowrap;
}

/* Rich TextEditor  */

.RichTextEditor__root___2QXK- {
  border: 0 none !important;
}

.RichTextEditor__root___2QXK- .EditorToolbar__root___3_Aqz {
  margin: 0;
  border-color: #f1f2f6;
}

.RichTextEditor__root___2QXK- .ButtonWrap__root___1EO_R button {
  padding: 0;
  border: 0 none;
  background: #fff;
  margin-right: 8px;
}

.RichTextEditor__root___2QXK- .Dropdown__root___3ALmx .Dropdown__value___34Py9 {
  border: 0 none;
}

.RichTextEditor__root___2QXK- .Dropdown__root___3ALmx select {
  border-right-width: 0px;
  direction: ltr;
}

.RichTextEditor__editor___1QqIU .DraftEditor-editorContainer {
  border: 0 none;
}

/* ChatBox Dropdwon */

.atbd-chatbox__messageControl {
  min-width: 210px;
}

.atbd-chatbox__messageControl ul {
  margin: 0;
  padding: 10px 0;
}

.atbd-chatbox__messageControl ul li a {
  padding: 4px 24px;
}

.atbd-chatbox__emoji {
  margin: -4.48px 0;
  padding: 0 10px;
}

.atbd-chatbox__emoji ul {
  display: flex;
  align-items: center;
}

.atbd-chatbox__emoji ul li {
  display: inline-block;
}

.atbd-chatbox__emoji ul li a {
  display: block;
  font-size: 20px;
  padding: 4px 7px;
  background: #fff;
}

.atbd-chatbox__emoji ul li a:hover {
  background-color: transparent;
}

.atbd-chatbox__emoji ul li a svg {
  margin: 0;
}

.rdrMonths {
  flex-wrap: wrap;
}

.ant-space {
  flex-wrap: wrap;
}

.ant-menu .ant-menu-submenu .ant-menu-submenu-title {
  display: flex;
  align-items: center;
}

.ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-title,
.ant-menu-item {
  display: inline-flex;
}

.ant-menu-submenu-popup {
  z-index: 105;
}

.ant-menu-submenu-popup .ant-menu-sub {
  padding: 8px 0;
}

.ant-menu-submenu-popup .ant-menu-submenu.ant-menu-submenu-inline .ant-menu-submenu-title,
.ant-menu-submenu-popup .ant-menu-item {
  display: block;
}

.ant-menu-submenu-popup .ant-menu-item {
  margin-bottom: 0 !important;
}

.ant-menu-sub.ant-menu-vertical {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.ant-menu-sub.ant-menu-vertical .ant-menu-item a {
  color: #404040;
}

/* page heading */

.ant-page-header.header-boxed {
  padding: 26px 180px 26px 180px !important;
}

.ant-page-header-heading {
  align-items: center;
}

.ant-page-header-heading-title {
  text-transform: capitalize;
}

.ant-page-header-heading-sub-title {
  position: relative;
  top: 2px;
}

/* Antd drag & drop */

.row-dragging {
  /* background: #fafafa; */
  /* border: 1px solid #ccc; */
  box-shadow: 0 15px 50px #9299b820;
  display: flex;
}

.row-dragging tr {
  box-shadow: 0 15px 50px #9299b820;
}

.row-dragging td {
  padding: 16px;
  color: #000;
  position: relative;
  z-index: 9999;
  opacity: 0.5;
  vertical-align: middle;
}

.row-dragging td .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #01b81a;
  border-color: #01b81a;
}

.row-dragging td .todos-action,
.row-dragging td .table-actions {
  display: none;
}

.row-dragging td .user-info figcaption {
  display: none;
}

.row-dragging td .feather-move,
.row-dragging td .drag_email,
.row-dragging td .drag_company,
.row-dragging td .drag_designation,
.row-dragging td .drag_join-date,
.row-dragging td .active {
  display: inline-block;
  margin-top: 10px;
}

.row-dragging .drag-visible {
  visibility: visible;
}

/* File Export Import Modal */
.ocmsolution-export-wrap .ant-modal {
  width: 390px !important;
}

.ocmsolution-export-wrap .ant-modal .ant-modal-header {
  border-bottom: 0 none;
  padding: 18px 30px 0 30px;
}

.ocmsolution-export-wrap .ant-modal .ant-modal-body {
  padding: 25px 30px 30px 30px;
}

.ocmsolution-export-wrap .ant-modal .ocmsolution-button-grp {
  text-align: right;
}

.ocmsolution-export-wrap .ant-modal .ocmsolution-button-grp {
  margin: 20px -8px -8px -8px;
}

.ocmsolution-export-wrap .ant-modal .ocmsolution-button-grp button {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  height: 40px;
  padding: 0 16px;
  margin: 8px;
}

.ocmsolution-export-wrap .ant-modal .ocmsolution-button-grp button.ant-btn-white {
  color: #9299b8 !important;
}

.ocmsolution-export-wrap .ant-form-item-control-input {
  min-height: 36px;
}

.ocmsolution-export-wrap .ant-form-item-control-input input {
  font-size: 14px;
  font-weight: 400;
  padding: 6px 20px;
  border-radius: 5px;
  color: #9299b8;
}

.ocmsolution-export-wrap .ant-select-single {
  width: 100% !important;
}

.ocmsolution-export-wrap .ant-form .ant-form-item {
  margin-bottom: 15px;
}

.ocmsolution-export-wrap .ant-select-single .ant-select-selector {
  padding: 0 20px;
  border-color: #e3e6ef !important;
}

.ocmsolution-create-file .ocmsolution-button-grp {
  text-align: right;
}

.ocmsolution-create-file .ant-modal {
  width: 390px !important;
}

.ocmsolution-create-file .ant-modal .ant-form-item {
  margin-bottom: 20px;
}

.ocmsolution-create-file .ant-modal-header {
  border-bottom: 0 none;
  padding-bottom: 6px;
}

.ocmsolution-create-file .ocmsolution-button-grp button {
  height: 40px;
  border-radius: 5px;
  margin: 5px;
}

.ocmsolution-create-file .ant-form-item-control-input {
  border-radius: 5px;
}

.ocmsolution-create-file .ant-form-item-control-input input {
  border: 1px solid #e3e6ef;
}

/* Task Modal */
.ocmsolution-task-details .ant-modal-content .ant-modal-close {
  top: 10px;
}

.ocmsolution-task-details .ant-modal-header {
  border-bottom: 0 none;
  padding: 30px 30px 0;
}

.ocmsolution-task-details .ant-modal {
  width: 600px !important;
}

.ocmsolution-task-details .ant-modal-header .ant-modal-title h4 {
  font-size: 20px;
  font-weight: 500;
  color: #0a0a0a;
  margin-bottom: 4px;
}

.ocmsolution-task-details .ant-modal-header .ant-modal-title .sub-text {
  font-size: 14px;
  font-weight: 400;
  color: #868eae;
}

.ocmsolution-task-details .ocmsolution-task-details-modal .ocmsolution-task-details__label {
  font-size: 16px;
  display: block;
  margin-bottom: 8px;
}

.ocmsolution-task-details .ocmsolution-task-details-modal .ocmsolution-task-details-modal__description textarea {
  padding: 10px 20px;
  min-height: 88px;
  width: 100%;
  border: 0 none;
  border-radius: 4px;
  background-color: #f4f5f7;
  resize: none;
}

.ocmsolution-task-details .ocmsolution-task-details-modal .ocmsolution-task-details-modal__description textarea:focus {
  outline: none;
}

.ocmsolution-task-details
  .ocmsolution-task-details-modal
  .ocmsolution-task-details-modal__description
  textarea::placeholder {
  color: #404040;
  font-size: 15px;
}

.ocmsolution-task-details .ant-modal-body {
  padding: 14px 30px 30px 30px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block {
  margin-top: 26px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block .addChecklist-wrap {
  position: relative;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block .addChecklist-form {
  position: absolute;
  width: 240px;
  padding: 18px;
  left: 0;
  top: 50px;
  box-shadow: 0 15px 30px #9299bb30;
  background-color: #fff;
  border: 1px solid #e3e6ef;
  border-radius: 6px;
  z-index: 222;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block .addChecklist-form .add-checklist {
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  height: 38px;
  border: 1px solid #e3e6ef;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block .addChecklist-form .addChecklist-form-action {
  margin-top: 15px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block .addChecklist-form .addChecklist-form-action a {
  position: relative;
  top: 3px;
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-block
  .addChecklist-form
  .addChecklist-form-action
  a
  svg {
  color: #9299bb;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-block
  .addChecklist-form
  .addChecklist-form-action
  .btn-add {
  margin-right: 15px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-block button {
  height: 38px;
  padding: 0px 18.37px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-row {
  margin-top: 26px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-row .ocmsolution-checklist-item:not(:last-child) {
  margin-bottom: 30px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-row .ocmsolution-checklist-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-row .ocmsolution-checklist-item__top button {
  padding: 0px 16.32px;
  color: #525768;
  background-color: #f4f5f7;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-row .ocmsolution-checklist-item__title {
  font-size: 16px;
  font-weight: 500;
  color: #090e30;
  margin-bottom: 0;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-row
  .ocmsolution-checklist__progress
  .ant-progress-inner
  .ant-progress-bg {
  height: 5px !important;
  background-color: #01b81a;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-row
  .ocmsolution-checklist__progress
  .ant-progress
  .ant-progress-text {
  font-size: 12px;
  font-weight: 500;
  order: -1;
  margin: 0 10px 0 0;
}

.ant-cascader-menu .ant-cascader-menu-item[aria-checked='true'] {
  background-color: transparent;
  color: #229bfd;
  font-weight: 500;
}

.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-dropdown .ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: transparent;
  font-weight: 500;
}

.ant-cascader-dropdown .ant-cascader-menu-item:hover {
  background-color: transparent;
}
.ant-cascader-menu {
  padding: 0;
}
.ant-cascader-menu .ant-cascader-menu-item {
  border-bottom: 1px solid #efefef;
  color: rgb(135, 135, 136);
}

.ant-cascader-checkbox-checked {
  background-color: red !important;
}

.ant-cascader-dropdown .ant-cascader-checkbox-checked .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}

.ant-cascader-dropdown .ant-cascader-checkbox:not(.ant-cascader-checkbox-disabled):hover .ant-cascader-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-cascader-checkbox:hover {
  border-color: #d9d9d9;
}

.ant-cascader-dropdown .ant-cascader-checkbox .ant-cascader-checkbox-inner:after {
  border-color: #229bfd;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-tasks {
  margin: 5px 0 5px 0;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-tasks .ant-checkbox-wrapper .ant-checkbox-inner {
  width: 18px;
  height: 18px;
  border-color: #c6d0dc;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-tasks
  .ant-checkbox-wrapper
  .ant-checkbox-checked
  .ant-checkbox-inner {
  background-color: #01b81a;
}

.ocmsolution-task-details
  .ant-modal-body
  .ocmsolution-checklist-tasks
  .ant-checkbox-wrapper
  .ant-checkbox-checked:after {
  border-color: #01b81a;
}

.ocmsolution-task-details .ant-modal-body .ocmsolution-checklist-item .ocmsolution-checklist-tasks-wrap button {
  padding: 0px 35px;
  color: #525768;
  background-color: #f4f5f7;
}

.ocmsolution-task-details .ant-modal-body {
  max-height: 800px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .ant-page-header {
    padding: 26px 15px 26px 15px;
  }
}

.page-header-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: -6px -4px;
}

.page-header-actions button {
  font-size: 12px;
  font-weight: 500;
  height: 34px;
  padding: 0 12.32px;
  box-shadow: 0 3px 5px #9299b805;
  margin: 6px 4px;
}
.project-panel {
  height: 80%;
  display: flex;
  align-items: center;
  border-radius: 6px;
  min-width: 300px;
  background: rgb(90, 122, 152) !important;
  justify-content: center;
}
.project-panel .ant-dropdown-trigger {
  width: 100%;
  position: relative;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-dropdown {
  max-height: 550px;
}
.project-dropdown .project-dropdown-all {
  background-color: #fff;
  max-height: 550px;
  overflow-y: auto;
}
.project-dropdown .project-dropdown-all li:not(.loaderMenu) {
  color: #1c3954;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  padding: 14px 10px;
  font-size: 15px;
  max-width: 280px;
  line-height: 1.8;
}
.project-dropdown .project-dropdown-all li:not(.loaderMenu) .ant-typography.dropdown-label {
  font-size: 15px;
  line-height: 1.8;
}
.project-dropdown .project-dropdown-all li:not(.loaderMenu) span {
  font-size: 15px;
  line-height: 1.8;
}
.project-dropdown-menu .ant-space-item {
  font-size: 17px;
  line-height: 1.8;
}
.project-dropdown .project-dropdown-all li:not(.loaderMenu):not(.editable-project):not(.inputLI):hover {
  background-color: #d4eaff;
}
.project-dropdown .project-dropdown-all li:last-child {
  border-bottom: 0px solid #eee;
}
.project-dropdown .project-dropdown-all li.loaderMenu {
  background-color: #1c3954;
  padding: 15px;
  font-size: 15px;
}
.project-dropdown .project-dropdown-all li.active-project {
  background-color: rgb(223, 235, 247);
}
.project-dropdown .project-dropdown-all li.inputLI {
  height: 40px;
  padding: 0;
  max-width: 100%;
}
.project-dropdown .project-dropdown-all li.inputLI span.ant-input-group-wrapper {
  width: 99.8%;
  padding: 0;
}
.project-dropdown .project-dropdown-all li.inputLI input {
  height: 40px;
  border-radius: 0;
  border: 1px solid #eee;
  width: 100%;
}
.project-dropdown .project-dropdown-all li.inputLI button {
  height: 40px;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #eee;
}
.project-dropdown .project-dropdown-all li.inputLI button span {
  color: #666;
}
.project-dropdown .project-dropdown-all li.editable-project {
  background: #eee;
  height: 40px;
  padding: 0;
  border: 1px solid #eee;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-affix-wrapper {
  width: 98%;
  padding: 0;
  border-radius: 0;
  border-right: none;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-affix-wrapper input {
  border-radius: 0;
  width: 80%;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-outlined:focus-within {
  border: 1px solid #eee;
  box-shadow: none;
  border-right: none;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-outlined:focus,
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-outlined:hover {
  border: 1px solid #eee;
  box-shadow: none;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-suffix {
  padding-left: 5px;
  border-left: 1px solid #ddd;
  background: #eee;
  border-right: none;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-suffix svg {
  height: 20px;
  width: 20px;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-suffix svg.saveProject {
  color: #0a8721;
}
.project-dropdown .project-dropdown-all li.editable-project span.ant-input-suffix svg.closeEditProject {
  color: #ff5d5f;
}
.ocmsolution-info-panel {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ocmsolution-info-panel .ant-dropdown-trigger {
  font-size: 0.8rem;
  padding-right: 20px;
}
@media screen and (max-height: 600px) {
  .project-dropdown {
    max-height: 500px !important;
  }
  .project-dropdown .project-dropdown-all {
    /* height: 500px !important; */
    overflow-y: auto;
  }
}
@media screen and (max-height: 700px) {
  .project-dropdown {
    max-height: 500px !important;
  }
  .project-dropdown .project-dropdown-all {
    /* height: 500px !important; */
    overflow-y: auto;
  }
}
.page-header-actions button.ant-btn-white:focus {
  background-color: #fff !important;
}

.page-header-actions button + button {
  margin-left: 8px;
}

.page-header-actions button.ant-btn-white svg {
  width: 12px;
  height: 12px;
  margin-right: 2px;
  color: #8231d3;
}

/* Layout Css */

.ant-menu-dark .ant-menu-item a {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65) !important;
}

.ant-menu-dark .ant-menu-item a:hover {
  color: #ffffff;
}

.ant-menu-dark .ant-menu-submenu span {
  color: rgba(255, 255, 255, 0.65) !important;
}

.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(255, 255, 255, 0.05);
}

.ant-menu-inline-collapsed-tooltip a {
  color: #000 !important;
}

.ant-menu.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: transparent;
}

/* Chart Label */

.chart-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  color: #404040;
}

.chart-label .label-dot {
  margin-right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.chart-label .label-dot.dot-success {
  background: #01b81a;
}

.chart-label .label-dot.dot-info {
  background: #8231d3;
}

.chart-label .label-dot.dot-warning {
  background: #fa8b0c;
}

/* NOtification CSS */

.ant-notification {
  background-color: #00cc66;
  z-index: 99999 !important;
}

.rdrInputRange {
  padding-left: 10px !important;
}

/* Overlay Dark */
.overlay-dark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #10122130;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.overlay-dark.show {
  z-index: 998;
  opacity: 1;
  visibility: visible;
}

/* Responsive CSS */

@media only screen and (max-width: 1599px) {
  .ant-page-header.header-boxed {
    padding: 26px 130px 26px 130px !important;
  }
}

@media only screen and (max-width: 1500px) {
  .full-width-table .revenue-table {
    min-height: 100%;
  }

  .pop-confirm .ant-btn {
    padding: 0 20px;
    max-width: 60px;
  }

  .pop-confirm.pop-confirm-right {
    margin-left: 300px !important;
  }

  .pop-confirm.pop-confirm-bottom,
  .pop-confirm.pop-confirm-top {
    margin-left: 80px !important;
  }
}

@media only screen and (max-width: 1399px) {
  .ant-page-header.header-boxed {
    padding: 26px 50px 26px 50px !important;
  }
}

@media only screen and (max-width: 1199px) {
  .ant-page-header {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 991px) {
  .ant-page-header.header-boxed {
    padding: 26px 30px 26px 30px !important;
  }

  .rdrMonths .rdrMonth {
    width: 100%;
    margin-bottom: 30px;
  }

  .rdrDateRangePickerWrapper.PreviewArea {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .ant-menu-inline-collapsed-tooltip {
    display: none;
  }
}

@media only screen and (max-width: 800px) {
  .ant-page-header-heading-left {
    max-width: 320px;
  }
}

@media only screen and (max-width: 767px) {
  .ant-page-header {
    padding: 26px 15px 26px 15px;
  }

  .ant-page-header-heading {
    flex-flow: column;
    align-items: center;
    justify-content: center !important;
  }

  .ant-page-header-heading-left {
    max-width: 100%;
  }

  .ant-page-header-heading .ant-page-header-heading-title {
    white-space: normal;
    text-align: center;
  }

  .ant-page-header-heading-extra {
    white-space: normal !important;
    margin: 12px 0 4px !important;
  }

  .ant-page-header-heading-extra .page-header-actions {
    white-space: normal !important;
    text-align: center;
  }

  .ant-card-body {
    padding: 20px !important;
  }

  .ant-card-head {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .ant-pagination .ant-pagination-item,
  .ant-pagination .ant-pagination-item.ant-pagination-prev,
  .ant-pagination .ant-pagination-item.ant-pagination-next,
  .ant-pagination .ant-pagination-jump-prev {
    margin-right: 5px;
  }

  .ant-pagination li.ant-pagination-item,
  .ant-pagination li.ant-pagination-prev,
  .ant-pagination li.ant-pagination-next,
  .ant-pagination li.ant-pagination-jump-prev,
  .ant-pagination li.ant-pagination-jump-next {
    font-size: 13px;
    height: 25px;
    min-width: 25px;
    line-height: 22px;
  }

  .ant-pagination li.ant-pagination-prev .anticon,
  .ant-pagination li.ant-pagination-next .anticon {
    vertical-align: 0.15em;
  }

  .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
  .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    line-height: 2;
    font-family: 'Jost', sans-serif;
  }

  .ant-table-pagination {
    float: none !important;
    text-align: center;
  }

  .ant-table-pagination li.ant-pagination-total-text {
    display: block;
    margin-bottom: 8px;
  }

  .ant-table-pagination li {
    margin-right: 8px !important;
  }

  .ant-pagination .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
    height: 25px;
  }

  .ant-pagination .ant-select-single .ant-select-selector .ant-select-selection-item {
    line-height: 23px !important;
  }

  .rdrDefinedRangesWrapper {
    border-right: 0 none;
  }

  .project-modal .ant-picker {
    margin-bottom: 30px;
  }

  .project-modal {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 575px) {
  .mt-sm-10 {
    margin-top: 10px;
  }

  .ant-page-header-heading-left {
    margin-top: 0;
  }

  .btn-inc,
  .btn-dec {
    height: 30px;
    width: 30px;
  }

  .ant-page-header {
    padding: 26px 20px 16px;
  }

  .ant-layout-header {
    height: auto;
  }

  .ant-card-head {
    line-height: 1;
  }

  .ant-card-head-title {
    white-space: normal !important;
  }

  .pop-confirm .ant-btn {
    max-width: 60px;
    padding: 0 20px;
  }

  .pop-confirm.pop-confirm-right {
    margin-left: 320px !important;
  }

  .pop-confirm.pop-confirm-bottom {
    margin-left: 95px !important;
  }

  /* Card Heading */
  .ant-card-head-wrapper {
    flex-flow: column;
    align-items: center;
  }

  .ant-card-head-wrapper .ant-card-extra {
    padding: 0 0 16px !important;
    float: none;
    margin: 0;
    flex-flow: column;
  }

  .ant-card-head-wrapper .ant-card-extra .ant-dropdown-trigger + .card-nav {
    margin-bottom: 8px;
  }

  .ant-card-head-wrapper .ant-card-extra .ant-dropdown-trigger {
    margin: 0 !important;
  }

  .card-nav ul li.active:before {
    display: none;
  }

  .ant-card-head-title > div {
    display: flex;
    flex-flow: column;
    align-items: center;
  }

  .ant-card-head-title > div span {
    margin: 8px 0 0;
  }

  .ant-picker-range-wrapper {
    min-width: auto !important;
  }

  .ant-picker-panel-container .ant-picker-panels,
  .ant-picker-datetime-panel {
    flex-direction: column;
  }
}

.bmzxig .ant-table tr th:first-child,
.bmzxig .ant-table tr td:first-child {
  padding-right: 15px;
}

/* Emprt */

.ant-empty .ant-empty-footer button {
  padding: 0px 15.58px !important;
}

/* Add Event Modal */
.addEvent-modal .ant-modal-header {
  padding: 20px 25px;
}

.addEvent-modal .ant-modal-header .ant-modal-close-x svg {
  color: #404040;
}

.addEvent-modal .ant-modal-header .ant-modal-title {
  font-size: 15px;
  font-weight: 500;
  color: #0a0a0a;
}

.addEvent-modal .ant-modal-body {
  padding: 23px 25px;
}

/* Event Dropdown */

.event-dropdown {
  min-width: auto !important;
  max-width: 450px;
  padding: 0 !important;
  margin: 6px 0 0 !important;
  box-shadow: 0 10px 40px #9299b820 !important;
}

.event-dropdown div {
  border-radius: 8px;
}

.event-dropdown .ant-card {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.placement-confirm .ant-btn.ant-btn-white:hover {
  border-color: #8231d3;
}

@media only screen and (max-width: 479px) {
  .placement-confirm {
    display: flex;
    flex-wrap: wrap;
    margin: -5px -10px 0 -5px;
  }

  .placement-confirm .pop-confirm {
    flex: 0 0 50%;
  }

  .pop-confirm .ant-btn {
    display: block;
    padding: 0 20px;
    max-width: 80px;
    min-width: 80px;
    margin: 10px;
  }

  .pop-confirm.pop-confirm-right {
    margin-left: 0px !important;
  }

  .pop-confirm.pop-confirm-top {
    margin-left: 0px !important;
  }

  .pop-confirm.pop-confirm-bottom {
    margin-left: 0px !important;
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 400px) {
  .ant-select {
    width: 100% !important;
  }

  .rdrDefinedRangesWrapper {
    width: 100% !important;
  }

  .rdrDateRangePickerWrapper {
    flex-wrap: wrap;
  }

  .ant-drawer-content-wrapper {
    width: 260px !important;
  }
}

@media only screen and (max-width: 379px) {
  .ant-card-head-wrapper .ant-card-extra .ant-radio-button-wrapper {
    height: 32px !important;
    line-height: 30px !important;
  }

  .ant-notification-notice {
    width: 275px;
  }
}

@media (max-width: 575px) {
  .ant-card-body {
    padding: 15px !important;
  }
}

@media (max-width: 991px) {
  .mail-sideabr {
    box-shadow: 0 0 10px #00000020;
  }

  .ant-card-head-title span {
    margin-left: 10px;
  }
}

/* Invoice Print Style */
@media print {
  .invoice-area .ant-page-header {
    display: none;
  }

  .customizer-trigger {
    display: none;
  }
}

/* .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{
  color: #fff !important;
} */

/* custom label */

/* card spin loader */

/* .ant-card-body .sd-spin div,
.ant-card-body .spin div {
  position: relative;
}

.ant-card-body .sd-spin,
.ant-card-body .spin {
  height: 200px;
} */

.ant-card-body {
  position: relative;
}

/* .ant-card-body .sd-spin .ant-spin,
.ant-card-body .spin .ant-spin {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-height: 200px;
} */

.starActive svg {
  color: red;
}

/* vectormap zoom in / zoom out */

.jvectormap-zoomin,
.jvectormap-zoomout {
  width: 27px;
  height: 27px;
  background: none;
  color: #404040;
  border: 1px solid #f1f2f6;
  padding: 0;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: auto;
  right: 0;
  top: auto;
  background-color: #fff;
}

.jvectormap-zoomin {
  border-radius: 6px 6px 0 0;
  bottom: 36px;
}

.jvectormap-zoomout {
  border-radius: 0 0 6px 6px;
  bottom: 10px;
}

.jvectormap-tip {
  padding: 7px 12px;
  border: 0 none;
  font-size: 12px;
  background: #0a0a0a;
}

/* masonry-grid start from here */

.my-masonry-grid {
  /* Not needed if autoprefixing */
  /* Not needed if autoprefixing */
  display: flex;
  margin-left: -10px;
  /* gutter size offset */
  width: auto;
}

.my-masonry-grid_column {
  padding-left: 10px;
  /* gutter size */
  background-clip: padding-box;
}

/* Style your items */

.my-masonry-grid_column > div {
  /* change div to reference your elements you put in <Masonry> */
  background: grey;
  margin-bottom: 30px;
}

.common-ul {
  padding: 5px 0;
  padding-left: 10px;
}

.display {
  display: none;
}

li.active > .display {
  display: block;
}

/* Auth0 style */

.auth0-lock.auth0-lock .auth0-lock-header-logo {
  height: 32px !important;
  margin: 0 0 3px !important;
}

.auth0-lock.auth0-lock .auth0-lock-name {
  font-size: 16px !important;
}

.ant-segmented {
  width: 100%;
  overflow-x: auto;
}

.ant-tabs-nav-operations {
  display: flex;
  justify-content: space-between;
  width: 200px;
  background-color: rgb(254, 184, 106);
  border: 1px solid rgb(254, 184, 106) !important;
  color: rgb(51, 51, 51);
  font-weight: bold;
  height: 140px;
  margin-top: 20px;
  box-shadow:
    0 1px 2px -2px rgba(0, 0, 0, 0.16),
    0 3px 6px 0 rgba(0, 0, 0, 0.12),
    0 5px 12px 4px rgba(0, 0, 0, 0.09);
}
.ant-tabs-nav-operations {
  width: 120px;
  border-radius: 28px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  right: 0;
  bottom: 10px;
  position: absolute;
  z-index: 9;
}
.tools-tab-dropdown ul {
  padding-top: 0 !important;
}
.tools-tab-dropdown ul li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.tools-tab-dropdown ul li {
  font-size: 18px;
}
.tools-tab-dropdown ul li span {
  display: block;
  width: 100%;
  padding: 10px 40px 10px 10px;
}
.ant-tabs-content {
  position: relative;
}
.free-account-class {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
  margin-bottom: 40px;
}
.overlay-free {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
  top: 0;
}
.overlay-free .overlay-panel {
  width: 50%;
  max-height: 300px;
  font-size: 23px;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 30px;
}
.tasks-checklist {
  border: 2px solid #38aaff;
}
.project-assessment {
  border: 2px solid #81e4ff;
}
.overview-4ps {
  border: 2px solid #43afe8;
}
.post-implementation {
  border: 2px solid #5faef0;
}
.after-action-review {
  border: 2px solid #bdcada;
}
.success-metrics-analysis {
  border: 2px solid #81e4ff;
}
.change-risk-assessment {
  border: 2px solid #ff9900;
}
.change-management-measurement {
  border: 2px solid #81e4ff;
}
.stratigic-playbook-amazon {
  border: 2px solid #81e4ff;
}
.target-audience {
  border: 2px solid #0086ea;
}
/* .risk-assessment{
  border: 2px solid #0066b2;
} */
.risk-assessment {
  border: 2px solid #ccc;
}
.level-of-impact {
  border: 2px solid #ff8f92;
}
.stakeholders {
  border: 2px solid #ffd05b;
}
.resistance {
  border: 2px solid #feb86a;
}
.communication {
  border: 2px solid #5dffae;
}
.readiness {
  border: 2px solid #c2d2ec;
}
.project-adoption {
  border: 2px solid #65deff;
}
.change-champions {
  border: 2px solid #ffb153;
}
.training {
  border: 2px solid #d2b7ed;
}
.ocm-strategic-playbook {
  border: 2px solid #f1afed;
}
.change-plan {
  border: 2px solid #ff5d5f;
}
.sponsor-assessment {
  border: 2px solid #715aba;
}
.level-of-impact {
  border: 2px solid #ff8f92;
}
.resource-file-list .ant-card-body {
  padding: 0;
}
button.subscribe_now {
  margin-left: 20px;
  background: rgb(153, 255, 204) !important;
  font-weight: 700;
  font-size: 0.8rem;
  height: auto;
  border-radius: 80px;
  color: rgb(58, 53, 64);
}

.subscribe_now:hover {
  color: #000;
}
.rc-virtual-list-holder {
  overflow-y: auto !important;
}
.audience-risk-list {
  overflow: hidden;
}
.rc-virtual-list-scrollbar {
  overflow: hidden !important;
  display: none !important;
}
.ant-typography-expand {
  display: block;
  padding-top: 10px;
  color: #0066b2 !important;
}
.ant-typography-expand-collaspe {
  color: #0066b2 !important;
}
.ant-typography-copy .anticon svg {
  color: #4db0fc !important;
}
.activeProjectError .ant-alert {
  padding: 15px;
  font-size: 24px;
  border: 1px solid salmon;
  border-left: 50px solid salmon;
  width: 100%;
}
.note {
  font-size: 22px;
  padding: 20px;
  /* width: 50%; */
  text-align: center;
}
.activeProjectError p .ant-checkbox-wrapper span {
  font-size: 18px;
}
.activeBG {
  background-color: #4db0fc !important;
}
.courseStatusColumn {
  width: 200px;
}
.levelOfTrainingNeededColumn {
  width: 300px;
}
.rc-virtual-list-scrollbar {
  overflow: hidden !important;
  display: none !important;
}
td.courseStatusColumn .green-box {
  background: #5cc971 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
td.courseStatusColumn .red-box {
  background: #ed6c72 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.courseStatusColumn .yellow-box {
  background: #f5c342 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.courseStatusColumn .pending-box {
  background: #e7e6e6 !important;
  color: #999999 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.levelOfTrainingNeededColumn .green-box {
  background: #5cc971 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.levelOfTrainingNeededColumn .red-box {
  background: #ed6c72 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.levelOfTrainingNeededColumn .yellow-box {
  background: #f5c342 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.levelOfTrainingNeededColumn .pending-box {
  background: #e7e6e6 !important;
  color: #999999 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
}
.detailedview {
  margin-left: 20px;
  margin-right: 20px;
}
.switch-class-amazon .ant-switch-handle {
  width: 35px !important;
  height: 35px !important;
}
.switch-class-amazon.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 38px);
}
.switch-class-amazon .ant-switch-handle::before {
  border-radius: 32px;
}
.ant-select-dropdown .post-implementation-dropdown .action-area {
  display: block;
}
.ant-select-selection-item .post-implementation-dropdown .action-area {
  display: none;
}
.even-row td {
  background-color: #ffffff; /* White */
}
.odd-row td {
  background-color: #f6f6f6; /* Light gray */
}
.Mid {
  background-color: #ffc000 !important;
}
.MidBold {
  background-color: #ffc000 !important;
  font-weight: bold;
}
.MidBoldWhite {
  background-color: #ffc000 !important;
  font-weight: bold;
  color: #fff !important;
}
.Primary {
  background-color: #ffc000 !important;
}
.Neutral {
  background-color: #ffc000 !important;
}
.HighPositive {
  background-color: #00cc66 !important;
}
.HighPositiveBold {
  background-color: #00cc66 !important;
  font-weight: bold;
}
.Secondary {
  background-color: #00cc66 !important;
}
.LowPositive {
  background-color: #00cc66 !important;
}
.LowPositiveBold {
  background-color: #00cc66 !important;
  font-weight: bold;
}
.DisagreePositive {
  background-color: #00cc66 !important;
}
.AgreePositive {
  background-color: #00cc66 !important;
}
.Critical {
  background-color: #ff626e !important;
}
.HighNegative {
  background-color: #ff626e !important;
}
.HighNegativeWhite {
  background-color: #ff626e !important;
  color: #fff !important;
  font-weight: bold;
}
.LowPositiveWhite {
  background-color: #00cc66 !important;
  color: #fff !important;
  font-weight: bold;
}
.HighPositiveWhite {
  background-color: #00cc66 !important;
  color: #fff !important;
  font-weight: bold;
}
.LowNegative {
  background-color: #ff626e !important;
}
.LowNegativeWhite {
  background-color: #ff626e !important;
  color: #fff !important;
  font-weight: bold;
}
.DisagreeNegative {
  background-color: #ff626e !important;
}
.AgreeNegative {
  background-color: #ff626e !important;
}
.Pending {
  background-color: #e7e6e6 !important;
}
.noPadding {
  padding: 0 !important;
  text-align: center;
}
.percentageDiv {
  border-color: transparent;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.percentageDivChild {
  border-color: transparent;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tool-container-table {
  margin-top: 30px;
}
#tool-container-table .ant-table-column-sorters .anticon.active svg {
  color: white !important;
  font-weight: bold;
  font-size: 20px !important;
}
#tool-container-table .ant-table-column-sorters .anticon svg {
  color: #ccc;
  font-size: 18px !important;
}

#tool-container-table .ant-table-column-sorters .ant-table-column-sorter-down {
  margin-top: -0.3em !important;
}
#tool-container-table table thead.ant-table-thead tr th {
  background-color: #0066b2 !important;
  color: #fff !important;
}
#tool-container-table-user {
  margin-top: 20px;
  border: 1px solid #ddd;
}
#tool-container-table-user tbody tr td{
  font-family: Inter, sans-serif;
  font-size: 15px;
}
#tool-container-table-user tbody tr td span{
  font-family: Inter, sans-serif;
  font-size: 15px;
}
#tool-container-table-user .ant-table-column-sorters .ant-table-column-sorter-inner .anticon.active svg {
  color: white !important;
  font-weight: bold;
  font-size: 20px !important;
}
#tool-container-table-user .ant-table-column-sorters .ant-table-column-sorter-inner .anticon svg {
  color: #ccc;
  font-size: 18px !important;
}

#tool-container-table-user .ant-table-column-sorters .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  margin-top: -0.3em !important;
}

#tool-container-table-user table thead.ant-table-thead tr th {
  background-color: #0066b2 !important;
  color: #fff !important;
  border: 1px solid #fafafa;
  height: 70px;
}
#tool-container-table-user table tbody.ant-table-tbody tr td {
  border: 1px solid #fafafa;
}
#tool-container-table-user table thead.ant-table-thead tr th svg {
  color: #fff;
}
.custom-padding-cell {
  padding-left: 10px !important; /* Adjust the padding value as needed */
}
.risk-status-assessment {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 30px;
}
.risk-titles {
  text-align: center;
  align-self: center;
  font: 500 16px Inter, sans-serif;
}
.ocm-font {
  font: 500 17px Inter, sans-serif;
}
.assessment-risk-readiness .risk-title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.assessment-risk-project-adoption .risk-title {
  display: block;
  text-align: left;
}
.risk-status-project-adoption .ant-slider-handle {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.risk-status-assessment .ant-radio-group label {
  display: inline;
  display: initial;
  align-items: initial;
  justify-content: initial;
  width: 28%;
  padding-top: 0;
}
.risk-status-assessment .ant-radio-group {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.tools-assessments {
  width: 100%;
}
.custom-cascader-container {
  width: max-content;
  position: absolute;
  z-index: 1;
}
.populate-dropdown {
  pointer-events: all !important; /* Allow interactions with the dropdown */
  z-index: 100 !important; /* Allow interactions with the dropdown */
}

.add-change .ant-modal-content {
  padding: 0 !important;
}

.populate-dropdown .ant-select-dropdown {
  pointer-events: auto !important; /* Allow interactions with the dropdown */
}
.apply-populate-button.ant-btn {
  background-color: #7ac6ff;
  padding: 4px 12px;
  color: #fff;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 400;
  line-height: 16.94px;
}
.apply-populate-button.ant-btn[disabled] {
  background-color: #f2f2f2;
  color: #b3b1b1;
}
.custom-cascader-container:focus {
  outline: none; /* Remove focus outline if it is causing the issue */
  /* Add any other necessary styles to keep appearance consistent */
}

.tool-table .ant-table-column-sorters .anticon.active svg {
  color: white !important;
  font-weight: bold;
  font-size: 20px !important;
}
.tool-table .ant-table-column-sorters .anticon svg {
  color: #ccc;
  font-size: 18px !important;
}

.tool-table .ant-table-column-sorters .ant-table-column-sorter-down {
  margin-top: -0.3em !important;
}

.filter-slider-table {
  margin-top: -5px;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.filter-slider-table .ant-slider-step {
  height: 12px;
}
.filter-slider-table .ant-slider-track {
  height: 12px;
}
.filter-slider-table .ant-slider-rail {
  height: 12px;
  border: 1px solid #ccc;
}
.filter-slider-table .ant-slider-step {
  height: 12px;
  border: 1px solid #ccc;
}
.filter-slider-table .ant-slider-handle {
  margin-top: 4px;
}
.ocm-modal {
  margin: 20px 0px;
}
.ocm-modal .ocmModalContent {
  padding: 0px 5px;
  width: 100%;
}
.ocm-modal .ant-modal .ant-modal-content {
  padding: 0 !important;
}
.ocm-modal .ant-modal .ant-btn-ocm-default-danger {
  margin: 0;
}
.position-relative {
  position: relative;
}
.projectCancelButton .ant-btn-icon,
.projectOkButton .ant-btn-icon {
  display: flex;
  align-items: center;
}
.portfolio-page {
  margin-right: 15px;
}
.portfolio-page button {
  max-width: 155px;
}
.portfolio-page .ant-btn-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgb(191, 191, 191);
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.portfolio-page .buttonText {
  display: flex !important;
  margin-left: 40px !important;
  color: rgb(135, 135, 136);
}
.portfolio-page button:hover {
  color: #4096ff;
  border-color: #4096ff;
  background: #ffffff;
}
.portfolio-page button:hover .ant-btn-icon {
  color: #4096ff;
  border-color: #4096ff;
  background: #4096ff;
}
.portfolio-page button:hover .buttonText {
  color: #4096ff;
}

.page-break {
  page-break-before: always;
  page-break-inside: avoid;
  padding-top: 0;
  font-size: 22px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.page-break-margin-top-30 {
  margin-top: 30px;
}
.planData div div.page-break:first-child {
  page-break-before: avoid;
  page-break-after: avoid;
}
div.graphExport {
  margin-top: 0px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
.paddingBottom10 {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.paddingBottom20 {
  padding-bottom: 20px;
  margin-bottom: 0 !important;
}
p.pdfExport {
  font-size: 18px !important;
  line-height: 40px !important;
  margin-bottom: 15px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
p.pdfExportCenter {
  width: 100%;
  font-size: 18px !important;
  line-height: 40px !important;
  margin-bottom: 15px;
  font-weight: 400;
  margin-left: 50%;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
div.pdfExportDiv {
  max-width: 48%;
  min-width: 48%;
  float: left;
  font-size: 18px !important;
  line-height: 40px;
  margin-bottom: 15px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
p.pdfExportSmallMargin {
  font-size: 18px !important;
  line-height: 36px;
  margin-bottom: 5px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
p.pdfSmallExport {
  font-size: 16px !important;
  color: #333;
  line-height: 36px !important;
  margin-bottom: 5px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
b.pdfExport {
  font-size: 20px !important;
  line-height: 40px;
  margin-bottom: 25px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
b.pdfExport24 {
  font-size: 22px !important;
  line-height: 40px;
  margin-bottom: 25px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
p.pdfExportFont24 {
  font-size: 24px !important;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
p.pdfFontChange {
  font-size: 22px !important;
  line-height: 45px !important;
  margin-bottom: 35px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
ul.exportUL {
  list-style: square outside none;
  margin: 8px 80px;
  padding: 0;
}
ul.exportUL li {
  margin-left: 18px !important;
  font-size: 17px !important;
  line-height: 36px;
  margin-bottom: 15px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
ul.exportPDFUL {
  list-style: square outside none;
  padding: 0;
}
ul.exportPDFUL li {
  margin-left: 18px !important;
  font-size: 17px !important;
  line-height: 36px;
  margin-bottom: 15px;
  font-weight: 400;
  color: #333 !important;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
li.pdfExport {
  font-size: 18px !important;
  line-height: 36px;
  margin-bottom: 35px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
li.pdfExport20Font {
  font-size: 20px !important;
  line-height: 36px;
  margin-bottom: 15px;
  font-weight: 400;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
li.pdfExportSmallMargin {
  font-size: 18px !important;
  line-height: 40px;
  margin-bottom: 15px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
li.pdfExportTinyMargin {
  font-size: 18px !important;
  line-height: 40px;
  margin-bottom: 5px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
h5.pdfExport {
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 20px;
  line-height: 36px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
h2.pdfExport {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 20px;
  line-height: 36px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
tr.pdfExport {
  font-size: 22px;
  line-height: 36px;
  page-break-inside: avoid; /* Prevent page breaks inside these elements */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}
td.pdfExport,
th.pdfExport {
  page-break-inside: avoid;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

.fontPlay path.fa-secondary {
  opacity: 1;
}

p.amazonPlan {
  font-size: 16px;
}

div.pdfFloat {
  margin-top: 40px;
  width: 100%;
  float: left;
  page-break-after: always;
  page-break-inside: avoid;
  display: block;
}
div.pdfFloat div:first-child {
  width: 48%;
  float: left;
  margin-left: 2%;
}
div.pdfFloat div:last-child {
  width: 48%;
  float: left;
  margin-left: 2%;
}

div.displayFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  width: 100%;
}

.hideElement {
  display: none;
}

.headLessBanner {
  margin-bottom: 0;
}
.headLessBanner h1,
.headLessBanner h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.headLessBanner svg {
  position: absolute;
  right: 10px;
  font-size: 130px !important;
  top: 11px;
}
.headLessBanner .ant-alert-description {
  width: 70%;
}
.headLessBanner .ant-alert-description p {
  font-size: 16px;
  line-height: 24px;
}
.headLessBanner .Alertimage .ant-alert-description {
  width: 100% !important;
}

.custom-pagination-global {
  margin: 10px 0 !important;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  position: relative;
}

.custom-pagination-global .ant-pagination-item {
  background-color: #f0f0f0; /* Change background color */
  border-radius: 4px; /* Rounded corners */
}

.custom-pagination-global .ant-pagination-item-active {
  border-color: #0155a3; /* Change active border color */
  background-color: #1890ff; /* Change active border color */
  color: #1890ff; /* Change active text color */
  border-width: 2px;
}

.custom-pagination-global .ant-pagination-item:hover {
  border-color: #40a9ff; /* Change hover border color */
}

.custom-pagination-global .ant-pagination-options {
  display: flex;
  justify-content: center;
}

.custom-pagination-global .ant-pagination-next,
.custom-pagination-global .ant-pagination-prev {
  color: #595959; /* Change color of prev/next buttons */
}
.reportNumber h3,
.reportNumber span {
  font-weight: 700;
  color: #fff !important;
  margin-bottom: 0.04em;
}

/*
 * Dashboard Spinner
 */
.blurry-background-container-ocm {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Set background image from the public folder */

  /* Ensure the background image covers the entire screen */
  background-size: cover;
}
.blurry-background-container-amazon {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  display: flex;
  justify-content: center;
  align-items: center;

  /* Set background image from the public folder */

  /* Ensure the background image covers the entire screen */
  background-size: cover;
}

/* Spinner positioned in the center */
.spinner-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999; /* Ensure the spinner is on top */
}

/* Content of the page (snapshot) */
.background-content {
  position: relative;
  z-index: 1; /* Ensures content is above the blurred background */
  text-align: center;
  color: white; /* Set text color to white for better visibility */
}

/*
 * Guide Box
 */
.guides-box {
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 25px;
  justify-content: flex-start;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0;
}

.guides-box .guides-box-bottom {
  width: 100%;
  padding: 10px !important;
}

.guides-box .count {
  font-size: 20px;
}

.guides-box .guide-name {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  justify-content: flex-start;
  display: flex;
  align-items: center;
  max-height: 70px;
  min-height: 70px;
  h3 {
    text-align: left;
  }
}

.guides-box .guide-name h3 {
  text-align: left;
}

.guide-list .ant-list-item {
  padding: 0 !important;
}

.item-tools {
  position: relative;
}

.item-tools .ant-card-head-title {
  color: rgb(66, 66, 66);
  font-weight: 400;
}

.item-tools .thumb-horizontal {
  background-color: #493682;
}

.item-tools .thumb-vertical {
  background-color: #493682;
}

.loadmoretool-list {
  padding: 0px;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.loadmoretool-list .ant-card-bordered {
  border-color: rgb(221, 222, 226) !important;
  opacity: 1 !important;
}

.loadmoretool-list .tools-card {
  position: relative;
  min-height: 220px;
}

.loadmoretool-list .tools-card a {
  text-align: center;
  color: #666;
}

.loadmoretool-list .tools-card .number {
  width: 50px;
  height: 50px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(221, 222, 226);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: -2px;
  background: #fff;
}

.loadmoretool-list .ant-card {
  border-radius: 18px;
}

.loadmoretool-list .ant-card .ant-card-body {
  min-height: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.loadmoretool-list .ant-card .ant-card-head {
  position: relative;
}

.loadmoretool-list .ant-card .ant-card-head-wrapper {
  white-space: nowrap;
}

.loadmoretool-list .ant-card .title-header {
  position: absolute;
  top: 10px;
  right: 10px;
}

.loadmoretool-list .ant-card .ant-card-head-title {
  padding-right: 20px;
  white-space: normal;
  font-size: 12px;
  font-weight: 600;
}

.loadmoretool-list .ant-card .big-icon {
  font-size: 60px;
}

.loadmoretool-list .ant-card .big-icon-tools {
  font-size: 70px;
}

.loadmoretool-list .ant-card .productTitle {
  margin-top: 20px;
  font-weight: 600;
  font-size: 18px;
  width: 100%;
  text-align: center;
}

.visited-pages-list {
  margin: 0;
  padding: 0;
}

.visited-page-item {
  display: flex;
  flex-direction: column;
  padding: 10px;
  color: #666;
  border-bottom: 1px dashed #ccc;
  transition: all 0.3s ease;
}

.visited-page-item:hover {
  background-color: #f2f2f2;
}

.visited-page-name {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #1c3954;
}
.visited-page-name:hover {
  color: #69b1ff;
}

.visited-page-time {
  font-size: 0.8em;
  color: #aaa;
}

.loadmore-list {
  padding: 0px;
}

.loadmore-list .ant-card {
  border-radius: 18px;
  background-color: #f2f2f2;
}

.loadmore-list .ant-card .ant-card-body {
  min-height: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccc;
}

.loadmore-list .ant-card .ant-card-head {
  position: relative;
  background-color: #ffffff !important;
  border: 1px solid #ccc;
}

.loadmore-list .ant-card .ant-card-head-wrapper {
  white-space: nowrap;
}

.loadmore-list .ant-card .title-header {
  position: absolute;
  top: 10px;
  right: 10px;
}

.loadmore-list .ant-card .ant-card-head-title {
  padding-right: 20px;
  white-space: normal;
  font-size: 12px;
  font-weight: 600;
}

.loadmore-list .ant-card .big-icon {
  font-size: 60px;
}

.phaseCard {
  box-shadow: 0px 5px 20px #a0a0a005;
  width: 100%;
}

.phaseCard .ant-row {
  width: 100%;
  /* padding: 0 20px; */
}

.phaseCard .ant-row .ant-col {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.phaseCard .ant-card-head-title {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

.phaseCard .ant-card {
  border-radius: 18px;
}

.phaseCard .ant-card-head {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.phaseCard .ant-card.header-message .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: #fff;
  font-weight: 700;
}
.phaseCard .ant-card:not(.header-message) .ant-card-head .ant-card-head-wrapper .ant-card-head-title {
  color: rgb(66, 66, 66);
  font-weight: 400;
}
.phaseCard .video-box .ant-card-head {
  border-color: rgb(241, 242, 246);
}
.phaseCard .video-box .ant-card-body {
  border: 1px solid rgb(241, 242, 246);
}

/* MainStyle.css */

.main {
  padding: 0px 0px 20px 30px;
  /* min-height: 715px; */
  background-color: transparent;
  width: 100%;
}

.main .ant-row {
  margin-right: 0px !important;
  width: 100%;
}

.main.grid-boxed {
  padding: 0px 180px 20px;
}

@media only screen and (max-width: 1599px) {
  .main.grid-boxed {
    padding: 0px 130px 20px;
  }
}

@media only screen and (max-width: 1399px) {
  .main.grid-boxed {
    padding: 0px 50px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .main.grid-boxed {
    padding: 0px 0px 20px 30px;
  }
}

.main .ant-switch .anticon svg {
  color: #fff;
}

/* Ant Breadcrumb */
.main .ant-breadcrumb a {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Page Header Actions */
.main .page-header-actions .ant-btn-white {
  color: #404040 !important;
  color: var(--gray-text, #404040) !important;
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
}

.main .page-header-actions .ant-btn-white:hover {
  background-color: #f8f9fb !important;
  background-color: var(--main-background-light, #f8f9fb) !important;
}

/* Card Title */
.main .ant-card h1,
.main .ant-card h2,
.main .ant-card h3,
.main .ant-card h4,
.main .ant-card h5,
.main .ant-card h6 {
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

/* OCMSolution Ghost Card */
.main .ant-card.ocmsolution-ghost-card .ant-card-body {
  background: linear-gradient(90deg, rgb(95, 99, 242), rgb(255, 105, 165));
}

.main .ant-card-head-title {
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

.main .ant-card-bordered {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

.main .ant-card-head {
  border-bottom-color: #f1f2f6;
  border-bottom-color: var(--border-color-default, #f1f2f6);
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
}

.main .ocmsolution-card-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main .ocmsolution-card-title-text {
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-left: 0;
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

.main .ocmsolution-card-subtitile {
  font-size: 12px;
  margin-left: 6px;
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ocmsolution-card-title-extra-text {
  display: flex;
  align-items: center;
  position: relative;
  top: 3px;
}

.main .ocmsolution-total-chart-total {
  font-size: 18px;
  font-weight: 600;
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

@media only screen and (max-width: 991px) {
  .main .ocmsolution-total-chart-total {
    font-size: 15px;
  }
}

.main .ocmsolution-total-chart-status {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px;
}

@media only screen and (max-width: 991px) {
  .main .ocmsolution-total-chart-status {
    font-size: 12px;
  }
}

.main .ocmsolution-total-chart-status i,
.main .ocmsolution-total-chart-status svg {
  width: 22px;
  height: 22px;
  margin-right: -1px;
}

@media only screen and (max-width: 991px) {
  .main .ocmsolution-total-chart-status i,
  .main .ocmsolution-total-chart-status svg {
    width: 18px;
    height: 18px;
  }
}

.main .ocmsolution-total-chart-status-growth {
  color: #01b81a;
  color: var(--success-color, #01b81a);
}

.main .ocmsolution-total-chart-status-down {
  color: #ff0f0f;
  color: var(--danger-color, #ff0f0f);
}

.main .ant-card-body p {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ocmsolution-card-nav ul {
  display: flex;
  align-items: center;
  margin: 0 -10px 2px 0;
}

.main .ocmsolution-card-nav ul li {
  margin: 5px 0;
}

.main .ocmsolution-card-nav ul li a {
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  border-radius: 6px;
  min-height: 30px;
  padding: 0 12px;
  transition: 0.3s;
  color: #747474;
  color: var(--gray-light-text, #747474);
}

.main .ocmsolution-card-nav ul li a:hover {
  color: #8231d3;
  color: var(--menu-active, #8231d3);
}

.main .ocmsolution-card-nav ul li.ocmsolution-active a {
  background-color: '#F2EAFB';
  background-color: var(--menu-active-bg, '#F2EAFB');
  color: #8231d3;
  color: var(--primary-color, #8231d3);
}

/* Tabs Icon */
.main .ant-tabs-tab span svg {
  padding-right: 5px;
}

/* Button Styles */
.main .ant-btn.ant-btn-light {
  color: #ffffff;
  color: var(--white-text, #ffffff);
}

.main .ant-btn.ant-btn-light.btn-transparent,
.main .ant-btn.ant-btn-light.btn-outlined {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-btn.ant-btn-light.btn-outlined:hover {
  color: #8231d3;
  color: var(--primary-color, #8231d3);
}

/* Pagination Styles */
.main .ant-pagination-item {
  border-radius: 4px;
}

.main .ant-pagination-item a {
  font-weight: 400;
}

.main .ant-pagination-options .ant-select-selector {
  padding: 0 6.5px;
}

.main .ant-pagination-options .ant-select .ant-select-arrow svg {
  width: 10px;
  fill: #404040;
  fill: var(--gray-text, #404040);
}

/* Picker Under Input */
.main .ant-form-item-control-input .ant-picker {
  padding: 0 12px 0 0 !important;
}

/* Progress Bars */
/* .main .ant-progress {
  display: inline-flex !important;
  align-items: center;
} */

.main .ant-progress .ant-progress-inner {
  background-color: transparent;
}

.main .ant-progress .ant-progress-text {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-progress .ant-progress-circle-trail {
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
}

.main .ant-progress > div {
  display: flex;
  flex-direction: column;
}

.main .ant-progress .ant-progress-outer {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.main .ant-progress .ant-progress-text {
  display: flex;
  order: 0;
  align-items: center;
  justify-content: center;
}

.main .ant-progress-status-warning .ant-progress-bg {
  background: #fa8b0c;
}

/* Progress Bars */
@media only screen and (max-width: 1199px) {
  .main {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 991px) {
  .main {
    min-height: 580px;
  }
}

.main .w-100 {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .main .product-sidebar-col {
    order: 2;
  }
}

.main .ant-skeleton-paragraph {
  margin-bottom: 0;
}

/* Button Group */
.main .ant-btn-group .ant-btn-default {
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
}

/* Ant Skeleton */
.main .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title {
  background: linear-gradient(
    90deg,
    #f1f2f6 25%,
    #e3e6ef 37%,
    #f1f2f6 63%
  );
  background: linear-gradient(
    90deg,
    var(--border-color-default, #f1f2f6) 25%,
    var(--border-color-secondary, #e3e6ef) 37%,
    var(--border-color-default, #f1f2f6) 63%
  );
  background-size: 400% 100%;
}

.main .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(
    90deg,
    #f1f2f6 25%,
    #e3e6ef 37%,
    #f1f2f6 63%
  );
  background: linear-gradient(
    90deg,
    var(--border-color-default, #f1f2f6) 25%,
    var(--border-color-secondary, #e3e6ef) 37%,
    var(--border-color-default, #f1f2f6) 63%
  );
  background-size: 400% 100%;
}

.main .ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(
    90deg,
    #f1f2f6 25%,
    #e3e6ef 37%,
    #f1f2f6 63%
  );
  background: linear-gradient(
    90deg,
    var(--border-color-default, #f1f2f6) 25%,
    var(--border-color-secondary, #e3e6ef) 37%,
    var(--border-color-default, #f1f2f6) 63%
  );
  background-size: 400% 100%;
}

.main .ant-skeleton-content .ant-skeleton-title {
  background-color: #f1f2f6;
  background-color: var(--border-color-default, #f1f2f6);
}

.main .ant-skeleton-content .ant-skeleton-paragraph > li {
  background-color: #f1f2f6;
  background-color: var(--border-color-default, #f1f2f6);
}

.main .ant-skeleton-header .ant-skeleton-avatar {
  background-color: #f1f2f6;
  background-color: var(--border-color-default, #f1f2f6);
}

/* Ant Picker */
.main .ant-picker {
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .ant-picker input {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-picker input::placeholder {
  color: #747474;
  color: var(--light-text, #747474);
}

.main .ant-picker .ant-picker-suffix svg {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Ant Alert */
.main .ant-alert-closable .ant-alert-message {
  margin-right: 15px;
}

.main .ant-alert-with-description .ant-alert-description {
  display: inline-block;
}

/* Ant Calendar Picker */
.main .ant-picker-calendar .ant-badge-status-text {
  color: #404040;
  color: var(--gray-text, #404040);
}

@media only screen and (max-width: 400px) {
  .main .ant-picker-calendar-header .ant-picker-calendar-year-select {
    width: 50% !important;
  }
}

@media only screen and (max-width: 400px) {
  .main .ant-picker-calendar-header .ant-picker-calendar-month-select {
    width: calc(50% - 8px) !important;
  }
}

/* Card Grid */
@media only screen and (max-width: 575px) {
  .main .card-grid-wrap .ant-card-grid {
    width: 50% !important;
  }
}

/* Drawer */
.main .atbd-drawer .ant-card-body {
  text-align: center;
}

@media only screen and (max-width: 400px) {
  .main .drawer-placement {
    text-align: center;
  }
}

@media only screen and (max-width: 400px) {
  .main .drawer-placement .ant-radio-group {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 400px) {
  .main .ant-drawer-content-wrapper {
    width: 260px !important;
  }
}

@media only screen and (max-width: 375px) {
  .main .ant-drawer-content-wrapper {
    width: 220px !important;
  }
}

/* Input */
@media only screen and (max-width: 991px) {
  .main .input-wrap {
    min-height: 500px;
  }
}

.main .input-wrap input::placeholder {
  color: #747474;
  color: var(--light-text, #747474);
}

.main .modal-btns-wrap {
  margin: 0 -5px;
}

/* Spinner */
.main .ant-spin {
  margin-right: 20px;
}

.main .ant-spin:last-child {
  margin-right: 0;
}

/* Column Card Wrapper */
.main .columnCardsWrapper {
  background: #eff0f3;
  background: var(--dark-background, #eff0f3);
  border-radius: 4px;
  padding: 50px 30px 25px;
}

.main .columnCardsWrapper .ant-card,
.main .columnCardsWrapper .ant-card-head {
  background: #ffffff;
  background: var(--white-background, #ffffff);
}

.main .ant-card-grid {
  color: #404040;
  color: var(--gray-text, #404040);
  box-shadow:
    1px 0 0 0 #f1f2f6,
    0 1px 0 0 #f1f2f6,
    1px 1px 0 0 #f1f2f6,
    1px 0 0 0 #f1f2f6 inset,
    0 1px 0 0 #f1f2f6 inset;
  box-shadow:
    1px 0 0 0 var(--border-color-default, #f1f2f6),
    0 1px 0 0 var(--border-color-default, #f1f2f6),
    1px 1px 0 0 var(--border-color-default, #f1f2f6),
    1px 0 0 0 var(--border-color-default, #f1f2f6) inset,
    0 1px 0 0 var(--border-color-default, #f1f2f6) inset;
}

/* Ant Collapse */
.main .ant-collapse {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
  border-radius: 6px;
}

.main .ant-collapse > .ant-collapse-item:last-child {
  border-radius: 0 0 6px 6px;
  background-color: #f8f9fb;
  background-color: var(--light-background, #f8f9fb);
}

.main .ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 6px 6px;
}

.main .ant-collapse-content,
.main .ant-collapse-content-box {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
}

.main .ant-collapse .ant-collapse-icon-position-left .ant-collapse-header {
  color: #404040;
  color: var(--gray-text, #404040);
  padding: 12px 16px 10px 45px;
  background-color: #f8f9fb;
  background-color: var(--light-background, #f8f9fb);
}

@media only screen and (max-width: 1299px) {
  .main .ant-collapse .ant-collapse-icon-position-left .ant-collapse-header {
    padding: 12px 16px 10px 30px;
  }
}

.main .ant-collapse-content p {
  color: #747474;
  color: var(--gray-light-text, #747474);
  margin-bottom: 0;
}

.main .ant-collapse.ant-collapse-borderless {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
}

.main .ant-collapse .ant-collapse-item.ant-collapse-item-disabled .ant-collapse-header {
  color: #a0a0a0 !important;
  color: var(--extra-light-text, #a0a0a0) !important;
}

.main .ant-collapse .ant-collapse-header .ant-collapse-arrow {
  font-size: 8px;
  position: relative;
  top: -3px;
  right: 0;
}

.main .ant-collapse .ant-collapse .ant-collapse-header {
  border-radius: 6px 6px 0 0;
  border: 1px solid #f1f2f6;
  border: 1px solid var(--border-color-default, #f1f2f6);
  background: #f8f9fb;
  background: var(--light-background, #f8f9fb);
}

.main .ant-collapse .ant-collapse .ant-collapse-content {
  margin: 20px 0 0 0;
  border: 1px solid #f1f2f6;
  border: 1px solid var(--border-color-default, #f1f2f6);
}

/* Ant Radio */
.main .ant-radio-wrapper .ant-radio + span {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  box-shadow: 0 0;
}

.main .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #8231d3;
  background-color: var(--menu-active, #8231d3);
}

.main
  .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled'])
  .ant-radio-button-wrapper:first-child {
  border-right-color: #8231d3;
  border-right-color: var(--menu-active, #8231d3);
}

.main .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #8231d3;
  border-color: var(--menu-active, #8231d3);
}

.main .ant-radio-button-wrapper {
  height: 48px;
  line-height: 46px;
  padding: 0 25.25px;
  color: #404040;
  color: var(--gray-text, #404040);
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

@media only screen and (max-width: 1024px) {
  .main .ant-radio-button-wrapper {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 379px) {
  .main .ant-radio-button-wrapper {
    height: 40px !important;
    line-height: 38px !important;
    font-size: 12px;
    padding: 0 6px;
  }
}

.main .ant-radio-button-wrapper:not(:first-child):before {
  background-color: #f1f2f6;
  background-color: var(--border-color-default, #f1f2f6);
}

.main .ant-radio-button-wrapper-checked {
  color: #ffffff;
  color: var(--white-text, #ffffff);
}

/* Select */
.main .ant-tree-select .ant-select-selector {
  height: 42px;
}

.main .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

/* Tag Select List */
.main .tag-select-list {
  margin-bottom: -10px;
}

.main .tag-select-list .ant-select {
  margin-bottom: 10px;
}

.main .ant-select-selector {
  border-color: #e3e6ef !important;
  border-color: var(--border-color-secondary, #e3e6ef) !important;
}

/* Slider */
.main .slider-with-input .ant-slider {
  margin-right: 15px;
}

.main .slider-with-input__single {
  margin-bottom: 15px;
}

.main .ant-input-number,
.main .ant-input-number-input {
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

.main .ant-slider-mark-text {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Ant Input */
.main .ant-input,
.main .ant-input-affix-wrapper {
  color: #404040;
  color: var(--gray-text, #404040);
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .ant-input-affix-wrapper-focused {
  box-shadow: 0 0;
}

.main .ant-input input.ant-input:focus {
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
  box-shadow: 0 0 !important;
}

/* Tag List */
.main .ant-tag {
  margin: 5px;
}

.main .taglist-wrap .ant-tag {
  line-height: 22px;
  padding: 0 10.2px;
  border: 0 none;
  margin: 5px;
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .taglist-wrap .ant-tag.ant-tag-has-color {
  color: #fff !important;
}

.main .taglist-wrap .ant-tag-magenta {
  color: #eb2f96;
}

.main .taglist-wrap .ant-tag-red {
  color: #f5222d;
}

.main .taglist-wrap .ant-tag-volcano {
  color: #fa541c;
}

.main .taglist-wrap .ant-tag-orange {
  color: #fa8c16;
}

.main .taglist-wrap .ant-tag-gold {
  color: #faad14;
}

.main .taglist-wrap .ant-tag-line,
.main .taglist-wrap .ant-tag-green {
  color: #a0d911;
}

.main .taglist-wrap .ant-tag-cyan {
  color: #13c2c2;
}

.main .taglist-wrap .ant-tag-blue {
  color: #1890ff;
}

.main .taglist-wrap .ant-tag-geekbule {
  color: #2f54eb;
}

.main .taglist-wrap .ant-tag-purple {
  color: #722ed1;
}

/* Ant Empty */
.main .ant-empty-description {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Ant Steps */
.main .ant-steps-item-finish .ant-steps-item-icon,
.main .ant-steps-item-wait .ant-steps-item-icon {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
}

.main .ant-steps-item-finish .ant-steps-item-title,
.main .ant-steps-item-wait .ant-steps-item-title {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-steps-item-wait .ant-steps-item-icon {
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

.main .ant-steps-item-wait .ant-steps-icon {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-steps-item-process .ant-steps-item-title {
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

.main .steps-content {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Time Picker List */
.main .timepicker-list .ant-picker {
  margin: 5px;
}

/* Ant Menu */
.main .ant-menu {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

.main .ant-menu .ant-menu-submenu-title svg,
.main .ant-menu .ant-menu-submenu-title .ant-menu-title-content,
.main .ant-menu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  color: #fff;
}

.main .ant-menu .ant-menu-item-selected .ant-menu-item-icon svg,
.main .ant-menu .ant-menu-item-active {
  color: #8231d3;
  color: var(--menu-active, #8231d3);
}

.main .ant-menu .ant-menu-item-selected .ant-menu-title-content {
  color: #fff;
}

.main .ant-menu .ant-menu-item-disabled .ant-menu-item-icon,
.main .ant-menu .ant-menu-item-disabled .ant-menu-title-content {
  color: #a0a0a0;
  color: var(--extra-light-text, #a0a0a0);
  opacity: 0.5;
}

.main .ant-menu.ant-menu-inline .ant-menu-submenu-title svg {
  position: relative;
  top: 2px;
}

.main .ant-menu .ant-menu-item-selected:after {
  border-color: #8231d3;
  border-color: var(--menu-active, #8231d3);
}

.main .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover .ant-menu-submenu-title svg,
.main .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover .ant-menu-title-content {
  color: #fff;
}

.main .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu:hover:after {
  border-bottom-color: #8231d3;
  border-bottom-color: var(--menu-active, #8231d3);
}

/* Ant Comment */
.main .ant-comment-inner {
  padding: 0;
}

.main .ant-comment-content-author-name > * {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-comment-content-detail p {
  color: #747474;
  color: var(--gray-light-text, #747474);
}

.main .ant-list-items {
  padding-top: 22px;
}

.main .ant-list-items li:not(:last-child) {
  margin-bottom: 22px;
}

.main .ant-comment:not(:last-child) {
  margin-bottom: 22px;
}

.main .ant-comment-nested {
  margin-top: 22px;
}

.main .ant-comment-actions li span {
  color: #a0a0a0;
  color: var(--extra-light-text, #a0a0a0);
}

.main .ant-comment-content-detail textarea {
  resize: none;
  min-height: 170px;
  border-radius: 5px;
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .nested-comment-wrapper .comment-title {
  font-size: 12px;
  padding-bottom: 10px;
  margin-bottom: 22px;
  border-bottom: 1px solid #e3e6ef;
  border-bottom: 1px solid var(--border-color-secondary, #e3e6ef);
}

.main .ant-list-split .ant-list-header {
  color: #404040;
  color: var(--gray-text, #404040);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

/* Ant List Bordered */
.main .ant-list.ant-list-bordered {
  color: #404040;
  color: var(--gray-text, #404040);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .ant-list-item-meta {
  padding: 10px 24px;
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

.main .ant-list-item-meta-description {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Vector Map */
.main .rsm_map {
  min-height: 505px;
}

.main .rsm_map .world-map {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1599px) {
  .main .rsm_map .world-map {
    height: 480px;
  }
}

@media only screen and (max-width: 1399px) {
  .main .rsm_map .world-map {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .main .rsm_map .world-map {
    height: 300px;
  }
}

.main .rsm_map .controls {
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.main .rsm_map .controls button {
  display: block;
  width: 27px;
  height: 27px;
  background: none;
  color: #ffffff;
  color: var(--white-text, #ffffff);
  border: 1px solid #f1f2f6;
  border: 1px solid var(--border-color-default, #f1f2f6);
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
  cursor: pointer;
}

.main .rsm_map .controls button:first-child {
  border-radius: 6px 6px 0 0;
}

.main .rsm_map .controls button:last-child {
  border-radius: 0 0 6px 6px;
}

.main .rsm_map .controls button svg {
  width: 10px;
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Checkout Wrapper */
.main .checkoutWraper .ant-card-body {
  padding: 50px 50px 50px 30px !important;
}

@media only screen and (max-width: 575px) {
  .main .checkoutWraper .ant-card-body {
    padding: 15px !important;
  }
}

/* Star Active */
.main a i,
.main a span.fa {
  font-size: 16px;
  color: #a0a0a0;
  color: var(--extra-light-text, #a0a0a0);
}

.main a.starActive i,
.main a.starActive span.fa {
  color: #fa8b0c;
  color: var(--warning-color, #fa8b0c);
}

.main a.starActive i:before,
.main a.starActive span.fa:before {
  content: '\f005';
  color: #fa8b0c;
  color: var(--warning-color, #fa8b0c);
}

/* Ant Timeline */
.main .ant-timeline {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-timeline .ant-timeline-item-content {
  font-size: 16px;
}

.main .ant-timeline-item-tail {
  border-width: 3px;
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
}

/* Ant Rate */
.main .ant-rate-content,
.main .ant-rate-text {
  font-weight: 500;
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-rate .anticon svg {
  color: #fa8b0c;
}

.main .ant-rate-star.ant-rate-star-zero span svg {
  color: #c6d0dc;
}

/* Account Card */
@media only screen and (max-width: 575px) {
  .main .account-card .ant-card-head .ant-card-extra {
    padding-top: 0 !important;
  }
}

/* Ant Radio */
.main .ant-radio.ant-radio-disabled {
  opacity: 0.4;
}

.main .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled {
  opacity: 0.4;
}

@media only screen and (max-width: 1450px) {
  .main .radio-size-wrap .ant-radio-button-wrapper {
    padding: 0 11.5px;
  }
}

.main .ant-radio-wrapper:hover .ant-radio,
.main .ant-radio:hover .ant-radio-inner,
.main .ant-radio-input:focus + .ant-radio-inner {
  border-color: #8231d3;
  border-color: var(--primary-color, #8231d3);
  outline: none;
  box-shadow: 0 0;
}

.main .ant-radio-inner {
  transition: 0s;
  background-color: #ffffff;
  background-color: var(--input-bg, #ffffff);
  border-color: #e3e6ef;
  border-color: var(--border-color-secondary, #e3e6ef);
}

.main .ant-radio-checked .ant-radio-inner {
  border-color: #8231d3;
  border-color: var(--primary-color, #8231d3);
}

.main .ant-radio-button-wrapper.ant-radio-button-wrapper-checked.ant-radio-button-wrapper-disabled {
  background-color: #8231d3;
  background-color: var(--menu-active, #8231d3);
}

.main .message-button-list {
  margin: -4px;
}

.main .message-button-list .ant-btn {
  margin: 4px;
}

/* Chart Label */
.main .chart-label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 6px;
  color: #5a5f7d;
}

.main .chart-label .label-dot {
  margin-right: 8px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.main .chart-label .label-dot.dot-success {
  background: #20c997;
}

.main .chart-label .label-dot.dot-info {
  background: #5f63f2;
}

.main .chart-label .label-dot.dot-warning {
  background: #fa8b0c;
}

/* Ant Comment Actions */
.main .ant-comment-actions li {
  position: relative;
}

.main .ant-comment-actions li:not(:last-child) {
  margin-right: 8px;
  padding-right: 8px;
}

.main .ant-comment-actions li:not(:last-child):after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #c6d0dc;
  content: '';
}

.main .ant-comment-actions li .com-time {
  cursor: default;
}

.main .ant-comment-actions li span {
  margin-right: 0;
}

/* Wizard Side Border */
.main .wizard-side-border > .ant-card .ant-card-body {
  padding: 0 25px !important;
}

.main .wizard-side-border .checkout-successful > .ant-card .ant-card-body {
  padding: 25px !important;
}

@media only screen and (max-width: 575px) {
  .main .wizard-side-border .checkout-successful > .ant-card .ant-card-body {
    padding: 15px !important;
  }
}

.main .wizard-side-border .payment-method-form.theme-light .shipping-selection__card .ant-card-body {
  padding: 25px 0 !important;
}

.main .wizard-side-border .shipping-selection__card .ant-card-body {
  padding: 25px !important;
}

@media only screen and (max-width: 575px) {
  .main .wizard-side-border .shipping-selection__card .ant-card-body {
    padding: 15px !important;
  }
}

.main .wizard-side-border .atbd-review-order .ant-card-body {
  padding: 25px 25px 0 !important;
}

@media only screen and (max-width: 767px) {
  .main .wizard-side-border .atbd-review-order .ant-card-body {
    padding: 15px 15px 0 !important;
  }
}

.main .wizard-side-border .ant-steps {
  padding: 50px;
}

@media only screen and (max-width: 1399px) {
  .main .wizard-side-border .ant-steps {
    padding: 25px;
  }
}

/* Ant Dragger */
.main .ant-upload-drag {
  background-color: #ffffff !important;
  background-color: var(--white-background, #ffffff) !important;
  border-radius: 10px !important;
  display: flex;
  align-items: center;
  min-height: 100px;
  border-color: #c6d0dc;
}

.main .ant-upload-drag.ocmsolution-uploader-large {
  min-height: 180px;
}

.main .ant-upload-drag-container .ant-upload-text {
  margin-bottom: 0;
  font-size: 15px;
  color: #9299b8;
}

/* Ant Upload */
.main .ant-upload .ant-btn-light {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-upload .ant-btn-light:hover {
  border-color: #8231d3;
  border-color: var(--menu-active, #8231d3);
}

.main .ant-upload .ant-btn-light svg {
  color: #404040;
  color: var(--gray-text, #404040);
}

/* Ant Upload List Item */
.main .ant-upload-list-item .ant-upload-list-item-info {
  border-radius: 6px;
  padding: 0px 8px;
  background-color: transparent;
}

.main .ant-upload-list-item .ant-upload-list-item-info svg {
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-upload-list-item .ant-upload-list-item-info a {
  color: #8231d3;
  color: var(--menu-active, #8231d3);
}

.main .ant-form-item.ant-form-item-has-success .ant-input {
  border-color: #01b81a;
  border-color: var(--success-color, #01b81a);
}

.main .ant-form-item.ant-form-item-has-success.ant-form-item-with-help .ant-form-item-explain {
  color: #01b81a;
  color: var(--success-color, #01b81a);
}

/* Order Summary */
.main .ocmsolution-order-summery {
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
}

/* Table */
.main .ant-table {
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
}

.main .ant-table-thead > tr > th {
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
  color: #0a0a0a;
  color: var(--dark-text, #0a0a0a);
}

.main .ant-table-tbody > tr > td {
  border-color: #f1f2f6;
  border-color: var(--border-color-default, #f1f2f6);
  background-color: #ffffff;
  background-color: var(--white-background, #ffffff);
  color: #404040;
  color: var(--gray-text, #404040);
}

.main .ant-table-tbody > tr:hover > td {
  background-color: #f8f9fb;
  background-color: var(--main-background-light, #f8f9fb);
}

/* Buttons with Icons */
.main .ant-btn-transparent .anticon-loading svg,
.main .btn-outlined .anticon-loading svg,
.main .ant-btn-white .anticon-loading svg {
  color: #8231d3;
  color: var(--primary-color, #8231d3);
}

.main .anticon-loading svg {
  color: #fff;
}

/* Action Count */
.main .ocmsolution-action-count {
  padding-left: 8px;
}

/* OCMModal.css */
.OCMModal {
  padding: 0;
}

.popup-container .audience-button-panel button {
  background: #0066b2;
  color: #fff;
  width: 20%;
}

.ocm-modal .ant-modal-close {
  cursor: pointer;
  height: 17.5px;
  position: absolute;
  right: 24px;
  top: 18.25px;
  width: 15.02px;
}

.ocm-modal:not(.danger) .ant-modal-close {
  color: rgba(0, 0, 0, 0.45);
  background-color: transparent;
}

.ocm-modal.danger .ant-modal-close {
  color: rgba(255, 255, 255, 0.65);
  background-color: transparent;
}

.ocm-modal.danger .ant-modal-close .svg-inline--fa .fa-secondary{
  opacity: 0.7;
}

.ocm-modal:not(.danger) .ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.88);
  background-color: transparent;
}

.ocm-modal.danger .ant-modal-close:hover {
  color: rgb(255, 255, 255) !important;
  background-color: transparent;
}


.ocm-modal.danger .ant-modal-close:hover .svg-inline--fa .fa-secondary{
  opacity: 1;
}

.ocm-modal .ant-modal-content {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.ocm-modal .ant-modal-content .ant-modal-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.OCMModalHeader {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.OCMModalHeader .user-info-header-panel {
  width: 100%;
  padding: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.OCMModalHeader .user-info-header-panel:not(.danger) {
  background: #e0f2ff !important;
  background: var(--popup-header-color, #e0f2ff) !important;
}

.OCMModalHeader .user-info-header-panel.danger {
  border-radius: 16px 16px 0px 0px;
  background: #FF8F92;
  background: var(--Filter-Applied-Icon-Color, #FF8F92);
}

.OCMModalHeader .user-info-header-panel .edit-pencil {
  position: absolute;
  right: 60px;
  top: 21%;
}

.OCMModalHeader .user-info-header-panel .edit-pencil svg {
  cursor: pointer;
}

.OCMModalHeader .user-info-header-panel h1.header-title {
  font-weight: 500;
  font-size: 32px;
  padding-left: 20px;
  margin-bottom: 0;
  width: 100%;
}

.OCMModalHeader .user-info-header-panel:not(.danger) h1.header-title{
  color: #000000e0 !important;
  color: var(--popup-header-text-color, #000000e0) !important;
}

.OCMModalHeader .user-info-header-panel.danger h1.header-title{
  color: #FFFFFF !important;
}

.OCMModalHeader .user-info-header-panel h1.header-audience-name-title {
  font-weight: 500;
  font-size: 40px;
  padding-left: 20px;
  margin-bottom: 0;
  color: #004d86 !important;
  color: var(--engagement-plan-color, #004d86) !important;
}

.OCMModalHeader .user-info-header-panel h3.header-audience-info {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  color: #004d86 !important;
  color: var(--engagement-plan-color, #004d86) !important;
}

.OCMModalHeaderWarning .user-info-header-panel {
    background: #FF8F92 !important;
    width: 100%;
    padding: 15px;
    display: flex;
    justify-content: left;
    flex-direction: column;
    align-items: left;
    position: relative;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.OCMModalHeaderWarning .user-info-header-panel h1.header-title{
    color: #FFFFFF !important;
}
.OCMModalHeaderWarning .user-info-header-panel h1.header-audience-name-title,
.OCMModalHeaderWarning .user-info-header-panel h3.header-audience-info {
    color: #FFFFFF !important;
}

/* ProjectsDiv.css */
.ProjectsDiv  {
  width: 100%;
}

.ProjectsDiv  .ant-card{
  width: 100%;
}

.ProjectsDiv .project-box div.box {
  padding: 30px 15px;
  border-radius: 10px;
  margin-top: 20px;
  font-size: 17px;
  width: 100%;
}

.ProjectsDiv .ant-select-single {
  width: 100px;
}

.ProjectsDiv .ant-select.active .ant-select-selector {
  background: #bbf1ff !important;
  color: #000 !important;
}

.ProjectsDiv .ant-select.active .anticon svg {
  color: #fff !important;
}

.ProjectsDiv .ant-select.active.ant-select-open .ant-select-selection-item {
  color: #fff !important;
}

.ProjectsDiv .ant-select.close .ant-select-selector {
  background-color: #bfbfbf !important;
}

.ProjectsDiv .project-box {
  margin-left: 20px;
  margin-top: 30px;
  color: white;
}

.ProjectsDiv .ant-table-thead > tr > th {
  background-color: #bbf1ff !important;
  color: black !important;
}

.ProjectsDiv .ant-table-thead .anticon.active svg {
  color: #ff0000;
}

.ProjectsDiv .ant-table-thead .anticon svg {
  color: #00b0f0;
}

.ProjectsDiv .ant-btn.ant-btn-lg {
  height: auto;
  border-radius: 25px;
  width: 200px;
  padding: 15px 20px;
}

.ProjectsDiv .box-back-blue {
  background: #38aaff;
}

.ProjectsDiv .box-back-orange {
  background: #ffe7ab;
  color: black;
}

.ProjectsDiv .box-back-gray {
  background: #c8cdd7;
  color: black;
}

.ProjectsDiv .underline {
  text-decoration: underline;
}

.ProjectsDiv .border-rounded {
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  height: 460px;
  padding: 20px;
}

/* granttStyle.css */
.granttStyle .gantt-tree-list-item {
  font-size: 12px !important;
  line-height: 13px;
  color: rgb(185, 182, 182);
  /* // white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  width: 67px;
}

.granttStyle .gantt-bars-row-item-bar {
  border-radius: 20px !important;
}

.granttStyle .gantt-tree-wrap {
  width: 206px !important;
}

.granttStyle .gantt-tree-icon {
  display: none;
}

.granttStyle button.gantt-tree-list-item {
  padding-left: 10px !important;
}

/* Target Audience */
.target-audience-container {
  max-height: 610px;
  overflow: auto;
  height: 100%;
  width: 100%;
  background: '#F8F9FB';
}

.target-audience-container .infinite-scroll-component__outerdiv {
  width: 100%;
}

.audience-modal-container {
  width: 800px;
  padding: 20px 25px;
}

.audience-modal-container .heading-audience {
  width: 100%;
  justify-content: space-between;
  border-radius: 5px;
  background: #bde3ff;
  padding: 0px 10px;
  align-items: center;
  height: 37px;
  margin-bottom: 30px;
  flex-direction: row;
}

.text-title {
  font-size: 12px;
  color: #bfbfbf;
}

.text-title.dark {
  font-size: 12px;
  color: #959595;
}

.audience-wrapper {
  width: 100%;
  padding: 0px 10px;
  margin-bottom: 10px;
}

.label-text {
  color: #000000;
}

.label-text.high {
  color: rgb(255 93 95);
}

.label-text.mid {
  color: rgb(255 197 51);
}

.label-text.low {
  color: #00b85c;
}

.card-container {
  border: 1px solid gray;
  border-radius: 10px;
  gap: 5px;
  max-width: 45%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.card-container p {
  margin-bottom: 0;
  font-size: 16px;
}

.card-container svg {
  margin-right: 10px;
}

.card-container > div {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-container > .box {
  padding: 8px 18px;
  color: #fff;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.card-container > .green {
  background: #00b85c;
  height: 100%;
}

.card-container > .yellow {
  background: rgb(255 197 51);
  height: 100%;
}

.card-container > .red {
  background: rgb(255 93 95);
  height: 100%;
}

.card-container > .gray {
  background: gray;
  height: 100%;
}
.ant-tabs.toolRiskPhaseTabStyle .ant-tabs-content-holder {
  margin-top: 0px !important;
}

.custom-pagination-global .ant-pagination-total-text {
  display: flex;
  height: 32px;
  margin-inline-end: 8px;
  line-height: 30px;
  position: relative;
  align-items: center;
  position: absolute;
  left: 10px;
  max-width: 20%;
  z-index: 1;
}

.custom-pagination-global .ant-pagination-total-text span {
  font-size: 17px;
}

.changeRoleUser .ant-select-arrow {
  color: #4fadea;
  font-size: 15px;
}

.changeRoleUser .ant-select-selection-item {
  padding-top: 5px !important;
}

.changeRoleUser .ant-select-selection-item h5 {
  font-weight: normal;
}

.changeRoleUser .ant-select-selection-item .ant-typography-secondary {
  display: none;
}

.ocm-select-dropdown .ant-select-item:not(:last-child),
.ocm-mulit-select-dropdown .ant-select-item:not(:last-child) {
  border: 1px solid #eee;
  border-radius: 0px !important;
}

.ocm-select.ant-select-multiple .ant-select-selector {
  height: auto !important;
  padding-top: 5px !important;
}

.ocm-select-dropdown .ant-select-item-option-selected {
  background-color: #74BDDA !important;
  border-radius: 0px !important;
}

.ocm-select-dropdown .ant-select-item-option-selected .ant-select-item-option-content{
  color: #242424 !important;
  font-weight: 600 !important;
}

.ocm-select .ant-select-arrow {
  color: #4fadea;
  font-size: 15px;
}

.ocm-select .ant-select-selection-item {
  font: 500 15px Inter, sans-serif;
}

.ocm-select:not(.ant-select-multiple) .ant-select-arrow {
  height: 100%;
}

.ocm-select.ant-select-multiple {
  height: auto !important;
  min-height: 50px;
  width: 100%;
}

.ocm-select.ant-select-multiple .ant-select-selection-item {
  display: flex;
  font-size: 14px;
  padding: 8px 30px;
  position: relative;
  color: #0958d9;
  background: #e6f4ff;
  border-color: #91caff;
  height: 100%;
}

.ocm-select.ant-select-multiple .ant-select-selection-item .ant-select-selection-item-remove{
  position: absolute;
  right: 6px;
}

.ocm-select .ant-select-selector {
  height: 50px !important;
}

.ocm-select .ant-select-selection-item h5 {
  font-weight: normal;
}

.ocm-select .ant-select-selection-item .ant-typography-secondary {
  display: none;
}

.inputUserProject .searchUserProject input {
  padding: 10px 20px;
  font-size: 18px;
}

.inputUserProject .searchUserProject .ant-input-group-addon button {
  height: 50px;
}

.ant-btn-ocm-default-amber {
  background: #ffc000 !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 14px !important;
  height: auto;
  /* width: 30% !important; */
  padding: 2px 5px;
  border-radius: 5px;
  white-space: normal !important;
}
.ant-btn-ocm-default-amber:disabled {
  background: #ffc00055 !important;
  color: #fff !important;
}
.ant-btn-ocm-default-amber:hover {
  background: #e9cc72 !important;
  color: #fff !important;
}

.setProjectPanel .ant-form-item {
  width: 100%;
  padding: 10px;
}

.setProjectPanel .ant-form-item .ant-row {
  display: flex;
  flex-direction: column;
}

.setProjectPanel .ant-form-item .ant-form-item-label {
  text-align: start;
  font-size: 16px;
}

.setProjectPanel .ant-form-item .ant-form-item-label label {
  font-size: 18px;
  padding-bottom: 10px;
}

.ant-btn-ocm-user-danger {
  background: #ff4d4f !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 14px !important;
  height: auto;
  /* width: 30% !important; */
  padding: 5px 10px;
  border-radius: 5px;
  white-space: normal !important;
}

.ant-btn-ocm-default-user {
  background: #0066b2 !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 14px !important;
  height: auto;
  /* width: 30% !important; */
  padding: 5px 10px;
  border-radius: 5px;
  white-space: normal !important;
}

.dropdownContainer {
  display: flex;
  flex-direction: column;
  min-width: 350px;
  max-width: 350px;
}

.dropdownContainer .ant-form-item {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.dropdownContainer .ant-form-item .ant-row {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.dropdownContainer .ant-form-item .ant-row .ant-col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

.tableSingleSelectDropDown h5.ant-typography {
  margin: 0;
}

.ocmsolution-tool-header-main {
  background: transparent !important;
  margin-top: -40px;
  width: 100%;
}

.ocmsolution-page-header-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.page-header-style.marginTop10 {
  margin-top: 10px;
}

.page-header-style.marginTop20 {
  margin-top: 20px;
}

.page-header-style.marginBottom20 {
  margin-bottom: 20px;
}

.margin-top-30 {
  margin-bottom: 30px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-30 {
  margin-bottom: 20px;
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

.page-header-style .ant-page-header-content {
  font-size: 34px;
  font-weight: 600;
}

.ocmsolution-page-header-main:not(.ocmsolution-tool-header-main) .ant-page-header-content {
  border-bottom: 4px solid rgb(0, 176, 240);
  font-size: 26px !important;
}

.width100 {
  width: 100%;
}

.height100 {
  height: 100% !important;
}

.piechartDiv {
  height: 90%;
}

.height-auto {
  height: auto !important;
}

.width60 {
  width: 60%;
  display: flex;
}

.header-category-resource {
  padding-top: 20px;
  margin-bottom: 0px;
  text-align: center;
  align-self: center;
  font:
    700 24px Inter,
    sans-serif;
}

.ocmModalContent {
  width: 100%;
}

.ocmModalContent .ant-row {
  width: 100%;
}

.ocmModalContent .ant-flex:not(.InputContainer):not(.viewBy) {
  width: 100%;
}

.ocmModalContent .ant-flex.viewBy {
  width: 250px;
}

.marginBottom20 {
  margin-bottom: 20px;
}

.select-all-section {
  padding: 8px 12px;
  background-color: #f7f7f7;
}

.buttonFormat {
  font-size: 20px;
  padding: 5px 46px 5px 46px;
  line-height: 50px;
  border-radius: 15px;
  height: auto;
}

.displayFlex {
  display: flex !important;
}

.hoverParagraph {
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  padding: 11px 10px 12px 10px;
  margin-bottom: 0px !important;
  border-radius: 0px !important;
}

.duration-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:last-child .hoverParagraph {
  border-bottom: 0 solid #ccc;
}

.hoverParagraph:hover {
  color: #ffffff;
}

.height100-vh {
  height: 100vh;
}

.white {
  background-color: white;
}

.full-width {
  width: 100% !important;
}

.text-center {
  text-align: center;
}

.flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-box-start {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.flex-box .ant-radio-wrapper{
  margin-right: 0;
}

.fontSize24 {
  font-size: 24px;
}

.fontWeight400 {
  font-weight: 400;
}

.fontWeight500 {
  font-weight: 500;
}

.fontWeight600 {
  font-weight: 600;
}

.fontWeight700 {
  font-weight: 600;
}

.fontWeight-bold {
  font-weight: bold;
}

.cursor-pointer {
  cursor: pointer;
}

.tool-links {
  position: relative;
  z-index: 99999;
}

.resource-search-wrapper {
  width: 100%;
}

@media (max-width: 991px) {
  .resource-search-wrapper {
    white-space: normal;
    white-space: initial;
  }
}

.reports-filter .ant-select-selection-placeholder {
  left: 36px !important;
}

.submit-button-design .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.submit-button-design .ant-form-item-control-input-content button {
  padding: 10px 40px;
}

.submit-button-design .ant-form-item-control-input-content .ant-btn-loading-icon {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cadenceDropdown .rc-virtual-list {
  width: 100%;
}

.channelDropdown .rc-virtual-list {
  width: 100%;
}

.mapping-modal .ant-modal-footer {
  border-top: 1px solid #efefef;
  padding-top: 20px;
}

.mapping-modal .ant-modal-footer .ant-btn-default {
  background: rgb(176, 176, 176);
  color: #fff;
  border-color: transparent;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  display: flex;
  padding: 3px 20px;
}

.mapping-modal .ant-modal-footer .ant-btn-default:hover {
  background: rgb(146, 146, 146);
  color: #fff;
  border-color: transparent;
}

.mapping-modal .ant-modal-footer .ant-btn-primary {
  background: rgb(0, 176, 240);
  color: #fff;
  border-color: transparent;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  display: flex;
  padding: 3px 40px;
}

.key-value-pair{
  margin-bottom: 40px !important;
}

.fontawesome-tool-icon {
  font-size: 26px;
  --fa-primary-color: #BFBFBF;
  --fa-secondary-color: #BFBFBF;
  cursor: pointer;
  margin-right: 20px;
}

.tool-hidden {
  font-family: Inter, sans-serif;
  line-height: 19.36px;
  color: #404040;
  font-size: 16px;
  font-weight: 400;
}

.tool-hidden .link {
  cursor: pointer;
  text-decoration: underline;
  font-family: Inter, sans-serif;
  line-height: 19.36px;
  color: #43AFE8;
  font-size: 16px;
  font-weight: 700;
}

.link-tool {
  cursor: pointer;
  text-decoration: underline;
  font-family: Inter, sans-serif;
  line-height: 19.36px;
  color: #43AFE8;
  font-size: 16px;
  font-weight: 700;
}

.view-hidden-tools {
  cursor: pointer;
  text-decoration: underline;
  font-family: Inter, sans-serif;
  line-height: 19.36px;
  color: 'rgba(0, 0, 0, 0.8)';
  font-size: 15px;
  /* font-weight: 700; */
  margin-left: 10px;
  margin-bottom: 20px;
  display: flex;
}

/* General container styles */
.impact-container {
  position: relative;
}

.impact-container > div {
  position: absolute;
  top: -90px;
}

/* Header tool styles */
.impact-container .header-tool {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.impact-container .header-tool h1 {
  font-size: 22px;
  font-weight: 400;
  color: #000 !important;
  margin: 0;
}

.impact-container .header-tool p {
  text-decoration: underline;
  font-size: 22px;
  font-weight: 400;
  color: #7ac6ff;
  margin: 0;
  cursor: pointer;
}

form#register {
  width: 100%;
}

.direction-column {
  flex-direction: column;
}

.display-flex {
  display: flex;
}

.ant-cascader-menus {
  width: 100%;
}

.UserStyle {
  width: 100%;
  max-width: 100vw;
}

.UserStyle .ant-spin-nested-loading {
  width: 100%;
  max-width: 100vw;
}

.UserStyle .ant-spin-container{
  width: 100%;
  max-width: 100vw;
}

.UserStyle .ant-spin-nested-loading .ant-spin-blur .ant-table-wrapper .ant-table-body{
  overflow: hidden !important;
}

.UserStyle .ant-spin{
  width: 100%;
  max-width: 100vw;
}

.editPanel .ant-typography {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.project-grant-chart .gantt-tree-icon {
  display: none !important;
}

.project-grant-chart .gantt-tree-list-item {
  padding-left: 20px !important;
}

.add-communication .ant-modal-body {
  display: flex;
}

.target-audience-panel .ant-dropdown-menu-item:not(:last-child) {
  border-bottom: 1px solid #eee;
  text-align: center;
  padding: 5px;
  border-radius: 0;
}

.target-audience-panel .ant-dropdown-menu-item .ant-dropdown-menu-title-content {
  display: flex;
  width: 100%;
}

.target-audience-panel .ant-dropdown-menu-item .ant-dropdown-menu-title-content div{
  width: 100%;
  background-color: transparent;
}

.target-audience-panel .ant-dropdown-menu-item .ant-dropdown-menu-title-content div:hover{
  background-color: transparent;
}

.target-audience-panel .ant-dropdown-menu-item:last-child {
  border-bottom: 0px solid #eee;
}

.select-type-ta .ant-select-selector,
.field-type .ant-select-selector {
  min-height: auto !important;
  height: 28px !important;
}

.training-course .ant-checkbox-group .ant-checkbox-wrappe{
  padding: 10px 0 !important;
}

.training-course .ant-checkbox-group .ant-checkbox-wrapper span .ant-flex{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.display-inline-block {
  display: inline-block;
}
.hide {
  display: none !important;
}

.ant-modal-content #Training_Timeline .weekly-monthly-panel {
  top: 130px !important;
  right: 80px !important
}

.project-grant-chart .gantt-bars-row-item-bar {
  background-color: #38AAFF !important;
}

.communication-radio .ant-radio {
  min-height: 45px;
}

.padding15 .ant-radio{
  padding-top: 13px;
}

.risk_status_readiness_go_live .ant-radio-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 33% !important;
}

.risk_assessment_readiness_go_live,
.risk_status_readiness_go_live {
  display: flex;
  flex-direction: row;
  max-width: 400px !important;
  padding: 0;
  margin: 0;
}

.risk_assessment_readiness_go_live .ant-typography{
  width: 33%;
  font-size: 16px;
}

.ant-btn-ocm-default-feedback {
  background: #5FAEF0 !important;
  color: #fff !important;
  border-color: transparent !important;
  font-weight: 600;
  font-size: 20px;
  height: auto;
  border-radius: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  min-width: 140px;
}

.ant-btn-ocm-default-feedback:hover {
  background: #5FAEF0 !important;
  color: #fff !important;
}

.CalendarTraining .ant-select-selector {
  height: 24px !important;
}

.start-panel {
  align-items: flex-start;
  justify-content: flex-start;
}


.checklist-placeholder, .snapshot-placeholder {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.checklist-placeholder .ant-card,
.snapshot-placeholder .ant-card {
  height: 100%; /* Ensures equal card height */
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centers content vertically */
}

.ant-btn-default:disabled {
  background-color: #FFFFFF;
  pointer-events: none;
}

.ant-slider-disabled {
  pointer-events: none;
}

:focus {
  outline: 0px !important;
}

.ant-radio-wrapper-disabled {
  pointer-events: none;
}

.ant-radio-wrapper-disabled:not(.ant-radio-wrapper-checked) .ant-radio-inner{
  background-color: #CCCCCC !important;
  border: 1px solid #666666;
  pointer-events: none;
}

.RadioPanelStyleTraining .ant-radio-wrapper-disabled:not(.ant-radio-wrapper-checked) .ant-radio-inner{
  background-color: #EEEEEE !important;
  border: 1px solid #666666;
  pointer-events: none;
}

.ant-checkbox-wrapper-disabled span {
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  line-height: 1.5714285714285714;
  list-style: none;
  font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
}

.disabled-checked .submit-answer:not(.active){
  background-color: #EEEEEE !important;
  border: 1px solid #666666 !important;
  pointer-events: none;
}

.ant-input:disabled {
  background-color: #EFEFEF !important;
  pointer-events: none;
}

.tox-tinymce--disabled {
  background-color: #EFEFEF !important;
  pointer-events: none;
}

.ant-select-disabled .ant-select-selector{
  background-color: #EFEFEF !important;
  pointer-events: none;
}

.ant-picker-disabled{
  background-color: #eee !important;
}

.ant-checkbox-wrapper-disabled, 
.ant-cascader-menu-item-disabled, 
.ant-picker-disabled, 
.ant-input-disabled {
  pointer-events: none;
}

.container-form-report-description {
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 20px;
}

.styled-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 10;
}

.styled-checkbox-group .ant-checkbox-wrapper{
  padding: 10px 0;
}

.styled-checkbox-group .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #7AC6FF !important;
  border-radius: 5px !important;
  border-color: #7AC6FF !important; 
}

.styled-checkbox-group .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #fff; /* This is for the checkmark color */
}

.report-checkbox .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #7AC6FF !important;
  border-radius: 5px !important;
  border-color: #7AC6FF !important; 
}

.report-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #fff; /* This is for the checkmark color */
}

.user-unusedPanel .ant-space-item {
  max-height: 0;
  margin-bottom: 0;
}

.ChangeRiskAssessment .ant-tabs-nav-operations {
  display: none !important;
}

.consumed_licenses .ant-alert {
  width: 100% !important;
}

.checklist-selectAll .ant-checkbox .ant-checkbox-inner {
  width: 30px !important;
  height: 30px !important;
}

.checklist-selectAll .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  width: 16px !important;
  height: 16px !important;
  margin-top: 1% !important;
}

.ant-menu-item .ant-menu-title-content a {
  padding: 10px 0px 0 0 !important;
}

.ant-menu-item  {
  padding-bottom: 12px !important
}
textarea.ant-input.survey-textarea {
  width: 100%;
  height: 150px;
  border: 2px solid #5dd3ff;
  border-radius: 4px;
  padding: 8px;
  font-size: 16px;
  resize: none;
}

.template-header {
  background: #5dd3ff;
  padding: 20px 0 20px 0;
  min-height: 180px;
}

.survey-select {
  width: 300px;
}

.survey-select .ant-select-selector {
  border: solid 2px #a6a6a6 !important;
}

.survey-custom-radio-group .ant-radio-button-wrapper:hover {
  background-color: #5dd3ff;
  border-color: #5dd3ff;
  color: white;
}

.survey-custom-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
  background-color: #5dd3ff;
  border-color: #5dd3ff;
  color: white;
}

.survey-custom-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:hover {
  background-color: #5dd3ff;
  border-color: #5dd3ff;
  color: white;
}

.survey-custom-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:first-child {
  border-color: #5dd3ff;
}

.survey-custom-radio-group .ant-radio-button-wrapper:not(.ant-radio-button-wrapper-disabled):first-child {
  border-right-color: #5dd3ff;
}

.star-radio-group-container {
  width: -moz-fit-content;
  width: fit-content;
}

.survey-star-radio-group .star_icon {
  border: 1.5px solid black;
  border-right-width: 0.5px;
  margin: 0;
  padding: 5px;
}

.survey-star-radio-group .star_icon .ant-radio.ant-wave-target {
  display: none;
}

.survey-star-radio-group .star_icon:last-child {
  border-right-width: 1.5px;
}

.star-radio-group-title {
  font-size: 18px;
  text-align: center;
  margin: 0;
  border: 1.5px solid black;
  border-bottom-width: 0;
  padding: 3px;
  margin-top: 20px;
  background: #d9e2f1;
}

.survey-custom-input {
  appearance: none;
  background-color: white;
  background-color: var(--form-background, white); /* Default white if variable not defined */
  margin: 0;
  font: inherit;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid #5dd3ff;
  border-radius: 1.15em !important;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
  cursor: pointer;
}

.survey-custom-input:hover,
.survey-custom-input:focus, 
.survey-custom-input:focus-visible, 
.survey-custom-input:focus-within, 
.survey-custom-input:active {
  border: 0.15em solid #4bc9f7;
}

.survey-custom-input:checked::before {
  transform: scale(1);
}

.survey-custom-input:disabled {
  color: #959495;
  color: var(--form-control-disabled, #959495); /* Default gray if variable not defined */
  cursor: not-allowed;
}

.survey-custom-input::before {
  content: '';
  width: 0.45em;
  height: 0.45em;
  border-radius: 50%; /* Circle shape */
  transform: scale(0);
  transform-origin: center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #5dd3ff;
  box-shadow: inset 1em 1em var(--form-control-color, #5dd3ff); /* Default black shadow if variable not defined */
  background-color: #5dd3ff;
}

.survey-label {
  font-family: system-ui, sans-serif;
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  grid-gap: 0.5em;
  gap: 0.5em;
}

.survey-template-form {
  border: solid 1px;
  border-radius: 10px;
  width: 992px;
  background-color: white;
  overflow: auto;
}

.survey-template-header {
  background-color: #5dd3ff;
  padding: 20px 0 20px 0;
}
.question-component-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.question-line-divider {
  flex: 1 1;
  min-width: 250px;
  margin: 0 !important;
}

.survey-custom-question-radio-group {
  display: flex;
  flex-wrap: wrap; /* Ensures options wrap to the next line if needed */
  gap: 16px; /* Add spacing between buttons */
  border:medium none currentColor;
  border:initial
}

.survey-custom-question-radio-group .ant-radio-button-wrapper {
  padding: 2px 8%; /* Add space inside each button */
  border-radius: 8px; /* Rounded corners for buttons */
  margin: 0; /* Override any default margin */
  background-color: #F2F2F2;

}

.survey-custom-question-radio-group .ant-radio-button-wrapper-checked {
  background-color: #7AC6FF; /* Green background for selected option */
  color: white; /* White text for better readability */
  border-color: #7AC6FF; /* Match border color to background */
}

.survey-custom-question-radio-group .ant-radio-button-wrapper:hover {
  background-color: #5dd3ff; /* Light green on hover */
  border-color: #5dd3ff; /* Consistent border color */
  color:white
}
.survey-custom-question-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
  display: none !important; /* Hides the default separator */
}

.survey-dashboard-page {
  background-color: #f8fbfe;
  padding: 20px 10px;
  width: 100%;
}

.survey-dashboard-page > h2 {
  text-align: center;
}

.survey-dashboard-page .ant-tabs-nav::before {
  border: none;
}

.survey-dashboard-page .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  gap: 10px;
}

.survey-dashboard-page .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  border-radius: 100px;
  padding: 8px 25px 6px;
  background: #fff;
  border: 1px solid #8e8e8e;
}

.survey-dashboard-page .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  color: #8e8e8e;
}

.survey-dashboard-page .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active {
  background: #39aaff;
  border: 1px solid #39aaff;
}

.survey-dashboard-page .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #fff;
}

.survey-dashboard-page .viewAllTemplates {
  text-align: right;
  text-decoration: underline;
  padding-bottom: 3px;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  cursor: pointer;
}


.no-survey-container {
  height: 100vh;
  position: relative;
}

.no-survey-container h1 {
  font-size: 45px;
  margin-top: 10px;
}

.no-survey-container svg {
  font-size: 30rem;
  color: gray;
}