/* 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 #eee inset; }

body {
  font-family: "Taub Sans Regular", sans-serif;
  font-weight: 400;
  line-height: 1.42857143; }

.modal-header {
  font-size: 1.80em;
  line-height: 1.1em;
  font-weight: 400; }

.view-header {
  font-size: 2.00em;
  line-height: 1.1em;
  font-weight: 300;
  letter-spacing: 0.1em; }

.view-subheader {
  font-size: 1.10em;
  font-weight: 400; }

.callout-label {
  font-size: 1.0em;
  font-weight: 700; }

.callout-value {
  font-size: 1.75em;
  line-height: 1em;
  font-weight: 300; }

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

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

fast-navbutton.active[format="tray"] {
  background-color: rgba(193, 79, 74, 0);
  outline-color: #C14F4A !important;
  color: #C14F4A; }

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

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

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

.slider-selection {
  background-color: #2f49ca; }

.slider-handle {
  background-image: linear-gradient(to bottom, #121C4E 0%, #080d25 100%); }

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

.sliderWrapper.lg .slider-handle {
  background-color: #121C4E; }

.sliderWrapper.lg .slider-tick.in-selection {
  background-color: #2f49ca; }

.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: #121C4E !important; }

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

.color-primary2 {
  color: #C14F4A !important; }

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

.color-primary3 {
  color: #efdfd1 !important; }

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

.color-primary4 {
  color: #26328c !important; }

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

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

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

.chartTheme-color-1 {
  color: #f5e3e2;
  background-color: #f5e3e2; }

.chartTheme-color-2 {
  color: #C14F4A;
  background-color: #C14F4A; }

.chartTheme-color-3 {
  color: #c19e4a;
  background-color: #c19e4a; }

.chartTheme-color-4 {
  color: white;
  background-color: white; }

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

.chartTheme-color-6 {
  color: #ebefd1;
  background-color: #ebefd1; }

.chartTheme-color-7 {
  color: #26328c;
  background-color: #26328c; }

/* 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: null !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: 70px 20px 80px 20px; } }

@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: #C14F4A; }

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

@media (max-width: 768px) {
  #appTray {
    background-color: #C14F4A; } }

.appTray-menuButton {
  color: #C14F4A; }

.appTray-menuButton:hover {
  color: #682624; }

fast-navbutton[format="button"].active {
  background-color: #26328c; }

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

fast-navbutton[format="tray"]:hover {
  background-color: rgba(193, 79, 74, 0.05); }

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

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

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

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

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

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

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

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

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

/* General Animation */
@keyframes highlight-fadeOut {
  0% {
    background: none; }
  5% {
    background: rgba(51, 51, 51, 0.3); }
  30% {
    background: rgba(51, 51, 51, 0.3); }
  100% {
    background: none; } }

/* Context Menu */
.context-menu-item.context-menu-hover {
  background-color: #C14F4A; }

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

@media (min-width: 767px) {
  .modal-login-title-wrapper {
    background: #FFF; } }

/* Misc. */
.application-bg {
  background: #efdfd1; }

fast-app-header {
  background: #fff; }

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

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

.breadcrumbBtn {
  background-color: #fff; }

fast-navbutton-next {
  background-color: #C14F4A !important; }

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

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

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

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

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

@media (min-width: 1000px) {
  .modalController .controller-footer .controller-button-previous {
    border-color: #C14F4A;
    color: #C14F4A; }
  .controller-button-previous {
    border-color: #FFF;
    color: #FFF;
    border-width: 1px; }
  .controller-button-previous:hover {
    background-color: #682624 !important;
    color: #fff; }
  .controller-button-previous:hover {
    border-color: rgba(0, 0, 0, 0); }
  .controller-button-next {
    background-color: #C14F4A !important;
    color: #fff; }
  .controller-button-next:hover {
    background-color: #682624 !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: #121C4E; }

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

/* Buttons */
.btn {
  font-size: 12pt; }
  .btn.contained {
    background-color: #26328c;
    color: #fff; }
  .btn.contained:hover {
    background-color: #0b0e28;
    color: #fff; }
  .btn.contained.white {
    background-color: #fff;
    color: #26328c; }
  .btn.text {
    color: #161d50; }
  .btn.text:hover::after {
    background-color: rgba(38, 50, 140, 0.2); }
  .btn.outline {
    border-color: #26328c;
    color: #26328c;
    border-width: 1px; }
  .btn.outline:hover {
    background-color: #0b0e28;
    color: #fff; }
  .btn.outline:hover {
    border-color: rgba(0, 0, 0, 0); }

.controller-additionalButton {
  color: #26328c; }

.tile.light {
  background-color: #ecedee;
  color: #2d324b;
  transition: background-color 0.15s ease-in-out; }

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

/* Input: Standard Button */
input.std + label:before {
  border-color: #333;
  color: #333;
  margin-right: 5px; }

input.std:checked + label:before {
  border-color: #333;
  color: #FFF;
  background-color: #121C4E;
  margin-right: 5px; }

input.std + label {
  color: #333; }

input.std + label:hover:before {
  background-color: rgba(51, 51, 51, 0.6); }

input.std + label:hover::after {
  background-color: rgba(51, 51, 51, 0.5); }

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

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

.toggleButton + label:hover {
  background-color: rgba(193, 79, 74, 0.3); }

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

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

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

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

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

.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: #333; }

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

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

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

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

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

[type='checkbox'].toggleSwitch + label:hover {
  background-color: rgba(51, 51, 51, 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: #b3b3b3; }

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

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

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

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

.input-enclosed.input-dirty:not(:disabled) {
  background-color: rgba(51, 51, 51, 0.15); }

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

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

input:-webkit-autofill {
  background-color: #eee !important;
  color: #333; }

/* Error Styling */
.input-enclosed.error, input[type=text].error, input[type=radio].error + label, input[type=checkbox].error + label {
  color: #b20000 !important;
  border-color: #b20000 !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: whitesmoke;
  font-weight: 700; }

.tableRow.total {
  background-color: gainsboro;
  font-weight: 700; }

.tableRow.subtotal input, .tableRow.total input {
  font-weight: 700; }

fast-row[subtotal] {
  background-color: whitesmoke !important;
  font-weight: 700; }

fast-row[total] {
  background-color: gainsboro !important;
  font-weight: 700; }

fast-row[subtotal] input, fast-row[total] input {
  font-weight: 700; }

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