/*$login-title-imgURL: '../../../client/images/shared/login-inner-bg.png';*/
/* Additional styling for inputs */
.input-enclosed:not(:disabled):not(.light):not(.white) {
  border: none;
}

/* Override for Webkits horrible yellow autofill */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px #e2e2e4 inset;
}

body {
  font-family: "Metropolis Light", sans-serif;
  font-weight: 200;
}

.modal-header {
  font-size: 1.8em;
  line-height: 1.1em;
  font-weight: 400;
  font-family: "Metropolis Light";
}

.view-header {
  font-size: 36.8px !important;
  font-family: "Metropolis Light";
  color: #000000 !important;
}

.view-subheader {
  font-size: 1.1em;
  font-weight: 400;
  font-family: "Metropolis Light";
}

.callout-label {
  font-size: 1em;
  font-weight: 700;
  font-family: "Metropolis Light";
}

.callout-value {
  font-size: 2em;
  line-height: 1em;
  font-weight: 300;
  font-family: "Metropolis Light";
}

.tableRow-columnLabels {
  font-size: 0.95em;
  font-weight: 700;
}

fast-controller-wrapper[type=discrete] fast-controller-footer {
  height: 60px;
}

fast-navbutton[format=tray].active {
  background-color: rgba(11, 29, 75, 0);
  outline-color: #0B1D4B !important;
  color: #0B1D4B;
}

fast-navbutton[format=tray].active .appTray-thumb {
  outline: 1px solid #0B1D4B !important;
}

.toggleButton + label {
  padding: 5px 15px;
  border: 1px solid;
  border-radius: 3px;
}

.btn.outline, .btn.contained, .btn.solid {
  border-radius: 2px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 30px;
  line-height: 26px;
  text-transform: capitalize;
}

.slider-selection {
  background-color: #74d0ff;
}

.slider-handle {
  background-image: linear-gradient(to bottom, #0091DA 0%, #006fa7 100%);
}

/* ============================== */
/* Large Sliders */
.sliderWrapper.lg .slider-selection {
  background-color: #74d0ff;
  opacity: 1;
}

.sliderWrapper.lg .slider-handle {
  background-color: #0091DA;
}

.sliderWrapper.lg .slider-tick.in-selection {
  background-color: #74d0ff;
}

.modal-size-max, .modal-size-fitToContent, fast-page {
  border-radius: 2px;
}

.tile.light {
  border-radius: 2px;
  padding: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

/* Colors */
.color-primary1 {
  color: #FFFFFF !important;
}

.color-primary1 svg {
  stroke: #FFFFFF;
}

.bgColor-primary1 {
  background-color: #FFFFFF !important;
}

.color-primary2 {
  color: #0B1D4B !important;
}

.color-primary2 .icon {
  stroke: #0B1D4B;
  fill: #0B1D4B;
}

.bgColor-primary2 {
  background-color: #0B1D4B !important;
}

.color-primary3 {
  color: #207C88 !important;
}

.color-primary3 svg {
  stroke: #207C88;
}

.bgColor-primary3 {
  background-color: #207C88 !important;
}

.color-primary4 {
  color: #696566 !important;
}

.color-primary4 svg {
  stroke: #696566;
}

.bgColor-primary4 {
  background-color: #696566 !important;
}

.color-primary7 {
  color: #565656 !important;
}

.color-primary7 svg {
  stroke: #565656;
}

.bgColor-primary7 {
  background-color: #565656 !important;
}

.color-error {
  color: #b20000 !important;
}

.bgColor-error {
  background-color: #b20000 !important;
}

.chartTheme-color-1 {
  color: #94D7F9;
  background-color: #94D7F9;
}

.chartTheme-color-2 {
  color: #167DB8;
  background-color: #167DB8;
}

.chartTheme-color-3 {
  color: #0D1AB7;
  background-color: #0D1AB7;
}

.chartTheme-color-4 {
  color: #9FE9BE;
  background-color: #9FE9BE;
}

.chartTheme-color-5 {
  color: #FFFFFF;
  background-color: #FFFFFF;
}

.chartTheme-color-6 {
  color: #0B1D4B;
  background-color: #0B1D4B;
}

.chartTheme-color-7 {
  color: #207C88;
  background-color: #207C88;
}

/* Page Sizing */
fast-page {
  border-radius: 0px !important;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
}

fast-controller-wrapper[type=discrete] fast-page {
  animation-name: !important;
  transition: left 0.6s cubic-bezier(0.57, 0.14, 0.13, 0.95), top 0.75s ease;
}

@media (min-width: 1000px) {
  fast-controller-wrapper[type=discrete] fast-controller-body {
    padding: 0px 0px 60px 0px;
  }
}
@media (max-width: 999px) {
  fast-controller-wrapper[type=discrete] fast-controller-body {
    padding: 0px 0px;
  }
}
/* App Tray */
#appTray .navTitle, #appTray.open fast-tray-toggle {
  background-color: #0B1D4B;
}

#appTray.open fast-tray-toggle:hover {
  background-color: black;
}

@media (max-width: 768px) {
  #appTray {
    background-color: #0B1D4B;
  }
}
.appTray-menuButton {
  color: #0B1D4B;
}

.appTray-menuButton:hover {
  color: black;
}

fast-navbutton[format=button].active {
  background-color: #1D428A;
}

fast-navbutton[format=button].active div {
  color: #fff !important;
}

fast-navbutton[format=button] .outline {
  color: #1D428A;
}

fast-page-list fast-navbutton.outline div {
  color: #696566;
}

fast-page-list fast-navbutton.outline:hover div {
  color: #FFF;
}

fast-navbutton[format=tray]:hover {
  background-color: rgba(11, 29, 75, 0.05);
}

fast-navbutton[format=tray] {
  color: #333;
}

fast-additionalContent-tray {
  background-color: #eee;
}

/* Analysis Manager */
.analysisMgr-activeAnalysis {
  color: #0091DA;
}

.analysisMgr-menuOption-wrapper:hover .analysisMgr-menuOption[type=checkbox]:not(:checked) + label {
  background-color: rgba(0, 145, 218, 0.05);
  cursor: pointer;
}

.analysisMgr-menuOption[type=checkbox]:checked + label {
  background-color: rgba(0, 145, 218, 0.15);
}

.analysisMgr-menuOption + label.context-menu-active, .analysisMgr-menuOption-wrapper.active {
  background-color: rgba(0, 145, 218, 0.1) !important;
}

.analysisMgr-menuOption-wrapper.validDrop {
  background-color: rgba(0, 145, 218, 0.5) !important;
}

/* Audit Log */
.auditLog-option + label:hover {
  background-color: rgba(0, 145, 218, 0.05);
  cursor: pointer;
}

.auditLog-option:checked + label {
  background-color: rgba(0, 145, 218, 0.15);
}

/* General Animation */
@keyframes highlight-fadeOut {
  0% {
    background: none;
  }
  5% {
    background: rgba(0, 145, 218, 0.3);
  }
  30% {
    background: rgba(0, 145, 218, 0.3);
  }
  100% {
    background: none;
  }
}
/* Context Menu */
.context-menu-item.context-menu-hover {
  background-color: #0B1D4B;
}

/* Login Page */
.login-bg {
  background: #777;
}

@media (min-width: 767px) {
  .modal-login-title-wrapper {
    background: rgb(245, 245, 245);
  }
}
/* Misc. */
.application-bg {
  background: #fff;
}

fast-page-list fast-navbutton {
  padding: 8px 20px !important;
  font-size: 13.8px !important;
  display: flex;
  text-align: center;
  align-items: center;
}

fast-page-list fast-navbutton div {
  height: 14px;
  display: flex;
  align-items: center;
}

fast-app-header {
  background-color: rgb(255, 255, 255);
}

#modal-registration-wrapper {
  margin-top: 25px;
}

#loading-wrapper .inner {
  background: linear-gradient(45deg, #545454 0%, #0e0e0e 100%);
}

.hamburgerMenu-stripe {
  background-color: #fff;
}

.breadcrumbBtn {
  background-color: #fff;
}

fast-navbutton-next {
  background-color: #1D428A !important;
  color: #FFF !important;
}

fast-navbutton-next:hover, fast-navbutton-previous:hover {
  background-color: #071021;
  color: #fff !important;
}

fast-controller-wrapper[type=modal] fast-navbutton-previous {
  border-color: #1D428A !important;
  color: #1D428A !important;
  background-color: transparent !important;
}

fast-controller-wrapper[type=modal] fast-navbutton-previous:hover {
  background-color: #071021 !important;
  color: #fff !important;
}

fast-controller-wrapper[type=discrete] fast-navbutton-previous {
  border-color: #1D428A !important;
  color: #1D428A !important;
  background-color: transparent !important;
}

fast-controller-wrapper[type=discrete] fast-navbutton-previous:hover {
  background-color: #071021;
  color: #fff !important;
}

@media (min-width: 1000px) {
  .modalController .controller-footer .controller-button-previous {
    border-color: #1D428A;
    color: #1D428A;
  }
  .controller-button-previous {
    border-color: #1D428A;
    color: #1D428A;
    border-width: 1px;
  }
  .controller-button-previous:hover {
    background-color: #696566 !important;
    color: #fff;
  }
  .controller-button-previous:hover {
    border-color: rgba(0, 0, 0, 0);
  }
  .controller-button-next {
    background-color: #1D428A !important;
    color: #fff;
  }
  .controller-button-next:hover {
    background-color: #696566 !important;
    color: #fff;
  }
}
/* Styling of pages and modals */
/* Styling of modal Controllers */
fast-controller-wrapper[type=discrete] fast-controller-header {
  background: rgba(0, 0, 0, 0);
}

fast-controller-wrapper[type=discrete] fast-controller-footer {
  background: #FFF;
}

fast-controller-wrapper[type=modal] fast-controller-header {
  background-color: #282D33;
}

/* Buttons */
.btn {
  font-size: 11.5pt;
  font-weight: lighter;
}
.btn.outline, .btn.contained, .btn.solid {
  border-radius: 3px;
}
.btn.contained {
  background-color: #FFFFFF;
  color: #1D428A;
  border-radius: 3px;
}
.btn.contained:hover {
  background-color: #142e60;
  color: #ffffff;
}
.btn.contained.white {
  background-color: #1D428A;
  color: #FFFFFF;
}
.btn.text {
  color: #e6e6e6;
}
.btn.text:hover::after {
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.outline {
  border-color: #FFFFFF;
  color: #FFFFFF;
  border-width: 1px;
}
.btn.outline:hover {
  background-color: #142e60;
  color: #ffffff !important;
}
.btn.solid {
  background-color: #1D428A;
  color: #fff !important;
}
.btn.solid:hover {
  background-color: #142e60;
}

.controller-additionalButton {
  color: #1D428A;
}

.tile.light {
  background-color: #f3f3f3;
  color: #a3a3a3;
  transition: background-color 0.15s ease-in-out;
}

.tile.light:hover {
  background-color: #FFFFFF;
  color: #fff;
  cursor: pointer;
}

/* Input: Standard Button */
input.std + label:before {
  border-color: #0091DA;
  color: #0091DA;
}

input.std + label {
  color: #0B1D4B;
}

input.std + label:hover:before {
  background-color: rgba(0, 145, 218, 0.3);
}

input.std + label:hover::after {
  background-color: rgba(0, 145, 218, 0.2);
}

input.std.white + label:hover:before {
  background-color: rgba(255, 255, 255, 0.3);
}

/* Input: Toggle Button */
.toggleButton + label {
  border-color: #0091DA;
  color: #0091DA;
  background-color: rgba(255, 255, 255, 0);
}

.toggleButton + label:hover {
  background-color: #0080c1;
}

.toggleButton:checked + label {
  border-color: #0091DA;
  background-color: #0091DA;
}

.toggleButton:checked + label:hover {
  background-color: #0080c1;
}

.toggleButton.no-border:not(:checked):not(.white) + label {
  background-color: rgba(0, 0, 0, 0.05);
}

.toggleButton.no-border:not(:checked):not(.white) + label:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.toggleButton.white:checked + label {
  color: #0091DA;
}

.toggleButton.white + label:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/* Input: Toggle Color */
input.toggleColor + label {
  color: #666;
}

input.toggleColor:checked + label {
  color: #0091DA;
}

input.toggleColor + label:hover {
  background-color: rgba(0, 145, 218, 0.2);
}

input.toggleColor.white + label:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

input.toggleColor.underline:checked + label {
  border-bottom: 2px solid #0091DA;
}

/* Input: Toggle Switch */
[type=checkbox].toggleSwitch + label:after {
  background-color: #0091DA;
}

[type=checkbox].toggleSwitch + label {
  border-color: #0091DA !important;
}

[type=checkbox].toggleSwitch + label:hover {
  background-color: rgba(0, 145, 218, 0.3) !important;
}

[type=checkbox].toggleSwitch.white + label:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Radio inputs */
/* Radio button variant for modal controller navigation */
.navBar-horizontal .toggleButton:not(:checked) + label {
  color: #daf3ff;
}

.navBar-horizontal .toggleButton:not(:checked) + label .std + label:before {
  color: #daf3ff !important;
  border-color: #74d0ff !important;
}

.navBar-horizontal .toggleColor:not(:checked) + label .std + label:before {
  color: #daf3ff !important;
  border-color: #74d0ff !important;
}

.navBar-horizontal .toggleColor:not(:checked) + label {
  color: #daf3ff !important;
}

/* Text Inputs */
.input-enclosed:not(:disabled):not(.light):not(.white) {
  background-color: #EFEFF0;
  color: #565656;
}

.input-enclosed.input-dirty:not(:disabled) {
  background-color: #e2e2e4;
}

.input-enclosed:hover {
  background-color: #e2e2e4 !important;
}

.input-enclosed:focus {
  background-color: #d5d5d7 !important;
}

input:-webkit-autofill {
  background-color: #EFEFF0 !important;
  color: #565656;
}

/* Error Styling */
.input-enclosed.error, input[type=text].error, input[type=radio].error + label, input[type=checkbox].error + label {
  color: #b20000 !important;
  border: 2px #b20000 solid !important;
  background-color: rgba(178, 0, 0, 0.15) !important;
}

select.error {
  color: #b20000 !important;
  background-color: rgba(178, 0, 0, 0.07) !important;
}

/* Tables */
.tableRow.subtotal {
  background-color: rgb(245, 245, 245);
  font-weight: 700;
}

.tableRow.total {
  background-color: rgb(220, 220, 220);
  font-weight: 700;
}

fast-row[subtotal] {
  background-color: rgb(245, 245, 245) !important;
  font-weight: 700;
}

fast-row[total] {
  background-color: rgb(220, 220, 220) !important;
  font-weight: 700;
}

/* Primary Font */
body {
  font-size: 11.5pt;
}