/* 
* ServiceTitan customer portal's theme 
*/
/* Global rules */
html {
  background-color: #f5f7fa;
  color: #354052;
}
a,
body .card a {
  color: #2f83fc;
  text-decoration: none;
}
a:hover,
body .card a:hover {
  color: #4e96fc;
}
a.disabled,
body .card a.disabled {
  color: #354052;
}
hr,
.hr:before {
  color: #c4cdd5;
  background-color: #c4cdd5;
  border: none;
  height: 2px;
  opacity: .5;
}
.page .card,
.page-inverted .card {
  color: #354052;
}
.page .card:before,
.page-inverted .card:before {
  background-color: white;
  border: 1px solid rgba(53, 64, 82, 0.125);
}
.page-inverted {
  background-color: #354052;
  color: #ffffff;
}
.page-inverted a {
  color: #ffffff;
}
.page-inverted .page-note {
  color: #354052;
}
.gray-text a,
.page-inverted .card .gray-text a,
a.gray-text,
a.page-inverted .card .gray-text {
  color: #354052;
  border-bottom: 1px solid rgba(53, 64, 82, 0.35);
}
.page-inverted .gray-text a,
a.page-inverted .gray-text {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}
.theme-gradient-background {
  background: linear-gradient(#2f83fc, #3bb1fc);
}
.theme-gradient-background.error-background {
  background: linear-gradient(#ff8518, #ffb826);
}
body .page-header {
  background-color: white;
}
.page-header .logo-text,
.page-footer .logo-text {
  color: #5d5d5d;
  border-color: rgba(53, 64, 82, 0.25);
}
.mobile-view .page-toolbar-title {
  background: transparent;
}
.mobile-view #upperFooter {
  background-color: white;
}
.mobile-view #lowerFooter {
  background-color: rgba(127, 127, 127, 0.1);
}
.mobile-view.anonymous-payments .page-topping {
  box-shadow: 0 1px 3px 0 rgba(127, 127, 127, 0.2);
}
.mobile-view.anonymous-payments .page-toolbar-title {
  background-color: white;
}
.desktop-view .page-toolbar-title {
  background-color: transparent;
}
.desktop-view .page-footer {
  background-color: rgba(127, 127, 127, 0.1);
}
.invoice-footer {
  background: linear-gradient(to bottom, rgba(245, 247, 250, 0) 0, #f5f7fa 1.5rem, #f5f7fa 100%);
}
.error,
.page-error,
.page-error a {
  color: #dc3d0f;
  background-color: #fcece7;
}
.page-note,
.page-note a {
  color: currentColor;
  background-color: #d2f1f7;
}
.mobile-view .page-inverted .error,
.mobile-view .page-inverted .page-error {
  color: #354052;
  background-color: transparent;
}
/* Buttons */
body .MuiButton-root,
body .card .MuiButton-root {
  color: white;
  background-color: #2f83fc;
  border-radius: 3px;
  box-shadow: none !important;
}
body .MuiButton-root:hover,
body .card .MuiButton-root:hover {
  background-color: #2f83fc;
}
body .MuiButton-root.MuiButton-raisedPrimary,
body .card .MuiButton-root.MuiButton-raisedPrimary {
  background-color: #2f83fc;
  color: white;
}
body .MuiButton-root.MuiButton-raisedSecondary,
body .card .MuiButton-root.MuiButton-raisedSecondary {
  background-color: #ff8518;
  color: white;
}
body .MuiButton-root.warn,
body .card .MuiButton-root.warn {
  background-color: #dc3d0f;
  color: white;
}
body .MuiButton-root[disabled],
body .card .MuiButton-root[disabled] {
  background-color: #c4cdd5 !important;
  color: white !important;
  opacity: 0.5;
}
.page-inverted .MuiButton-root {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid white;
}
.page-inverted .MuiButton-root.MuiButton-raisedPrimary {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid white;
}
.page-inverted .MuiButton-root[disabled] {
  background-color: transparent !important;
  opacity: 0.5;
}
.page-inverted .MuiButton-root:active {
  background-color: white;
  color: #2f83fc;
}
/* Inputs */
body input,
.page-inverted .card input,
body option,
.page-inverted .card option,
body select,
.page-inverted .card select,
body textarea,
.page-inverted .card textarea,
body label,
.page-inverted .card label,
body .MuiTypography-root,
.page-inverted .card .MuiTypography-root {
  color: #354052;
}
body .MuiInputLabel-formControl,
.page-inverted .card .MuiInputLabel-formControl {
  color: rgba(53, 64, 82, 0.5);
}
body .MuiInput-underline:before,
.page-inverted .card .MuiInput-underline:before {
  height: 2px;
  background-color: rgba(53, 64, 82, 0.2) !important;
}
body .MuiInput-underline:after,
.page-inverted .card .MuiInput-underline:after {
  background-color: #2f83fc !important;
}
body .MuiInput-error:after,
.page-inverted .card .MuiInput-error:after {
  background-color: #dc3d0f !important;
}
body .MuiSelect-icon,
.page-inverted .card .MuiSelect-icon {
  color: #354052;
}
body .MuiInput-focused .MuiSelect-icon,
.page-inverted .card .MuiInput-focused .MuiSelect-icon {
  color: #2f83fc;
}
body .MuiFormLabel-focused,
.page-inverted .card .MuiFormLabel-focused {
  color: #2f83fc;
}
body .MuiFormLabel-error,
.page-inverted .card .MuiFormLabel-error {
  color: #dc3d0f;
}
body .endAdornment a,
.page-inverted .card .endAdornment a {
  color: #607d8b;
}
.page-inverted input,
.page-inverted option,
.page-inverted select,
.page-inverted textarea,
.page-inverted label,
.page-inverted .MuiTypography-root {
  color: #ffffff;
}
.page-inverted .MuiInputLabel-formControl {
  color: rgba(255, 255, 255, 0.8);
}
.page-inverted .MuiInput-underline:before {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.page-inverted .MuiInput-underline:after {
  background-color: #ffffff !important;
}
.page-inverted .MuiSelect-icon {
  color: #ffffff;
}
.page-inverted .MuiInput-focused .MuiSelect-icon {
  color: #ffffff;
}
.page-inverted .MuiFormHelperText-error {
  color: #354052;
}
.page-inverted .card .MuiFormHelperText-error {
  color: #dc3d0f;
}
.page-inverted .endAdornment a {
  color: #ffffff;
}
/* Checkbox and radio */
body .MuiCheckbox-default,
.page-inverted .card .MuiCheckbox-default,
body .MuiRadio-default,
.page-inverted .card .MuiRadio-default {
  color: rgba(53, 64, 82, 0.5);
}
body .MuiRadio-checked,
.page-inverted .card .MuiRadio-checked {
  color: #1fbad6 !important;
  fill: currentColor;
}
.page-inverted .MuiCheckbox-default,
.page-inverted .MuiRadio-default {
  color: rgba(255, 255, 255, 0.5);
}
.page-inverted .MuiRadio-checked {
  color: rgba(255, 255, 255, 0.5) !important;
}
.MuiCheckbox-disabled,
.MuiFormControlLabel-disabled {
  opacity: .5;
}
.MuiFormControlLabel-disabled .MuiCheckbox-disabled {
  opacity: 1;
}
.MuiRadio-default {
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
.search-bar .input {
  background-color: #c4cdd5;
  box-shadow: inset 0 0 0 1000px rgba(53, 64, 82, 0.05);
}
.locatioins-list .chevron {
  color: #1fbad6;
}
.history .locations-panel .location-wrapper.selected {
  background: linear-gradient(to right, rgba(231, 236, 243, 0) 0%, #e7ecf3 100%);
}
.history .locations-panel .location-wrapper.selected:after {
  border: solid transparent;
  border-left-color: #e7ecf3;
}
/* 
* Per-tenant style overrides
*/