/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/colors.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mdc-snackbar-supporting-text-color: #fff;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mdc-icon-button-state-layer-size: 40px;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.30);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mdc-checkbox-selected-icon-color: #5db1eb;
  --mdc-checkbox-selected-hover-icon-color: #5db1eb;
  --mdc-checkbox-selected-focus-icon-color: #5db1eb;
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-menu-container-color:#4395ce;
  --mat-menu-item-hover-state-layer-color: #75b6e3;
  --mat-menu-container-shape: 0.75em;
  --mat-menu-item-label-text-color: #fff;
  --mat-menu-item-label-text-font: "Roboto";
  --mat-menu-item-label-text-size: 13px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/styles.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mdc-snackbar-supporting-text-color: #fff;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mdc-icon-button-state-layer-size: 40px;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.30);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mdc-checkbox-selected-icon-color: #5db1eb;
  --mdc-checkbox-selected-hover-icon-color: #5db1eb;
  --mdc-checkbox-selected-focus-icon-color: #5db1eb;
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-menu-container-color:#4395ce;
  --mat-menu-item-hover-state-layer-color: #75b6e3;
  --mat-menu-container-shape: 0.75em;
  --mat-menu-item-label-text-color: #fff;
  --mat-menu-item-label-text-font: "Roboto";
  --mat-menu-item-label-text-size: 13px;
}

/* base elements redefinition */
html,
body {
  height: 100%;
  width: 100%;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  background: #ececef;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

body {
  position: relative;
  margin: 0;
}

button {
  border: none;
  text-decoration: none;
  line-height: 1;
  color: #fff;
  text-align: center;
}

button:hover,
button:active,
button:visited,
button:focus {
  border: none;
  outline: none;
}

a {
  color: #2182c6;
  cursor: pointer;
  text-decoration: none;
}

b {
  font-weight: 500;
}

html,
body {
  height: 100%;
  font-size: 14px;
}

body {
  margin: 0;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

[hidden] {
  display: none !important;
}

app-root {
  min-height: 100%;
  display: flex;
}

.uppercase {
  text-transform: uppercase;
}

h5 {
  font-weight: 500;
}

@media (max-width: 991px) {
  body {
    font-size: 0.95em;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/forms.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mdc-snackbar-supporting-text-color: #fff;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mdc-icon-button-state-layer-size: 40px;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.30);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mdc-checkbox-selected-icon-color: #5db1eb;
  --mdc-checkbox-selected-hover-icon-color: #5db1eb;
  --mdc-checkbox-selected-focus-icon-color: #5db1eb;
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-menu-container-color:#4395ce;
  --mat-menu-item-hover-state-layer-color: #75b6e3;
  --mat-menu-container-shape: 0.75em;
  --mat-menu-item-label-text-color: #fff;
  --mat-menu-item-label-text-font: "Roboto";
  --mat-menu-item-label-text-size: 13px;
}

form {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding: 1em 2em;
}
form input,
form textarea,
form .mat-mdc-select {
  font-family: Roboto;
  font-size: 1em;
  border-radius: 0.5em;
  border: 1px solid #d9d9d9;
  background: #ececef;
  outline: 0;
  flex: 1;
  height: 24px;
  padding: 4px 10px;
  min-width: 0;
}
form .mat-mdc-select {
  display: flex;
}
form input[type=file] {
  cursor: pointer;
}
form input.disabled {
  color: rgba(0, 0, 0, 0.38);
}
form label[required]:after,
form h3[required]:after {
  content: " *";
  color: #ee1c24;
}
form .title-outer {
  display: flex;
  justify-content: center;
  margin-bottom: 1em;
}
form .title-outer .form-title {
  text-transform: uppercase;
  color: #2182c6;
  margin-bottom: 1em;
  font-size: 1.1em;
  font-weight: 500;
}
form .form-section-title {
  padding: 2em 2.5em 1em 2.5em;
}
form .form-section-title h3 {
  margin: 0;
  font-size: 1.1em;
  color: #282828;
  font-weight: 400;
}
form .decimal-input {
  text-transform: uppercase;
}
form .reset-button {
  position: relative;
  font-size: 1.4em;
  top: 2px;
  left: -15px;
  margin-left: -6px;
  color: #282828;
  cursor: pointer;
}
form .form-section {
  margin: 1.5em 0em;
  background: #fdfdfd;
  border-radius: 0.3em;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 12px;
}
form .form-section ng-scrollbar {
  max-height: calc(100vh - 326px);
  --scrollbar-thumb-color: #d3d3d3;
  --scrollbar-padding: 5px;
}
form .form-section .flex-row {
  margin: 1em 0em;
  display: flex;
  flex-flow: wrap;
  align-items: center;
}
form .form-section .flex-row .flex-col {
  padding: 0;
}
form .form-section .flex-row label,
form .form-section .flex-row input,
form .form-section .flex-row .value,
form .form-section .flex-row textarea,
form .form-section .flex-row .mat-select,
form .form-section .flex-row p,
form .form-section .flex-row mat-checkbox {
  flex: 1;
}
form .form-section .flex-row label {
  padding: 0.5em 0em;
  color: #282828;
}
form .form-section .flex-row h5 {
  padding: 0em;
  margin: 0em;
  color: #282828;
  font-size: 1em;
}
form .form-section .flex-row h5.red {
  color: #ee1c24;
}
form .form-section .flex-row h5.error {
  color: #ee1c24;
  font-size: 0.9em;
  font-weight: 400;
}
form .form-section .flex-row .bike-ids-outer {
  font-family: Roboto;
  font-size: 1em;
  border-radius: 0.5em;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  background: #fdfdfd;
  outline: 0;
  width: 100%;
  height: 705px;
  position: relative;
}
form .form-section .flex-row .bike-ids-outer input,
form .form-section .flex-row .bike-ids-outer textarea {
  background: #ececef;
}
form .form-section .flex-row .bike-ids-outer textarea {
  height: 22px;
  resize: none;
}
form .form-section .flex-row .bike-ids-outer .assign-title {
  padding: 0.5em 1.5em;
  background: #d3e8f7;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  margin: 0;
}
form .form-section .flex-row .bike-ids-outer .search {
  display: flex;
  justify-content: center;
  margin: 1em;
}
form .form-section .flex-row .bike-ids-outer .search img {
  width: 1.3em;
  margin: 0em 1em;
  cursor: pointer;
}
form .form-section .flex-row .bike-ids-outer .selected-counter {
  margin: 0em 1.5em;
}
form .form-section .flex-row .bike-ids-outer .id-list {
  height: 402px;
  background: #ececef;
  border: 1px solid #d9d9d9;
  margin: 1em;
  border-radius: 0.5em;
}
form .form-section .flex-row .bike-ids-outer .id-list ng-scrollbar {
  max-height: 402px;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el {
  display: flex;
  align-items: center;
  padding: 0.3em 1.25em;
  border-bottom: 1px solid #d9d9d9;
  text-overflow: ellipsis;
  overflow: hidden;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el mat-checkbox {
  margin-right: 0.5em;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el .remove-bike {
  margin-left: auto;
  display: flex;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el .remove-bike img {
  width: 1em;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el input {
  margin-right: 1em;
  background: #fff;
}
form .form-section .flex-row .bike-ids-outer .id-list .id-list-el .name {
  max-width: 310px;
  text-overflow: ellipsis;
  overflow: hidden;
}
form .form-section .flex-row .bike-ids-outer .id-list.current {
  height: 546px;
}
form .form-section .flex-row .bike-ids-outer .id-list.current ng-scrollbar {
  max-height: 546px;
}
form .form-section .flex-row .bike-ids-outer .bottom-element {
  margin: 2em 1em 1em 1em;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item {
  display: flex;
  margin: 1em 0em;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item textarea {
  flex: 2.5;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item .add-to-list-icon {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #75c0f5;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  border-radius: 0.5em;
  margin-left: 0.5em;
  cursor: pointer;
  font-size: 13px;
  position: relative;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item .add-to-list-icon img:first-child {
  width: 0.6em;
  transform: rotate(270deg);
  margin: 0em 0.4em;
  margin-bottom: 0.6em;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item .add-to-list-icon .arrow-line {
  position: absolute;
  color: #fff;
  margin-left: -1.9em;
  font-weight: 700;
  font-size: 1.2em;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-item .add-to-list-icon img:last-child {
  width: 1.5em;
  margin: 0em 0.4em;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file {
  display: flex;
  align-items: center;
  background: #75c0f5;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  border-radius: 0.5em;
  height: 35px;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file input {
  background: transparent;
  border: 0;
  border-right: 1px solid #d3d3d3;
  border-radius: 0;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file label {
  text-align: center;
  color: #fff;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file .drop-here {
  background: #2182c6;
  color: #fff;
  display: none;
  height: 100%;
  width: 100%;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file.fileover {
  background: #c3dcf0;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .add-to-list-icon:hover,
form .form-section .flex-row .bike-ids-outer .bottom-element .upload-file:hover {
  background: #5db1eb;
}
form .form-section .flex-row .bike-ids-outer .bottom-element button {
  margin: 0;
  width: 50%;
  background: #ababab;
  font-weight: 400;
}
form .form-section .flex-row .bike-ids-outer .bottom-element button.delete-button {
  width: 100%;
  cursor: default;
}
form .form-section .flex-row .bike-ids-outer .bottom-element button.active {
  background: #75c0f5;
  cursor: pointer;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .buttons button.add-row {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 2px solid #d9d9d9;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .buttons button.add-file {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
form .form-section .flex-row .bike-ids-outer .bottom-element .desc {
  padding: 0.9em 0em;
  text-align: center;
  font-size: 0.9em;
}
form .form-section .flex-row .edit-field {
  height: 1em;
  margin-left: 1em;
  cursor: pointer;
}
form .form-section .flex-row.no-margin {
  margin: 0;
}
form .form-section .flex-row.center {
  padding-top: 1em;
  text-align: center;
}
form .form-section .flex-row.double-selector-row {
  align-items: start;
}
form .form-section .flex-row.double-selector-row .double-selector {
  display: flex;
  flex: 2;
  min-width: 0;
}
form .form-section .flex-row.double-selector-row .double-selector mat-select:first-child {
  margin-right: 1em;
}
form .form-section .flex-row.double-selector-row label {
  margin-right: -10px;
}
form .form-section .flex-row.double-selector-row label.extended-label {
  padding-right: 36px;
  padding: 4px 10px;
  margin-right: 16px;
}
form .form-section .flex-row.assign-bikes-title {
  display: block;
  margin: 0em;
}
form .form-section .flex-row.assign-bikes-title label {
  display: flex;
  flex-direction: column;
  background: #fdfdfd;
  padding: 1em;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  border-radius: 0.5em;
  width: fit-content;
}
form .form-section .flex-row.assign-bikes-title label .assign-bikes-detail {
  display: flex;
  padding: 0.1em 0em;
}
form .form-section .flex-row.assign-bikes-title label b {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0.3em;
  font-weight: 500;
}
form .form-section .form-section.table {
  margin: 2em;
  box-shadow: rgba(149, 157, 165, 0.17) 0px 0px 6px;
}
form .form-section .form-section.table .flex-row {
  background: #ececef;
}
form .form-section .table .flex-row {
  background: #fdfdfd;
  border-bottom: 1px solid #ececef;
  margin: 0;
  padding: 0.65em 1em;
  min-height: 32px;
}
form .form-section .table .flex-row.no-border {
  border-bottom: 0;
  border-bottom-right-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}
form .form-section .table .flex-row.header {
  margin: 0;
  background: #d3e8f7;
  border-bottom: 1px solid #ececef;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  padding: 0.8em 1em;
}
form .form-section .table .flex-row.header .flex-col {
  -webkit-user-select: none;
          user-select: none;
}
form .form-section .table .flex-row.header .order-icon {
  font-size: 0.85em;
  padding-left: 0.1em;
}
form .form-section .table .flex-row.header .flex-col.bold {
  font-weight: 500;
}
form .form-section .table .flex-row.header .flex-col.clickable {
  cursor: pointer;
}
form .form-section .table .flex-row:last-child {
  border-bottom: none;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
form .form-section .table .flex-col {
  padding: 0em 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
form .form-section .table .flex-col button {
  margin: 0;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
form .form-section .table .flex-col button .plus-icon {
  padding-right: 0.4em;
  font-size: 1.35em;
}
form .form-section .table .flex-col mat-datepicker-toggle button {
  width: 32px;
}
form .form-section .table .flex-col mat-datepicker-toggle button:hover {
  background: #d3e8f7;
}
form .form-section .table .flex-drop-outer .flex-row:first-child {
  border-radius: 0;
  background: #ececef;
}
form .form-section .table .flex-drop-outer .flex-row {
  cursor: move;
}
form .form-section .table .flex-drop-outer .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
form .form-section .table .flex-drop-outer.disabled {
  pointer-events: none;
}
form .form-section .table .flex-drop-outer.disabled .flex-row {
  cursor: default;
}
form .form-section .table .cdk-drag-placeholder {
  opacity: 0;
}
form .form-section .table .cdk-drop-list-dragging .flex-row:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
form .form-section .table .flex-col.modify-icons {
  display: flex;
  justify-content: center;
}
form .form-section .table .flex-col.modify-icons .icon-outer {
  flex: 1;
  display: flex;
  align-items: center;
}
form .form-section .table .flex-col.modify-icons .icon-element-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ececef;
  border-radius: 0.5em;
  height: 100%;
  width: 100%;
  margin: 0em 0.3em;
  max-width: 35px;
}
form .form-section .table .flex-col.modify-icons img {
  width: 1.2em;
  cursor: pointer;
  border-radius: 0.6em;
  padding: 0.5em;
}
form .form-section .table .flex-col.modify-icons .icon-element-outer:hover {
  background: #d9d9d9;
}
form .form-section .table .flex-col.modify-icons img.locked-icon {
  width: auto;
  height: 1.2em;
}
form .form-section .table .flex-col.modify-icons .inactive {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
form .form-section .table app-loading-animation {
  padding: 10em 46%;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: #fdfdfd;
}
form .form-section .table mat-checkbox {
  display: flex;
  height: 20px;
}
form .form-section .top-margin {
  margin-top: 4em;
}
form .form-section .rule-title {
  background: #c3dcf0;
  padding: 1em 2em;
  width: fit-content;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
form .inactive-with-popup {
  cursor: default;
  opacity: 0.5;
}
form .form-section.table {
  background: transparent;
}
form .form-section.table flex-row {
  background: #fdfdfd;
}
form .form-section-function {
  margin-bottom: -0.5em;
  margin-top: 2em;
}
form .form-section-function .flex-row {
  display: flex;
}
form .form-section-function .flex-row button {
  height: 36px;
  display: flex;
  align-items: center;
}
form .form-section-function .flex-row button.button-with-icon {
  margin-left: 0.5em;
}
form .form-section-function .flex-row button.button-with-icon img {
  width: 1em;
  margin-right: 1em;
}
form .form-section-function .flex-row .downloading-csv {
  display: flex;
  align-items: center;
  width: 95px;
  margin: 0em 0.5em;
  color: #2182c6;
}
form .form-section-function .flex-row .downloading-csv:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  /* ascii code for the ellipsis character */
  width: 0px;
}
@keyframes ellipsis {
  to {
    width: 20px;
  }
}
form .form-section-function .flex-row .row-to-right {
  margin-left: auto;
  display: flex;
}
form .form-section-function .flex-row .search-outer {
  display: flex;
  align-items: center;
}
form .form-section-function .flex-row .search-outer small {
  display: flex;
  align-items: center;
  background: #d9d9d9;
  height: 36px;
  padding: 0em 1em;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  box-shadow: rgba(149, 157, 165, 0.04) 0px 3px 13px;
}
form .form-section-function .flex-row .search-outer mat-select,
form .form-section-function .flex-row .search-outer .search-by-one {
  height: 24px;
  align-items: center;
  display: flex;
  border-radius: 0.5em;
  border: 1px solid #d9d9d9;
  width: 115px;
  background: #fff;
  margin-right: 1em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 0.9em;
  padding: 5px 8px;
  box-shadow: rgba(149, 157, 165, 0.04) 0px 3px 13px;
}
form .form-section-function .flex-row .search-outer .search-input {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
  background: #fff;
  height: 20px;
  border-radius: 0.5em;
  height: 34px;
  box-shadow: rgba(149, 157, 165, 0.04) 0px 3px 13px;
  position: relative;
}
form .form-section-function .flex-row .search-outer .search-input .search-list {
  border: 0;
  box-shadow: none;
  background: transparent;
  padding-left: 0.8em;
  padding-right: 2.2em;
  width: 100px;
  font-size: 13px;
}
form .form-section-function .flex-row .search-outer .search-input .clear-icon {
  position: absolute;
  right: 2em;
  font-size: 1.7em;
  font-weight: 300;
  top: 0;
  cursor: pointer;
}
form .form-section-function .flex-row .search-outer .search-icon-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 2.75em;
  background: #d3e8f7;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
}
form .form-section-function .flex-row .search-outer .search-icon-outer .search-icon {
  height: 1.2em;
}
form .form-section-function .flex-row .search-outer .search-icon-outer:hover {
  background: #c7e8ff;
}
form .form-section-function .row-to-right button {
  margin-left: 1.1em;
}
form .form-section-function .row-to-right button img {
  filter: brightness(100);
  width: 1.2em;
}
form .form-section .table {
  background: none;
}
form .flex-outer {
  display: flex;
  min-width: 0;
}
form .flex-outer .flex-col {
  flex: 1;
  padding: 2em 2.5em;
  min-width: 0;
}
form .flex-outer .flex-col .select-in-form {
  display: flex;
}
form .flex-outer .large-col {
  flex: 3;
}
form .flex-outer .x-large-col {
  flex: 4;
}
form .flex-outer .medium-col {
  flex: 2;
}
form .flex-outer .small-col {
  flex: 0.25;
}
form .flex-outer .short-col {
  max-width: 4em;
}
form .flex-outer .add-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0.5;
  padding: 0;
}
form .flex-outer .add-col .add-outer {
  padding: 1.5em 1em;
  background: #75c0f5;
  color: #fff;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  border-radius: 0.5em;
  cursor: pointer;
  margin: 1.5em 0em;
}
form .flex-outer .add-col .add-outer img {
  width: 1.2em;
}
form .flex-outer .add-col .add-outer img.reverse-icon {
  transform: rotate(180deg);
}
form .flex-outer .add-col .add-outer h5 {
  margin-bottom: 0;
  margin-top: 0.5em;
  font-weight: 500;
}
form .flex-outer .add-col .add-outer:hover {
  background: #5db1eb;
}
form .flex-outer .add-col .add-bike-counter {
  padding-top: 1em;
}
form .flex-column {
  flex-direction: column;
}
form .one-col {
  padding-right: 50%;
}
form .grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
form .mat-mdc-checkbox-ripple,
form .mdc-checkbox__ripple {
  display: none;
}
form mat-checkbox.last-selected .mat-checkbox-inner-container {
  outline: 2px solid #ccc;
}
form mat-selection-list.row-basis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
form button {
  font-family: Roboto;
  padding: 0.7em 1.5em;
  border-radius: 0.5em;
  background: #75c0f5;
  box-shadow: rgba(117, 192, 245, 0.15) 0px 8px 24px;
  outline: 0;
  cursor: pointer;
}
form button:hover {
  background: #5db1eb;
}
form .form-section-send {
  display: flex;
  margin: 2em auto;
}
form .form-section-send button {
  font-size: 1.1em;
  margin: 0em 0.8em;
}
form .form-section-send button.back-button {
  background: #fdfdfd;
  color: #5db1eb;
  box-shadow: rgba(117, 192, 245, 0.3) 0px 0px 9px;
}
form .form-section-send.inactive button:not(.back-button) {
  pointer-events: none;
  filter: grayscale(1);
  cursor: default;
}
form .plus-icon {
  font-size: 1.5em;
  padding-right: 0.5em;
}
form .mat-list-base .mat-list-option {
  font-size: 14px;
}
form .mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
  padding-left: 9px;
}
form .mat-checkbox,
form .mat-list-base .mat-list-item .mat-list-item-content,
form .mat-list-base .mat-list-option .mat-list-item-content {
  padding-left: 0px;
  padding-right: 20px;
}
form .pagination {
  display: flex;
  margin: 1.5em 1em 0.5em 1em;
}
form .pagination app-pagination {
  display: flex;
  flex: 1;
}
form .pagination .pagination-text {
  display: grid;
  align-content: center;
  color: #282828;
}
form .pagination pagination-controls {
  margin-left: auto;
}
form .pagination pagination-controls pagination-template ul {
  margin: 0;
  padding: 0;
}
form .pagination pagination-controls pagination-template ul li,
form .pagination pagination-controls pagination-template ul li a {
  border-radius: 4px;
}
form .pagination pagination-controls pagination-template ul .current {
  background: #5db1eb;
}
form .chips-row {
  display: flex;
  flex-flow: wrap;
}
form .chips-row .chips-name {
  display: flex;
  margin: 0.8em 1em 0.8em 0em;
  background: #8cb6d3;
  color: #fff;
  padding: 0.5em 0.6em;
  border-radius: 0.5em;
}
form .chips-row .chips-name .remove {
  margin-left: 8px;
  font-size: 1.8em;
  font-weight: 300;
  justify-content: center;
  margin-top: -3px;
  cursor: pointer;
}
form .add-chips {
  padding-top: 0.5em;
}
form .add-chips mat-select {
  width: 90%;
}
form .add-chips input {
  width: 90%;
  height: 20px;
}
form .add-chips .error {
  margin-left: 1em;
}
form .add-chips button {
  padding: 0.9em 2em;
  height: 36px;
}
form hr {
  border-top: 1px solid #d3d3d3;
  border-bottom: 0;
  margin: 0em 2.5em;
}
form h5.bottom-error {
  font-size: 1em;
  font-weight: 500;
  text-align: center;
  margin: 1em 0em;
}
form h5.table-title {
  margin-bottom: 0em;
  font-size: 1em;
  font-weight: 400;
  margin-left: 1em;
}

.form-row-description {
  flex: 1;
}

.mdc-list-item--with-leading-checkbox .mdc-list-item__start {
  margin-right: 0px !important;
}

form:not(.view-mode) .form-section.table {
  margin-top: 1em;
  margin-bottom: 0em;
}

.customize-dropdown {
  position: absolute;
  z-index: 1000;
  margin-top: 2.8em;
  background: #fff;
  border-radius: 0.5em;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
  border: 1px solid #d9d9d9;
  font-size: 13px;
}
.customize-dropdown .mat-list-base .mat-list-item,
.customize-dropdown .mat-list-base .mat-list-option {
  height: 2em;
}
.customize-dropdown mat-selection-list.row-basis {
  display: flex;
  flex-direction: column;
}
.customize-dropdown .mat-list-base .mat-list-option {
  font-size: 13px;
}

div.mat-mdc-select-panel {
  margin-left: -10px;
  margin-top: 4px;
  padding: 0 !important;
}

div.mat-mdc-select-panel.panel-search-by {
  font-size: 13px;
  margin-left: -8px;
  margin-top: 5px;
}
div.mat-mdc-select-panel.panel-search-by mat-option {
  padding: 0px 10px;
  min-height: 40px;
}

mat-selection-list.panel-customize mat-list-option.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line {
  height: 28px;
}

.view-mode input,
.view-mode textarea,
.view-mode mat-select {
  pointer-events: none;
  background: transparent;
  border: none;
  resize: none;
}
.view-mode .mat-mdc-select-arrow-wrapper {
  display: none;
}
.view-mode textarea {
  min-height: auto !important;
}

form#rollout-details-form .form-section .table mat-checkbox label {
  margin-top: 0;
}

.mat-expansion-indicator {
  display: flex;
}

.red {
  color: #ee1c24;
}

.orange {
  color: #f5663a;
}

.green {
  color: #55c43a;
}

.edit-animation {
  margin-top: 15em;
}

.datepicker input {
  pointer-events: none;
}

.cdk-drag-preview {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  padding: 1em;
  background: #d3e8f7;
}
.cdk-drag-preview .flex-col {
  flex: 1;
  padding: 0em 1em;
}

button.inactive {
  cursor: default;
  pointer-events: none;
  background: #b1b1b1;
  box-shadow: none;
}

input.inactive,
textarea.inactive,
mat-select.inactive {
  pointer-events: none;
  background: transparent;
  border: none;
  resize: none;
}
input.inactive .mat-mdc-select-arrow-wrapper,
textarea.inactive .mat-mdc-select-arrow-wrapper,
mat-select.inactive .mat-mdc-select-arrow-wrapper {
  display: none;
}

.snackbar-error {
  color: #fff !important;
  background: #ee1c24 !important;
}

.mat-mdc-menu-item {
  min-height: 38px !important;
}

/** angular-material-components/datetime-picker/ */
.mat-datepicker-toggle .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 6px;
  width: 34px;
  box-shadow: none;
}
.mat-datepicker-toggle button:hover,
.mat-datepicker-toggle button:active {
  background: #fff;
}

mat-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-form-field [matformfieldlineripple] {
  display: none;
}
mat-form-field .mdc-text-field--filled {
  border-radius: 0.5em;
}
mat-form-field .mat-mdc-form-field-icon-suffix {
  padding: 0 4px;
}

.datepicker.inactive .mat-datepicker-toggle {
  pointer-events: none;
}

.mat-calendar {
  background: #fff;
}
.mat-calendar .mat-calendar-body-cell {
  color: #2182c6;
}
.mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content {
  color: #000;
}
.mat-calendar .mat-calendar-body-cell .mat-calendar-body-selected {
  color: #fff;
}
.mat-calendar .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  background: none;
  color: #b1b1b1;
  border: 1px solid #b1b1b1;
}
.mat-calendar .mat-calendar-table {
  color: #5a5a5a;
}
.mat-calendar .mat-calendar-table-header th {
  font-weight: 400;
}

.mat-mdc-floating-label.mdc-floating-label,
.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label,
.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  pointer-events: none;
}

.mdc-floating-label--float-above {
  margin-top: 3px;
}

.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input {
  padding-top: 15px;
}

.configtool-tooltip .mdc-tooltip__surface {
  padding: 0.5em;
  --mdc-plain-tooltip-container-color: #2182c6;
  color: #fff;
  border-radius: 3px;
}

.success-snackbar {
  --mdc-snackbar-container-color: #2182c6;
  margin-left: 293px !important;
  margin-bottom: 12px !important;
}
.success-snackbar .mdc-snackbar__surface {
  min-width: auto !important;
  max-width: none !important;
}

.mat-mdc-option.mdc-list-item {
  background: #fff;
}

@media (max-width: 991px) {
  .success-snackbar {
    margin-left: 156px !important;
  }
}
@media (min-width: 1400px) {
  .mat-mdc-menu-content {
    width: 140px;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/css/dialog.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
  --mdc-snackbar-supporting-text-color: #fff;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mdc-icon-button-state-layer-size: 40px;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.30);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
  --mdc-checkbox-selected-icon-color: #5db1eb;
  --mdc-checkbox-selected-hover-icon-color: #5db1eb;
  --mdc-checkbox-selected-focus-icon-color: #5db1eb;
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-menu-container-color:#4395ce;
  --mat-menu-item-hover-state-layer-color: #75b6e3;
  --mat-menu-container-shape: 0.75em;
  --mat-menu-item-label-text-color: #fff;
  --mat-menu-item-label-text-font: "Roboto";
  --mat-menu-item-label-text-size: 13px;
}

.mat-mdc-dialog-container .mdc-dialog__title {
  background: #2182c6;
  --mdc-dialog-subhead-color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2em;
  --mdc-dialog-subhead-weight: 500;
  font-size: 15px !important;
}

.mat-mdc-dialog-container .mdc-dialog__content {
  --mdc-dialog-supporting-text-color: #000;
}
.mat-mdc-dialog-container .mdc-dialog__content b {
  font-weight: 500;
}

.mat-mdc-dialog-component-host .mdc-dialog__title + .mdc-dialog__content,
.mat-mdc-dialog-component-host .mdc-dialog__header + .mdc-dialog__content,
.mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content {
  padding-top: 2em !important;
  max-width: 500px;
  text-align: center;
}

.mdc-dialog__actions {
  padding: 0 !important;
}
.mdc-dialog__actions button {
  font-family: "Roboto";
  text-transform: uppercase;
  font-size: 15px;
  transition: 0.2s;
  height: 100%;
  margin: auto;
  display: flex;
  padding: 0;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 42px;
  line-height: 42px;
  background: #2182c6;
  cursor: pointer;
  font-weight: 500;
}
.mdc-dialog__actions button:last-child {
  border-left: 1px solid #8cb6d3;
}

/*# sourceMappingURL=styles.css.map*/