html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--primary-font-family) !important;
}

.CwNotification-wrap {
  border-radius: 0 !important;
  border-style: unset !important;
  font-weight: 500;

}

.CwNotification-warning {
    border-bottom: 4px solid var(--warning-500) !important;
    fill: var(--warning-500) !important;
    background-color: var(--warning-50) !important;
}

.CwNotification-successful {
    border-bottom: 4px solid var(--success-500) !important;
    fill: var(--success-500) !important;
    background-color: var(--success-50) !important; 
}

.CwNotification-error {
    border-bottom: 4px solid var(--danger-500) !important;
    fill:var(--danger-500) !important;
    background-color: var(--danger-50) !important;
}

.CwNotification-informational {
    border-bottom: 4px solid var(--primary-500) !important;
    fill:var(--primary-500) !important;
    background-color: var(--primary-50) !important;
}


.Pagination-selected{
  background-color: var(--primary-500) !important;
}

.Pagination-pageBookmark:hover{
  background-color: var(--primary-400) !important;
}

.CwTabItem-selectedTab {
  border-bottom-color: var(--theme-color-primary) !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #B0B0B0;
  border-radius: 10px;
}

.spin {
  display: inline-block;
  /* for Chrome */
  -webkit-animation: spin 1000ms ease-in-out infinite;
  -moz-animation: spin 1000ms ease-in-out infinite;
  animation: spin 1000ms ease-in-out infinite;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(1080deg);
  }
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(1080deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}