:root {
  --color-action: #945e00;
  --color-action-hover: #aa6b00;
  --color-action-inverted: #d99b00;
  --color-primary: #00b3fd;
  --color-primary-hover: #0097d6;
  --color-secondary: #e61616;
  --color-bg-button: rgb(244 244 244);
  --color-bg-button-hover: rgb(230 229 229);
  --color-darkest: #343434;
  --color-darker: #808080;
  --color-dark: #c0c0c0;
  --color-light: #dcdcdc;
  --color-lightest: #f3f5f7;
  --color-border-solid: #e7e7e7;
  --color-border-dashed: #ccc;
  --color-inverted-jade: #30ff00;
  --color-jade: #00a86b;
  --color-inverted-aureolin: #fdee00;
  --color-aureolin: #ffe600;
  --color-inverted-cadmium-red: #e30022;
  --color-cadmium-red: #ff3232;
  --color-inverted-deepskyblue: #00bfff;
  --color-deepskyblue: #5ff2ff;
  --color-inverted-eminence: #6c3082;
  --color-eminence: #f47bff;
  --color-inverted-goldenrod: #daa520;
  --color-goldenrod: #ffa200;
  --color-inverted-jet: #343434;
  --color-jet: #999;
  --color-inverted-nickel: #bdbaae;
  --color-nickel: #ccc;
  --color-inverted-platinum: #e5e4e2;
  --color-platinum: #f2f2f2;

  --input-inset-shadow: inset 0.625rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
  --input-inset-shadow-hover: inset 0.75rem 0 0.625rem -0.625rem rgba(0, 0, 0, 0.35);
}

.RadForm > body,
html#cm-bizpro-wrapper > body {
  background-color: #343434;
}

/* to fix issues with wide rad grids, that takes up more space than the page */
html#cm-bizpro-wrapper > body {
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-size: 14px;
}

body,
body button,
body input,
body optgroup,
body select,
body textarea {
  font-family: "Source Sans Pro", Arial, sans-serif !important;
}

body button {
  border: 0;
  outline: 0;
  background: none;
  padding: 0;
  font-size: 14px;
  text-align: center;
  color: var(--color-action);
}

body a {
  color: var(--color-action);
}
body a[target="_blank"],
body a[onclick],
body .rbIconOnly {
  position: relative;
  top: 0;
  transition: top 0.15s ease-in-out;
}
body a[target="_blank"]:hover,
body a[onclick]:hover,
body .rbIconOnly:hover {
  top: 2px;
}
body [disabled="disabled"] {
  pointer-events: none;
  opacity: 0.5 !important;
  cursor: not-allowed;
}
body [disabled="disabled"] * {
  opacity: 1 !important;
}
body input[readonly="readonly"],
body textarea[readonly="readonly"] {
  opacity: 0.5;
}
body input[readonly="readonly"]:hover,
body textarea[readonly="readonly"]:hover {
  box-shadow: none !important;
}

/* Reusable classes */

body .text-right {
  text-align: right;
}

body .text-center {
  text-align: center;
}

body .text-left {
  text-align: left;
}

/* Keyframes */

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Base layout (Sidebar + Main content) */

body #outer {
  border-radius: 0.35rem;
  background-color: #fff;
}
body #outer #contain-all {
  padding: 1.5rem 1rem !important;
}
#contain-all > table > tbody {
  display: block;
}
#contain-all > table {
  display: block;
}
#contain-all > table > tbody > tr {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
#contain-all > table > tbody > tr > td {
  padding: 0;
  display: block;
}
#contain-all > table > tbody > tr > td:first-child {
  width: calc(20% - 1.5rem) !important;
}
#contain-all
  > table
  > tbody
  > tr
  > td:first-child
  span.RadButton_Bootstrap.rbLinkButton {
  border: 0;
  background-color: var(--color-bg-button);
  color: var(--color-action);
  line-height: normal;
  border-radius: 0.5rem;
  min-height: auto;
  padding: 0.5rem 1rem;
  font-size: 14px;
  transition: all 0.25s ease-in-out;
  width: 100%;
  text-align: left;
}
#contain-all
  > table
  > tbody
  > tr
  > td:first-child
  span.RadButton_Bootstrap.rbLinkButton:hover {
  background-color: #e5e5e5;
  color: var(--color-action);
  box-shadow: none;
}
#contain-all
  > table
  > tbody
  > tr
  > td:first-child
  span.RadButton_Bootstrap.rbLinkButton
  .rbText {
  vertical-align: middle;
  line-height: normal;
  white-space: normal;
  word-break: break-word;
}
#contain-all > table > tbody > tr > td:last-child {
  width: 80%;
  padding: 0 0.25rem 0.25rem 0;
}
#contain-all > table > tbody > tr > td:last-child [id$="_gridTasksPanel"],
#contain-all > table > tbody > tr > td .RadGrid_Bootstrap {
  overflow-x: scroll;
  width: auto !important;
  max-width: 85vw;
}

#contain-all .rgMasterTable {
  max-width: 100vw;
}