/* Colors */
/* Brand colors */
/* Body */
/* Typography */
/* Text */
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Black.ttf?eef1ff812c4eced3a276a2715bc62c4a) format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-BlackItalic.ttf?857c98c33df8890eac427ded1ca42595) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Bold.ttf?d1a96e2aa6257c864d4d879dfb52fd0c) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-BoldItalic.ttf?e2ef1acbb9ab93ce98b8cf1cb02637be) format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-ExtraBold.ttf?ac7bcb8a0f4abc1d6591019579a44ebd) format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-ExtraBoldItalic.ttf?30ea3947671db8e1002415e4dd905f6d) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-ExtraLight.ttf?18e9b7b36143a965037ef79bbc403cac) format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-ExtraLightItalic.ttf?9f61862a0e8f794958733d6cc1d43129) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Italic.ttf?2a3303d3281dbe80bec62315ef46afd1) format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Light.ttf?f25e9b3a1fc8e48e53f51de9838c95fa) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-LightItalic.ttf?04bed71308566e7d760482f89baccc0b) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Medium.ttf?1af9f1e9f3fd4766df83e545c2f6fcdb) format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-MediumItalic.ttf?cf1d3f47d61665cd89f6bf3bde5af40c) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Regular.ttf?9ade142e81dd8d55cd3265c1529bef5e) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-SemiBold.ttf?243af299ad3631bfc36924b497f3831f) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-SemiBoldItalic.ttf?3341b121b13fa2052f8ccb70323f774d) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-Thin.ttf?537e4a263280ac058bf9eadf546092d0) format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Raleway";
  src: local("Raleway"), url(/fonts/Raleway-ThinItalic.ttf?9e9f8b9cc86eab51a93513f3a9c643f6) format("truetype");
  font-weight: 100;
  font-style: italic;
}
body {
  font-family: Raleway, Roboto, Helvetica, Arial, sans-serif;
  font-feature-settings: "lnum";
}

/* ==========================================================================
   Main layout
   ========================================================================== */
html {
  background-color: #EFEFEF;
}

/***** Login *****/
.login-container {
  min-height: 100vh;
  text-align: center;
  background-color: #337AB7;
}
.login-container::before {
  content: "";
  height: 100vh;
  vertical-align: middle;
  display: inline-block;
}
.login-container .login-content {
  max-width: 31rem;
  padding: 1rem 0;
  width: 70%;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
}
.login-container .login-content .login-form {
  padding: 0.5rem 1rem;
  color: #FFFFFF;
  background: #296292;
  border: 2px solid #70A2CD;
  border-radius: 0.25rem;
}
.login-container .login-content .login-form .logo {
  margin: 0.5rem;
  width: 20%;
}
.login-container .login-content .login-form hr {
  margin: 0.5rem 0;
  background-color: #70A2CD;
}
.login-container .login-content .login-form .form input {
  font-size: 0.75rem;
  line-height: 1.5rem;
  padding: 0.07rem 0.5rem;
  margin-top: 1rem;
  width: 100%;
  border: none;
  border-radius: 0.25rem;
}
.login-container .login-content .login-form .login-button button {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.5rem 1rem;
  margin: 1rem 0;
  color: #337AB7;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0.25rem;
  transition: 0.1s;
}
.login-container .login-content .login-form .login-button button:hover {
  opacity: 0.75;
}
.login-container .login-content .login-form a {
  color: #FFFFFF;
}
.login-container .login-content .login-form a:hover {
  text-decoration: none;
  opacity: 0.75;
}
.login-container .login-content .login-form p {
  font-size: 0.75rem;
}

/***** Wrapper *****/
.main-wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
}
.main-wrapper .content-wrapper {
  background-color: #EFEFEF;
  z-index: 800;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-top: 3rem;
}
.main-wrapper .content-wrapper p, .main-wrapper .content-wrapper li {
  font-size: 0.75rem;
}
.main-wrapper .content-wrapper .title {
  left: 0;
  position: fixed;
  width: 100%;
  padding: 0.45rem 1rem 0.45rem 1rem;
  z-index: 800;
  background-color: #EFEFEF;
  border-bottom: 1px solid #C0C0C0;
}
.main-wrapper .content-wrapper .title h3 {
  color: #616161;
}
.main-wrapper .content-wrapper .title div {
  line-height: 2;
}
.main-wrapper .content-wrapper .title .favourite-star {
  margin-right: 0;
}
.main-wrapper .content-wrapper .title .favourite-star .el-checkbox__input {
  display: none;
}
.main-wrapper .content-wrapper .title .favourite-star .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #CCA43D;
}
.main-wrapper .content-wrapper .title .favourite-star .el-checkbox__label {
  font-size: 1.5rem;
}
.main-wrapper .content-wrapper .title .hidden-from-mi .el-checkbox__input {
  display: none;
}
.main-wrapper .content-wrapper .title .hidden-from-mi .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #F56C6C;
}
.main-wrapper .content-wrapper .title .hidden-from-mi .el-checkbox__label {
  font-size: 1.5rem;
}
.main-wrapper .content-wrapper .container-with-title-only {
  padding: 3.5rem 1rem 1rem 1rem;
}
.main-wrapper .content-wrapper .container-with-title-only div[role=toolbar] {
  padding: 0.5rem 0 0.5rem 0;
}
.main-wrapper .content-wrapper .container-with-title-only > .el-card:first-child .el-card__body {
  background-color: #EFEFEF;
}
.main-wrapper .content-wrapper .container-with-title-only > .el-card:first-child .el-card__body .el-card .el-card__body {
  background-color: #FFFFFF;
}
.main-wrapper .content-wrapper .with-status-bar {
  margin-bottom: 1.5rem;
}
.main-wrapper .content-wrapper .with-status-bar.full-page-with-inner-card {
  margin-bottom: 2rem;
}
.main-wrapper .content-wrapper footer.nav-bar {
  bottom: 1.5rem;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  background-color: #70A2CD;
}
.main-wrapper .content-wrapper footer.status-bar {
  bottom: 0;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  background-color: #7A7A7A;
}
.main-wrapper .content-wrapper footer.status-bar div {
  display: inline-block;
}
.main-wrapper .content-wrapper footer.status-bar div#individual-statuses {
  float: right;
}
.main-wrapper .content-wrapper footer.status-bar div#individual-statuses #indemnity-status:hover, .main-wrapper .content-wrapper footer.status-bar div#individual-statuses #validation-status:hover, .main-wrapper .content-wrapper footer.status-bar div#individual-statuses #claim-status:hover {
  cursor: pointer;
}
.main-wrapper .content-wrapper footer.status-bar div p {
  font-size: 0.9em;
  color: #FFFFFF;
}
.main-wrapper .content-wrapper footer.status-bar div i {
  line-height: 1.5rem;
  color: #FFFFFF;
}

/***** Main header *****/
.el-menu--horizontal.el-menu.menu-1 {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  height: 3rem;
  z-index: 800;
}
.el-menu--horizontal.el-menu.menu-1.el-menu.development {
  background-color: #38C172;
}
.el-menu--horizontal.el-menu.menu-1.el-menu.staging {
  background-color: #F6993F;
}
.el-menu--horizontal.el-menu.menu-1.el-menu.production {
  background-color: #337AB7;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item:not(.is-disabled):hover {
  background-color: transparent;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item a {
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item a:hover {
  color: #CCCCD1;
  text-decoration: none;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item a.product-title {
  font-size: 1.85em;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item a.product-title img.logo {
  height: 2.7rem;
  margin-bottom: 0.3rem;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item a.product-title img.logo:hover {
  filter: brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(0%) hue-rotate(324deg) brightness(91%) contrast(99%);
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item.is-active {
  border-bottom: none;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item.is-disabled {
  cursor: default;
  opacity: 1;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item.is-disabled p {
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item.is-disabled p.product-title {
  font-size: 1.85em;
}
.el-menu--horizontal.el-menu.menu-1.el-menu .el-menu-item.is-disabled p.product-title img.logo {
  height: 2.7rem;
  margin-bottom: 0.3rem;
}
.el-menu--horizontal.el-menu > .el-sub-menu .el-sub-menu__title, .el-menu--horizontal.el-menu > .el-sub-menu .el-sub-menu__title > .el-sub-menu__icon-arrow {
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
}
.el-menu--horizontal.el-menu > .el-sub-menu .el-sub-menu__title:hover, .el-menu--horizontal.el-menu > .el-sub-menu .el-sub-menu__title > .el-sub-menu__icon-arrow:hover {
  background-color: transparent;
  color: #CCCCD1;
  text-decoration: none;
}
.el-menu--horizontal.el-menu > .el-sub-menu.is-active .el-sub-menu__title {
  color: #FFFFFF;
  border-bottom: none;
}
.el-menu--horizontal .el-menu.el-menu--popup {
  background-color: #337AB7;
}
.el-menu--horizontal .el-menu.el-menu--popup .development .el-menu-item {
  background-color: #38C172;
}
.el-menu--horizontal .el-menu.el-menu--popup .staging .el-menu-item {
  background-color: #F6993F;
}
.el-menu--horizontal .el-menu.el-menu--popup .production .el-menu-item {
  background-color: #337AB7;
}
.el-menu--horizontal .el-menu.el-menu--popup .el-menu-item a {
  font-size: 1.2em;
  color: #FFFFFF;
  text-decoration: none;
}
.el-menu--horizontal .el-menu.el-menu--popup .el-menu-item a:hover {
  color: #CCCCD1;
  text-decoration: none;
}

/***** Navigation *****/
.primary-tabs.el-tabs--top.el-tabs--border-card {
  padding-top: 3rem;
  border: none;
  box-shadow: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 800;
  background-color: #5C95C5;
  border-bottom: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap {
  margin-bottom: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-prev, .primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-next {
  line-height: 3rem;
  font-size: 1rem;
  color: white;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: bold;
  height: 3rem;
  padding: 0;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item a {
  display: inline-block;
  padding: 0.9rem 1.2rem;
  color: white;
  text-decoration: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #296292;
  color: #FFFFFF;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled a {
  cursor: default;
  pointer-events: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover a {
  color: #DFDFDF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__content {
  padding-top: 2.9rem;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__content .el-tab-pane:not(#pane-claim) {
  padding: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card.singular-tabs > .el-tabs__content {
  padding-top: 3.5rem;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card {
  border: none;
  box-shadow: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child {
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 800;
  background-color: #DFDFDF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__nav-wrap {
  margin-bottom: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item {
  color: #616161;
  font-size: 1rem;
  height: 3rem;
  padding: 0;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item a {
  display: inline-block;
  padding: 0.9rem 1.2rem;
  color: #616161;
  text-decoration: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item.is-active {
  background-color: #7A7A7A;
  color: #FFFFFF;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item.is-active a {
  color: #FFFFFF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item.is-disabled a {
  cursor: default;
  pointer-events: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item:not(.is-disabled):hover {
  color: #818181;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__header:first-child .el-tabs__item:not(.is-disabled):hover a {
  color: #818181;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card > .el-tabs__content {
  padding: 3.5rem 0 1rem 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .claim-tabs-container {
  position: relative;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card {
  background-color: #FFFFFF;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content {
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card:first-child:not(.sub-section) {
  border-radius: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card:first-child:not(.sub-section) > .el-card__body {
  height: calc(100vh - 297px);
  overflow: auto;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card:first-child:not(.sub-section) > .el-card__body .el-card__body {
  height: auto;
  overflow: hidden;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card .el-card__body {
  background-color: #FFFFFF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card .el-card__body .el-tabs__header {
  background-color: #FFFFFF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card .el-card__body .el-tabs__content {
  background-color: #FFFFFF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card .el-card__body p {
  font-size: 0.75rem;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card.with-inner-card {
  border-top: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card.with-inner-card .el-card__body {
  background-color: #EFEFEF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card.with-inner-card .el-card__body .el-card__body {
  background: #FFFFFF;
}
.primary-tabs.el-tabs--top.el-tabs--border-card .secondary-tabs.el-tabs--border-card .el-tabs__content .el-tabs--border-card .el-tabs__content .el-card.with-inner-card .el-row:not(:last-child) .el-card {
  margin-bottom: 0.5rem;
}
.primary-tabs.el-tabs--top.el-tabs--border-card #claim-workflow-container .el-tabs__header {
  margin: 0;
}
.primary-tabs.el-tabs--top.el-tabs--border-card #claim-workflow-container .el-tabs__header .el-tabs__nav {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E4E7ED;
}

.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
  margin-right: 0;
  background-color: #FFFFFF;
  border: none;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left {
  width: 100%;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left .el-tabs__item {
  font-size: 0.875rem;
  padding: 0;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left .el-tabs__item a {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.9rem 1.2rem;
  color: #616161;
  text-decoration: none;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left .el-tabs__item.is-active a {
  color: #FFFFFF;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left .el-tabs__item.is-disabled a {
  cursor: default;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav.is-left .el-tabs__item:not(.is-disabled):hover a {
  color: #818181;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav-prev, .el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav-next {
  height: 3rem;
  line-height: 3rem;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav-scroll {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__content {
  padding: 0;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__content .el-card .el-card__body {
  background-color: #EFEFEF;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__content .el-card .el-card__body .el-card__body {
  background-color: #FFFFFF;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  background-color: #337AB7;
}

.side-navigation {
  width: 31rem;
  position: fixed;
  z-index: 1;
  top: 16rem;
  bottom: 4rem;
  left: 0;
  overflow-x: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.side-navigation .el-card {
  border-radius: 0;
  color: #575766;
  cursor: pointer;
}
.side-navigation .el-card label {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.side-navigation .el-card:hover, .side-navigation .el-card.is-active {
  background-color: #337AB7;
  color: #FFFFFF;
}
.side-navigation .el-card:hover .el-checkbox__input.is-checked .el-checkbox__inner, .side-navigation .el-card.is-active .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.side-navigation .el-card:hover .el-checkbox__input.is-checked .el-checkbox__inner::after, .side-navigation .el-card.is-active .el-checkbox__input.is-checked .el-checkbox__inner::after {
  border-color: #337AB7;
}

.main-content {
  width: calc(100% - 511px);
  position: fixed;
  top: 16rem;
  bottom: 4rem;
  margin-left: 29.5rem;
  padding: 0 0.5rem;
  overflow-y: auto;
}
.main-content .el-card {
  border-radius: 0;
  color: #575766;
}
.main-content .el-card .el-card__body {
  font-size: 0.75rem;
}
.main-content .el-card .el-card__body a {
  color: #575766;
  text-decoration: none;
}
.main-content .el-card .el-card__body a:hover {
  color: #337AB7;
  text-decoration: none;
}

/* ==========================================================================
   Inner layout
   ========================================================================== */
/***** Card *****/
.el-card.card-with-transfer .el-transfer {
  font-size: 0.75rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel {
  width: 31rem;
  vertical-align: top;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__header {
  height: 2rem;
  background-color: #337AB7;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__header span {
  color: #FFFFFF;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__header span.el-checkbox__label {
  font-size: 0.875rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__body {
  height: 100%;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__filter {
  padding: 0.5rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__filter .el-input__inner {
  height: 1.5rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__list.is-filterable {
  height: 65vh;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__body .el-transfer-panel__empty {
  margin-bottom: 1rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer__buttons button {
  padding: 0.5rem;
}
.el-card.card-with-transfer .el-transfer .el-transfer__buttons button:nth-child(2) {
  margin-left: 0.5rem;
}
.el-card .el-card__header {
  padding: 0.5rem 1rem;
}
.el-card .el-card__header.fixed {
  position: fixed;
  width: 100%;
  z-index: 800;
}
.el-card .el-card__header h5 {
  color: #575766;
  font-size: 1rem;
  font-weight: bold;
}
.el-card .el-card__header .el-breadcrumb {
  line-height: 1.2rem;
  display: inline-block;
}
.el-card .el-card__header .el-breadcrumb span {
  font-size: 1rem;
  font-weight: bold;
}
.el-card .el-card__header .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  font-weight: bold;
}
.el-card.padded-body .el-card__body {
  padding: 0.5rem;
}

.el-card__header h1, .el-card__header h2, .el-card__header h3, .el-card__header h4, .el-card__header h5, .el-card__header h6, .el-card__header .el-breadcrumb, .el-card__header i, .d-flex h1, .d-flex h2, .d-flex h3, .d-flex h4, .d-flex h5, .d-flex h6, .d-flex .el-breadcrumb, .d-flex i {
  margin-bottom: 0;
  align-self: center;
}

.sub-section.header-with-button > .el-card__header {
  padding: 0.25rem 0.5rem;
}
.sub-section > .el-card__header {
  padding: 0.5rem 0.5rem;
}
.sub-section h6 {
  font-size: 0.875rem;
  font-weight: bold;
}

.labelled-section label, .labelled-section a {
  font-size: 0.75rem;
  margin-bottom: 0;
  text-decoration: none;
}
.labelled-section .el-form-item__label {
  font-weight: bold;
}
.labelled-section .width-80 {
  width: 80px;
  white-space: pre-wrap;
  word-break: keep-all;
}
.labelled-section .width-130 {
  width: 130px;
  white-space: pre-wrap;
  word-break: keep-all;
}
.labelled-section .width-155 {
  width: 155px;
  white-space: pre-wrap;
  word-break: keep-all;
}
.labelled-section .width-235 {
  width: 235px;
  white-space: pre-wrap;
  word-break: keep-all;
}
.labelled-section.totals {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.labelled-section.totals .el-row {
  margin: 0.5rem 1rem;
}
.labelled-section.totals .el-row.highlight-row {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/***** Tabs *****/
.el-tabs__content {
  background-color: #EFEFEF;
}

.padded-double-tabs-container > .el-tabs--border-card > .el-tabs__content > div > .el-breadcrumb {
  padding: 1rem;
}
.padded-double-tabs-container > .el-tabs--border-card > .el-tabs__content .el-card.with-breadcrumbs {
  margin: 0 1rem;
}

.el-tabs--top.el-tabs--border-card > .el-tabs__header {
  background-color: #EFEFEF;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  font-size: 1rem;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #337AB7;
  color: #FFFFFF;
}
.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active:hover {
  color: #FFFFFF;
}

.inner-tabs > .el-tabs__header {
  margin: 0;
}
.inner-tabs > .el-tabs__header .el-tabs__nav {
  background-color: #FFFFFF;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item {
  font-size: 1rem;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item a {
  display: inline-block;
  color: #616161;
  text-decoration: none;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item a.is-disabled {
  cursor: default;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
  background-color: #337AB7;
  color: #FFFFFF;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item.is-active a {
  color: #FFFFFF;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:hover {
  color: #DFDFDF;
}
.inner-tabs > .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:hover a {
  color: #DFDFDF;
}

/* ==========================================================================
   Popovers
   ========================================================================== */
/***** Dialog *****/
div[role=dialog] .el-dialog {
  --el-dialog-padding-primary: 0;
}
div[role=dialog] .el-dialog .el-dialog__header {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #EEEEEE;
  background-color: #337AB7;
  border-radius: 0;
  margin-right: 0;
}
div[role=dialog] .el-dialog .el-dialog__header .el-dialog__title {
  color: #FFFFFF;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: bold;
}
div[role=dialog] .el-dialog .el-dialog__header button.el-dialog__headerbtn {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  border: none;
}
div[role=dialog] .el-dialog .el-dialog__header button.el-dialog__headerbtn .el-dialog__close {
  color: #FFFFFF;
}
div[role=dialog] .el-dialog .el-dialog__header button.el-dialog__headerbtn .el-dialog__close:hover {
  opacity: 0.75;
}
div[role=dialog] .el-dialog .el-dialog__body {
  padding: 0.5rem 1rem;
}
div[role=dialog] .el-dialog .el-dialog__body .el-select {
  display: block;
}
div[role=dialog] .el-dialog .el-dialog__body p {
  margin-bottom: 0;
}
div[role=dialog] .el-dialog .el-dialog__body .dialog-with-cards {
  background: #EFEFEF;
}
div[role=dialog] .el-dialog .el-dialog__body .dialog-with-cards .el-form--inline.el-form--label-top {
  display: block;
}
div[role=dialog] .el-dialog .el-dialog__body .dialog-with-cards .el-tabs--border-card > .el-tabs__header {
  background-color: #FFFFFF;
}
div[role=dialog] .el-dialog .el-dialog__body .dialog-with-cards .el-tabs--border-card > .el-tabs__content {
  background-color: #FFFFFF;
}
div[role=dialog] .el-dialog .el-dialog__footer {
  padding: 0.5rem 1rem;
  border-top: 1px solid #EEEEEE;
}

/* ==========================================================================
    Data display
   ========================================================================== */
/***** Table *****/
.el-table.el-table--small {
  font-size: 0.75rem;
}
.el-table th {
  padding: 0.5rem 0;
}
.el-table.el-table--enable-row-hover .el-table__body tr.current-row > td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.current-row > td.el-table__cell {
  background-color: #337AB7;
  color: #FFFFFF;
}
.el-table.el-table--enable-row-hover .el-table__body tr.current-row > td.el-table__cell .el-button--text, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.current-row > td.el-table__cell .el-button--text {
  color: #FFFFFF;
}
.el-table.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped:hover > td.el-table__cell {
  background-color: #337AB7;
  color: #FFFFFF;
  cursor: pointer;
}
.el-table.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell.el-table__expanded-cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped:hover > td.el-table__cell.el-table__expanded-cell {
  background-color: inherit;
}
.el-table.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell i, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped:hover > td.el-table__cell i {
  color: #FFFFFF;
}
.el-table.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell > div > button > span, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped:hover > td.el-table__cell > div > button > span {
  color: #FFFFFF;
}
.el-table.el-table--enable-row-hover .el-table__body tr td.el-table__cell .el-button-group, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped td.el-table__cell .el-button-group {
  position: inherit;
}
.el-table.el-table--enable-row-hover .el-table__body tr.cancelled-row, .el-table.el-table--enable-row-hover .el-table__body tr.deleted-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.cancelled-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.deleted-row {
  background-color: #FBC4C4;
}
.el-table.el-table--enable-row-hover .el-table__body tr.cancelled-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.deleted-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.cancelled-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.deleted-row td.el-table__cell {
  background-color: #FBC4C4;
}
.el-table.el-table--enable-row-hover .el-table__body tr.cancelled-row.current-row, .el-table.el-table--enable-row-hover .el-table__body tr.deleted-row.current-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.cancelled-row.current-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.deleted-row.current-row {
  background-color: #DE7070;
}
.el-table.el-table--enable-row-hover .el-table__body tr.cancelled-row.current-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.deleted-row.current-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.cancelled-row.current-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.deleted-row.current-row td.el-table__cell {
  background-color: #DE7070;
}
.el-table.el-table--enable-row-hover .el-table__body tr.cancelled-row:hover > td, .el-table.el-table--enable-row-hover .el-table__body tr.deleted-row:hover > td, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.cancelled-row:hover > td, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.deleted-row:hover > td {
  background-color: #DE7070;
}
.el-table.el-table--enable-row-hover .el-table__body tr.yellow-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.yellow-row {
  background-color: var(--el-color-warning-light-7);
}
.el-table.el-table--enable-row-hover .el-table__body tr.yellow-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.yellow-row td.el-table__cell {
  background-color: var(--el-color-warning-light-7);
}
.el-table.el-table--enable-row-hover .el-table__body tr.yellow-row.current-row, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.yellow-row.current-row {
  background-color: var(--el-color-warning);
}
.el-table.el-table--enable-row-hover .el-table__body tr.yellow-row.current-row td.el-table__cell, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.yellow-row.current-row td.el-table__cell {
  background-color: var(--el-color-warning);
}
.el-table.el-table--enable-row-hover .el-table__body tr.yellow-row:hover > td, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped.yellow-row:hover > td {
  background-color: var(--el-color-warning);
}
.el-table.el-table--enable-row-hover .el-table__body tr i, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped i {
  font-weight: bold;
}
.el-table.el-table--enable-row-hover .el-table__body tr button.el-button--text, .el-table.el-table--enable-row-hover .el-table__body tr.el-table__row--striped button.el-button--text {
  padding: 0;
}
.el-table .el-table__body-wrapper .el-table__empty-block {
  min-height: 2rem;
}
.el-table .el-table__body-wrapper .el-table__empty-block .el-table__empty-text {
  line-height: 2rem;
}

.fixed-content-table {
  font-size: 0.75rem;
  color: #575766;
}
.fixed-content-table .el-row:first-child {
  font-weight: bold;
  border-bottom: 1px solid #EBEEF5;
}
.fixed-content-table .el-row:not(:last-child) {
  margin-bottom: 0.5rem;
}

.table-container {
  padding-top: 0.5rem;
}

.el-pagination {
  justify-content: center;
}

.el-loading-mask {
  z-index: 990;
  padding: 0.5rem 0;
}

.item-row-button {
  margin-top: 1.25rem;
}

.list-table-wrapper.with-inner-filter {
  padding: 0.5rem 0;
}

/* Mimic el-table */
.draggable-table th:nth-child(1) {
  width: 50%;
}
.draggable-table th:nth-child(2), .draggable-table th:nth-child(3) {
  width: 20%;
}
.draggable-table th:nth-child(4) {
  width: 10%;
}
.draggable-table tr:nth-child(even) {
  background: var(--el-fill-color-lighter);
}
.draggable-table tr:hover > td.el-table__cell {
  background-color: #337AB7;
  color: #FFFFFF;
  cursor: pointer;
}
.draggable-table tr:hover > td.el-table__cell.el-table__expanded-cell {
  background-color: inherit;
}
.draggable-table tr:hover > td.el-table__cell i {
  color: #FFFFFF;
}
.draggable-table tr:hover > td.el-table__cell > div > button > span {
  color: #FFFFFF;
}

/***** Messages *****/
.el-message-box {
  padding-bottom: 0 !important;
  border: none;
  border-radius: calc(0.3rem - 1px);
}
.el-message-box .el-message-box__header {
  padding: 0.5rem 1rem;
  background: #337AB7;
}
.el-message-box .el-message-box__header .el-message-box__title {
  color: #FFFFFF;
  font-weight: bold;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn {
  top: 0;
  right: 0;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0;
  margin: 0.5rem;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn i {
  color: #FFFFFF;
  font-weight: bold;
}
.el-message-box .el-message-box__content {
  padding: 0.5rem 1rem;
}
.el-message-box .el-message-box__content .el-message-box__message p {
  white-space: break-spaces;
}
.el-message-box .el-message-box__btns {
  padding: 0.5rem 1rem;
  border-top: 1px solid #EEEEEE;
}

/***** Traffic Light *****/
.dot {
  height: 1rem;
  width: 1rem;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #38C172;
}
.dot.red {
  background-color: #F56C6C;
}
.dot.yellow {
  background-color: #FFED4A;
}
.dot.green {
  background-color: #38C172;
}

/***** Timeline *****/
.el-timeline .el-timeline-item__node--large {
  left: -6px;
}
.el-timeline .el-timeline-item__content {
  color: #575766;
}
.el-timeline .el-timeline-item__content .el-card {
  color: #575766;
}

/***** Tags *****/
.el-tag.el-tag--default {
  justify-content: left;
}
.el-tag.el-tag--small {
  height: 1rem;
}

/***** Fixed information *****/
.label-data .el-form-item__label {
  font-weight: bold;
}

.header-label {
  font-size: 0.75rem;
}

.deleted-item {
  color: #F56C6C;
}

/* ==========================================================================
   Form elements
   ========================================================================== */
/***** Input field *****/
.el-form.el-form--small.el-form--label-top .el-form-item, .el-form.el-form--small.el-form--label-right .el-form-item {
  margin-bottom: 0;
  /***** Select box *****/
  /***** Number *****/
  /***** Auto complete *****/
  /***** Tag *****/
  /***** Radio *****/
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-form-item__label, .el-form.el-form--small.el-form--label-right .el-form-item .el-form-item__label {
  margin-bottom: 0;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-form-item__content, .el-form.el-form--small.el-form--label-right .el-form-item .el-form-item__content {
  display: block;
  font-size: 0.75rem;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-select, .el-form.el-form--small.el-form--label-right .el-form-item .el-select {
  display: block;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-select .el-tooltip__trigger .el-tag, .el-form.el-form--small.el-form--label-right .el-form-item .el-select .el-tooltip__trigger .el-tag {
  width: unset;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-input-number--small, .el-form.el-form--small.el-form--label-right .el-form-item .el-input-number--small {
  width: 100%;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-input-number--small .el-input--small .el-input__wrapper, .el-form.el-form--small.el-form--label-right .el-form-item .el-input-number--small .el-input--small .el-input__wrapper {
  padding: 0 0.5rem;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-autocomplete, .el-form.el-form--small.el-form--label-right .el-form-item .el-autocomplete {
  width: 100%;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-autocomplete.with-add-button .el-input-group__append, .el-form.el-form--small.el-form--label-right .el-form-item .el-autocomplete.with-add-button .el-input-group__append {
  background-color: #337AB7;
  color: #FFFFFF;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-autocomplete.with-add-button .el-input-group__append a, .el-form.el-form--small.el-form--label-right .el-form-item .el-autocomplete.with-add-button .el-input-group__append a {
  color: #FFFFFF;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-autocomplete.with-add-button .el-input-group__append a .el-button, .el-form.el-form--small.el-form--label-right .el-form-item .el-autocomplete.with-add-button .el-input-group__append a .el-button {
  margin: 0 -14px;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-tooltip__trigger .el-tag, .el-form.el-form--small.el-form--label-right .el-form-item .el-tooltip__trigger .el-tag {
  width: 100%;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-radio-group, .el-form.el-form--small.el-form--label-right .el-form-item .el-radio-group {
  display: block;
}
.el-form.el-form--small.el-form--label-top .el-form-item .el-radio-group label, .el-form.el-form--small.el-form--label-right .el-form-item .el-radio-group label {
  margin-bottom: 0;
}

.el-form.el-form--label-top .el-form-item .el-form-item__content, .el-form.el-form--label-right .el-form-item .el-form-item__content {
  display: block;
}

.highlight-form-item .el-form-item__label {
  font-weight: bold;
}
.highlight-form-item .el-input__wrapper, .highlight-form-item .el-radio-button:first-child .el-radio-button__inner, .highlight-form-item .el-radio-button .el-radio-button__inner {
  border: 1px solid #606266;
}

.form-table:not(:last-child) {
  margin-bottom: 0.5rem;
}
.form-table .el-form-item {
  margin-bottom: 0;
}

.el-input .el-input__count .el-input__count-inner {
  background: none;
}

.el-input__inner {
  font-feature-settings: "lnum";
}

.column-left-border {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

/***** Checkbox *****/
.el-checkbox {
  margin-bottom: 0;
}
.el-checkbox.checkbox-no-labels .el-checkbox__label {
  display: none;
}
.el-checkbox .el-checkbox__label {
  font-size: 0.75rem;
}

.checkbox-primary input[type=checkbox]:checked + label::before {
  background-color: #337AB7;
  border-color: #337AB7;
}
.checkbox-primary input[type=checkbox]:checked + label::after {
  color: #FFFFFF;
}

/***** Dropdown *****/
.el-select.status-select {
  width: 7.5rem;
}

.el-select-dropdown .el-select-dropdown__item.is-disabled span {
  color: #F56C6C;
}

/***** Number *****/
.el-input-number.is-controls-right.is-left .el-input__wrapper {
  padding: 0 0.5rem;
}

/***** Paragraph *****/
p {
  margin-bottom: 0;
}

/***** Avatar *****/
.el-avatar {
  border: 1px solid #FFFFFF;
  font-size: 0.75rem;
}

/***** Action button *****/
.el-button + .el-button {
  margin-left: 0;
}

.el-button + a, a + .el-button, a + a, .el-button + .el-dropdown, .el-dropdown + .el-button, .el-cascader + .el-button, .el-button + i {
  margin-left: 0.75rem;
}

.input-button-group .el-button {
  padding: 0 13px;
}
.input-button-group .el-button:first-child {
  border-right: var(--el-border);
}
.input-button-group .el-button:first-child:hover {
  border-right: var(--el-border);
}

/***** Dropdown button *****/
.el-dropdown [disabled] {
  color: #FFFFFF;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}

.el-popper .el-dropdown-menu {
  padding: 0;
}
.el-popper .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled) a {
  color: #575766;
  text-decoration: none;
}
.el-popper .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus a {
  color: #337AB7;
}

/***** Cascader *****/
.el-popper .el-cascader-menu__list {
  padding: 0;
}
.el-popper .el-cascader-node__prefix {
  display: none;
}

/***** File upload *****/
.el-upload {
  width: 100%;
}
.el-upload .el-upload-dragger {
  width: 100%;
  height: 7rem;
}
.el-upload .el-upload-dragger .el-upload__text {
  font-size: 0.75rem;
}

.el-upload-list--picture-card.is-disabled {
  display: none;
}
.el-upload-list--picture-card.is-disabled .el-upload--picture-card {
  display: none;
}

/***** Image select *****/
.vue-select-image__wrapper {
  overflow: auto;
  list-style: none outside none;
  padding: 0;
  margin: 0;
}

.vue-select-image__item {
  margin: 0 0.75rem 0.75rem 0.75rem;
  float: left;
}

.vue-select-image__thumbnail {
  cursor: pointer;
  display: block;
  padding: 0.25rem;
  line-height: 1rem;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  transition: all 0.2s ease-in-out;
}

.vue-select-image__thumbnail--selected {
  background: #337AB7;
}

.vue-select-image__thumbnail--disabled {
  background: #b9b9b9;
  cursor: not-allowed;
}

.vue-select-image__thumbnail--disabled > .vue-select-image__img {
  opacity: 0.5;
}

.vue-select-image__img {
  -webkit-user-drag: none;
  display: block;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.vue-select-image__lbl {
  line-height: 3;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.el-input__prefix i {
  font-weight: 500;
}

/***** Toolbar *****/
div[role=toolbar] .el-select {
  display: block;
}

/***** Loader *****/
.circular {
  display: inline;
  height: 2rem;
  width: 2rem;
  animation: loading-rotate 2s linear infinite;
}

.path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}

@keyframes loading-rotate {
  to {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
/* ==========================================================================
   Bespoke by feature (AKA unknown)
   ========================================================================== */
/***** Horizontal rule *****/
hr {
  margin: 0.5rem 0;
}
hr.rule-small {
  margin: 0.3rem 0;
}

.el-divider.el-divider--horizontal {
  margin: 1rem;
}

/***** Breadcrumb *****/
.el-breadcrumb {
  margin-bottom: 0.5rem;
}
.el-breadcrumb span {
  font-size: 0.875rem;
}

/***** Alert *****/
.el-alert .el-alert__content {
  padding: 0 0.5rem;
}

/***** Autocomplete *****/
.el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li {
  font-size: 0.75rem;
}
.el-autocomplete-suggestion .el-autocomplete-suggestion__wrap li div.is-disabled {
  color: #F56C6C;
}

/***** Plus minus *****/
.show-plus-minus > .el-input-number__increase {
  display: block;
}
.show-plus-minus > .el-input-number__decrease {
  display: block;
}
.show-plus-minus.is-controls-right .el-input__inner {
  padding: 0 1rem;
  text-align: center;
}

/***** Calculated fields *****/
.calculated-fields .el-input__wrapper {
  background-color: #337AB7;
}
.calculated-fields .el-input__wrapper .el-input__inner:-moz-read-only {
  color: #FFFFFF;
}
.calculated-fields .el-input__wrapper .el-input__inner:read-only {
  color: #FFFFFF;
}
.calculated-fields.el-input-number .el-input__wrapper {
  padding: 0 0.5rem;
}
.calculated-fields.el-input-number .el-input-number__decrease, .calculated-fields.el-input-number .el-input-number__increase {
  display: none;
}
.calculated-fields.yellow .el-input__wrapper {
  background-color: #FFED4A;
}
.calculated-fields.yellow .el-input__inner:-moz-read-only {
  color: #575766;
}
.calculated-fields.yellow .el-input__inner:read-only {
  color: #575766;
}

.calculated-width {
  width: calc(100% - 875px);
}

.calculations-table .el-row:not(.table-title) {
  margin-bottom: 0.25rem;
}

/***** Icon *****/
.icon-as-checkbox .el-checkbox__input {
  display: none;
}
.icon-as-checkbox .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #F56C6C;
}
.icon-as-checkbox .el-checkbox__label {
  font-size: 1.5rem;
}

/***** Canvas *****/
.konvajs-content {
  position: absolute !important;
  top: 50px;
}

.match-height .el-input, .match-height .el-radio-button__inner {
  min-height: 1.75rem;
}
.match-height .el-input-number.is-controls-right[class*=small] [class*=decrease],
.match-height .el-input-number.is-controls-right[class*=small] [class*=increase] {
  height: 0.8rem;
}
.match-height button {
  margin-top: 1.25rem;
  height: 1.75rem;
}

.container-fluid {
  --bs-gutter-x: 0;
}