/* Colors */
/* Brand colors */
/* Body */
/* Typography */
/* Text */
/* Sidebar */
@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;
  width: 1px;
  vertical-align: middle;
  display: inline-block;
}
.login-container .login-content {
  max-width: 500px;
  padding: 20px 0;
  width: 80%;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  display: inline-block;
}
.login-container .login-content .login-form {
  padding: 40px;
  color: #FFFFFF;
  background: #296292;
  border: 2px solid #70A2CD;
  border-radius: 4px;
}
.login-container .login-content .login-form .logo {
  margin-bottom: 20px;
  width: 25%;
}
.login-container .login-content .login-form hr {
  margin: 10px 0px;
  border: none;
  height: 2px;
  background-color: #70A2CD;
}
.login-container .login-content .login-form .form input {
  line-height: 32px;
  padding: 1px 11px;
  margin-top: 20px;
  width: 100%;
  border: none;
  border-radius: 4px;
}
.login-container .login-content .login-form .login-button input {
  margin: 20px 0px;
  padding: 8px 15px;
  line-height: 1;
  height: 32px;
  color: #337AB7;
  background-color: #FFFFFF;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  transition: 0.1s;
}
.login-container .login-content .login-form .login-button input: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;
}

/***** Wrapper *****/
.main-wrapper {
  height: auto;
  min-height: 100%;
  position: relative;
}
.main-wrapper .content-wrapper {
  background-color: #EFEFEF;
  padding-bottom: 10px;
  z-index: 800;
  transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
  margin-left: 180px;
  margin-top: 60px;
}
.main-wrapper .content-wrapper p {
  font-size: 14px;
}
.main-wrapper .content-wrapper .title {
  left: 0px;
  position: fixed;
  width: 100%;
  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 {
  height: 40px;
}
.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: 25px;
}
.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: 25px;
}
.main-wrapper .content-wrapper .container-with-title-only {
  padding-top: 72px;
}
.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: 20px;
}
.main-wrapper .content-wrapper .with-status-bar.with-nav-bar {
  margin-bottom: 46px;
}
.main-wrapper .content-wrapper footer.nav-bar {
  bottom: 28px;
  width: 100%;
  height: 48px;
  line-height: 48px;
  background-color: #70A2CD;
}
.main-wrapper .content-wrapper footer.status-bar {
  bottom: 0;
  width: 100%;
  height: 28px;
  line-height: 24px;
  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: 28px;
  color: #FFFFFF;
}

/***** Main header *****/
.el-menu--horizontal.el-menu.menu-1 {
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  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;
}
.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: 46px;
  margin-bottom: 4px;
}
.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: 0px;
  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: 46px;
  margin-bottom: 4px;
}
.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;
  line-height: 55px;
}
.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;
}
.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: 73px;
  border: none;
  box-shadow: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header {
  left: 0px;
  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: 0px;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item {
  color: #FFFFFF;
  font-size: 17px;
  font-weight: bold;
  height: 55px;
  padding: 0;
  border: none;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item a {
  display: inline-block;
  padding: 15px 20px;
  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: 0px;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0px;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__content {
  padding: 54px 0px 0px 0px;
}
.primary-tabs.el-tabs--top.el-tabs--border-card > .el-tabs__content .el-tab-pane:not(#pane-claim) {
  padding: 0px;
}
.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: 0px;
  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: 0px;
}
.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: 17px;
  height: 55px;
  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: 15px 20px;
  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-top: 69px;
}
.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: 0px;
}
.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 - 364px);
  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: 12px;
}
.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 #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 {
  width: 130px;
  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: 17px;
  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: 5px 20px;
  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: 46px;
  line-height: 46px;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left .el-tabs__nav-scroll {
  margin-top: 46px;
  margin-bottom: 16px;
}
.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__header .right-section {
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 20;
}
.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__content .el-card .el-card__body .el-card__body .right-section {
  position: absolute;
  top: 10px;
  right: 25px;
  z-index: 20;
}
.el-tabs.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
  background-color: #337AB7;
}

.side-navigation {
  width: 500px;
  position: fixed;
  z-index: 1;
  top: 306px;
  bottom: 76px;
  left: 0;
  overflow-x: hidden;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.side-navigation .el-card {
  border-radius: 0px;
  color: #575766;
  cursor: pointer;
}
.side-navigation .el-card label {
  font-size: 14px;
  margin-bottom: 0px;
}
.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% - 500px);
  position: fixed;
  top: 306px;
  bottom: 76px;
  margin-left: 480px;
  padding: 0px 10px;
  overflow-y: auto;
}
.main-content .el-card {
  border-radius: 0px;
  color: #575766;
}
.main-content .el-card .el-card__body {
  font-size: 14px;
}
.main-content .el-card .el-card__body a {
  color: #575766;
}
.main-content .el-card .el-card__body a:hover {
  color: #337AB7;
  text-decoration: none;
}

/* ==========================================================================
   Inner layout
   ========================================================================== */
/***** Card *****/
.el-card.card-with-transfer .el-transfer .el-transfer-panel {
  width: 500px;
  vertical-align: top;
}
.el-card.card-with-transfer .el-transfer .el-transfer-panel .el-transfer-panel__header {
  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__body {
  height: 100%;
}
.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: 10px;
}
.el-card.card-with-transfer .el-transfer .el-transfer__buttons button {
  padding: 10px;
}
.el-card.card-with-transfer .el-transfer .el-transfer__buttons button:nth-child(2) {
  margin-left: 5px;
}
.el-card .el-card__header {
  padding: 10px 20px;
}
.el-card .el-card__header.fixed {
  position: fixed;
  width: 100%;
  z-index: 800;
}
.el-card .el-card__header h5 {
  color: #575766;
  font-weight: bold;
}
.el-card .el-card__header .el-breadcrumb {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  display: inline-block;
}
.el-card .el-card__header .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
  font-weight: bold;
}
.el-card .el-card__header .right-section {
  position: absolute;
  top: 82px;
  right: 25px;
  z-index: 20;
}

.sub-section > .el-card__header {
  padding: 10px 20px;
}
.sub-section > .el-card__header h6 {
  font-weight: bold;
}
.sub-section.fixed-header > .el-card__header {
  position: fixed;
  margin-top: -1px;
  width: 100%;
  z-index: 800;
  background-color: #FFFFFF;
}
.sub-section.fixed-header .el-card__body {
  padding-top: 50px;
}
.sub-section h6 {
  font-weight: bold;
}

.labelled-section label, .labelled-section a {
  font-size: 12px;
  margin-bottom: 0px;
}
.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;
}

.card-no-radius {
  border-radius: 0px;
}

.card-with-button .el-card__header {
  height: 40px;
}
.card-with-button .el-card__header button {
  margin: -5px;
}

/***** Widget *****/
.widget-tabs-list > .nav-tabs {
  background-color: #337AB7;
}
.widget-tabs-list > .nav-tabs .nav-item .active.nav-link {
  color: #337AB7;
  border-radius: 0;
  border-bottom-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.widget-tabs-list > .nav-tabs .nav-item .nav-link {
  color: #FFFFFF;
  padding: 15px;
}
.widget-tabs-list > .nav-tabs .nav-item .nav-link:hover {
  border-radius: 0;
  color: #337AB7;
  background-color: #FFFFFF;
}
.widget-tabs-list .card {
  background-color: #ECF0F5;
}
.widget-tabs-list .custom-select {
  background-color: #337AB7;
  color: #FFFFFF;
}
.widget-tabs-list .custom-select::-moz-placeholder {
  color: #FFFFFF;
}
.widget-tabs-list .custom-select::placeholder {
  color: #FFFFFF;
}

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

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

.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: 17px;
}
.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;
}

.tabs-info-area .breadcrumb {
  background-color: transparent;
}
.tabs-info-area .breadcrumb .breadcrumb-item {
  font-size: 24px;
  font-weight: bold;
}
.tabs-info-area .breadcrumb .breadcrumb-item a {
  color: #575766;
}
.tabs-info-area .widget-tabs-int .widget-tabs-list {
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
}
.tabs-info-area .widget-tabs-int .widget-tabs-list .nav-tabs {
  border-bottom: 0;
}
.tabs-info-area .widget-tabs-int .widget-tabs-list .tab-content {
  padding: 0 15px 5px;
  background-color: transparent;
  border: 0px;
}
.tabs-info-area .widget-tabs-int .widget-tabs-list .tab-content .form-group label {
  color: #575766;
}

.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: 17px;
}
.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 *****/
.el-dialog .el-dialog__header {
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
  background-color: #337AB7;
  border-radius: 0;
  margin-right: 0px;
}
.el-dialog .el-dialog__header .el-dialog__title {
  color: #FFFFFF;
  margin-bottom: 0px;
  font-size: 1.25rem;
  font-weight: bold;
}
.el-dialog .el-dialog__header button.el-dialog__headerbtn {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0;
  font-size: 1.25rem;
  font-weight: bold;
  border: none;
}
.el-dialog .el-dialog__header button.el-dialog__headerbtn .el-dialog__close {
  color: #FFFFFF;
}
.el-dialog .el-dialog__header button.el-dialog__headerbtn .el-dialog__close:hover {
  opacity: 0.75;
}
.el-dialog .el-dialog__body {
  padding: 1rem;
}
.el-dialog .el-dialog__body .el-select {
  display: block;
}
.el-dialog .el-dialog__body .dialog-with-cards {
  background: #EFEFEF;
}
.el-dialog .el-dialog__body .dialog-with-cards .el-form--inline.el-form--label-top {
  display: block;
}
.el-dialog .el-dialog__body .dialog-with-cards .el-tabs--border-card > .el-tabs__header {
  background-color: #FFFFFF;
}
.el-dialog .el-dialog__body .dialog-with-cards .el-tabs--border-card > .el-tabs__content {
  background-color: #FFFFFF;
}
.el-dialog .el-dialog__footer {
  border-top: 1px solid #EEEEEE;
}

/* ==========================================================================
    Data display
   ========================================================================== */
/***** Table *****/
.el-table.el-table--small {
  font-size: 0.8rem;
}
.el-table th {
  padding: 10px 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: 0px;
}

.fixed-content-table {
  font-size: 0.8rem;
  color: #575766;
}
.fixed-content-table .el-row:first-child {
  font-weight: bold;
  border-bottom: 1px solid #EBEEF5;
}

.table-inner-table .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__expanded-cell {
  color: inherit;
}
.table-inner-table .el-table--enable-row-hover .el-table__body .el-table__expanded-cell {
  padding: 0;
}
.table-inner-table .el-table--enable-row-hover .el-table__body .el-table__expanded-cell .inner-table {
  background-color: #EFEFEF;
  border: 1px solid white;
}
.table-inner-table .el-table--enable-row-hover .el-table__body .el-table__expanded-cell .inner-table h6, .table-inner-table .el-table--enable-row-hover .el-table__body .el-table__expanded-cell .inner-table .el-table {
  margin-left: 48px;
}

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

.el-loading-mask {
  z-index: 990;
  padding: 10px 0px;
}

/* 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 {
  border: none;
  border-radius: calc(0.3rem - 1px);
}
.el-message-box .el-message-box__header {
  background: #337AB7;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn {
  top: 10px;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn i {
  color: #FFFFFF;
  font-weight: bold;
}
.el-message-box .el-message-box__title {
  color: #FFFFFF;
  font-weight: bold;
}
.el-message-box .el-message-box__message p {
  white-space: break-spaces;
}
.el-message-box .el-message-box__btns {
  padding-top: 10px;
  border-top: 1px solid #EEEEEE;
}

/***** Traffic Light *****/
.dot {
  height: 16px;
  width: 16px;
  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-item__content {
  color: #575766;
}
.el-timeline-item__content .el-card {
  color: #575766;
}

/***** Tags *****/
.el-tag.el-tag--default {
  justify-content: left;
}

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

.header-label {
  line-height: 30px;
  font-size: 14px;
}

.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: 0px;
  /***** Select box *****/
  /***** 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: 0px;
}
.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: 12px;
}
.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-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-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: 0px;
}

.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;
}

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

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

.input-with-select .el-select .el-input {
  width: 220px;
}

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

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

/***** Badge *****/
.el-badge__content {
  background-color: #337AB7;
}
.el-badge__content.is-fixed {
  top: 10px;
}

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

.input-with-select .el-input-group__prepend {
  background-color: #FFFFFF;
}

/***** Number *****/
.el-input-number .el-input input {
  text-align: left;
}

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

/***** 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: 12px;
}

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

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

/***** File upload *****/
.el-upload {
  width: 100%;
}

.el-upload-dragger {
  width: 100%;
  height: 115px;
}

.el-upload-dragger .el-icon-upload {
  margin-top: 10px;
}

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

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

.vue-select-image__item {
  margin: 0 12px 12px 12px;
  float: left;
}

.vue-select-image__thumbnail {
  cursor: pointer;
  padding: 6px;
  display: block;
  padding: 4px;
  line-height: 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  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;
}

/* ==========================================================================
   Bespoke by area
   ========================================================================== */
/***** Claims & vehicles *****/
.claims-autocomplete li, .vehicles-autocomplete li {
  line-height: normal;
  padding: 5px;
}
.claims-autocomplete li .value, .vehicles-autocomplete li .value {
  text-overflow: ellipsis;
  overflow: hidden;
}
.claims-autocomplete li .link, .vehicles-autocomplete li .link {
  font-size: 13px;
  color: #B4B4B4;
}

/***** Notes *****/
.notes-wrapper {
  position: relative;
}
.notes-wrapper .notes-content {
  white-space: pre;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 60px;
}
.notes-wrapper .btn-link {
  cursor: pointer;
}
.notes-wrapper.show-more .notes-content {
  max-height: 100%;
  white-space: break-spaces;
}

/* ==========================================================================
   Bespoke by feature (AKA unknown)
   ========================================================================== */
/***** 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: 0px 15px;
  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.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;
}

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