button span svg {
  font-size: 15px;
}

.ant-layout{
  background: #fff !important;
}

.ant-layout-header {
  padding: 0 25px !important;
}

.site-layout-content {
    min-height: 280px;
    padding: 24px;
    background: #fff;
}

.logo {
    float: left;
    width: 40px;
    height: 31px;
    margin: 16px 12px 16px 0;
    background-image: url('../images/RF1-Logo.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;    
}

.header-right {
  float: right;
  width: 30px;
  height: 31px;
}

.header-profile-button {
  margin-right: 5px;
  border-radius: 10px;
}

.ant-row-rtl .logo {
    float: right;
    margin: 16px 0 16px 24px;
}

[data-theme="dark"] .site-layout-content {
    background: #141414;
}

.ant-layout-header {
  background: rgb(36, 36, 36) !important;
  color: white !important;
}

.ant-layout-footer {
  background: #232e3a !important;
  color: white !important;
  text-align: center;
  padding: 0px !important;
}

.main-menu {
  background: #404464 !important;
  justify-content: center !important;
  font-size: 15px !important;
}

.ant-menu-sub {
  background: #22273b !important;
  font-size: 15px !important;
}

.main-menu .ant-menu-item {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}

.main-menu .ant-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.individual-page-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  scrollbar-width: none;
  overflow-y: auto;
}

.individual-page {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto;
  scrollbar-width: none;
  /*display: flex;*/
  justify-content: center;
  /*min-width: min-content;*/
  background: #f0f2f5;
}

/*  A card heading is a title and a note side by side - "REQUEST STATUS" with
    "No notification sent to attorney" beside it - and Ant Design holds both on
    one line that never wraps. In a narrow window the note ran off the right of
    the card and was cut off by the page edge. Letting the heading wrap puts the
    note on a second line instead of off the screen. */
.individual-page .ant-card-head-wrapper {
  flex-wrap: wrap;
}

.individual-page .ant-card-head-title {
  white-space: normal;
}

.individual-page-header {
  background: rgb(255, 255, 255) !important;
  color: black !important;
  width: 100%;
  padding: 5px 24px !important;
  margin: 0 !important;
}


.backup-status table tbody tr td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

table.backup-status-30day {
  border-spacing: 1px !important;
}


table.backup-status-30day tbody tr td {
  border-radius: 3px;
}

/*  Ant Design gives the column beside the menu `width: 0`, so that it starts
    from nothing and grows into whatever room the menu leaves. Overriding that
    with `width: unset` alone let the column size itself to its widest child
    instead - and a flex item will not shrink below its content unless it is
    told it may. The request screen's PAID STATUS table is ten columns wide, so
    the whole page grew to about 2,000px and ran off the right of a 1,280px
    window, behind `#app`'s hidden overflow: no scrollbar to bring it back, and
    tabbing into a field out there scrolled the menu and the labels off the
    left. min-width: 0 is the permission to shrink; the wide tables then scroll
    inside their own cards, which is what their scroll={{ x: 'max-content' }}
    was always for. */
.ant-layout.ant-layout-has-sider > .ant-layout, .ant-layout.ant-layout-has-sider > .ant-layout-content {
  width: unset !important;
  min-width: 0;
}

.login-title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-wrapper {
  background-color: #404464;
  height: 100%;
  flex: 1;
}

.login-panel-subtitle {
  color: rgb(0, 0, 0);
  font-size: 15px;
  font-weight: 600;
}

.login-button {
  background-color: rgb(33, 150, 243) !important;
  color: white !important;
}

.login-form-container {
  background: white;
  padding: 25px;
  max-width: 350px;
  margin: auto;
  border: 1px solid #ebedf0;
  width: 100%;
  border-radius: 5px;
}

.ant-tabs:not(.assets-movements-report-tabs, .medical-tabs) > .ant-tabs-nav .ant-tabs-nav-wrap, .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-wrap {
  background-color: rgb(189, 189, 189);
  padding-top: 5px;
  padding-left: 5px;
  border-radius: 3px;
}

tr.table-row-color-two td {
  background-color: #ebf2fa;
}

td.ant-table-cell-row-hover {
  background-color: #efefef !important;
}

.surveyQuestion {
  font-weight: bold;
}

.ant-table-row .draggable {
  cursor: move;
  cursor: grab;
  font-size: 1.2rem;
  transform: rotate(90deg);
}

.parent-row {
  background-color: #f0f0f0;
}

.gu-mirror {
  cursor: grabbing;
}

.gu-mirror .surveyRow {
  display: none;
}

.emoji1 {
  width: 70px;
  height: 70px;
  background: url('../images/SurveySprite.png') 0 0;
}

.emoji2 {
  width: 70px;
  height: 70px;
  background: url('../images/SurveySprite.png') -70px 0;
}

.emoji3 {
  width: 70px;
  height: 70px;
  background: url('../images/SurveySprite.png') -140px 0;
}

.emoji4 {
  width: 70px;
  height: 70px;
  background: url('../images/SurveySprite.png') -210px 0;
}

.emoji5 {
  width: 70px;
  height: 70px;
  background: url('../images/SurveySprite.png') -280px 0;
}

.ant-radio-button-wrapper {
  height: auto !important;
}

.ant-form-item {
  margin-bottom: 10px !important;
}

.mc-descriptions-bordered {
  width: 100%;
}

.mc-descriptions-bordered table {
    table-layout: auto;
    width: 100%;
}

.mc-descriptions-bordered .mc-descriptions-row {
    border-bottom: 1px solid #f0f0f0;
}

.mc-descriptions-bordered .mc-descriptions-item-label {
    background-color: #fafafa;
    text-align: right;
}

.mc-descriptions-bordered .mc-descriptions-item-label, .mc-descriptions-bordered .mc-descriptions-item-content {
    padding: 5px 5px;
    border: 1px solid #f0f0f0;
}

.mc-descriptions-row > th, .mc-descriptions-row > td {
    padding-bottom: 16px;
}

.mc-descriptions-item-label {
    color: rgba(0, 0, 0, 0.85);
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5715;
    text-align: start;
}

/*
.mc-descriptions-bordered .mc-descriptions-item-label:last-child, .mc-descriptions-bordered .mc-descriptions-item-content:last-child {
    border-right: none;
}
*/

.mc-descriptions-item-content, .mc-descriptions-heading {
    display: table-cell;
    flex: 1;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
    line-height: 1.5715;
    word-break: break-word;
    overflow-wrap: break-word;
}

.mc-descriptions-bordered .mc-descriptions-heading {
  border-left: 0px;
  border-right: 0px;
  padding-bottom: 0px;
  padding-top: 10px;
}

/* ---------------------------------------------------- Font Family ---------------------------------------------------- */
/* latin-ext */
/* 
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
    url('../fonts/SourceSansPro-Regular-LatinExt.woff2')
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
 */
/* latin */
/* 
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
    url('../fonts/SourceSansPro-Regular-Latin.woff2')
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
 */


/* Spreadsheet yellow separator row */
.case-separator-row td {
    border-top: 3px solid #ffeb3b !important;
}


/* Affiliates table zebra striping */
.ant-table-tbody > tr:nth-child(even) {
    background-color: #f9f9f9;
}

.ant-table-tbody > tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Override hover to maintain zebra striping */
.ant-table-tbody > tr:nth-child(even):hover > td {
    background-color: #efefef !important;
}

.ant-table-tbody > tr:nth-child(odd):hover > td {
    background-color: #efefef !important;
}

/* Animation for unread logs pulse */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animation-pulse {
    animation: pulse 1.5s ease-in-out infinite;
}

/*  Below this width the rail and the request it selects cannot both be useful
    side by side, so the rail sits above the request instead. */
@media (max-width: 980px) {
    .editcase-workspace-grid {
        grid-template-columns: 1fr !important;
        padding: 16px !important;
    }
}