@import url('/assets/CheckSmart/fonts/definitions.css');
:root {
  --font-family-primary: 'effra-cc','sans-serif','Open Sans';
  --font-family-secondary: 'hwt-artz', 'sans-serif','Open Sans';
  --main-theme-color: #2A9D8E;
  /* Top Nav (primary BG color)*/
  --main-welcome-color: #264653;
  /* H1 Color */
  --main-theme-text: #ffffff;
  /* Text on main-theme-color */
  --body-text-color: #000E14;
  --secondary-theme-color: var(--body-text-color);
  --secondary-welcome-color: var(--body-text-color);
  --table-header-color: var(--main-welcome-color);
  --label-color: var(--body-text-color);
  --ccfi-dark-color: #05453A;
  --btn-disabled-color: #495057;
  --btn-theme-color: #05453A;
  --content-background-color: #EEE;
  --content-foreground-color: #ffffff;
  --container-background-color: #F5F3F1;
  --header-1-color: #264653;
  --btn-primary-normal-bg-color: #05453A;
  --btn-primary-normal-fg-color: #DBFCF8;
  --btn-animation-light-bg-color: #278075;
  --ccfi-button-color: var(--btn-primary-normal-fg-color);
  --form-control-normal-border-color: var(--body-text-color);
  --form-control-focus-border-color: #198274;
  --invalid-red-color: #A7351B;
  --success-green-color: #0A6658;
  --info-color: #264653;
  --button-font-family: var(--font-family-secondary);
  --session-timer-box-bg-color: #EFE5AD;
  --link-color: #198274;
  --checkbox-color: #198274;
}
body {
  font-family: var(--font-family-primary) !important;
}
.content-view .link-theme,
.content-view a:not(.btn):not(.btn-theme),
.content-view a:not([href]) {
  color: var(--link-color);
  text-decoration: underline;
}
.content-view .link-theme:hover,
.content-view a:hover:not(.btn):not(.btn-theme),
.content-view .content-view a:not([href]):hover {
  color: var(--main-theme-color);
  text-decoration: underline;
  cursor: pointer !important;
}
.btn-them[data-next-button] {
  text-transform: uppercase!important;
}
.btn-navbar,
.btn-nav {
  color: #ffffff;
  background: none;
  border: none;
  text-decoration: underline;
}
label {
  /*    &,
    &:not(.mat-checkbox-label):not(.mat-radio-label),
    &.mat-checkbox-label,
    &.mat-radio-label {
        color: var(--label-color);
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }*/
  color: var(--label-color);
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.phone-icon {
  color: #fff;
}
.navbar-color {
  background: var(--main-theme-color) !important;
}
.app-toolbar {
  /*display: none !important;*/
  background: var(--main-theme-color) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 1024px !important;
  margin: 0 auto;
  min-height: 0 !important;
  align-items: baseline;
}
.app-toolbar .right-content a.btn-nav {
  border-radius: 0 !important;
  height: auto;
  border: none !important;
  /*    text-align: center;
    font-size: 12px;
    width: auto;
    margin-right: 12px;*/
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #fff !important;
}
.app-toolbar .right-content a.btn-invert {
  color: #fff !important;
  background: none !important;
  border: none !important;
}
.info-icon-theme {
  color: var(--main-theme-color);
}
.under-nav-color {
  background: none;
  border-bottom: none !important;
}
.app-tool-bar-wrapper {
  /*background: var(--main-theme-color);*/
  background: none;
}
.btn-invert {
  color: #0f7120;
  background: #ffffff;
  border-color: #0f7120;
}
/*
.mat-toolbar-row, .mat-toolbar-single-row {
  padding: 0 0;
}*/
.btn-ccfi {
  color: var(--btn-primary-normal-bg-color);
  background: var(--btn-primary-normal-fg-color);
  /*  border-color: transparent;*/
}
.actions .btn-theme:not(.custom-size):not(.btn-smaller-height):not(.btn-smaller-size),
.body-row .btn-theme:not(.custom-size):not(.btn-smaller-height):not(.btn-smaller-size),
.btn-ideal-size:not(.custom-size):not(.btn-smaller-height):not(.btn-smaller-size) {
  line-height: 50px;
}
.actions .btn-theme.btn-smaller-height:not(.custom-size),
.body-row .btn-theme.btn-smaller-height:not(.custom-size),
.btn-ideal-size.btn-smaller-height:not(.custom-size),
.btn-smaller-height {
  line-height: 36px;
}
.actions .btn-theme:not(.custom-size):not(.btn-smaller-font):not(.btn-smaller-size),
.body-row .btn-theme:not(.custom-size):not(.btn-smaller-font):not(.btn-smaller-size),
.btn-ideal-size:not(.custom-size):not(.btn-smaller-font):not(.btn-smaller-size) {
  font-size: 24px;
}
.actions .btn-theme.btn-smaller-font:not(.custom-size),
.body-row .btn-theme.btn-smaller-font:not(.custom-size),
.btn-ideal-size.btn-smaller-font:not(.custom-size),
.btn-smaller-font {
  font-size: 16px;
}
.btn-smaller-size,
.ccfi-btn-sm {
  font-size: 16px;
  line-height: 36px;
}
.btn-theme:hover {
  color: var(--btn-primary-normal-bg-color);
  background: var(--btn-primary-normal-fg-color);
}
.btn-theme:disabled {
  background: #3e665f;
  color: #a5c8c2;
  border-color: transparent;
}
.footer {
  background-color: var(--main-theme-color);
}
.welcome-color-1 {
  color: var(--main-welcome-color);
}
.welcome-color-2 {
  color: var(--secondary-welcome-color);
}
.table-color {
  background-color: var(--main-theme-color);
  color: #ffffff !important;
}
.table-color-grey {
  background-color: #0963aa;
  color: #fff;
}
.custom-tab > mat-tab-header > div > div > div > .mat-tab-label-active {
  background-color: #ffffff !important;
}
/*input:not([type=radio]):not([type=checkbox]):not([type=button]):not([type=submit]):not([type=file]),
input[type=text], input[type=email], input[type=password], input[type=date], input[type=datetime],
select,*/
input.form-control,
select.form-control,
.form-control input {
  height: 50px;
  font-size: 16px;
  color: var(--body-text-color) !important;
  font-family: var(--font-family-primary) !important;
}
input.form-control:not(.invalid-control):not(.ng-invalid.ng-touched):not(.invaliddate.ng-touched):not(:focus),
select.form-control:not(.invalid-control):not(.ng-invalid.ng-touched):not(.invaliddate.ng-touched):not(:focus),
.form-control input:not(.invalid-control):not(.ng-invalid.ng-touched):not(.invaliddate.ng-touched):not(:focus) {
  border: 1pt solid var(--form-control-normal-border-color) !important;
}
input.form-control.invalid-control:not(:focus),
select.form-control.invalid-control:not(:focus),
.form-control input.invalid-control:not(:focus),
input.form-control.ng-invalid.ng-touched:not(:focus),
select.form-control.ng-invalid.ng-touched:not(:focus),
.form-control input.ng-invalid.ng-touched:not(:focus),
input.form-control.ng-invalid.ng-touched.ng-dirty,
select.form-control.ng-invalid.ng-touched.ng-dirty,
.form-control input.ng-invalid.ng-touched.ng-dirty,
input.form-control.invaliddate.ng-touched:not(:focus),
select.form-control.invaliddate.ng-touched:not(:focus),
.form-control input.invaliddate.ng-touched:not(:focus),
input.form-control.invaliddate.ng-touched.ng-dirty,
select.form-control.invaliddate.ng-touched.ng-dirty,
.form-control input.invaliddate.ng-touched.ng-dirty {
  border: 1pt solid var(--invalid-red-color);
}
input.form-control:not(.ng-invalid.ng-touched.ng-dirty):not(.invaliddate.ng-touched.ng-dirty):focus,
select.form-control:not(.ng-invalid.ng-touched.ng-dirty):not(.invaliddate.ng-touched.ng-dirty):focus,
.form-control input:not(.ng-invalid.ng-touched.ng-dirty):not(.invaliddate.ng-touched.ng-dirty):focus {
  border: 1pt solid var(--form-control-focus-border-color) !important;
}
.header-letter-spacing {
  letter-spacing: 0.07em !important;
}
h1 {
  font-weight: 700;
  font-size: 42px;
  font-family: var(--font-family-secondary) !important;
}
h3 {
  font-weight: normal;
  font-size: 20px;
}
/*div, p, li, td, span, a,*/
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-primary) !important;
}
ul.ul-theme {
  list-style-image: url('/assets/CheckSmart/icons/list-bullet.svg');
  margin-top: 5px;
}
.home-splash-page button {
  font-size: 20px !important;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
  align-items: flex-start !important;
}
.check-mark-icon.bullet {
  color: #264653;
}
.content-view.main {
  background-image: none;
}
.content-view.building {
  background-image: none;
}
/* Used for card background on splash page */
.transparent-white {
  background-color: #FFF;
}
.blue-content-box:not(.error-content-box) {
  background-color: #E5F3FA;
}
.form-field-helper-text {
  color: var(--body-text-color);
}
.snotify-error,
.snotify-success,
.snotify-info {
  background-color: #fff !important;
  color: var(--body-text-color) !important;
}
.snotify-error {
  border: solid 2px var(--invalid-red-color) !important;
}
.snotify-success {
  border: solid 2px var(--success-green-color) !important;
}
.snotify-info {
  border: solid 2px var(--info-color) !important;
}
.snotify-success .snotifyToast__body,
.snotify-info .snotifyToast__body,
.snotify-error .snotifyToast__body,
.snotifyToast__title {
  color: var(--body-text-color) !important;
}
.snotifyToast__body {
  padding-left: 35px;
}
.snotifyToast {
  background-position: 15px 50%;
  background-repeat: no-repeat;
}
.snotify-success {
  background-image: url(/assets/CheckSmart/icons/success-icon.png);
}
.snotify-info {
  background-image: url(/assets/CheckSmart/icons/info-icon.png);
}
.snotify-error {
  background-image: url(/assets/CheckSmart/icons/error-icon.png);
}
.snotify {
  width: 500px !important;
}
.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 500px / 2) !important;
}
.snotify-icon--success,
.snotify-icon--info,
.snotify-icon--error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20width=%2230%22%20height=%2230%22%20fill=%22%23000E14%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,277l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat !important;
}
.snotify-icon {
  top: 35px;
  max-width: 30px;
}
.form-group .notice-theme-error,
.content-row .notice-theme-error,
.body-row .notice-theme-error,
.customer-application .notice-theme-error {
  background-color: #fff4f4 !important;
  color: black !important;
  border-color: #be0000 !important;
}
.responsive-form .validation-error-message:not(:empty) {
  font-size: 16px !important;
  color: var(--invalid-red-color) !important;
  padding-top: 5px;
}
.list-heading {
  text-transform: uppercase;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple,
.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element,
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: var(--checkbox-color) !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--checkbox-color) !important;
}